:root{--shadow:0 18px 50px rgba(68,43,29,.07)}
:focus-visible{outline:3px solid #a8754e;outline-offset:4px}
.hero-photo{object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:28px;height:550px;padding:12px}
.hero{padding-top:64px}.hero h1{font-size:clamp(2.6rem,5.2vw,4.8rem)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.product-image{height:250px;background:#fff;object-fit:contain;padding:14px}
.product-content{padding:22px}.product-content h3{font-size:1.6rem}.product-content p{font-size:.95rem}
.add-btn{width:auto;height:42px;border-radius:999px;padding:0 15px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.add-btn span{font-size:1.3rem}.product-card{border-radius:22px}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:20px}
.photo-grid figure{margin:0;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.photo-grid img{width:100%;height:260px;display:block;object-fit:contain;padding:18px;background:#fff}
.photo-grid figcaption{font-family:Georgia,serif;font-size:1.25rem;padding:0 22px 22px}
.cart-link{white-space:nowrap}.cart-count{min-width:24px;height:24px;border-radius:50%;background:#fff3e3;color:var(--brown);display:inline-grid;place-items:center;font-size:.8rem}
.cart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.text-button{border:0;background:none;color:#765139;text-decoration:underline;cursor:pointer;font:inherit;font-size:.8rem;padding:6px 0}
.qty-btn{width:34px;height:34px;font-size:1rem}.qty-btn:disabled{opacity:.4;cursor:default}
.cart-item-controls{gap:12px}.remove-item{margin-top:4px}.order-error{padding:14px;border-radius:12px;background:#fae6e3;color:#85372b;font-size:.9rem}.order-error[hidden]{display:none}
.form-help{margin:4px 0 0}.mobile-cart{display:none}.section-kicker{color:#8a5c37}
@media(max-width:1040px){.nav-links{gap:12px}.nav-links a{font-size:.8rem}.product-image{height:230px}.hero-photo{height:470px}}
@media(max-width:760px){body{padding-bottom:76px}.nav>.cart-link{display:inline-flex;margin-left:auto;padding:10px 12px;font-size:.8rem}.brand-name{font-size:1rem}.brand-mark{height:38px;width:38px}.brand{gap:8px}.nav{gap:9px}.hero{padding-top:30px}.hero-photo{height:430px}.hero h1{font-size:3rem}.photo-sticker{left:8px;bottom:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:180px;padding:8px}.product-content{padding:15px}.product-content h3{font-size:1.25rem}.product-content p{font-size:.85rem}.price-row{align-items:start;flex-direction:column;gap:12px}.add-btn{width:100%;justify-content:center}.brownie-grid .product-image{height:250px}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:280px}.mobile-cart{display:flex;position:fixed;bottom:12px;left:14px;right:14px;z-index:35;border-radius:16px;background:var(--brown);color:#fff;padding:15px;text-decoration:none;font-size:.86rem;gap:5px;align-items:center;box-shadow:var(--shadow)}.mobile-cart strong{margin-left:auto;white-space:nowrap}.mobile-cart .cart-count{width:auto;height:auto;min-width:0;background:none;color:inherit}.whatsapp-float{bottom:84px}.cart-panel,.order-panel{padding:20px}.cart-heading{align-items:start}.cart-heading h3{font-size:1.4rem}}
@media(max-width:390px){.brand-sub{letter-spacing:.1em}.brand-name{font-size:.88rem}.nav>.cart-link{font-size:.75rem;padding:9px}.mobile-menu{width:34px;height:34px;flex-shrink:0}.product-grid{grid-template-columns:1fr}.price-row{flex-direction:row;align-items:center}.add-btn{width:auto}.product-image{height:240px}.hero-photo{height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.announcement .icon{width:16px;height:16px;margin-right:7px;vertical-align:-3px}
.benefit-icon,.delivery-icon{color:var(--caramel);display:inline-flex;align-items:center}
.benefit-icon .icon{width:28px;height:28px}.delivery-icon .icon{width:32px;height:32px}
.hero-notes .icon{width:16px;height:16px;color:var(--green)}
.btn .icon,.add-btn .icon{width:17px;height:17px}.cart-link .icon{width:18px;height:18px}
.whatsapp-float{display:inline-flex;align-items:center;gap:8px}.whatsapp-float .icon{width:22px;height:22px}
.mobile-cart .icon{width:20px;height:20px;margin-right:5px}

.brand-logo{display:block;width:230px;height:auto;max-width:100%;object-fit:contain}
.brand-footer .brand-logo{width:260px;filter:brightness(0) invert(1)}
@media(max-width:760px){.brand-logo{width:156px}.brand-footer .brand-logo{width:230px}}
@media(max-width:390px){.brand-logo{width:120px}.cart-link .icon{display:none}.nav>.cart-link{gap:6px}}

/* Preserve the supplied sticker pixels; crop only its displayed monogram. */
.brand-monogram{display:block;position:relative;overflow:hidden;flex:0 0 58px;width:58px;height:58px;background:#faf7f0;border-radius:8px}
.brand-monogram img{position:absolute;width:230%;height:230%;max-width:none;left:-65%;top:-65%;object-fit:contain}
.brand-wordmark{display:block;color:#171411;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;line-height:1.2;letter-spacing:.12em;white-space:nowrap}
.brand-wordmark small{display:block;font-size:9px;letter-spacing:.38em;margin-top:7px}
.brand-footer .brand-wordmark{color:#fff6ed}
.brownie-flavor{margin:0 0 16px}.brownie-flavor select{font-size:.85rem;padding:10px;max-width:100%}
@media(max-width:760px){.brand-monogram{flex-basis:40px;width:40px;height:40px}.brand-wordmark{font-size:12px;letter-spacing:.08em}.brand-wordmark small{font-size:7px;letter-spacing:.26em;margin-top:5px}.brand-footer .brand-monogram{flex-basis:52px;width:52px;height:52px}.brand-footer .brand-wordmark{font-size:17px}}
@media(max-width:390px){.brand-monogram{flex-basis:32px;width:32px;height:32px}.brand-wordmark{font-size:10px}.brand-wordmark small{font-size:6px}.nav>.cart-link{padding:8px;font-size:.72rem}}

.cookie-box-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#fffaf5;border:1px solid var(--line);border-radius:24px;padding:24px}
.cookie-box-photo{margin:0}.cookie-box-photo img{display:block;width:100%;height:470px;object-fit:contain;border-radius:16px;background:#fff}.cookie-box-photo figcaption{font-size:.76rem;color:var(--muted);margin-top:10px}
.cookie-box-config h3{font-size:2rem}.cookie-box-config>p{color:var(--muted);font-size:.9rem}
.cookie-box-options{border:0;padding:0;margin:20px 0}.cookie-box-options legend{font-weight:700;font-size:.9rem;margin-bottom:12px}
.cookie-box-option{display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:15px;margin:10px 0;background:#fff}
.cookie-box-option:has(input:checked){border-color:var(--caramel);box-shadow:0 0 0 1px var(--caramel);background:#fcf2e6}
.cookie-box-option input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--brown)}.cookie-box-option span{flex:1}.cookie-box-option strong{display:block;font-size:1rem}.cookie-box-option small{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.cookie-box-option b{font-size:1rem;white-space:nowrap}.cookie-box-option em{display:inline-block;font-size:.65rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;background:var(--brown);color:#fff;padding:4px 7px;margin-left:6px}
.cookie-box-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center}
@media(max-width:760px){.cookie-box-layout{grid-template-columns:1fr;gap:22px;padding:16px}.cookie-box-photo img{height:300px}.cookie-box-option{padding:12px;gap:9px}.cookie-box-bottom{align-items:stretch;flex-direction:column}.cookie-box-option strong{font-size:.9rem}.cookie-box-option small{font-size:.72rem}}

.brownie-family{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:24px;margin:24px 0;background:#fff}
.brownie-reference{margin:0}.brownie-reference img{width:100%;height:auto;display:block;object-fit:contain;border-radius:14px;background:#fff}.brownie-reference figcaption{color:var(--muted);font-size:.76rem;margin-top:10px}
.brownie-family-options h3{font-size:2rem}.brownie-family-options>p{color:var(--muted);font-size:.9rem}.brownie-family-options .field{margin-top:20px}.brownie-family-options .form-help{font-weight:400}.brownie-family [hidden]{display:none!important}
@media(max-width:760px){.brownie-family{grid-template-columns:1fr;gap:22px;padding:16px}.brownie-family-options h3{font-size:1.65rem}.brownie-family .btn{white-space:normal}}

.nav-socials{display:flex;align-items:center;gap:4px}.nav-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;border-radius:50%;color:var(--brown)}.nav-socials .icon{width:19px;height:19px}.nav-socials a:hover{background:#f3e8da}.nav-socials a:focus-visible{outline:2px solid var(--brown);outline-offset:2px}
#promociones .promo-grid{grid-template-columns:1fr 1fr}
@media(max-width:760px){#promociones .promo-grid{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1100px){.nav-links{gap:8px;font-size:.75rem}.nav-socials a{min-width:32px}.brand-wordmark{font-size:14px}.brand-monogram{flex-basis:46px;width:46px;height:46px}}
@media(max-width:760px){.nav-socials{justify-content:center;gap:12px}.nav-socials a{min-width:44px}}