/* Identidad ddlstudio: crema, dulce de leche, arena y cacao. */
.product-carousel{gap:20px}.hero-slide{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.carousel-photo{display:grid;place-items:center;border:0;border-radius:160px 160px 20px 20px;background:radial-gradient(ellipse at center,#fffdf7,#e5cba4);padding:30px;width:100%;height:340px;overflow:hidden}.carousel-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.carousel-info{display:grid;gap:8px;text-align:center;padding:20px 5px 0}.carousel-category{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#dbb788}.carousel-title{font:26px/1.2 Georgia,serif;background:none;border:0;color:#f7e4c7;padding:0;cursor:pointer}.carousel-price{color:#efc78f;font-size:16px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1}.carousel-controls[hidden]{display:none}.carousel-arrow,.carousel-pause{background:transparent;border:1px solid #a57946;color:#f2d7b2;min-width:42px;min-height:42px;border-radius:50%}.carousel-arrow:hover,.carousel-pause:hover{background:#89532055}.carousel-pause{border-radius:24px;font-size:10px;padding:0 14px}.slide-count{font-size:10px;letter-spacing:2px;color:#dfbc8c}.carousel-empty{color:#efd5ab;text-align:center;padding:40px 10px}@media(max-width:600px){.product-carousel{min-height:520px!important}.carousel-photo{height:270px;padding:24px;border-radius:110px 110px 14px 14px}.carousel-title{font-size:23px}.carousel-controls{gap:15px}.carousel-info{padding-top:18px}}
:root{--ink:#3c1c0b;--muted:#80634c;--paper:#f5eee3;--gold:#a65317;--line:#ddc9b2;--sage:#e5d6bf}
body{background:var(--paper)}
.preview{background:#e9dbc6;color:#67472b}.announcement{background:#321707;color:#f2dbc0;letter-spacing:2px;padding-top:10px;padding-bottom:10px}
header{padding-top:15px;padding-bottom:15px;background:#f5eee3}.logo{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.logo img{width:88px;height:82px;object-fit:contain;filter:drop-shadow(0 3px 3px #6e340d18)}
nav{letter-spacing:.5px}nav a:hover{color:#a65317}.cart-button{border-color:#ccb08b;color:var(--ink)}.cart-button span{background:#6d350f}
.hero{min-height:660px;border-bottom:1px solid var(--line)}.hero-copy{background:radial-gradient(ellipse at 15% 15%,#fffbf2 0,transparent 70%),#eee0ca;padding-top:55px;padding-bottom:38px}.eyebrow{color:#88521f;letter-spacing:2.2px}h1{font-size:clamp(48px,5.1vw,77px);line-height:1.08;letter-spacing:-2.8px;margin-top:24px}h1 em{color:#a65317}h2{font-weight:400}.hero-copy p{color:#77563c;max-width:350px}.primary{border-radius:32px;background:linear-gradient(120deg,#65300e,#3a1a08);border-color:#62310f;padding:15px 25px;box-shadow:0 5px 15px #6f390b12}.primary:hover{background:#80400f}.hero-note{display:flex;align-items:center;gap:10px;letter-spacing:1.6px;color:#916338;font-size:8px;margin-top:30px}.hero-note span{font:25px Georgia,serif}
.hero-art{background:radial-gradient(ellipse at 52% 43%,#75400e 0%,#3e1e09 45%,#210e04 100%);padding:35px 40px;color:#efd5ab;isolation:isolate}.edition{font-size:9px;color:#dfbb88;letter-spacing:2.2px}.orbit{border-color:#dcaa6130;left:0;top:1%;width:600px;height:600px}.orbit-two{left:-10%;top:-8%;width:740px;height:740px}.brand-stage{position:relative;z-index:1;display:grid;place-items:center;flex:1;padding:25px 0 15px}.brand-stage img{width:92%;height:auto;max-height:400px;object-fit:contain;filter:drop-shadow(0 20px 22px #16070070)}.art-caption{font-size:30px;text-align:center;margin-bottom:5px;color:#f0d6ae}.art-caption em{color:#d49b54}.art-caption span{font-size:8px;letter-spacing:2.5px;color:#d7ac76;margin-top:20px}
.benefits{background:#f0e5d5;padding-top:28px;padding-bottom:28px}.benefits>div>span{color:#9c622c}.benefits strong{color:#583013}.benefits p{color:#886a50}.catalog{background:#fbf7ef}.search{border-color:#c4a681}input::placeholder{color:#947c65}.categories button{border-color:#dcc6ac}.categories button[aria-pressed=true]{background:#63300e;border-color:#63300e}.product-image{background:radial-gradient(ellipse at 50% 35%,#fcf8f0,#eee2cf);border-radius:90px 90px 12px 12px}.product-image img{mix-blend-mode:multiply}.product-title{color:#4c260f}.product-category{color:#88603b}.add{border-color:#cba779;color:#784010}.add:hover{background:#6b350f}.price{color:#68320e}.badge{border-radius:20px;background:#f7eddf;color:#794514}.product-image .placeholder{color:#ab8454}.empty{background:#f0e5d5;border-radius:15px}
.closing{background:radial-gradient(ellipse at center,#f1e3cb,#e3cfb0);position:relative;padding:50px 20px 60px}.closing-drop{width:72px;height:68px;object-fit:contain;margin-bottom:22px}.closing h2{color:#53280e}.closing em{color:#a25a22}.closing a{border-color:#9b6531;color:#65320f}footer{background:#321707;color:#ecd5b8}footer p{font:19px/1.5 Georgia,serif;color:#e4c49c}footer p span{font:11px 'Segoe UI',sans-serif;color:#c8a780}footer small{color:#d5b691;max-width:230px}dialog{border-color:#cfb28e;border-radius:20px;background:#fbf6ed}dialog::backdrop{background:#29120585}.notice{background:#ecddc6;border-radius:12px}.toast{background:#54280d;border-radius:30px}
@media(min-width:1500px){body{background:#e9ddca}}
@media(max-width:900px){h1{font-size:57px}.hero-copy{padding:45px 8%}.hero-art{padding:28px 22px}.brand-stage img{width:100%;max-height:340px}.art-caption{font-size:26px}.logo img{width:76px;height:72px}}
@media(max-width:600px){header{padding:12px 6%}.logo img{width:70px;height:65px}.hero-copy{padding:38px 7% 35px}h1{font-size:55px;letter-spacing:-2px}.hero-copy p{max-width:100%}.hero-note{display:flex;margin-top:23px}.hero-art{min-height:430px;padding:25px 7%}.brand-stage{padding:20px 0}.brand-stage img{width:70%;max-height:280px}.edition{font-size:8px}.art-caption{font-size:27px}.art-caption span{margin-top:16px}.product-image{border-radius:65px 65px 8px 8px}.closing h2{font-size:33px}footer{justify-items:center;text-align:center;gap:12px}footer p{font-size:18px;margin:0}footer small{max-width:none}.announcement{font-size:8px}.benefits{padding:24px 7%}}
