html{background:#f8f5ef} body.site-body{background:#f8f5ef}
/* Mangla Bakers custom stylesheet — LOCAL ASSET */
:root{--coffee:#3E2723;--coffee-2:#2a1a17;--gold:#D4AF37;--gold-2:#b58f22;--cream:#FAF3E0;--cream-2:#F4EBDD;--white:#fff;--ink:#292321;--muted:#746d69;--line:rgba(62,39,35,.10);--shadow:0 18px 55px rgba(62,39,35,.11);--shadow-sm:0 8px 25px rgba(62,39,35,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit}section{scroll-margin-top:82px}.scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:var(--gold);z-index:9999;box-shadow:0 0 14px rgba(212,175,55,.7)}
.text-coffee{color:var(--coffee)!important}.text-gold{color:var(--gold)!important}.btn-coffee{background:var(--coffee);color:var(--gold);border:0}.btn-coffee:hover{background:var(--coffee-2);color:#fff}.btn-gold{background:var(--gold);color:var(--coffee);border:0;font-weight:800}.btn-gold:hover{background:#fff;color:var(--coffee)}.btn-outline-coffee{color:var(--coffee);border:1px solid var(--coffee);background:transparent}.btn-outline-coffee:hover{color:#fff;background:var(--coffee)}
.announcement-bar{background:var(--gold);color:var(--coffee);font-size:.78rem;font-weight:700;letter-spacing:.15px}.announcement-bar .container{min-height:38px}.announcement-bar a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.announcement-dot{opacity:.55}
.bakery-navbar{background:rgba(62,39,35,.965);box-shadow:0 8px 24px rgba(0,0,0,.15);backdrop-filter:blur(16px);transition:padding .25s ease,background .25s ease}.bakery-navbar.scrolled{background:rgba(42,26,23,.985)}.bakery-brand{display:inline-flex;align-items:center;gap:9px;min-height:58px;color:var(--gold)!important;text-decoration:none}.brand-script{font-family:'Great Vibes',cursive;font-size:2.05rem;line-height:1}.bakery-brand small{display:block;margin-top:17px;color:rgba(255,255,255,.5);font-size:.48rem;text-transform:uppercase;letter-spacing:1.35px;font-weight:700}.brand-logo{width:auto;height:46px;max-width:190px;object-fit:contain}.bakery-navbar .nav-link{color:rgba(255,255,255,.76)!important;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.bakery-navbar .nav-link:hover,.bakery-navbar .nav-link.active{color:var(--gold)!important}.nav-gold-btn{border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:8px 18px;font-size:.74rem;font-weight:800}.nav-gold-btn:hover{background:var(--gold);color:var(--coffee)}
.hero{position:relative;min-height:78vh;display:grid;place-items:center;background-image:var(--hero-image,linear-gradient(135deg,#5a3b32,#2a1a17));background-size:cover;background-position:center;background-attachment:fixed;color:#fff;isolation:isolate;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,18,13,.86),rgba(32,18,13,.54),rgba(32,18,13,.35));z-index:-2}.hero-grain{position:absolute;inset:-50%;opacity:.07;z-index:-1;background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px),radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 1px);background-size:23px 23px,31px 31px;transform:rotate(8deg)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--cream));z-index:-1}.hero-content{padding:90px 20px 80px;max-width:980px}.hero h1{margin:19px 0 16px;max-width:820px;font-family:Merriweather,serif;font-size:clamp(2.65rem,6vw,5.25rem);line-height:1.06;text-wrap:balance}.hero p{max-width:720px;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.8}.hero-pill{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:.71rem;font-weight:800;letter-spacing:1.1px}.hero-actions{margin-top:30px}.hero-primary-btn{background:var(--gold);color:var(--coffee);border:0;border-radius:999px;padding:13px 24px;font-weight:800;box-shadow:0 12px 24px rgba(212,175,55,.18);transition:transform .25s ease,box-shadow .25s ease}.hero-primary-btn:hover{background:#fff;color:var(--coffee);transform:translateY(-3px);box-shadow:0 18px 34px rgba(255,255,255,.12)}.hero-ghost-btn{border:1px solid rgba(255,255,255,.38);color:#fff;border-radius:999px;padding:13px 24px;font-weight:700;background:rgba(255,255,255,.05)}.hero-ghost-btn:hover{background:#fff;color:var(--coffee)}.hero-note{margin-top:31px;display:flex;flex-wrap:wrap;gap:18px;color:rgba(255,255,255,.74);font-size:.75rem}.hero-note i{color:var(--gold);margin-right:5px}.floating-note{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:rgba(255,255,255,.075);backdrop-filter:blur(15px);box-shadow:0 25px 70px rgba(0,0,0,.18);animation:float 5s ease-in-out infinite}.floating-note-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--gold);color:var(--coffee);font-size:1.25rem}.floating-note small{display:block;color:rgba(255,255,255,.5);font-size:.62rem;text-transform:uppercase;letter-spacing:1.2px}.floating-note strong{display:block;margin-top:4px;line-height:1.35;font-family:Merriweather,serif;font-size:.91rem}.hero-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px rgba(212,175,55,.75);animation:spark 4s ease-in-out infinite}.spark-1{top:21%;right:13%}.spark-2{top:67%;left:9%;animation-delay:1.3s}.spark-3{top:32%;right:34%;animation-delay:2.1s}
.trust-strip{background:var(--coffee);color:#fff}.trust-row{border-top:1px solid rgba(255,255,255,.05)}.trust-item{display:flex;align-items:center;gap:12px;padding:22px 17px;border-right:1px solid rgba(255,255,255,.08)}.trust-item:last-child{border-right:0}.trust-item>i{font-size:1.35rem;color:var(--gold)}.trust-item strong{display:block;font-size:.82rem}.trust-item span{display:block;color:rgba(255,255,255,.53);font-size:.67rem;margin-top:2px}
.section-pad{padding:92px 0}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h2,.section-title{margin:0 0 13px;color:var(--coffee);font-family:Merriweather,serif;font-weight:800;font-size:clamp(2rem,4vw,3.25rem);line-height:1.16}.section-heading p,.section-copy{color:var(--muted);font-size:.92rem;line-height:1.85}.eyebrow{display:inline-block;margin-bottom:10px;color:#8a6d25;font-size:.68rem;font-weight:800;letter-spacing:2.2px}.eyebrow-gold{color:var(--gold)}.text-link{color:var(--coffee);font-size:.84rem;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(62,39,35,.25);padding-bottom:4px}.text-link:hover{color:#8a6d25}
.category-section{background:linear-gradient(180deg,var(--cream),#fff9ec)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-tile{position:relative;display:flex;align-items:center;gap:14px;min-height:128px;padding:20px;border-radius:22px;background:var(--coffee);color:#fff;text-decoration:none;border:1px solid rgba(212,175,55,.48);overflow:hidden;transition:transform .28s ease,background .28s ease,color .28s ease}.category-tile:before{content:"";position:absolute;right:-25px;bottom:-35px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(212,175,55,.18)}.category-tile:hover{color:var(--coffee);background:var(--gold);transform:translateY(-6px)}.category-tile:hover:before{border-color:rgba(62,39,35,.17)}.category-tile-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:15px;background:rgba(212,175,55,.13);color:var(--gold);font-size:1.3rem}.category-tile:hover .category-tile-icon{background:rgba(62,39,35,.12);color:var(--coffee)}.category-tile span{font-size:.61rem;letter-spacing:1px;opacity:.5}.category-tile h3{margin:3px 0 5px;font-family:Merriweather,serif;font-size:1rem}.category-tile p{margin:0;max-width:190px;color:rgba(255,255,255,.61);font-size:.66rem;line-height:1.55}.category-tile:hover p{color:rgba(62,39,35,.68)}.tile-arrow{margin-left:auto;opacity:.45}
.featured-section{background:#fffaf2}.product-card,.menu-product-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;height:100%;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}.product-card:hover,.menu-product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(212,175,55,.34)}.product-media{position:relative;display:block;overflow:hidden;aspect-ratio:1/.96;background:var(--cream-2)}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-media img{transform:scale(1.07)}.product-badges{position:absolute;top:13px;left:13px;right:13px;display:flex;flex-wrap:wrap;gap:6px}.product-badges span{background:var(--gold);color:var(--coffee);border-radius:999px;padding:6px 9px;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.65px;box-shadow:0 8px 15px rgba(62,39,35,.12)}.product-price-float{position:absolute;right:12px;bottom:12px;background:#fff;color:var(--coffee);border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.11)}.product-body{display:flex;flex-direction:column;flex:1;padding:18px}.product-meta{color:#9a8250;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.product-card h3,.menu-product-card h3{font-family:Merriweather,serif;color:var(--coffee);font-size:.99rem;line-height:1.4;margin:7px 0 7px}.product-card p,.menu-product-card p{color:#777;font-size:.72rem;line-height:1.65;margin-bottom:14px}.product-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto}.product-foot del{display:block;color:#b0a6a0;font-size:.7rem}.product-foot small{display:block;color:#8d837d;font-size:.67rem;margin-top:3px}.stock-dot{display:inline-flex;align-items:center;gap:5px;color:#3f8d60;font-size:.59rem;font-weight:900;text-transform:uppercase}.stock-dot i{font-size:.42rem}.stock-dot.off{color:#a46b61}.product-order-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:12px;padding:11px 13px;border-radius:999px;border:0;background:var(--coffee);color:var(--gold);font-size:.7rem;font-weight:800;transition:.2s}.product-order-btn:hover{background:var(--gold);color:var(--coffee);transform:translateY(-1px)}.product-disabled{width:100%;margin-top:12px;border-radius:999px;background:#eeeae5;color:#9c938d;font-size:.7rem;font-weight:800}.empty-catalog{padding:56px 22px;border:1px dashed rgba(62,39,35,.2);border-radius:28px;text-align:center;background:rgba(255,255,255,.55)}.empty-catalog>i{color:var(--gold);font-size:3rem}.empty-catalog h3{margin:12px 0 5px;font-family:Merriweather,serif;color:var(--coffee)}.empty-catalog p{color:var(--muted);margin-bottom:18px;font-size:.82rem}
.story-section{background:#fff}.story-image-wrap{position:relative;padding-right:27px}.story-image{width:100%;height:530px;border-radius:30px 4px 30px 4px;background:linear-gradient(135deg,#69473c,#3e2723) center/cover;box-shadow:22px 22px 0 var(--gold);background-image:var(--story-image)}.story-badge{position:absolute;right:0;bottom:32px;max-width:190px;background:var(--coffee);color:#fff;border-radius:18px;padding:15px 17px;box-shadow:var(--shadow)}.story-badge strong{display:block;color:var(--gold);font-size:.88rem}.story-badge span{display:block;color:rgba(255,255,255,.63);margin-top:3px;font-size:.67rem}.lead-copy{color:var(--muted);line-height:1.9;font-size:.9rem}.story-points{display:grid;gap:14px;margin:28px 0}.story-points>div{display:flex;gap:12px;align-items:flex-start}.story-points>div>i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:50%;background:var(--cream-2);color:var(--coffee);font-size:.68rem}.story-points strong,.story-points small{display:block}.story-points strong{color:var(--coffee);font-size:.8rem}.story-points small{color:var(--muted);font-size:.72rem;line-height:1.55;margin-top:2px}
.occasion-section{background:var(--cream)}.dark-panel{background:var(--coffee);color:#fff;border-radius:30px;padding:44px;box-shadow:var(--shadow);overflow:hidden;position:relative}.dark-panel:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(212,175,55,.18)}.dark-panel h2{max-width:700px;font-family:Merriweather,serif;font-size:clamp(1.9rem,3.7vw,3.1rem);line-height:1.18;margin:0 0 14px}.dark-panel p{max-width:650px;color:rgba(255,255,255,.65);font-size:.84rem;line-height:1.8}.mini-list-card{height:100%;padding:30px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.mini-list-item{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.mini-list-item:last-child{border-bottom:0}.mini-list-item span{color:#aa966a;font-size:.62rem;font-weight:900}.mini-list-item strong{flex:1;color:var(--coffee);font-size:.78rem}.mini-list-item i{color:#a18a54}
.testimonial-section{background:#fffaf1}.testimonial-card{height:100%;padding:28px;background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s ease}.testimonial-card:hover{transform:translateY(-5px)}.stars{color:var(--gold);letter-spacing:2px;font-size:.76rem}.testimonial-card>p{color:#6f6964;line-height:1.8;font-size:.8rem;margin:18px 0 22px}.testimonial-person{display:flex;align-items:center;gap:10px}.testimonial-person>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--coffee);color:var(--gold);font-weight:900;font-size:.7rem}.testimonial-person strong,.testimonial-person small{display:block}.testimonial-person strong{color:var(--coffee);font-size:.8rem}.testimonial-person small{color:#9a928d;font-size:.64rem;margin-top:2px}
.suggest-section{background:linear-gradient(135deg,var(--coffee),#54362e);position:relative;overflow:hidden}.suggest-section:before{content:"";position:absolute;width:450px;height:450px;right:-190px;top:-190px;border-radius:50%;border:1px solid rgba(212,175,55,.13)}.light-title{color:#fff;font-family:Merriweather,serif;font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.16}.light-copy{max-width:650px;color:rgba(255,255,255,.64);font-size:.9rem;line-height:1.8}.suggest-card{position:relative;padding:27px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:28px;backdrop-filter:blur(14px)}.suggest-card label{display:block;margin:0 0 6px;color:rgba(255,255,255,.65);font-size:.66rem;text-transform:uppercase;letter-spacing:1px;font-weight:800}.suggest-card .form-control{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff;border-radius:15px;padding:.8rem .9rem;box-shadow:none}.suggest-card .form-control::placeholder{color:rgba(255,255,255,.36)}.suggest-card .form-control:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}
.contact-section{background:#fff}.contact-card{border-radius:28px;padding:29px;background:var(--cream)}.contact-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid rgba(62,39,35,.08)}.contact-row>i{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--coffee);box-shadow:0 5px 16px rgba(62,39,35,.06)}.contact-row small,.contact-row strong{display:block}.contact-row small{color:#968e89;font-size:.66rem;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.contact-row strong{color:var(--coffee);margin-top:3px;font-size:.8rem}.contact-row a{text-decoration:none}.delivery-note{display:flex;gap:10px;padding-top:17px;color:#6e6662;font-size:.73rem;line-height:1.7}.delivery-note i{color:#9a7b2e;font-size:1.08rem}.map-card{height:100%;min-height:420px;overflow:hidden;border-radius:28px;background:#efe7da;box-shadow:var(--shadow-sm)}.map-card iframe{width:100%;height:100%;min-height:420px;border:0;display:block}.map-placeholder{height:100%;min-height:420px;display:grid;place-items:center;align-content:center;padding:25px;text-align:center;color:#867e76}.map-placeholder i{font-size:3rem;color:var(--gold)}.map-placeholder h3{font-family:Merriweather,serif;color:var(--coffee);margin:14px 0 5px}.map-placeholder p{margin:0;font-size:.76rem}
.site-footer{background:var(--coffee);color:#fff;padding:62px 0 28px;border-top:4px solid var(--gold)}.footer-brand-script{font-family:'Great Vibes',cursive;font-size:3.1rem;line-height:1;color:var(--gold);margin-bottom:14px}.site-footer h6{color:#fff;font-size:.73rem;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:14px}.site-footer a:not(.text-link){display:block;width:fit-content;color:rgba(255,255,255,.62);text-decoration:none;font-size:.75rem;margin-bottom:8px}.site-footer a:hover{color:var(--gold)}.footer-social{display:flex;gap:8px}.footer-social a{width:39px;height:39px;display:grid!important;place-items:center;border-radius:50%;background:rgba(212,175,55,.12);color:var(--gold)!important;margin:0!important}.footer-bottom{display:flex;justify-content:space-between;gap:16px;color:rgba(255,255,255,.43);font-size:.67rem}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:2000;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;background:#1fb866;color:#fff;text-decoration:none;box-shadow:0 14px 32px rgba(31,184,102,.28);font-size:.73rem;font-weight:800;transition:transform .2s ease}.floating-whatsapp:hover{color:#fff;transform:translateY(-3px)}.floating-whatsapp i{font-size:1.15rem}
.menu-hero{padding:90px 0 76px;background:linear-gradient(135deg,var(--coffee),#5a3b32);color:#fff;border-bottom:4px solid var(--gold)}.menu-hero h1{margin:18px 0 10px;font-family:Merriweather,serif;font-size:clamp(2.5rem,6vw,4.4rem)}.menu-hero p{color:rgba(255,255,255,.7);max-width:680px;margin:0;line-height:1.8;font-size:.9rem}.menu-page-wrap{padding-bottom:90px}.menu-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:-30px;margin-bottom:8px;padding:12px 13px;border-radius:22px;background:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--line);position:relative;z-index:2}.search-box{flex:1;display:flex;align-items:center;gap:9px}.search-box i{color:#a29289;margin-left:7px}.search-box input{border:0;outline:0;width:100%;font-size:.82rem;padding:10px 4px}.search-box button{border:0;border-radius:999px;background:var(--coffee);color:var(--gold);font-weight:800;padding:10px 18px;font-size:.74rem}.sort-box{display:flex;align-items:center;gap:8px;padding-left:15px;border-left:1px solid var(--line)}.sort-box label{color:#8f8780;font-size:.68rem;font-weight:700}.sort-box select{border:0;outline:0;background:transparent;color:var(--coffee);font-weight:800;font-size:.75rem}.category-scroll{display:flex;gap:8px;overflow-x:auto;padding:19px 0 8px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;text-decoration:none;border:1px solid rgba(62,39,35,.13);background:rgba(255,255,255,.72);color:var(--coffee);border-radius:999px;padding:8px 14px;font-size:.71rem;font-weight:800}.category-chip:hover,.category-chip.active{background:var(--coffee);color:var(--gold);border-color:var(--coffee)}.menu-result-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0 24px;color:#867d77;font-size:.72rem}.menu-result-line strong{color:var(--coffee)}.menu-detail{display:flex;gap:6px;align-items:flex-start;color:#8d817a;font-size:.65rem;line-height:1.5;margin-bottom:12px}.menu-detail i{color:#9e852f}.menu-bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;border-radius:30px;background:var(--coffee);color:#fff;box-shadow:var(--shadow)}.menu-bottom-banner h2{margin:0 0 8px;font-family:Merriweather,serif;font-size:clamp(1.8rem,4vw,2.75rem)}.menu-bottom-banner p{color:rgba(255,255,255,.67);margin:0;max-width:650px;line-height:1.7;font-size:.84rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.05s}.delay-2{transition-delay:.12s}.delay-3{transition-delay:.18s}.delay-4{transition-delay:.24s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes spark{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:991.98px){.category-grid{grid-template-columns:repeat(2,1fr)}.story-image{height:430px}.trust-item:nth-child(2){border-right:0}.hero{background-attachment:scroll}.map-card,.map-card iframe{min-height:360px;height:360px}}
@media(max-width:767.98px){.announcement-bar .container{padding-top:8px;padding-bottom:8px}.announcement-bar .container>*{font-size:.65rem}.announcement-dot{display:none}.hero{min-height:82vh}.hero-content{padding-top:74px;padding-bottom:70px}.hero h1{font-size:clamp(2.25rem,12vw,3.6rem)}.hero p{font-size:.88rem}.hero-note{justify-content:flex-start;max-width:330px;margin:28px auto 0}.section-pad{padding:67px 0}.category-grid{grid-template-columns:1fr}.dark-panel{padding:30px}.cta-card,.menu-bottom-banner{flex-direction:column;align-items:flex-start;padding:30px}.footer-bottom{flex-direction:column}.floating-whatsapp{right:13px;bottom:13px;padding:12px 14px}.menu-toolbar{flex-direction:column;align-items:stretch;margin-top:-22px}.sort-box{border-left:0;border-top:1px solid var(--line);padding:11px 4px 0}.map-card,.map-card iframe{min-height:300px;height:300px}.story-image{box-shadow:13px 13px 0 var(--gold)}.story-image-wrap{padding-right:12px}.story-badge{right:-3px}.product-body{padding:15px}}
@media(max-width:430px){.hero-actions .btn{width:100%}.feature-grid{grid-template-columns:1fr}.floating-whatsapp span{display:none}.search-box button{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.floating-note,.hero-spark{animation:none}.product-card:hover,.menu-product-card:hover,.category-tile:hover{transform:none}}

/* =========================================================
   LIQUID GLASS POLISH + CATEGORY GRID FIX
   Apple-inspired glass surfaces while keeping Mangla's
   brown / gold / cream palette.
   ========================================================= */

/* The previous category grid mixed CSS Grid with Bootstrap's .row/.col
   sizing, which squeezed every card to a tiny width. Bootstrap's flex row
   is the correct layout here. */
.category-grid{
  display:flex !important;
  flex-wrap:wrap;
  gap:0;
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:1.5rem;
}
.category-grid > [class*="col-"]{
  width:50%;
  flex:0 0 50%;
  min-width:0;
}
@media(min-width:992px){
  .category-grid > .col-lg-4{
    width:33.333333%;
    flex-basis:33.333333%;
  }
}
.category-tile{
  min-height:188px;
  width:100%;
  padding:24px;
  align-items:flex-start;
  border-radius:28px;
  border:1px solid rgba(212,175,55,.42);
  background:
    radial-gradient(circle at 18% 8%, rgba(212,175,55,.16), transparent 35%),
    linear-gradient(145deg, rgba(75,45,39,.98), rgba(53,32,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 40px rgba(62,39,35,.12);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .35s ease, background .35s ease;
}
.category-tile::after{
  content:"";
  position:absolute;
  left:-35%;
  top:-55%;
  width:72%;
  height:70%;
  background:radial-gradient(circle, rgba(255,255,255,.12), transparent 68%);
  transform:rotate(-18deg);
  pointer-events:none;
}
.category-tile > div:nth-child(2){
  min-width:0;
  flex:1 1 auto;
  position:relative;
  z-index:1;
}
.category-tile-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border-radius:18px;
  background:rgba(212,175,55,.13);
  border:1px solid rgba(212,175,55,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 25px rgba(0,0,0,.10);
  position:relative;
  z-index:1;
}
.category-tile span{font-size:.62rem; letter-spacing:1.4px; color:rgba(255,255,255,.48)}
.category-tile h3{font-size:clamp(1.06rem,1.8vw,1.32rem); margin:5px 0 8px;}
.category-tile p{max-width:255px; font-size:.74rem; line-height:1.7; color:rgba(255,255,255,.64)}
.category-tile .tile-arrow{
  position:relative;
  z-index:1;
  margin-left:auto;
  margin-top:3px;
  font-size:1rem;
  opacity:.62;
}
.category-tile:hover{
  color:var(--coffee);
  transform:translateY(-8px) scale(1.01);
  background:
    radial-gradient(circle at 84% 0%, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(145deg, rgba(224,191,75,.98), rgba(204,164,40,.98));
  border-color:rgba(255,255,255,.60);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48), 0 24px 55px rgba(62,39,35,.20);
}
.category-tile:hover .category-tile-icon{background:rgba(62,39,35,.12);border-color:rgba(62,39,35,.13)}
.category-tile:hover p{color:rgba(62,39,35,.74)}
.category-tile:hover span{color:rgba(62,39,35,.55)}
.category-tile:hover .tile-arrow{opacity:.9}

/* Liquid Glass header: a floating glass capsule instead of a flat bar. */
.bakery-navbar{
  background:transparent !important;
  box-shadow:none !important;
  padding:12px 0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:padding .3s ease;
}
.bakery-navbar > .container{
  position:relative;
  min-height:68px;
  padding:7px 12px 7px 18px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.46), transparent 34%),
    linear-gradient(135deg, rgba(255,250,242,.79), rgba(255,255,255,.50));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(62,39,35,.08),
    0 18px 50px rgba(35,20,14,.18);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  overflow:hidden;
}
.bakery-navbar > .container::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, rgba(255,255,255,.22), transparent 36%, rgba(255,255,255,.10) 64%, transparent);
  pointer-events:none;
}
.bakery-navbar .navbar-collapse,
.bakery-navbar .navbar-brand,
.bakery-navbar .navbar-toggler{position:relative;z-index:2}
.bakery-navbar .nav-link{
  color:var(--coffee) !important;
  border-radius:999px;
  padding:10px 13px !important;
  font-size:.72rem;
  letter-spacing:.9px;
  transition:background .25s ease, color .25s ease, transform .25s ease;
}
.bakery-navbar .nav-link:hover,
.bakery-navbar .nav-link.active{
  color:var(--coffee) !important;
  background:rgba(255,255,255,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.bakery-brand{color:var(--coffee) !important}
.brand-script{color:var(--coffee)}
.bakery-brand small{color:rgba(62,39,35,.52)}
.bakery-navbar.scrolled{background:transparent !important}
.bakery-navbar.scrolled > .container{
  background:
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.58), transparent 35%),
    linear-gradient(135deg, rgba(255,250,242,.88), rgba(255,255,255,.67));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 16px 42px rgba(35,20,14,.21);
}
.nav-gold-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(62,39,35,.15) !important;
  color:var(--coffee) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,255,255,.42), transparent 38%),
    linear-gradient(135deg, rgba(212,175,55,.92), rgba(235,204,104,.70));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52), 0 8px 22px rgba(62,39,35,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  padding:9px 17px !important;
}
.nav-gold-btn:hover{background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(246,228,161,.78));color:var(--coffee)!important;transform:translateY(-1px)}
.bakery-navbar .navbar-toggler{color:var(--coffee)!important;border-radius:18px;padding:7px 10px;background:rgba(255,255,255,.34);border:1px solid rgba(62,39,35,.10) !important}
.bakery-navbar .navbar-toggler i{color:var(--coffee)!important}

/* Liquid buttons across the storefront. */
.hero-primary-btn,
.btn-gold,
.btn-coffee,
.btn-outline-coffee,
.product-order-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -1px 0 rgba(62,39,35,.08),
    0 12px 28px rgba(62,39,35,.15);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, background .3s ease, color .3s ease;
}
.hero-primary-btn::before,
.btn-gold::before,
.btn-coffee::before,
.btn-outline-coffee::before,
.product-order-btn::before,
.nav-gold-btn::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(115deg, rgba(255,255,255,.18), transparent 32%, rgba(255,255,255,.10) 64%, transparent 78%);
  pointer-events:none;
  z-index:-1;
}
.hero-primary-btn:hover,
.btn-gold:hover,
.btn-coffee:hover,
.btn-outline-coffee:hover,
.product-order-btn:hover{transform:translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.58), 0 18px 35px rgba(62,39,35,.20)}
.hero-primary-btn{background:linear-gradient(135deg, rgba(212,175,55,.94), rgba(240,213,124,.73)) !important;color:var(--coffee)!important}
.hero-primary-btn:hover{background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,231,175,.84)) !important;color:var(--coffee)!important}
.hero-ghost-btn{
  position:relative;
  border:1px solid rgba(255,255,255,.46) !important;
  background:rgba(255,255,255,.11) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 12px 28px rgba(0,0,0,.10);
  backdrop-filter:blur(16px) saturate(135%);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
}
.hero-ghost-btn:hover{background:rgba(255,255,255,.78)!important;color:var(--coffee)!important;transform:translateY(-3px)}
.btn-gold{background:linear-gradient(135deg, rgba(212,175,55,.92), rgba(238,209,113,.72)) !important;color:var(--coffee)!important}
.btn-coffee{background:linear-gradient(135deg, rgba(62,39,35,.96), rgba(87,52,44,.79)) !important;color:var(--gold)!important;border-color:rgba(212,175,55,.30)!important}
.btn-coffee:hover{background:linear-gradient(135deg, rgba(77,47,41,.98), rgba(113,70,58,.88)) !important;color:#fff!important}
.btn-outline-coffee{background:rgba(255,255,255,.38)!important;color:var(--coffee)!important;border-color:rgba(62,39,35,.20)!important}
.btn-outline-coffee:hover{background:rgba(62,39,35,.92)!important;color:#fff!important}
.product-order-btn{background:linear-gradient(135deg, rgba(62,39,35,.97), rgba(92,55,47,.82)) !important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;width:100%}
.product-order-btn:hover{background:linear-gradient(135deg, rgba(212,175,55,.96), rgba(235,204,105,.82)) !important;color:var(--coffee)!important}
.product-disabled{border-radius:999px!important;background:rgba(62,39,35,.06)!important;color:#998e86!important;border:1px solid rgba(62,39,35,.08)!important}

/* Mobile liquid header + category spacing. */
@media(max-width:991.98px){
  .bakery-navbar{padding:8px 0}
  .bakery-navbar > .container{min-height:62px;padding:6px 10px 6px 14px;border-radius:24px}
  .bakery-navbar .navbar-collapse{margin:9px 0 2px;padding:10px;border-radius:21px;background:rgba(255,250,242,.72);border:1px solid rgba(62,39,35,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
  .bakery-navbar .navbar-nav{align-items:stretch !important}
  .bakery-navbar .nav-link{padding:11px 13px !important}
  .bakery-navbar .nav-item.ms-lg-2{margin-top:6px}
  .nav-gold-btn{width:100%;text-align:center}
}
@media(max-width:767.98px){
  .category-grid{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
  .category-grid > [class*="col-"]{width:100%;flex-basis:100%}
  .category-tile{min-height:154px;padding:20px;border-radius:24px}
  .category-tile-icon{width:50px;height:50px;flex-basis:50px;border-radius:16px}
  .category-tile h3{font-size:1rem}
  .category-tile p{font-size:.68rem;max-width:none}
}

@media(prefers-reduced-motion:reduce){
  .category-tile,
  .bakery-navbar .nav-link,
  .hero-primary-btn,
  .btn-gold,
  .btn-coffee,
  .btn-outline-coffee,
  .product-order-btn{transition:none}
}


/* ===== FINAL RESPONSIVE / LIQUID GLASS HARDENING ===== */
html,
body.site-body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  html,body.site-body{overflow-x:hidden;}
}
img,video,svg,iframe{max-width:100%;}
.container,.container-fluid{max-width:100%;}
.row{max-width:100%;}

/* Do not mix Bootstrap flex gutters with CSS Grid on the category section. */
.category-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
  margin:0 !important;
  padding:0 !important;
}
.category-grid-item{
  width:auto !important;
  min-width:0;
  max-width:100%;
  padding:0 !important;
  margin:0 !important;
}
.category-tile{
  width:100%;
  max-width:100%;
  min-width:0;
}
.category-tile > div:not(.category-tile-icon){min-width:0;}
.category-tile h3,.category-tile p{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Prevent wide transforms/effects from creating a horizontal page. */
.hero,
.section-pad,
.trust-strip,
.site-footer,
.floating-whatsapp,
.bakery-navbar{
  max-width:100%;
}

/* More Apple-like liquid glass header. */
.bakery-navbar{
  background:transparent !important;
  box-shadow:none !important;
  padding:12px 0;
  z-index:1030;
}
.bakery-navbar > .container{
  min-height:64px;
  padding:7px 10px 7px 18px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:25px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.58),transparent 33%),
    linear-gradient(135deg,rgba(255,250,242,.90),rgba(255,255,255,.66));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(62,39,35,.06),
    0 18px 46px rgba(62,39,35,.16);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.bakery-navbar .nav-link{
  position:relative;
  border-radius:999px;
  padding:9px 12px !important;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.bakery-navbar .nav-link:hover,
.bakery-navbar .nav-link.active{
  color:var(--coffee) !important;
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  transform:translateY(-1px);
}
.bakery-navbar .navbar-toggler{border:1px solid rgba(62,39,35,.13) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 18px rgba(62,39,35,.08)}

@media(max-width:991.98px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .bakery-navbar > .container{padding-left:14px;}
}
@media(max-width:767.98px){
  .category-grid{grid-template-columns:1fr;gap:14px;}
  .category-tile{min-height:150px;padding:20px;}
}

/* Product detail page */
.product-detail-wrap{padding-top:52px;background:linear-gradient(180deg,var(--cream),#fffaf1)}
.product-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8d837d;font-size:.68rem;margin-bottom:28px}.product-breadcrumb a{text-decoration:none;color:var(--coffee);font-weight:700}.product-breadcrumb i{font-size:.62rem;opacity:.5}.product-breadcrumb span{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-gallery-shell{position:sticky;top:98px}.product-main-image{position:relative;aspect-ratio:1/.92;border-radius:34px;overflow:hidden;background:#eee2d2;border:1px solid rgba(62,39,35,.09);box-shadow:0 28px 70px rgba(62,39,35,.14)}.product-main-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 35%,rgba(62,39,35,.04));pointer-events:none}.product-main-image img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .6s ease}.product-main-image:hover img{transform:scale(1.02)}.gallery-count{position:absolute;left:18px;bottom:18px;z-index:2;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--coffee);font-size:.68rem;font-weight:800}.product-gallery-badge{position:absolute;top:18px;left:18px;z-index:2;background:var(--gold);color:var(--coffee);padding:8px 12px;border-radius:999px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.product-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 3px;scrollbar-width:none}.product-thumbnails::-webkit-scrollbar{display:none}.product-thumb{flex:0 0 82px;aspect-ratio:1;border:1px solid rgba(62,39,35,.10);border-radius:17px;padding:0;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(62,39,35,.05);transition:.25s}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb.active{border:2px solid var(--gold);transform:translateY(-2px);box-shadow:0 10px 25px rgba(212,175,55,.18)}
.product-info-panel{padding:8px 0 0}.product-info-panel h1{margin:0 0 12px;color:var(--coffee);font-family:Merriweather,serif;font-size:clamp(2rem,4.3vw,3.7rem);line-height:1.12}.product-detail-rating{display:flex;align-items:center;gap:10px;color:#8d827a;font-size:.72rem;margin-bottom:20px}.product-detail-rating>span{color:var(--gold);letter-spacing:2px;font-size:.9rem}.product-detail-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.product-detail-price strong{color:var(--coffee);font-size:2rem;font-weight:900}.product-detail-price del{color:#a49a94;font-size:.9rem}.product-detail-price>span{background:rgba(212,175,55,.17);color:#8a6d25;border-radius:999px;padding:6px 10px;font-size:.62rem;font-weight:900}.product-status-line{display:flex;align-items:center;gap:6px;color:#347d4a;font-size:.72rem;font-weight:800;margin-bottom:19px}.product-status-line i{font-size:.48rem}.product-status-line.unavailable{color:#a34c45}.product-lead-copy{color:#6f6863;font-size:.84rem;line-height:1.9;margin-bottom:23px}.quantity-box{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 17px;border:1px solid rgba(62,39,35,.09);border-radius:22px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);margin-bottom:14px}.quantity-box label{display:block;color:var(--coffee);font-size:.76rem;font-weight:900}.quantity-box small{display:block;color:#978b83;font-size:.64rem;margin-top:3px}.qty-control{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;border:1px solid rgba(62,39,35,.10);background:#fff}.qty-control button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(62,39,35,.06);color:var(--coffee);font-size:1.1rem;line-height:1}.qty-control input{width:42px;text-align:center;border:0;outline:0;background:transparent;color:var(--coffee);font-weight:900}.qty-control input::-webkit-inner-spin-button{margin:0}.wholesale-card{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:20px;background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(255,255,255,.64));border:1px solid rgba(212,175,55,.30);margin-bottom:16px}.wholesale-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--gold);color:var(--coffee)}.wholesale-card strong{display:block;color:var(--coffee);font-size:.76rem}.wholesale-card p{margin:3px 0 0;color:#7e736b;font-size:.66rem;line-height:1.5}.product-detail-order{padding:15px 20px!important;font-size:.83rem;font-weight:900}.product-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.product-service-grid>div{display:flex;gap:9px;align-items:flex-start;padding:13px;border-radius:18px;background:rgba(255,255,255,.42);border:1px solid rgba(62,39,35,.07)}.product-service-grid>div>i{color:var(--gold-2);font-size:1rem}.product-service-grid strong,.product-service-grid small{display:block}.product-service-grid strong{color:var(--coffee);font-size:.66rem}.product-service-grid small{color:#988d86;font-size:.6rem;margin-top:2px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-info-card{padding:28px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.65);box-shadow:var(--shadow-sm)}.info-card-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.info-card-head>i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(212,175,55,.14);color:var(--gold-2)}.info-card-head h3{margin:3px 0 0;color:var(--coffee);font-family:Merriweather,serif;font-size:1.05rem}.product-info-card>p{color:#706964;font-size:.78rem;line-height:1.85;margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid rgba(62,39,35,.07);font-size:.7rem}.detail-row span{color:#988e87}.detail-row strong{color:var(--coffee)}.ingredient-text{white-space:pre-line}.muted-info{color:#9c938e!important}.allergen-note{display:flex;gap:9px;padding:12px 13px;border-radius:17px;background:rgba(163,95,58,.07);color:#7f6357;font-size:.66rem;line-height:1.55}.allergen-note i{color:#b37555}.allergen-note strong{display:block;color:#6d4d40;margin-bottom:2px}.product-card-media-link{display:block;text-decoration:none}.product-title-link{color:inherit;text-decoration:none}.product-title-link:hover{color:#8a6d25}.related-price{color:var(--coffee);font-size:.82rem}
@media(max-width:991.98px){.product-gallery-shell{position:static}.product-detail-wrap{padding-top:32px}}
@media(max-width:767.98px){.product-detail-grid{grid-template-columns:1fr}.product-service-grid{grid-template-columns:1fr}.quantity-box{align-items:flex-start;flex-direction:column}.product-main-image{border-radius:25px}.product-thumbnails{padding-top:11px}.product-info-panel h1{font-size:2rem}}

.product-total-line{display:flex;justify-content:flex-end;gap:6px;color:#8a817b;font-size:.7rem;margin:-4px 2px 12px}.product-total-line strong{color:var(--coffee);font-size:.86rem}

/* =========================================================
   COOKIE-ONLY EDITION
   Animated cookie manufacturing visual system
   ========================================================= */
.cookie-hero{background-color:#4b3027}
.cookie-hero .hero-overlay{background:radial-gradient(circle at 78% 48%,rgba(212,175,55,.16),transparent 28%),linear-gradient(90deg,rgba(41,24,18,.92),rgba(41,24,18,.66),rgba(41,24,18,.30))}
.cookie-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.cookie-orb{position:absolute;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f1c275 0 10%,#d89a4b 11% 73%,#9a5e32 74% 100%);border:4px solid rgba(255,227,168,.36);box-shadow:inset -12px -15px 25px rgba(93,45,21,.28),inset 8px 8px 20px rgba(255,255,255,.13),0 24px 50px rgba(0,0,0,.18);opacity:.92}
.cookie-orb::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#653b24;top:28px;left:29px;box-shadow:29px 8px 0 #653b24,18px 40px 0 #653b24,52px 50px 0 #653b24,47px 25px 0 #653b24,8px 62px 0 #653b24}
.cookie-orb-1{right:8%;top:22%;transform:rotate(-12deg);animation:cookieFloatA 7s ease-in-out infinite}
.cookie-orb-2{right:24%;bottom:13%;width:76px;height:76px;animation:cookieFloatB 6s ease-in-out infinite .8s}
.cookie-orb-3{right:3%;bottom:16%;width:52px;height:52px;animation:cookieFloatC 5.5s ease-in-out infinite 1.5s}
.cookie-orb-4{left:7%;top:18%;width:45px;height:45px;opacity:.72;animation:cookieFloatC 6s ease-in-out infinite .3s}
.cookie-orb-5{left:18%;bottom:12%;width:88px;height:88px;opacity:.68;animation:cookieFloatA 8s ease-in-out infinite 1.1s}
.cookie-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#f0ce76;box-shadow:0 0 20px rgba(240,206,118,.95);animation:cookieSpark 3.8s ease-in-out infinite}
.cookie-spark-a{right:33%;top:18%}.cookie-spark-b{right:12%;top:65%;animation-delay:1.2s}.cookie-spark-c{left:17%;top:42%;animation-delay:2.1s}
.cookie-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cookie-category-grid>div{min-width:0}
.cookie-product-card{position:relative}
.cookie-product-card .product-media{background:#f1e3cf}
.cookie-image-glow{position:absolute;inset:auto 15% 8px;height:34%;background:radial-gradient(ellipse,rgba(212,175,55,.22),transparent 70%);filter:blur(20px);pointer-events:none}
.cookie-process-panel{position:relative;overflow:hidden;min-height:440px;padding:46px;border-radius:36px;background:linear-gradient(145deg,#4a2d25,#2f1d19);box-shadow:0 30px 70px rgba(62,39,35,.20);color:#fff;border:1px solid rgba(212,175,55,.26)}
.process-label{display:inline-flex;padding:7px 12px;border:1px solid rgba(212,175,55,.3);border-radius:999px;color:#e1c66e;font-size:.62rem;font-weight:900;letter-spacing:1.6px;margin-bottom:35px}
.process-line{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:15px;padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.09)}
.process-line:last-child{border-bottom:0;margin-bottom:0}
.process-line span{grid-row:1 / span 2;color:#c6ad6b;font-size:.65rem;font-weight:900;letter-spacing:1px}.process-line b{font-family:Merriweather,serif;font-size:1.15rem}.process-line small{color:rgba(255,255,255,.56);font-size:.68rem;margin-top:4px}
.cookie-process-chip{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 26%,#f6ca7c,#c9833b 74%,#74412b);box-shadow:inset -8px -10px 20px rgba(78,40,21,.30),0 20px 35px rgba(0,0,0,.22);opacity:.85}
.cookie-process-chip:before{content:"";position:absolute;inset:22% 22%;border-radius:50%;box-shadow:9px 2px 0 -1px #63351f, -5px 9px 0 -1px #63351f, 4px 18px 0 -1px #63351f}
.chip-a{width:100px;height:100px;right:-15px;top:-10px;transform:rotate(12deg);animation:cookieFloatB 6s ease-in-out infinite}.chip-b{width:66px;height:66px;right:82px;bottom:25px;animation:cookieFloatA 7s ease-in-out infinite 1s}.chip-c{width:44px;height:44px;left:26px;bottom:27px;animation:cookieFloatC 5s ease-in-out infinite .6s}
.mini-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.mini-feature-row>div{padding:17px;border:1px solid rgba(62,39,35,.08);border-radius:20px;background:rgba(255,255,255,.54)}.mini-feature-row i{display:block;color:#a98220;font-size:1rem;margin-bottom:9px}.mini-feature-row strong,.mini-feature-row span{display:block}.mini-feature-row strong{color:var(--coffee);font-size:.72rem}.mini-feature-row span{color:#8d837b;font-size:.61rem;margin-top:3px}
.menu-hero-copy{padding:56px 0 34px}.menu-hero-copy h1{font-family:Merriweather,serif;color:var(--coffee);font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.08;margin:0 0 12px}.menu-hero-copy p{max-width:700px;color:#7d746d;font-size:.9rem;line-height:1.8}
.admin-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(212,175,55,.13);border:1px solid rgba(212,175,55,.24);color:#8a6d25;font-size:.65rem;font-weight:900}
.cookie-manufacturing-note{padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(255,255,255,.5));border:1px solid rgba(212,175,55,.24);color:#7a6a60;font-size:.72rem}
@keyframes cookieFloatA{0%,100%{transform:translate3d(0,0,0) rotate(-10deg)}50%{transform:translate3d(0,-22px,0) rotate(8deg)}}
@keyframes cookieFloatB{0%,100%{transform:translate3d(0,0,0) rotate(7deg)}50%{transform:translate3d(9px,-16px,0) rotate(-5deg)}}
@keyframes cookieFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-7px,-13px,0)}}
@keyframes cookieSpark{0%,100%{opacity:.18;transform:scale(.6)}50%{opacity:1;transform:scale(1.45)}}
@media(max-width:991.98px){.cookie-category-grid{grid-template-columns:1fr 1fr}.cookie-process-panel{min-height:380px;padding:34px}.cookie-orb-1{right:4%;top:15%}.cookie-orb-5{left:6%}}
@media(max-width:767.98px){.cookie-category-grid{grid-template-columns:1fr}.menu-hero-copy{padding:40px 0 20px}.menu-hero-copy h1{font-size:2.35rem}.cookie-process-panel{min-height:330px;padding:28px;border-radius:28px}.mini-feature-row{grid-template-columns:1fr}.cookie-orb{opacity:.55}.cookie-orb-1{width:80px;height:80px;right:2%;top:12%}.cookie-orb-2{width:58px;height:58px;right:14%;bottom:11%}.cookie-orb-5{width:60px;height:60px;left:2%;bottom:10%}}
@media(prefers-reduced-motion:reduce){.cookie-orb,.cookie-spark,.cookie-process-chip{animation:none}}

/* =========================================================
   PRODUCT PAGE V5 — PREMIUM COOKIE EXPERIENCE
   ========================================================= */
.product-v5{--pv-bg:#fbf7ef;--pv-panel:rgba(255,255,255,.73);--pv-line:rgba(62,39,35,.10)}
.product-v5-shell{padding:36px 0 90px;background:radial-gradient(circle at 0 0,rgba(212,175,55,.10),transparent 28%),linear-gradient(180deg,#fffaf2 0%,var(--pv-bg) 45%,#fff 100%);min-height:calc(100vh - 88px)}
.product-v5-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#978b82;font-size:.69rem;margin-bottom:25px}
.product-v5-breadcrumb a{color:var(--coffee);text-decoration:none;font-weight:800}.product-v5-breadcrumb a:hover{color:var(--gold-2)}.product-v5-breadcrumb i{font-size:.58rem;opacity:.45}.product-v5-breadcrumb span{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-v5-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:clamp(28px,5vw,72px);align-items:start}
.product-v5-gallery-column{min-width:0;position:sticky;top:102px}
.product-v5-main-frame{position:relative;aspect-ratio:1/1;border-radius:34px;padding:7px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.35));border:1px solid rgba(62,39,35,.08);box-shadow:0 35px 85px rgba(62,39,35,.14),inset 0 1px 0 rgba(255,255,255,.82);overflow:hidden}
.product-v5-main-frame::before{content:"";position:absolute;inset:7px;border-radius:28px;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.55),transparent 24%),linear-gradient(145deg,rgba(250,243,224,.92),rgba(235,220,198,.85));pointer-events:none}
.product-v5-main-image{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);display:block;object-fit:cover;border-radius:28px;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .2s ease;user-select:none}
.product-v5-main-frame:hover .product-v5-main-image{transform:scale(1.018)}
.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.56);color:var(--coffee);display:grid;place-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 10px 28px rgba(62,39,35,.12);transition:transform .2s ease,background .2s ease}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.gallery-prev{left:20px}.gallery-next{right:20px}
.gallery-image-count{position:absolute;left:22px;bottom:20px;z-index:5;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.68);color:var(--coffee);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:.67rem;font-weight:900;box-shadow:0 9px 22px rgba(62,39,35,.10)}
.gallery-badge-v5,.gallery-discount-v5{position:absolute;z-index:5;top:21px;padding:8px 12px;border-radius:999px;font-size:.61rem;font-weight:900;letter-spacing:.9px;text-transform:uppercase;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.gallery-badge-v5{left:21px;background:rgba(62,39,35,.86);color:var(--gold);border:1px solid rgba(255,255,255,.16)}
.gallery-discount-v5{right:21px;background:rgba(212,175,55,.90);color:var(--coffee);border:1px solid rgba(255,255,255,.46)}
.gallery-zoom{position:absolute;right:21px;bottom:20px;z-index:6;width:42px;height:42px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.66);color:var(--coffee);display:grid;place-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 9px 22px rgba(62,39,35,.10);transition:.2s}.gallery-zoom:hover{background:#fff;transform:scale(1.04)}
.product-v5-thumbs{display:flex;gap:11px;overflow-x:auto;padding:14px 3px 3px;scrollbar-width:none}.product-v5-thumbs::-webkit-scrollbar{display:none}
.product-v5-thumb{flex:0 0 82px;aspect-ratio:1;border:1px solid rgba(62,39,35,.09);border-radius:17px;overflow:hidden;padding:2px;background:rgba(255,255,255,.56);box-shadow:0 7px 19px rgba(62,39,35,.06);transition:.23s}.product-v5-thumb:hover{transform:translateY(-2px)}.product-v5-thumb.active{border:2px solid var(--gold);box-shadow:0 11px 28px rgba(212,175,55,.18);transform:translateY(-2px)}.product-v5-thumb img{width:100%;height:100%;object-fit:cover;border-radius:13px;display:block}
.gallery-caption-glass{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.gallery-caption-glass span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;border:1px solid rgba(62,39,35,.07);background:rgba(255,255,255,.54);color:#80756e;font-size:.62rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.gallery-caption-glass i{color:var(--gold-2)}
.product-v5-info-column{min-width:0;padding:5px 0}.product-kicker{display:inline-block;color:#8a6d25;font-size:.65rem;letter-spacing:2.1px;font-weight:900;margin-bottom:9px}.product-v5-info-column h1{margin:0;color:var(--coffee);font-family:Merriweather,serif;font-size:clamp(2.2rem,4.4vw,4.15rem);line-height:1.06;letter-spacing:-.5px}.product-v5-rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0 20px;color:#93867e;font-size:.7rem}.rating-stars{color:var(--gold);letter-spacing:2.5px;font-size:.86rem}
.product-v5-price-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:8px}.product-v5-price-row strong{font-size:2.15rem;line-height:1;color:var(--coffee);font-weight:900}.product-v5-price-row del{color:#a89d95;font-size:.9rem}.saving-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(212,175,55,.16);color:#886c24;font-size:.61rem;font-weight:900}
.product-stock-v5{display:flex;align-items:center;gap:6px;color:#3e7b49;font-size:.68rem;font-weight:900;margin:2px 0 18px}.product-stock-v5 i{font-size:.48rem}.product-stock-v5.out{color:#a64e46}.product-stock-v5 b{opacity:.4}
.product-v5-lead{margin:0 0 19px;color:#6f6761;font-size:.86rem;line-height:1.85;max-width:610px}.product-v5-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.product-v5-highlights>div{display:flex;gap:9px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.52);border:1px solid rgba(62,39,35,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.product-v5-highlights>div>span{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:13px;background:rgba(212,175,55,.12);color:var(--gold-2)}.product-v5-highlights b,.product-v5-highlights small{display:block}.product-v5-highlights b{font-size:.62rem;color:var(--coffee)}.product-v5-highlights small{margin-top:2px;color:#a0948c;font-size:.56rem}
.product-v5-qty-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid var(--pv-line);box-shadow:0 13px 35px rgba(62,39,35,.06),inset 0 1px 0 rgba(255,255,255,.85)}.qty-title{display:block;color:var(--coffee);font-weight:900;font-size:.76rem}.product-v5-qty-card small{display:block;color:#9b9088;font-size:.61rem;margin-top:3px}
.qty-control-v5{display:flex;align-items:center;gap:3px;padding:4px;border-radius:999px;background:#f8f4ee;border:1px solid rgba(62,39,35,.08)}.qty-control-v5 button{width:37px;height:37px;border:0;border-radius:50%;background:#fff;color:var(--coffee);font-size:1.12rem;line-height:1;box-shadow:0 3px 10px rgba(62,39,35,.07)}.qty-control-v5 button:hover{background:var(--coffee);color:var(--gold)}.qty-control-v5 input{width:43px;border:0;outline:0;background:transparent;text-align:center;color:var(--coffee);font-size:.83rem;font-weight:900}.qty-control-v5 input::-webkit-inner-spin-button{appearance:none;margin:0}
.wholesale-v5{display:flex;gap:12px;align-items:flex-start;padding:15px;margin-top:12px;border-radius:22px;background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(255,255,255,.73));border:1px solid rgba(212,175,55,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.76)}.wholesale-v5-icon{width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;background:var(--gold);color:var(--coffee);font-size:1rem}.wholesale-v5-title{font-size:.74rem;font-weight:900;color:var(--coffee)}.wholesale-v5-copy p{margin:3px 0 8px;color:#7d7169;font-size:.63rem;line-height:1.5}.wholesale-progress{height:6px;overflow:hidden;background:rgba(62,39,35,.07);border-radius:99px}.wholesale-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width .3s}.wholesale-v5-copy>small{display:block;margin-top:6px;color:#9a8c82;font-size:.57rem}
.product-v5-order-box{display:flex;align-items:center;gap:12px;margin-top:14px;padding:8px;border-radius:25px;background:rgba(62,39,35,.035);border:1px solid rgba(62,39,35,.09)}.total-block{min-width:105px;padding:9px 12px}.total-block small,.total-block strong{display:block}.total-block small{color:#9b9189;font-size:.56rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.total-block strong{margin-top:2px;color:var(--coffee);font-size:1.18rem}.product-v5-order-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 18px;border-radius:19px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3e2723,#5c3c34);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(62,39,35,.16);font-size:.76rem;font-weight:900;transition:.25s}.product-v5-order-btn:hover{color:var(--coffee);background:linear-gradient(135deg,#ddb845,#efd36e);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 16px 34px rgba(62,39,35,.17)}.product-v5-order-btn>i:last-child{font-size:.8rem;margin-left:auto}.product-v5-disabled{flex:1;display:grid;place-items:center;min-height:56px;border-radius:19px;background:rgba(62,39,35,.07);color:#9b918c;font-size:.74rem;font-weight:800}
.product-v5-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.product-v5-trust div{display:flex;align-items:center;gap:7px;color:#8e837b;font-size:.6rem}.product-v5-trust i{color:var(--gold-2);font-size:.84rem}
.product-v5-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px}.product-v5-detail-card{padding:26px;border-radius:28px;background:rgba(255,255,255,.67);border:1px solid rgba(62,39,35,.08);box-shadow:0 18px 45px rgba(62,39,35,.06),inset 0 1px 0 rgba(255,255,255,.8)}.detail-v5-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.detail-v5-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:rgba(212,175,55,.13);color:var(--gold-2)}.detail-v5-head small{color:#988c84;font-size:.57rem;letter-spacing:1.6px;font-weight:900}.detail-v5-head h2{margin:3px 0 0;color:var(--coffee);font-family:Merriweather,serif;font-size:1.12rem}.product-v5-detail-card>p{margin:0;color:#716963;font-size:.76rem;line-height:1.85}.detail-v5-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:17px}.detail-v5-grid>div{padding:12px;border-top:1px solid rgba(62,39,35,.08)}.detail-v5-grid small{display:block;color:#9d9189;font-size:.53rem;letter-spacing:1.2px;font-weight:900}.detail-v5-grid strong{display:block;margin-top:4px;color:var(--coffee);font-size:.69rem}.ingredient-v5{white-space:pre-line}.empty-ingredient-v5{color:#9a8f88!important}.allergen-v5{display:flex;gap:9px;margin-top:14px;padding:11px 12px;border-radius:16px;background:rgba(163,95,58,.06);color:#806258;font-size:.61rem;line-height:1.5}.allergen-v5 i{color:#b37254;font-size:.84rem}.allergen-v5 b,.allergen-v5 span{display:block}.allergen-v5 b{color:#6e4e42;margin-bottom:2px}
.recommended-v5{margin-top:74px}.recommended-v5-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}.recommended-v5-heading h2{margin:0 0 6px;color:var(--coffee);font-family:Merriweather,serif;font-size:clamp(1.85rem,3.4vw,2.7rem)}.recommended-v5-heading p{margin:0;color:#8d827b;font-size:.75rem;line-height:1.7;max-width:610px}.recommended-view-all{flex:0 0 auto;padding:10px 13px;border-radius:999px;text-decoration:none;border:1px solid rgba(62,39,35,.11);background:rgba(255,255,255,.65);color:var(--coffee);font-size:.67rem;font-weight:900}.recommended-view-all:hover{background:var(--coffee);color:var(--gold)}
.recommended-v5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommended-card{overflow:hidden;border:1px solid rgba(62,39,35,.08);border-radius:27px;background:rgba(255,255,255,.7);box-shadow:0 17px 42px rgba(62,39,35,.07);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.recommended-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(62,39,35,.12)}.recommended-media{display:block;position:relative;aspect-ratio:1.22;overflow:hidden;background:#efe3d2}.recommended-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}.recommended-card:hover .recommended-media img{transform:scale(1.045)}.recommended-media span{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:rgba(62,39,35,.84);color:var(--gold);font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.recommended-body{padding:16px}.recommended-body>small{color:#947f32;font-size:.56rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.recommended-body h3{margin:6px 0 6px;font-family:Merriweather,serif;font-size:.94rem;line-height:1.35}.recommended-body h3 a{color:var(--coffee);text-decoration:none}.recommended-body h3 a:hover{color:#8a6d25}.recommended-body p{margin:0;color:#8a817b;font-size:.64rem;line-height:1.65;min-height:40px}.recommended-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(62,39,35,.08)}.recommended-bottom strong{color:var(--coffee);font-size:.86rem}.recommended-bottom span{color:#a0958d;font-size:.57rem}
.gallery-lightbox{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:28px;background:rgba(24,15,12,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.gallery-lightbox.is-open{opacity:1;visibility:visible}.gallery-lightbox>img{max-width:min(92vw,1050px);max-height:84vh;object-fit:contain;border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.lightbox-close,.lightbox-arrow{position:fixed;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:.2s}.lightbox-close{top:24px;right:24px}.lightbox-prev{left:24px;top:50%;transform:translateY(-50%)}.lightbox-next{right:24px;top:50%;transform:translateY(-50%)}.lightbox-close:hover,.lightbox-arrow:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.04)}.lightbox-close:hover{transform:scale(1.04)}.lightbox-count{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.82);font-size:.63rem;font-weight:800}.lightbox-open{overflow:hidden}
.product-nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}.product-nav-links>a:not(.nav-glass-gold){color:rgba(255,255,255,.77);text-decoration:none;padding:10px 11px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.5px}.product-nav-links>a:not(.nav-glass-gold):hover{color:var(--gold);background:rgba(255,255,255,.07)}.nav-glass-gold{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:10px 15px;border-radius:999px;color:var(--coffee);background:linear-gradient(145deg,#f0d36d,#d4af37);font-size:.68rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(0,0,0,.13)}
@media(max-width:1100px){.product-v5-grid{gap:30px}.product-v5-info-column h1{font-size:clamp(2rem,4.5vw,3.35rem)}.product-v5-highlights{grid-template-columns:1fr 1fr}.recommended-v5-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991.98px){.product-v5-gallery-column{position:static}.product-v5-grid{grid-template-columns:1fr}.product-v5-info-column{max-width:760px}.product-nav-links>a:not(:last-child){display:none}.product-v5-details{margin-top:42px}}
@media(max-width:767.98px){.product-v5-shell{padding-top:24px}.product-v5-main-frame{border-radius:27px}.product-v5-main-frame::before,.product-v5-main-image{border-radius:22px}.product-v5-main-image{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.gallery-arrow{width:40px;height:40px}.gallery-prev{left:14px}.gallery-next{right:14px}.gallery-image-count{left:16px;bottom:16px}.gallery-zoom{right:16px;bottom:16px;width:39px;height:39px}.gallery-badge-v5,.gallery-discount-v5{top:15px}.gallery-badge-v5{left:15px}.gallery-discount-v5{right:15px}.product-v5-info-column h1{font-size:clamp(2rem,11vw,3rem)}.product-v5-highlights{grid-template-columns:1fr;gap:7px}.product-v5-qty-card{align-items:flex-start;flex-direction:column}.product-v5-order-box{align-items:stretch;flex-direction:column}.total-block{display:flex;align-items:center;justify-content:space-between;padding:7px 8px}.total-block strong{margin:0}.product-v5-trust{grid-template-columns:1fr}.product-v5-details{grid-template-columns:1fr;gap:13px}.product-v5-detail-card{padding:21px}.recommended-v5{margin-top:53px}.recommended-v5-heading{align-items:flex-start;flex-direction:column}.recommended-v5-grid{grid-template-columns:1fr}.recommended-view-all{align-self:flex-start}.product-nav-links{display:none}.product-v5 .bakery-navbar>.container{justify-content:center}.gallery-caption-glass{gap:6px}.gallery-caption-glass span{font-size:.57rem}.product-v5-breadcrumb span{max-width:230px}}
@media(prefers-reduced-motion:reduce){.product-v5-main-image,.recommended-card,.recommended-media img,.gallery-arrow,.product-v5-thumb{transition:none}.gallery-lightbox{transition:none}}

/* =========================================================
   PRODUCT PAGE V6 — BALANCED DESKTOP + MOBILE
   ========================================================= */
.product-v5 .product-v5-shell > .container{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  padding-inline:20px;
}
.product-v5-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.88fr);
  gap:clamp(36px,5vw,68px);
}
.product-v5-gallery-column{max-width:590px;width:100%;}
.product-v5-info-column{
  width:100%;
  max-width:570px;
  padding:14px 0 0;
  justify-self:end;
}
.product-v5-info-column h1{
  max-width:550px;
  font-size:clamp(2.25rem,4vw,3.55rem);
  line-height:1.08;
  text-wrap:balance;
}
.product-v5-lead{max-width:560px;}
.product-v5-highlights{grid-template-columns:repeat(3,minmax(0,1fr));}
.product-v5-qty-card{min-height:76px;}
.product-v5-details{
  max-width:1180px;
  margin-inline:auto;
}
.recommended-v5{max-width:1180px;margin-inline:auto;}

@media (max-width:1199.98px){
  .product-v5 .product-v5-shell > .container{max-width:100%;}
  .product-v5-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.86fr);gap:34px;}
  .product-v5-info-column{max-width:540px;}
  .product-v5-info-column h1{font-size:clamp(2.15rem,4vw,3.1rem);}
}

@media (max-width:991.98px){
  .product-v5 .product-v5-shell > .container{padding-inline:20px;}
  .product-v5-grid{grid-template-columns:1fr;gap:30px;}
  .product-v5-gallery-column,
  .product-v5-info-column{max-width:760px;width:100%;margin-inline:auto;}
  .product-v5-info-column{padding-top:0;justify-self:stretch;}
  .product-v5-info-column h1{max-width:680px;font-size:clamp(2.2rem,6vw,3.35rem);}
  .product-v5-details,.recommended-v5{max-width:760px;margin-inline:auto;}
  .product-v5-gallery-column{position:static;}
}

@media (max-width:767.98px){
  .product-v5 .product-v5-shell > .container{
    padding-inline:16px;
  }
  .product-v5-shell{padding-top:18px;padding-bottom:68px;}
  .product-v5-breadcrumb{
    margin:0 2px 18px;
    gap:6px;
    font-size:.62rem;
  }
  .product-v5-breadcrumb span{max-width:205px;}
  .product-v5-main-frame{
    aspect-ratio:1/1;
    border-radius:25px;
    padding:6px;
  }
  .product-v5-main-frame::before{inset:6px;border-radius:20px;}
  .product-v5-main-image{
    inset:6px;
    width:calc(100% - 12px);
    height:calc(100% - 12px);
    border-radius:20px;
  }
  .product-v5-thumbs{padding-top:11px;gap:8px;}
  .product-v5-thumb{flex-basis:70px;border-radius:14px;}
  .product-v5-thumb img{border-radius:11px;}
  .gallery-caption-glass{margin-top:10px;gap:6px;}
  .gallery-caption-glass span{padding:8px 9px;font-size:.53rem;}

  .product-v5-info-column{
    padding:2px 4px 0;
    text-align:left;
  }
  .product-kicker{
    margin-bottom:8px;
    font-size:.58rem;
    letter-spacing:1.8px;
  }
  .product-v5-info-column h1{
    width:100%;
    max-width:none;
    margin:0;
    font-size:clamp(1.95rem,9vw,2.65rem);
    line-height:1.1;
    letter-spacing:-.3px;
    text-align:left;
  }
  .product-v5-rating{
    margin:11px 0 16px;
    font-size:.62rem;
    gap:8px;
  }
  .rating-stars{font-size:.76rem;letter-spacing:2px;}
  .product-v5-price-row{gap:8px;margin-bottom:7px;}
  .product-v5-price-row strong{font-size:1.9rem;}
  .product-v5-price-row del{font-size:.78rem;}
  .saving-pill{padding:6px 9px;font-size:.56rem;}
  .product-stock-v5{font-size:.62rem;margin-bottom:15px;}
  .product-v5-lead{
    max-width:none;
    font-size:.77rem;
    line-height:1.75;
    margin-bottom:15px;
  }

  .product-v5-highlights{
    grid-template-columns:1fr;
    gap:7px;
    margin-bottom:12px;
  }
  .product-v5-highlights>div{
    min-height:54px;
    padding:10px 11px;
    border-radius:16px;
  }
  .product-v5-highlights>div>span{width:34px;height:34px;flex-basis:34px;border-radius:11px;}
  .product-v5-highlights b{font-size:.59rem;}
  .product-v5-highlights small{font-size:.53rem;}

  .product-v5-qty-card{
    width:100%;
    min-height:70px;
    flex-direction:row;
    align-items:center;
    padding:12px 12px;
    gap:10px;
    border-radius:18px;
  }
  .product-v5-qty-card small{font-size:.55rem;line-height:1.45;}
  .qty-control-v5{flex:0 0 auto;}
  .qty-control-v5 button{width:35px;height:35px;}
  .qty-control-v5 input{width:38px;font-size:.78rem;}

  .wholesale-v5{padding:13px;margin-top:10px;border-radius:18px;}
  .wholesale-v5-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;}
  .wholesale-v5-title{font-size:.68rem;}
  .wholesale-v5-copy p{font-size:.58rem;}
  .wholesale-v5-copy>small{font-size:.53rem;}

  .product-v5-order-box{
    margin-top:11px;
    padding:7px;
    gap:7px;
    border-radius:20px;
  }
  .total-block{padding:7px 8px;}
  .total-block strong{font-size:1.08rem;}
  .product-v5-order-btn{min-height:52px;border-radius:16px;font-size:.69rem;padding:0 14px;}
  .product-v5-trust{grid-template-columns:1fr 1fr 1fr;gap:5px;}
  .product-v5-trust div{font-size:.51rem;line-height:1.35;align-items:flex-start;}
  .product-v5-trust i{font-size:.72rem;flex:0 0 auto;}

  .product-v5-details{margin-top:38px;gap:11px;}
  .product-v5-detail-card{padding:18px;border-radius:21px;}
  .detail-v5-head{gap:9px;margin-bottom:12px;}
  .detail-v5-head>span{width:38px;height:38px;flex-basis:38px;border-radius:12px;}
  .detail-v5-head h2{font-size:.97rem;}
  .detail-v5-head small{font-size:.51rem;letter-spacing:1.2px;}
  .product-v5-detail-card>p{font-size:.67rem;line-height:1.75;}
  .detail-v5-grid{gap:8px;margin-top:12px;}
  .detail-v5-grid>div{padding:10px;}
  .detail-v5-grid small{font-size:.49rem;}
  .detail-v5-grid strong{font-size:.62rem;}
  .allergen-v5{font-size:.56rem;padding:10px 11px;}

  .recommended-v5{margin-top:46px;}
  .recommended-v5-heading{margin-bottom:17px;gap:13px;}
  .recommended-v5-heading h2{font-size:1.6rem;line-height:1.15;}
  .recommended-v5-heading p{font-size:.65rem;line-height:1.65;}
  .recommended-view-all{padding:8px 11px;font-size:.59rem;}
  .recommended-v5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .recommended-card{border-radius:19px;}
  .recommended-media{aspect-ratio:1/1;}
  .recommended-body{padding:11px;}
  .recommended-body>small{font-size:.47rem;}
  .recommended-body h3{font-size:.72rem;line-height:1.35;margin:5px 0;}
  .recommended-body p{font-size:.52rem;line-height:1.5;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .recommended-bottom{margin-top:9px;padding-top:8px;}
  .recommended-bottom strong{font-size:.7rem;}
  .recommended-bottom span{font-size:.49rem;}
}

@media (max-width:360px){
  .product-v5 .product-v5-shell > .container{padding-inline:13px;}
  .product-v5-info-column{padding-inline:2px;}
  .product-v5-info-column h1{font-size:1.9rem;}
  .product-v5-qty-card{padding:10px;}
  .qty-control-v5 button{width:33px;height:33px;}
  .qty-control-v5 input{width:34px;}
  .product-v5-trust{grid-template-columns:1fr 1fr;row-gap:8px;}
}
