:root {
  --bg: #F5F0E6;
  --bg-alt: #EDE8DC;
  --bg-card: #FAF7F0;
  --green: #2D4A3E;
  --green-light: #3D6B58;
  --gold: #C4A265;
  --gold-light: #D4B478;
  --text: #1A1A1A;
  --text-mid: #4A4640;
  --text-light: #8A8580;
  --accent: var(--green);
  --serif: 'Cormorant Garamond', 'Georgia', serif;
  --logo: 'Satisfy', cursive;
  --sans: 'Inter', 'Helvetica Neue', sans-serif;
  --ease: cubic-bezier(.25,.1,.25,1);
  --ease-out: cubic-bezier(0,0,.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.75;letter-spacing:.025em;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:lining-nums tabular-nums}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

/* TYPOGRAPHY */
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15;color:var(--text)}
h1{font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.025em}
h2{font-size:clamp(2.2rem,4.5vw,3.8rem);letter-spacing:-.015em}
h3{font-size:clamp(1.3rem,2.2vw,1.7rem)}
h2 em,h3 em{font-style:italic;font-weight:300}
.caps{font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.accent-text{color:var(--green)}
.body-text{font-size:.88rem;line-height:1.9;color:var(--text-mid)}
.serif-it{font-family:var(--serif);font-style:italic}

/* MARQUEE */
.marquee{overflow:hidden;padding:18px 0;border-top:1px solid rgba(45,74,62,.12);border-bottom:1px solid rgba(45,74,62,.12);background:var(--bg)}
.marquee__inner{display:flex;gap:60px;animation:marquee 30s linear infinite;white-space:nowrap;width:max-content}
.marquee__item{font-family:var(--sans);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--green)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(36px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease);will-change:opacity,transform}
.reveal.vis{opacity:1;transform:translateY(0)}
.rv1{transition-delay:.2s}.rv2{transition-delay:.4s}.rv3{transition-delay:.6s}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* NAV — 3-column: links | logo | actions */
.nav{position:fixed;top:0;left:0;right:0;z-index:9999;padding:24px 64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:padding .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease),color .5s var(--ease);color:var(--text);background:transparent}
.nav .nav__logo,.nav .nav__link,.nav .nav__cart{color:var(--text);transition:color .5s var(--ease)}
.nav .nav__cta{border-color:var(--green);color:var(--green);transition:all .5s var(--ease)}
.nav--hero{color:#fff;background:transparent}
.nav--hero .nav__logo,.nav--hero .nav__link,.nav--hero .nav__cart{color:#fff}
.nav--hero .nav__cta{border-color:rgba(255,255,255,.5);color:#fff}
.nav.scrolled{padding:16px 64px;background:rgba(245,240,230,.98);backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4);box-shadow:0 1px 0 rgba(45,74,62,.08);color:var(--text)}
.nav.scrolled .nav__logo,.nav.scrolled .nav__link,.nav.scrolled .nav__cart{color:var(--text)}
.nav.scrolled .nav__cta{border-color:var(--green);color:var(--green)}
.nav__left{display:flex;gap:32px;align-items:center}
.nav__right{display:flex;gap:24px;align-items:center;justify-content:flex-end}
.nav__logo{font-family:var(--logo);font-size:2.4rem;font-weight:400;letter-spacing:.02em;transition:color .4s;text-align:center;justify-self:center}
.nav__link{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;position:relative;padding:4px 0;transition:opacity .3s;font-family:var(--sans);font-weight:400}
.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .4s var(--ease)}
.nav__link:hover::after{width:100%}
.nav__link:hover{opacity:.7}
.nav__close{display:none}
.nav__cta{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:10px 24px;border:1px solid;transition:all .5s var(--ease);font-family:var(--sans);font-weight:400}
.nav__cta:hover,.nav.scrolled .nav__cta:hover{background:var(--green);color:#FFFFFF !important;border-color:var(--green);transform:translateY(-1px)}
/* Mobile-only icons — hidden on desktop */
.nav__hamburger{display:none;cursor:pointer;padding:4px;background:none;border:none}
.nav__mob-bag{display:none;cursor:pointer;padding:4px;background:none;border:none;position:relative}
.cookie-icon{color:var(--text);transition:color .4s,transform .3s}
.nav--hero .cookie-icon{color:#fff}
.nav--hero .nav__mob-bag{color:#fff}
.nav__hamburger:hover .cookie-icon{transform:scale(1.1)}
.nav__mob-bag:hover svg{transform:scale(1.08)}
.nav__mob-badge{position:absolute;top:-4px;right:-8px;width:16px;height:16px;border-radius:50%;background:var(--green);color:var(--bg);font-size:.5rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s var(--ease)}
.nav__mob-badge.show{opacity:1;transform:scale(1)}
/* Desktop cart */
.nav__cart{position:relative;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;transition:opacity .3s;font-family:var(--sans);font-weight:400}
.nav__cart:hover{opacity:.7}
.nav__cart-badge{position:absolute;top:-8px;right:-14px;width:18px;height:18px;border-radius:50%;background:var(--green);color:var(--bg);font-size:.55rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s var(--ease)}
.nav__cart-badge.show{opacity:1;transform:scale(1)}

/* HERO */
.hero{position:relative;height:100vh;min-height:700px;overflow:hidden;display:flex;align-items:flex-end}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;transition:transform .1s linear;will-change:transform}
.hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.65) 0%,rgba(26,26,26,.2) 40%,rgba(26,26,26,.1) 100%)}
.hero__content{position:relative;z-index:2;padding:0 80px 120px;color:#fff;max-width:840px}
.hero__tagline{margin-bottom:16px;color:rgba(255,255,255,.6)}
.hero__title{color:#fff;margin-bottom:24px;text-shadow:0 4px 60px rgba(0,0,0,.2)}
.hero__title em{font-style:italic;font-family:var(--serif)}
.hero__subtitle{font-size:.9rem;line-height:1.9;color:rgba(255,255,255,.75);max-width:480px;margin-bottom:44px}
.hero__cta-row{display:flex;align-items:center;gap:32px}
.hero__cta{display:inline-flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:16px 40px;border:1px solid rgba(255,255,255,.4);transition:all .5s var(--ease);backdrop-filter:blur(4px)}
.hero__cta:hover{background:rgba(255,255,255,.95);color:var(--text);border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hero__cta-sec{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;transition:all .4s}
.hero__cta-sec:hover{color:#fff;border-color:rgba(255,255,255,.6)}

/* SECTIONS */
.sec{padding:140px 80px}
.sec--alt{background:var(--bg-alt)}
.sec__inner{max-width:1280px;margin:0 auto}
.sec__head{text-align:center;margin-bottom:80px}
.sec__head .body-text{max-width:480px;margin:16px auto 0}

/* CATEGORY GRID */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cat-card{background:var(--bg-card);overflow:hidden;cursor:pointer;position:relative;transition:transform .5s var(--ease),box-shadow .5s var(--ease);border:1px solid rgba(45,74,62,.06);border-radius:4px}
.cat-card:hover{transform:translateY(-8px);box-shadow:0 32px 72px rgba(26,26,26,.1)}
.cat-card__img-wrap{width:100%;aspect-ratio:4/3;overflow:hidden}
.cat-card__img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.cat-card:hover .cat-card__img{transform:scale(1.06)}
.cat-card__info{padding:22px 26px}
.cat-card__name{font-family:var(--serif);font-size:1.3rem;margin-bottom:4px;color:var(--text)}
.cat-card__count{font-size:.7rem;color:var(--text-light);letter-spacing:.08em}
.cat-card__arrow{position:absolute;bottom:24px;right:24px;font-size:1.2rem;color:var(--green);opacity:0;transform:translateX(-8px);transition:all .5s var(--ease)}
.cat-card:hover .cat-card__arrow{opacity:1;transform:translateX(0)}

/* CATEGORY MODAL */
body.cat-modal-open .nav{color:var(--text)!important;background:rgba(245,240,230,.96)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;box-shadow:0 1px 0 rgba(45,74,62,.08)!important}
body.cat-modal-open .nav .nav__logo,body.cat-modal-open .nav .nav__link,body.cat-modal-open .nav .nav__cart,body.cat-modal-open .nav .cookie-icon,body.cat-modal-open .nav .nav__mob-bag{color:var(--text)!important}
body.cat-modal-open .nav .nav__cta{border-color:var(--green)!important;color:var(--green)!important}

.cat-modal{position:fixed;inset:0;z-index:300;background:rgba(245,240,230,.97);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .4s var(--ease);overflow-y:auto}
.cat-modal.open{opacity:1;pointer-events:all}
.cat-modal__inner{max-width:1100px;margin:0 auto;padding:130px 60px 80px}
.cat-modal__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:60px}
.cat-modal__close{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-mid);border:1px solid rgba(45,74,62,.15);border-radius:50%;transition:all .3s}
.cat-modal__close:hover{color:var(--text);border-color:var(--text)}
.cat-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.item-card{background:var(--bg-card);border:1px solid rgba(45,74,62,.06);padding:28px;transition:all .4s var(--ease)}
.item-card:hover{border-color:var(--green);box-shadow:0 8px 32px rgba(45,74,62,.06)}
.item-card__name{font-family:var(--serif);font-size:1.15rem;margin-bottom:6px;color:var(--text)}
.item-card__price{font-size:.78rem;color:var(--green);font-weight:500;letter-spacing:.04em;margin-bottom:8px}
.item-card__note{font-size:.72rem;color:var(--text-light);font-style:italic}

/* MY STORY */
.story__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.story__img{width:100%;height:600px;object-fit:cover}
.story__text-col .body-text{max-width:520px}
.story__sign{font-family:var(--logo);font-size:1.6rem;color:var(--green);margin-top:32px}

/* THE ATELIER */
.atelier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.atelier-card{text-align:center;padding:40px 24px;background:var(--bg-card);border:1px solid rgba(45,74,62,.1);border-radius:8px;transition:all .45s var(--ease);display:flex;flex-direction:column;align-items:center}
.atelier-card:hover{transform:translateY(-6px);border-color:rgba(45,74,62,.25);box-shadow:0 20px 48px rgba(45,74,62,.07)}
.atelier-card__icon{width:52px;height:52px;border-radius:50%;background:rgba(45,74,62,.05);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--green);transition:all .4s var(--ease)}
.atelier-card:hover .atelier-card__icon{transform:scale(1.1);background:rgba(45,74,62,.1)}
.atelier-card__icon svg{width:26px;height:26px}
.atelier-card__title{font-family:var(--serif);font-size:1.2rem;margin-bottom:14px;line-height:1.35;color:var(--text)}
.atelier-card__text{font-size:.82rem;line-height:1.8;color:var(--text-mid)}

/* GIFTING — COMPACT SINGLE-VIEW SHOWCASE */
.sec--gifting{padding:64px 64px 80px}
.sec__head--compact{margin-bottom:28px}
.gift-showcase{display:grid;grid-template-columns:460px 1fr;gap:48px;align-items:center;max-width:1120px;margin:0 auto}
.gift-showcase__img-col{width:100%}
.gift-showcase__frame{width:100%;height:440px;border-radius:8px;overflow:hidden;background:var(--bg-alt);box-shadow:0 20px 48px rgba(26,26,26,.08);border:1px solid rgba(45,74,62,.1);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.gift-showcase__frame:hover{transform:translateY(-2px);box-shadow:0 28px 56px rgba(26,26,26,.1)}
.gift-showcase__photo{width:100%;height:100%;object-fit:cover;transition:opacity .1s ease-out;will-change:opacity}
.gift-showcase__photo.fade{opacity:.15}

/* TABS */
.gift-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;position:relative}
.gift-tab{padding:14px 16px;border:1px solid rgba(45,74,62,.15);background:var(--bg-card);display:flex;flex-direction:column;align-items:flex-start;gap:3px;position:relative;transition:all .15s ease-out;cursor:pointer;text-align:left;font-family:var(--sans);border-radius:6px}
.gift-tab::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green);transform:scaleX(0);transition:transform .15s ease-out}
.gift-tab:hover{border-color:rgba(45,74,62,.3);background:var(--bg);transform:translateY(-1px)}
.gift-tab.active{border-color:var(--green);background:var(--bg);box-shadow:0 6px 20px rgba(45,74,62,.08)}
.gift-tab.active::after{transform:scaleX(1)}
.gift-tab__name{font-family:var(--serif);font-size:1.05rem;color:var(--text);font-weight:500;white-space:nowrap}
.gift-tab__price{font-size:.72rem;color:var(--green);font-weight:500}
.gift-tab__badge{position:absolute;top:-10px;right:6px;background:var(--green);color:var(--bg);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:10px;font-family:var(--sans);font-weight:600;box-shadow:0 2px 6px rgba(45,74,62,.25);z-index:2}

/* PANELS */
.gift-panel{display:none;background:var(--bg-card);border:1px solid rgba(45,74,62,.12);padding:26px 30px;min-height:240px;position:relative;border-radius:6px}
.gift-panel.active{display:block;animation:appleSlideUp .18s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes appleSlideUp{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
.gift-panel__hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;border-bottom:1px dashed rgba(45,74,62,.15);padding-bottom:10px}
.gift-panel__title{font-family:var(--serif);font-size:1.55rem;color:var(--text)}
.gift-panel__price{font-family:var(--serif);font-size:1.25rem;color:var(--green);font-weight:500}
.gift-panel__list{margin-bottom:22px}
.gift-panel__list li{font-size:.82rem;color:var(--text-mid);line-height:1.85;padding-left:16px;position:relative}
.gift-panel__list li::before{content:'·';position:absolute;left:0;color:var(--gold);font-weight:700}
.gift-panel__cta{display:inline-block;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--green);padding:11px 24px;transition:all .25s var(--ease);font-weight:500;border-radius:3px}
.gift-panel__cta:hover{background:var(--green-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,74,62,.2)}

/* MOBILE MENU OVERLAY — RALPH LAUREN LUXURY STYLE */
.mob-menu{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;padding:16px 24px 24px;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(0.16,1,0.3,1)}
.mob-menu.open{opacity:1;pointer-events:all}
.mob-menu__hd{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px;flex-shrink:0}
.mob-menu__logo{font-family:var(--logo);font-size:2.2rem;color:var(--text);letter-spacing:.02em}
.mob-menu__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text);background:none;border:none;cursor:pointer;transition:transform .3s var(--ease)}
.mob-menu__close:hover{transform:rotate(90deg)}
.mob-menu__content{display:flex;flex-direction:column;gap:0;margin-top:8px;margin-bottom:16px;flex-shrink:0}
.mob-menu__link{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(45,74,62,.08);transition:all .3s var(--ease);text-decoration:none;background:none;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;font-family:inherit;box-sizing:border-box;cursor:pointer}
.mob-menu__btn{background:none;border-top:none;border-left:none;border-right:none;border-bottom:1px solid rgba(45,74,62,.08);width:100%;text-align:left;padding:14px 0;font:inherit;cursor:pointer}
.mob-menu__link:hover,.mob-menu__btn:hover{padding-left:12px}
.mob-menu__num{font-family:var(--sans);font-size:.65rem;letter-spacing:.2em;color:var(--green);font-weight:500}
.mob-menu__txt{font-family:var(--serif);font-size:1.5rem;color:var(--text);font-weight:400;letter-spacing:.04em}
.mob-menu__ft{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:14px;padding-bottom:10px;margin-top:auto;flex-shrink:0}
.mob-menu__cta{font-family:var(--sans);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bg);background:var(--green);padding:14px 36px;border-radius:2px;font-weight:500;transition:all .3s var(--ease);display:inline-block}
.mob-menu__cta:hover{background:var(--green-light);transform:translateY(-1px)}
.mob-menu__tag{font-family:var(--sans);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light)}

/* CART DRAWER */
.cart-ov{position:fixed;inset:0;background:rgba(26,26,26,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10001;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}
.cart-ov.open{opacity:1;pointer-events:all}
.cart-dw{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:var(--bg);z-index:10005;padding:48px 40px;transform:translateX(100%);transition:transform .5s var(--ease-out);display:flex;flex-direction:column;box-shadow:-20px 0 80px rgba(26,26,26,.15);overflow:hidden}
.cart-dw.open{transform:translateX(0)}
.cart-dw__hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.cart-dw__title{font-family:var(--serif);font-size:1.5rem}
.cart-dw__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text-mid);transition:color .3s}
.cart-dw__close:hover{color:var(--text)}
.cart-ship{background:var(--bg-alt);padding:16px 20px;margin-bottom:28px}
.cart-ship__txt{font-size:.72rem;color:var(--text-mid);margin-bottom:8px}
.cart-ship__bar{height:2px;background:rgba(45,74,62,.1);overflow:hidden}
.cart-ship__fill{height:100%;background:var(--green);transition:width .6s var(--ease);width:0%}
.cart-items{flex:1;overflow-y:auto}
.cart-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(45,74,62,.08)}
.cart-item__img{width:72px;height:72px;object-fit:cover}
.cart-item__info{flex:1}
.cart-item__name{font-family:var(--serif);font-size:.95rem;margin-bottom:2px}
.cart-item__price{font-size:.76rem;color:var(--text-mid)}
.cart-item__qty{display:flex;align-items:center;gap:12px;margin-top:8px}
.cart-item__qty button{width:24px;height:24px;border:1px solid rgba(45,74,62,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-mid);transition:all .2s}
.cart-item__qty button:hover{border-color:var(--green);color:var(--green)}
.cart-item__qty span{font-size:.82rem;min-width:16px;text-align:center}
.cart-empty{text-align:center;padding:60px 0;font-style:italic;color:var(--text-light);font-family:var(--serif);font-size:1.1rem}
.cart-ft{border-top:1px solid rgba(45,74,62,.1);padding-top:20px}
.cart-tot{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.cart-tot__lbl{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid)}
.cart-tot__amt{font-family:var(--serif);font-size:1.4rem}
.cart-co{display:block;width:100%;padding:16px;background:var(--green);color:var(--bg);text-align:center;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;transition:background .4s}
.cart-co:hover{background:var(--text)}

/* FOOTER */
.footer{background:var(--bg);padding:100px 80px 48px;border-top:1px solid rgba(45,74,62,.1)}
.footer__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr .8fr;gap:60px}
.footer__brand{font-family:var(--logo);font-size:2rem;margin-bottom:16px;color:var(--text)}
.footer__desc{font-size:.82rem;color:var(--text-mid);line-height:1.85;max-width:340px}
.footer__hd{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:20px;font-family:var(--sans);font-weight:500}
.footer__links li{margin-bottom:10px}
.footer__links a{font-family:var(--serif);font-size:.92rem;color:var(--text-mid);transition:color .3s}
.footer__links a:hover{color:var(--text)}
.footer__bot{max-width:1280px;margin:80px auto 0;padding-top:28px;border-top:1px solid rgba(45,74,62,.08);display:flex;justify-content:space-between;align-items:center}
.footer__mega{font-family:var(--logo);font-size:4rem;color:rgba(45,74,62,.08)}
.footer__copy{font-size:.68rem;color:var(--text-light);letter-spacing:.1em}

/* ===== RESPONSIVE ===== */

@media(max-width:1200px){
  .sec{padding:100px 48px}
  .cat-grid{gap:20px}
  .hamper-grid{gap:20px}
  .atelier-grid{gap:24px}
  .story__inner{gap:60px}
  .footer{padding:80px 48px 40px}
}

@media(max-width:1024px){
  .nav{padding:14px 20px;grid-template-columns:40px 1fr 40px;align-items:center}
  .nav.scrolled{padding:14px 20px}
  .nav__left:not(.mob){display:none !important}
  .nav__right{display:none !important}
  .nav__mob-bag{display:flex !important;align-items:center;justify-self:start}
  .nav__hamburger{display:flex !important;align-items:center;justify-self:end}
  .nav__logo{font-size:1.5rem !important;text-align:center;justify-self:center;margin:0 auto}
  /* Explicit color for scrolled state on mobile */
  .nav.scrolled .nav__mob-bag,.nav.scrolled .nav__mob-bag svg{color:var(--text)}
  .nav.scrolled .cookie-icon{color:var(--text)}
  /* Default (non-hero, non-scrolled) fallback */
  .nav:not(.nav--hero) .nav__mob-bag,.nav:not(.nav--hero) .cookie-icon,.nav:not(.nav--hero) .nav__mob-bag svg{color:var(--text)}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .sec--gifting{padding:56px 32px 64px}
  .gift-showcase{grid-template-columns:1fr;gap:28px}
  .gift-showcase__frame{height:340px}
  .gift-tabs{grid-template-columns:repeat(2,1fr)}
  .atelier-grid{grid-template-columns:repeat(2,1fr)}
  .story__inner{grid-template-columns:1fr;gap:48px}
  .story__img{height:400px}
  .footer__inner{grid-template-columns:1fr 1fr;gap:40px}
  .cat-modal__grid{grid-template-columns:repeat(2,1fr)}
  .cat-modal__inner{padding:100px 40px 60px}
}

@media(max-width:768px){
  /* Fullscreen mobile menu */
  .nav__left.mob{
    display:flex;flex-direction:column;gap:28px;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:var(--bg);
    padding:0 32px;
    z-index:9999;
    align-items:center;
    justify-content:center;
  }
  .nav__close{display:none !important}
  .nav__left.mob .nav__close{
    display:block !important;position:absolute;top:24px;right:24px;
    width:44px;height:44px;
    font-size:1.4rem;color:var(--text-mid);
    background:none;border:none;cursor:pointer;
    transition:color .3s;font-family:var(--sans);
  }
  .nav__close:hover{color:var(--text)}
  .nav__left.mob .nav__link{font-size:1.1rem;letter-spacing:.18em;color:var(--text)}
  .nav__left.mob .nav__link::after{display:none}
  .nav.menu-open .nav__logo,.nav.menu-open .cookie-icon,.nav.menu-open .nav__mob-bag{color:var(--text)}
  .sec{padding:72px 24px}
  .sec__head{margin-bottom:48px}
  .hero{min-height:100svh}
  .hero__content{padding:0 24px 48px;max-width:100%}
  .hero__title{font-size:clamp(2.4rem,10vw,3.5rem)}
  .hero__subtitle{font-size:.85rem}
  .hero__cta{padding:12px 28px}
  .marquee__item{font-size:.58rem}
  .cat-grid{grid-template-columns:1fr 1fr;gap:14px}
  .cat-card__info{padding:14px 16px}
  .cat-card__name{font-size:1.1rem}
  .cat-card__arrow{opacity:1;transform:translateX(0)}
  .cat-modal__inner{padding:80px 24px 40px}
  .cat-modal__grid{grid-template-columns:1fr 1fr}
  .item-card{padding:20px}
  .story__img{height:300px}
  .story__inner{gap:36px}
  .atelier-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .atelier-card{padding:22px 18px;text-align:center;align-items:center;flex-direction:column}
  .atelier-card__icon{margin:0 0 14px;width:44px;height:44px;flex-shrink:0}
  .atelier-card__icon svg{width:22px;height:22px}
  .atelier-card__title{font-size:1.05rem;margin-bottom:8px}
  .atelier-card__text{font-size:.78rem;line-height:1.65}
  .hamper-card{padding:24px 20px}
  .footer{padding:56px 24px 28px}
  .footer__inner{grid-template-columns:1fr;gap:32px}
  .footer__bot{flex-direction:column;gap:16px;text-align:center;margin-top:48px}
  .footer__mega{font-size:2.2rem}
  .cart-dw{width:100%;max-width:100vw;padding:32px 24px}
}

@media(max-width:540px){
  .atelier-grid{grid-template-columns:1fr;gap:14px}
  .atelier-card{padding:20px 18px;flex-direction:row;align-items:flex-start;gap:16px;text-align:left}
  .atelier-card__icon{margin:0;width:42px;height:42px}
  .atelier-card__icon svg{width:20px;height:20px}
  .atelier-card__title{font-size:1.05rem;margin-bottom:6px}
  .atelier-card__text{font-size:.78rem;line-height:1.6}
}

@media(max-width:480px){
  .hero__cta-row{flex-direction:column;align-items:flex-start;gap:16px}
  .cat-grid{grid-template-columns:1fr;gap:16px}
  .cat-modal__grid{grid-template-columns:1fr}
  h2{font-size:clamp(1.8rem,6vw,2.4rem)}
  .nav__logo{font-size:1.35rem !important}
}

/* ============================================================
   MODALS, AUTH, CHECKOUT & TRACKER STYLES
   ============================================================ */

/* Item Card Add & Stepper Buttons */
.item-card{display:flex;justify-content:space-between;align-items:center;gap:12px}
.item-card__body{flex:1}
.item-card__add{padding:6px 14px;background:none;border:1px solid var(--green);color:var(--green);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;border-radius:3px;transition:all .25s var(--ease);font-weight:500;white-space:nowrap;flex-shrink:0;cursor:pointer}
.item-card__add:hover{background:var(--green);color:var(--bg)}
.item-card__qty{display:flex;align-items:center;border:1px solid var(--green);border-radius:3px;overflow:hidden;flex-shrink:0;background:var(--bg-card)}
.item-card__qty button{width:28px;height:28px;background:none;border:none;color:var(--green);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.item-card__qty button:hover{background:rgba(45,74,62,.1)}
.item-card__qty span{padding:0 8px;font-size:.78rem;font-weight:600;color:var(--green);min-width:20px;text-align:center}

/* Auth Layout & Disabled States */
.auth-disabled-wrap{background:var(--bg-alt);border:1px solid rgba(45,74,62,.08);border-radius:6px;padding:14px;margin-bottom:16px}
.auth-disabled-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.auth-badge-soon{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(45,74,62,.1);color:var(--text-mid);padding:2px 6px;border-radius:10px;font-weight:500}
.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--text-light);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid rgba(45,74,62,.12)}
.auth-divider span{padding:0 10px}
.auth-guest-heading{font-family:var(--serif);font-size:1.15rem;color:var(--text);margin-bottom:12px;text-align:center}

/* Cart Minimum Order Note */
.cart-min-note{font-size:.7rem;color:#D9534F;margin-bottom:10px;text-align:center;font-weight:500}

/* Toast Notification */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--green);color:var(--bg);padding:12px 28px;border-radius:30px;font-size:.78rem;letter-spacing:.04em;box-shadow:0 12px 32px rgba(26,26,26,.15);z-index:99999;opacity:0;transition:all .4s var(--ease);pointer-events:none}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast--error{background:#A94442}

/* Nav Account Dropdown */
.nav__account{display:flex;gap:16px;align-items:center}

/* Generic Modal Overlay */
.modal-ov{position:fixed;inset:0;background:rgba(26,26,26,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.modal-ov.open{opacity:1;pointer-events:all}

/* Full-page spacious checkout overlay without inner scrollbar box */
.modal-ov#checkout-modal{
  position:fixed;
  inset:0;
  background:var(--bg);
  z-index:9000;
  overflow-y:auto;
  display:block;
  padding:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--ease);
}
.modal-ov#checkout-modal.open{opacity:1;pointer-events:all}

/* Modal Box Base */
.modal-box{background:var(--bg);border:1px solid rgba(45,74,62,.15);border-radius:8px;padding:36px 32px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px rgba(26,26,26,.12);animation:modalSlideUp .3s var(--ease)}
.modal-box--pincode{max-width:480px;padding:32px 28px;text-align:center;border-radius:12px;background:var(--bg-card);border:1px solid rgba(196,162,101,.3)}
.modal-box--checkout{max-width:1160px;width:100%;margin:0 auto;padding:115px 48px 60px;background:transparent;border:none;box-shadow:none;max-height:none;overflow-y:visible;position:relative}
.modal-box--checkout .modal-box__close{position:fixed;top:20px;right:40px;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:1px solid rgba(45,74,62,.2);font-size:1.2rem;color:var(--green);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease)}
.modal-box--checkout .modal-box__close:hover{background:var(--green);color:var(--bg)}
@keyframes modalSlideUp{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-box__close{position:absolute;top:24px;right:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-mid);transition:color .2s;cursor:pointer;z-index:10}
.modal-box__close:hover{color:var(--text)}

/* FULL SCREEN AMAZON-STYLE CHECKOUT OVERLAY */
.checkout-page-ov{position:fixed;inset:0;z-index:10000;background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.checkout-page-ov.open{opacity:1;pointer-events:all}

.checkout-hdr{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:1px solid rgba(45,74,62,.1);box-shadow:0 4px 20px rgba(26,26,26,.04)}
.checkout-hdr__inner{max-width:1240px;margin:0 auto;padding:14px 32px;display:flex;justify-content:space-between;align-items:center}
.checkout-hdr__left{display:flex;align-items:center;gap:20px}
.checkout-hdr__back{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);background:none;border:none;cursor:pointer;transition:color .2s;padding:0}
.checkout-hdr__back:hover{color:var(--green)}
.checkout-hdr__logo{font-family:var(--logo);font-size:1.8rem;color:var(--green);text-decoration:none}
.checkout-hdr__right{display:flex;align-items:center;gap:24px}
.checkout-hdr__secure{font-size:.68rem;letter-spacing:.08em;color:var(--green);font-weight:500;display:flex;align-items:center;gap:6px}
.checkout-hdr__close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(45,74,62,.15);background:none;font-size:1.1rem;color:var(--text-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.checkout-hdr__close:hover{color:var(--text);border-color:var(--text)}

.checkout-body{flex:1;padding:36px 32px 80px;max-width:1240px;margin:0 auto;width:100%}
.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}
@media (max-width:900px){
  .checkout-grid{grid-template-columns:1fr;gap:32px}
  .checkout-hdr__inner{padding:12px 18px}
  .checkout-body{padding:20px 16px 60px}
  .checkout-hdr__back{display:none}
}

/* Auto-fill banner */
.co-autofill-banner{background:rgba(45,74,62,.06);border:1px dashed rgba(45,74,62,.2);border-radius:8px;padding:12px 18px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}
.co-autofill-banner__info{font-size:.78rem;color:var(--text)}
.co-autofill-btn{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:var(--green);color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;transition:opacity .2s;font-weight:500}
.co-autofill-btn:hover{opacity:.9}
.co-pincode-hint{font-size:.72rem;color:var(--green);margin-top:6px;font-weight:500}

/* Sticky Order Summary Card */
.co-summary-card{position:sticky;top:0;background:var(--bg-card);border:1px solid rgba(196,162,101,.3);border-radius:12px;padding:24px 28px;box-shadow:0 16px 40px rgba(26,26,26,.06)}
.co-summary-card__head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(45,74,62,.1);padding-bottom:16px;margin-bottom:20px}
.co-summary-card__title{font-family:var(--serif);font-size:1.4rem;color:var(--green);margin:0}
.co-summary-card__badge{font-size:.7rem;color:var(--text-mid);letter-spacing:.08em}
.co-summary-totals{border-top:1px solid rgba(45,74,62,.1);padding-top:16px;margin-top:16px}
.co-sum-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-mid);margin-bottom:10px}
.co-sum-row--total{font-size:1.1rem;font-weight:600;color:var(--green);border-top:1px dashed rgba(45,74,62,.15);padding-top:12px;margin-top:12px}
.co-guarantee{margin-top:24px;background:var(--bg-alt);padding:14px 18px;border-radius:8px;display:flex;gap:12px;align-items:center}
.co-guarantee__icon{color:var(--gold);font-size:1.2rem}
.co-guarantee__txt{font-size:.75rem;color:var(--text-mid);line-height:1.5}

/* Payment options styling */
.pay-options{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.pay-option{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-card);border:1.5px solid rgba(45,74,62,.15);border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}
.pay-option:hover,.pay-option.active{border-color:var(--green);background:#FFF;box-shadow:0 4px 16px rgba(45,74,62,.08)}
.pay-option__content{flex:1}
.pay-option__title{font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:2px}
.pay-option__desc{font-size:.78rem;color:var(--text-mid)}
.pay-option__badge{font-size:.55rem;letter-spacing:.14em;background:var(--green);color:#fff;padding:4px 8px;border-radius:4px;font-weight:600}
.co-pay-summary-box{background:var(--bg-alt);padding:16px 20px;border-radius:8px;margin-bottom:20px}
.co-pay-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text)}
.co-pay-summary-row strong{font-size:1.2rem;color:var(--green)}

/* Product Item Card in Modal with Enlarged Dual-Image Hover Swap */
.item-card{display:flex;align-items:center;gap:18px;padding:14px 16px;background:var(--bg-card);border:1px solid rgba(45,74,62,.1);border-radius:10px;transition:all .25s var(--ease)}
.item-card:hover{border-color:rgba(45,74,62,.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,74,62,.08)}
.item-card__thumb-wrap{width:90px;height:90px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-alt);border:1px solid rgba(45,74,62,.1);position:relative}
.item-card__thumb-primary,.item-card__thumb-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--ease),transform .4s var(--ease)}
.item-card__thumb-hover{opacity:0}
.item-card:hover .item-card__thumb-hover{opacity:1;transform:scale(1.08)}
.item-card:hover .item-card__thumb-primary{opacity:0}
.item-card__body{flex:1;min-width:0}
.item-card__name{font-family:var(--serif);font-size:1.08rem;color:var(--text);font-weight:500;line-height:1.2;margin-bottom:3px}
.item-card__price{font-size:.88rem;color:var(--green);font-weight:600}
.item-card__note{font-size:.68rem;color:var(--gold);font-style:italic;margin-top:2px}
.item-card__action-wrap{flex-shrink:0}

/* 5-Star Luxury Auth Modal */
.modal-box--auth{max-width:440px;padding:36px 32px 28px;background:var(--bg-card);border:1px solid rgba(196,162,101,.35);box-shadow:0 24px 64px rgba(26,26,26,.18),inset 0 0 0 1px rgba(255,255,255,.5);border-radius:14px;max-height:none!important;overflow:hidden!important}
.auth-lux-head{text-align:center;margin-bottom:24px}
.auth-lux-crest{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:0}

.auth-lux-subhead{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mid);font-weight:600;text-align:center;margin:24px 0 14px;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}
.auth-lux-subhead::before,.auth-lux-subhead::after{content:'';flex:1;border-bottom:1px solid rgba(45,74,62,.12)}
.auth-lux-crest {
  font-family: 'Cinzel', serif;
  font-size: 0.62rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gold-dark);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.auth-lux-head {
  text-align: center;
  margin-bottom: 24px;
  position: relative;
}
.auth-lux-title {
  font-family: var(--serif);
  font-size: 1.75rem;
  color: var(--green);
  font-weight: 500;
  margin-top: 6px;
  letter-spacing: -0.01em;
}
.auth-lux-subhead {
  font-size: 0.8rem;
  color: var(--text-mid);
  margin-top: 4px;
  font-weight: 400;
}

/* Luxury Social Auth Buttons */
.auth-oauth-btn {
  width: 100%;
  padding: 13px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 0.88rem;
  border-radius: 9px;
  cursor: pointer;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.auth-oauth-btn--google {
  background: #ffffff;
  border: 1px solid rgba(196, 162, 101, 0.35);
  color: #1a2923;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0,0,0,0.02);
}
.auth-oauth-btn--google:hover {
  border-color: var(--gold);
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(196, 162, 101, 0.22), 0 2px 6px rgba(0,0,0,0.06);
}
.auth-oauth-btn--apple {
  background: #101714;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.auth-oauth-btn--apple:hover {
  background: #000000;
  border-color: rgba(196, 162, 101, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}

/* Luxury Divider */
.auth-lux-divider {
  display: flex;
  align-items: center;
  margin: 20px 0;
  gap: 14px;
}
.auth-lux-divider__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196, 162, 101, 0.35), transparent);
}
.auth-lux-divider__text {
  font-family: 'Cinzel', serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  color: var(--gold-dark);
  font-weight: 600;
}

/* Luxury Inputs */
.auth-field-group { margin-bottom: 14px; }
.auth-lux-label {
  display: block;
  font-size: 0.64rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-mid);
  margin-bottom: 6px;
  font-weight: 600;
}
.auth-lux-input {
  width: 100%;
  padding: 12px 16px;
  background: #ffffff;
  border: 1px solid rgba(45, 74, 62, 0.2);
  border-radius: 8px;
  font-size: 0.9rem;
  color: var(--text);
  outline: none;
  transition: all 0.25s var(--ease);
  font-family: var(--sans);
}
.auth-lux-input:focus {
  border-color: var(--gold);
  background: #ffffff;
  box-shadow: 0 0 0 3.5px rgba(196, 162, 101, 0.18);
}

/* Luxury CTA Buttons */
.auth-lux-btn {
  width: 100%;
  padding: 14px 22px;
  background: linear-gradient(135deg, #2D4A3E 0%, #1e352c 100%);
  color: #FAF6EE;
  font-family: var(--sans);
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  border: 1px solid rgba(196, 162, 101, 0.3);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(45, 74, 62, 0.25);
  position: relative;
  overflow: hidden;
}
.auth-lux-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transform: rotate(25deg);
  transition: all 0.6s ease;
}
.auth-lux-btn:hover::after {
  left: 120%;
}
.auth-lux-btn:hover {
  background: linear-gradient(135deg, #37594b 0%, #233d32 100%);
  border-color: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(45, 74, 62, 0.35);
}
.auth-lux-arrow {
  font-size: 0.95rem;
  transition: transform 0.25s var(--ease);
}
.auth-lux-btn:hover .auth-lux-arrow {
  transform: translateX(4px);
}

.auth-guest-btn {
  width: 100%;
  padding: 13px 18px;
  background: transparent;
  border: 1px dashed rgba(45, 74, 62, 0.28);
  border-radius: 8px;
  color: var(--green);
  font-family: var(--sans);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s var(--ease);
}
.auth-guest-btn:hover {
  background: rgba(196, 162, 101, 0.09);
  border-color: var(--gold);
  border-style: solid;
  color: var(--green-dark);
  transform: translateY(-1px);
}

.auth-status {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 0.8rem;
  margin-bottom: 18px;
  text-align: center;
  line-height: 1.45;
  animation: modalFadeIn 0.3s ease-out;
}
.auth-status--error {
  background: rgba(169, 68, 66, 0.09);
  color: #a94442;
  border: 1px solid rgba(169, 68, 66, 0.25);
}
.auth-status--ok {
  background: rgba(45, 74, 62, 0.09);
  color: var(--green);
  border: 1px solid rgba(45, 74, 62, 0.25);
}

/* Checkout Progress */
.co-progress-wrap{width:100%;margin-bottom:28px}
.co-progress{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(45,74,62,.1);padding-bottom:16px;margin-bottom:28px}
.co-progress__dot{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);display:flex;align-items:center;gap:8px;font-weight:500}
.co-progress__dot span{width:24px;height:24px;border-radius:50%;border:1px solid rgba(45,74,62,.2);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600}
.co-progress__dot.active{color:var(--green);font-weight:600}
.co-progress__dot.active span{border-color:var(--green);background:var(--green);color:var(--bg)}
.co-progress__dot.done{color:var(--text-mid)}
.co-progress__dot.done span{background:rgba(45,74,62,.1);border-color:var(--green);color:var(--green)}
.co-progress__line{flex:1;height:1px;background:rgba(45,74,62,.12);margin:0 12px}

/* Enhanced 5-Star Checkout Address Form */
.co-step__header{margin-bottom:20px}
.co-step__subtitle{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:4px}
.co-step__title{font-family:var(--serif);font-size:1.6rem;color:var(--green);font-weight:500;margin:0}

.co-form__group-title{font-size:.62rem;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--green);margin:20px 0 10px;border-bottom:1px solid rgba(45,74,62,.1);padding-bottom:4px}
.co-form__group-title:first-child{margin-top:0}
.co-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}
.co-form__row--tri{grid-template-columns:1fr 1fr 1fr}
@media (max-width:540px){
  .co-form__row{grid-template-columns:1fr}
  .co-form__row--tri{grid-template-columns:1fr}
}
.co-form__field{margin-bottom:12px;display:flex;flex-direction:column}
.co-label{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);margin-bottom:5px;font-weight:500}
.co-input{width:100%;padding:11px 14px;background:var(--bg);border:1px solid rgba(45,74,62,.18);border-radius:5px;font-size:.85rem;color:var(--text);outline:none;transition:all .2s var(--ease)}
.co-input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(45,74,62,.08)}
.co-input--textarea{resize:vertical;min-height:60px}

.co-btn--full{margin-top:20px}
.co-back{display:block;width:100%;text-align:center;padding:12px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);margin-top:8px;transition:color .2s;cursor:pointer}
.co-back:hover{color:var(--text)}

/* Pincode Coverage Modal */
.modal-box--pincode {
  max-width: 480px;
  padding: 34px 28px 28px;
  text-align: center;
  border-radius: 16px;
  background: radial-gradient(circle at 50% 0%, #FFFFFF 0%, #FAF7F0 100%);
  border: 1px solid rgba(196, 162, 101, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
}
.pincode-notice__badge {
  font-family: 'Cinzel', serif;
  font-size: 0.64rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--gold-dark);
  font-weight: 600;
  margin-bottom: 6px;
}
.pincode-notice__title {
  font-family: var(--serif);
  font-size: 1.45rem;
  color: var(--green);
  margin-bottom: 6px;
  line-height: 1.3;
}
.pincode-notice__desc {
  font-size: 0.84rem;
  color: var(--text-mid);
  line-height: 1.5;
  margin-bottom: 16px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
.pincode-map-wrap {
  margin: 14px auto 22px;
  max-width: 400px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  background: #FAF7F0;
  border: 1px solid rgba(196, 162, 101, 0.2);
  box-shadow: 0 4px 18px rgba(45, 74, 62, 0.05);
}
.pincode-coverage-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 52%, rgba(0,0,0,0.85) 75%, rgba(0,0,0,0) 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 52%, rgba(0,0,0,0.85) 75%, rgba(0,0,0,0) 100%);
}

/* ── Checkout Sidebar & Your Selection Card ───────────────── */
.checkout-sidebar {
  width: 100%;
}
.co-summary-card {
  background: #FFFFFF;
  border: 1px solid rgba(196, 162, 101, 0.28);
  border-radius: 16px;
  padding: 24px 22px 20px;
  box-shadow: 0 4px 20px rgba(45, 74, 62, 0.04);
}
.co-summary-card__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12px;
  border-bottom: 1px dashed rgba(45, 74, 62, 0.12);
  margin-bottom: 12px;
}
.co-summary-card__title {
  font-family: var(--serif);
  font-size: 1.45rem;
  font-weight: 500;
  color: var(--green);
  line-height: 1.2;
}
.co-summary-card__count {
  font-family: var(--sans);
  font-size: 0.76rem;
  color: var(--text-light);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.co-items-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 12px;
}
.co-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  font-family: var(--sans);
  font-size: 0.88rem;
  color: var(--text);
  border-bottom: 1px dashed rgba(45, 74, 62, 0.08);
}
.co-item:last-child {
  border-bottom: none;
}
.co-item__name {
  color: var(--text);
  font-weight: 400;
}
.co-item__price {
  font-family: var(--sans);
  font-weight: 600;
  color: var(--green);
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 0.92rem;
}
.co-summary-calc {
  border-top: 1px solid rgba(45, 74, 62, 0.12);
  padding-top: 14px;
  margin-bottom: 16px;
}
.co-calc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--sans);
  font-size: 0.86rem;
  color: var(--text-mid);
  margin-bottom: 8px;
}
.co-calc-row span:last-child {
  font-weight: 600;
  color: var(--text);
  font-variant-numeric: lining-nums tabular-nums;
}
.co-calc-row--total {
  border-top: 1px dashed rgba(45, 74, 62, 0.18);
  padding-top: 12px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--green);
}
.co-calc-row--total span:first-child {
  font-family: var(--sans);
  font-weight: 700;
  color: var(--green);
}
.co-calc-row--total span:last-child {
  font-family: var(--sans);
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--green);
  font-variant-numeric: lining-nums tabular-nums;
}
.co-guarantee {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: rgba(45, 74, 62, 0.04);
  border: 1px solid rgba(196, 162, 101, 0.2);
  border-radius: 10px;
  padding: 13px 15px;
  margin-top: 14px;
}
.co-guarantee__icon {
  color: var(--gold-dark);
  font-size: 0.9rem;
  line-height: 1.3;
}
.co-guarantee__text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-family: var(--sans);
}
.co-guarantee__text strong {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--green);
  letter-spacing: 0.02em;
}
.co-guarantee__text span {
  font-size: 0.74rem;
  color: var(--text-mid);
  line-height: 1.45;
}

/* Confirmation Screen */
.co-confirm{text-align:center;padding:20px 0}
.co-confirm__icon{width:56px;height:56px;border-radius:50%;background:rgba(45,74,62,.1);color:var(--green);font-size:1.6rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.co-confirm__title{font-family:var(--serif);font-size:1.8rem;margin-bottom:8px}
.co-confirm__num{font-size:.9rem;color:var(--text-mid);margin-bottom:12px}
.co-confirm__num strong{color:var(--green);letter-spacing:.05em}
.co-confirm__msg{font-size:.8rem;color:var(--text-light);max-width:320px;margin:0 auto 24px;line-height:1.7}
.co-confirm__btns{display:flex;flex-direction:column;gap:8px}

/* Order Tracker Timeline */
.tracker-loading,.tracker-empty{text-align:center;padding:40px 0;font-style:italic;color:var(--text-light);font-family:var(--serif);font-size:1.1rem}
.tracker-order-num{text-align:center;margin-bottom:28px;border-bottom:1px solid rgba(45,74,62,.1);padding-bottom:16px}
.tracker-timeline{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:24px;margin-bottom:28px}
.tracker-timeline::before{content:'';position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:rgba(45,74,62,.15)}
.tracker-step{display:flex;align-items:center;gap:16px;position:relative;opacity:.4;transition:opacity .3s}
.tracker-step.active{opacity:1}
.tracker-step__dot{width:24px;height:24px;border-radius:50%;background:var(--bg-card);border:2px solid rgba(45,74,62,.3);display:flex;align-items:center;justify-content:center;font-size:.7rem;position:absolute;left:-24px;z-index:2;transition:all .3s}
.tracker-step.active .tracker-step__dot{border-color:var(--green);background:var(--green);color:var(--bg)}
.tracker-step.current .tracker-step__dot{transform:scale(1.25);box-shadow:0 0 0 4px rgba(45,74,62,.15)}
.tracker-step__info{display:flex;align-items:center;gap:12px}
.tracker-step__label{font-size:.85rem;color:var(--text);font-weight:500}
.tracker-step__badge{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:var(--green);color:var(--bg);padding:2px 8px;border-radius:10px;font-weight:600}
.tracker-details{background:var(--bg-card);border:1px solid rgba(45,74,62,.1);border-radius:6px;padding:20px}
.tracker-item{font-size:.8rem;color:var(--text-mid);padding:4px 0}
.tracker-item--total{font-weight:600;color:var(--text);border-top:1px solid rgba(45,74,62,.1);padding-top:8px;margin-top:8px;display:flex;justify-content:space-between}

/* ── Luxury Minimal Auth Modal ────────────────────────────── */
.auth-minimal {
  max-width: 390px;
  padding: 38px 32px;
  border-radius: 16px;
  background: radial-gradient(circle at 50% 0%, #FFFFFF 0%, #FAF7F0 100%);
  border: 1px solid rgba(196, 162, 101, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(196, 162, 101, 0.15);
  text-align: center;
  position: relative;
}
.auth-m-logo {
  font-family: var(--logo);
  font-size: 2.6rem;
  color: var(--green);
  margin-bottom: 0px;
  line-height: 1.1;
}
.auth-m-tagline {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.2rem;
  color: var(--green);
  margin: 6px 0 8px;
  line-height: 1.25;
}
.auth-m-sub {
  font-family: var(--sans);
  font-size: 0.74rem;
  color: var(--text-light);
  margin: 0 0 22px;
  line-height: 1.45;
}
.auth-m-actions {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.auth-m-google {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 13px 18px;
  background: #FFFFFF;
  border: 1px solid rgba(45, 74, 62, 0.18);
  border-radius: 10px;
  font-family: var(--sans);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.25s var(--ease);
}
.auth-m-google:hover {
  background: #FAF8F5;
  border-color: var(--green);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(45, 74, 62, 0.12);
}
.auth-lux-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0;
}
.auth-lux-divider__line {
  flex: 1;
  height: 1px;
  background: rgba(196, 162, 101, 0.25);
}
.auth-lux-divider__text {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.78rem;
  color: var(--text-light);
}
.auth-m-guest {
  width: 100%;
  padding: 12px 18px;
  background: #E6F0EA;
  border: 1px solid rgba(45, 74, 62, 0.18);
  border-radius: 10px;
  font-family: var(--sans);
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--green);
  cursor: pointer;
  transition: all 0.2s var(--ease);
}
.auth-m-guest:hover {
  background: #D9E8DF;
  border-color: var(--green);
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(45, 74, 62, 0.12);
}
.auth-m-footnote {
  font-family: var(--sans);
  font-size: 0.74rem;
  color: var(--text-light);
  margin-top: 6px;
  line-height: 1.4;
  text-align: center;
}

/* ── Luxury Receipt Card (Horizontal Layout) ──────────────── */
.receipt-card {
  background: var(--bg-card);
  border: 1px solid rgba(196, 162, 101, 0.35);
  border-radius: 16px;
  padding: 26px 20px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(196, 162, 101, 0.15);
  margin-bottom: 24px;
}

@media (min-width: 820px) {
  .receipt-card {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 40px;
    padding: 38px 44px;
    align-items: start;
  }
  .receipt-card__left {
    padding-right: 36px;
    border-right: 1px dashed rgba(45, 74, 62, 0.15);
    display: flex;
    flex-direction: column;
  }
  .receipt-card__right {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .receipt-left-head {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(45, 74, 62, 0.12);
  }
  .receipt-left-title {
    font-family: var(--sans);
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    color: var(--green);
    font-weight: 700;
    text-transform: uppercase;
  }
}

.receipt-card__header {
  text-align: center;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px dashed rgba(45, 74, 62, 0.12);
}
.receipt-brand {
  font-family: var(--logo);
  font-size: 2.2rem;
  color: var(--green);
  margin-bottom: 2px;
  line-height: 1.2;
}
.receipt-title {
  font-family: var(--sans);
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  color: var(--gold-dark);
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.receipt-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: rgba(45, 74, 62, 0.04);
  padding: 13px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid rgba(45, 74, 62, 0.08);
}
.receipt-meta__col { display: flex; flex-direction: column; }
.receipt-label { font-family: var(--sans); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-light); margin-bottom: 3px; font-weight: 600; }
.receipt-meta__col strong { font-family: var(--sans); font-size: 0.88rem; color: var(--green); font-weight: 600; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }

.receipt-customer { font-family: var(--sans); font-size: 0.84rem; color: var(--text-mid); padding-bottom: 14px; margin-bottom: 16px; line-height: 1.55; }
.receipt-customer strong { color: var(--text); font-weight: 600; }

.receipt-items-table { width: 100%; margin-bottom: 16px; }
.receipt-item-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-family: var(--sans); font-size: 0.88rem; color: var(--text); border-bottom: 1px dashed rgba(45, 74, 62, 0.08); }
.receipt-item-row span { font-weight: 400; color: var(--text); }
.receipt-item-row strong { font-family: var(--sans); color: var(--green); font-weight: 600; font-size: 0.92rem; font-variant-numeric: lining-nums tabular-nums; }

.receipt-totals { border-top: 1px solid rgba(45, 74, 62, 0.12); padding-top: 14px; margin-bottom: 16px; }
.receipt-row { display: flex; justify-content: space-between; align-items: center; font-family: var(--sans); font-size: 0.85rem; color: var(--text-mid); margin-bottom: 6px; }
.receipt-row span:last-child { font-weight: 600; color: var(--text); font-variant-numeric: lining-nums tabular-nums; }
.receipt-row--grand { font-family: var(--sans); font-size: 1.05rem; color: var(--green); font-weight: 700; border-top: 1px dashed rgba(45, 74, 62, 0.18); padding-top: 12px; margin-top: 8px; display: flex; justify-content: space-between; align-items: baseline; }
.receipt-row--grand span { font-family: var(--serif); font-size: 1.25rem; font-weight: 600; color: var(--green); }
.receipt-row--grand strong { font-family: var(--sans); font-size: 1.25rem; font-weight: 700; color: var(--green); font-variant-numeric: lining-nums tabular-nums; }

.receipt-gst-note { font-family: var(--sans); font-size: 0.7rem; letter-spacing: 0.02em; color: var(--text-light); text-align: right; margin-top: 6px; }
.receipt-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }

/* ── Status Pill ──────────────────────────────────────────── */
.receipt-live-pill {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 14px; border-radius: 20px;
  font-family: var(--sans); font-size: 0.72rem; font-weight: 600;
  letter-spacing: 0.04em; margin-top: 8px;
}
.receipt-live-pill--confirmed { background: #FFFBEB; color: #92400E; border: 1px solid #FDE68A; }
.receipt-live-pill--baking { background: #FFF7ED; color: #9A3412; border: 1px solid #FED7AA; }
.receipt-live-pill--dispatched { background: #EFF6FF; color: #1E40AF; border: 1px solid #BFDBFE; }
.receipt-live-pill--delivered { background: #F0FDF4; color: #166534; border: 1px solid #BBF7D0; }
.receipt-live-pill--cancelled { background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; }

.live-pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; position: relative; display: inline-block; }
.live-pulse-dot::after { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border-radius: 50%; background: currentColor; opacity: 0.35; animation: livePulseAnim 1.8s infinite; }
@keyframes livePulseAnim { 0%{transform:scale(0.9);opacity:0.6} 70%{transform:scale(2);opacity:0} 100%{transform:scale(2);opacity:0} }

/* ── Order Tracking Modal ─────────────────────────────────── */
.modal-box--track {
  max-width: 460px;
  width: 90vw;
  padding: 28px 26px 22px;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 0%, #FFFFFF 0%, #FAF7F0 100%);
  border: 1px solid rgba(196, 162, 101, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.16);
  position: relative;
}
.track-modal__head {
  text-align: center;
  margin-bottom: 22px;
  padding-bottom: 14px;
  border-bottom: 1px dashed rgba(45, 74, 62, 0.12);
}
.track-modal__title {
  font-family: var(--serif);
  font-size: 1.48rem;
  color: var(--green);
  margin: 0 0 4px;
  font-weight: 600;
  line-height: 1.25;
}
.track-modal__num {
  font-family: var(--sans);
  font-size: 0.8rem;
  color: var(--text-light);
  font-weight: 500;
  font-variant-numeric: lining-nums tabular-nums;
}

/* ── Emoji Timeline Steps ─────────────────────────────────── */
.track-timeline {
  margin-bottom: 0;
}

.trk-step { display: flex; gap: 0; }
.trk-step-left { display: flex; flex-direction: column; align-items: center; width: 44px; flex-shrink: 0; }

.trk-dot {
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.15rem;
  background: #ffffff;
  border: 2px solid rgba(45, 74, 62, 0.18);
  flex-shrink: 0;
  transition: all 0.25s var(--ease);
}
.trk-line {
  width: 2px;
  flex: 1;
  min-height: 28px;
  background: rgba(45, 74, 62, 0.12);
  margin: 4px 0;
  border-radius: 2px;
}

.trk-step-body { padding: 2px 0 24px 16px; flex: 1; }
.trk-step:last-child .trk-step-body { padding-bottom: 4px; }
.trk-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--sans);
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--text-mid);
  margin-bottom: 3px;
}
.trk-desc {
  font-family: var(--sans);
  font-size: 0.78rem;
  color: var(--text-light);
  line-height: 1.45;
}

/* Completed Step: Green Outline Ring & Light Green Fill */
.track-step--completed .trk-dot {
  background: #DCFCE7;
  border-color: #22C55E;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.16);
}
.track-step--completed .trk-line { background: #22C55E; }
.track-step--completed .trk-title { color: var(--green); font-weight: 600; }

/* Current Active Step: Distinct Double Ring in Signature Green with Light Green Fill */
.track-step--current .trk-dot {
  background: #DCFCE7;
  border: 2px solid var(--green);
  box-shadow: 0 0 0 3px #FAF7F0, 0 0 0 5px var(--green);
  transform: scale(1.06);
}
.track-step--current .trk-title { color: var(--green); font-weight: 700; font-size: 0.98rem; }
.track-step--current .trk-desc { color: var(--text-mid); }

/* Upcoming Step: Neutral Muted Ring */
.track-step--upcoming .trk-dot {
  background: #FAF7F0;
  border-color: rgba(45, 74, 62, 0.12);
  opacity: 0.45;
}
.track-step--upcoming .trk-title { color: var(--text-light); font-weight: 500; opacity: 0.6; }
.track-step--upcoming .trk-desc { color: var(--text-light); opacity: 0.45; }
.track-step--upcoming .trk-line { background: rgba(45, 74, 62, 0.08); }

/* ── "Your Artisan Orders" Modal & Cards ─────────────────── */
.modal-box--tracker {
  max-width: 490px;
  width: 90vw;
  padding: 30px 28px 26px;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 0%, #FFFFFF 0%, #FAF7F2 100%);
  border: 1px solid rgba(196, 162, 101, 0.35);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(196, 162, 101, 0.12);
  max-height: 88vh;
  overflow-y: auto;
}
.tracker-modal-header--left {
  text-align: left;
  margin-bottom: 16px;
}
.tracker-header-crest {
  font-family: 'Cinzel', serif;
  font-size: 0.64rem;
  letter-spacing: 0.26em;
  color: var(--gold-dark);
  font-weight: 600;
  margin-bottom: 6px;
  text-transform: uppercase;
  opacity: 0.9;
}
.tracker-header-title {
  font-family: var(--serif);
  font-size: 1.42rem;
  font-weight: 500;
  color: #385447;
  margin: 0;
  line-height: 1.28;
  letter-spacing: -0.01em;
}
.tracker-header-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(196, 162, 101, 0.35) 0%, rgba(45, 74, 62, 0.08) 70%, transparent 100%);
  margin-top: 14px;
}

.tracker-orders-stack {
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin-bottom: 0;
}
.tracker-order-card {
  background: #ffffff;
  border: 1px solid rgba(196, 162, 101, 0.24);
  border-radius: 14px;
  padding: 15px 19px;
  cursor: pointer;
  transition: all 0.25s var(--ease);
  box-shadow: 0 2px 8px rgba(45, 74, 62, 0.03);
  position: relative;
}
.tracker-order-card:hover {
  transform: translateY(-2px);
  border-color: rgba(196, 162, 101, 0.38);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.trk-card-top-zone {
  margin-bottom: 10px;
}
.trk-card-row--main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}
.trk-card-heading {
  font-family: var(--serif);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--green);
  line-height: 1.25;
}
.tracker-order-card__status {
  font-size: 0.62rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}
.tracker-order-card__status--confirmed { background: #FEF9C3; color: #854D0E; border: 1px solid #FEF08A; }
.tracker-order-card__status--baking { background: #FFEDD5; color: #9A3412; border: 1px solid #FED7AA; }
.tracker-order-card__status--dispatched { background: #DBEAFE; color: #1E40AF; border: 1px solid #BFDBFE; }
.tracker-order-card__status--delivered { background: #DCFCE7; color: #15803D; border: 1px solid #86EFAC; }
.tracker-order-card__status--cancelled { background: #FEE2E2; color: #991B1B; border: 1px solid #FECACA; }

.trk-card-meta {
  font-family: var(--sans);
  font-size: 0.77rem;
  color: #7A8E84;
  font-weight: 400;
}

.trk-card-bot-zone {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  border-top: 1px dashed rgba(45, 74, 62, 0.09);
}
.trk-card-price-line {
  font-family: var(--serif);
  font-size: 1.12rem;
  font-weight: 700;
  color: #1A2822;
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.trk-card-price-line .trk-card-ordernum {
  font-family: var(--sans);
  font-size: 0.76rem;
  color: #8C9E95;
  font-weight: 500;
}
.trk-card-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--sans);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--green);
  background: #F4F8F5;
  border: 1px solid rgba(45, 74, 62, 0.18);
  padding: 5px 13px;
  border-radius: 18px;
  transition: all 0.22s var(--ease);
}
.tracker-order-card:hover .trk-card-action {
  background: var(--green);
  color: #ffffff;
  border-color: var(--green);
  transform: translateX(2px);
  box-shadow: 0 4px 12px rgba(45, 74, 62, 0.22);
}

.tracker-order-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: 13px 18px;
  border-radius: 10px;
  border: 1px solid rgba(196, 162, 101, 0.25);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--green);
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.tracker-order-link:hover {
  border-color: rgba(196, 162, 101, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ── Boutique Storefront UX Polish ────────────────────────── */
.toast {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(26, 42, 35, 0.95);
  backdrop-filter: blur(12px);
  color: #FAF6EE;
  padding: 13px 24px;
  border-radius: 30px;
  font-family: var(--sans);
  font-size: 0.84rem;
  font-weight: 500;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(196, 162, 101, 0.35);
  border: 1px solid rgba(196, 162, 101, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
}
.toast.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.toast::before {
  content: '✦';
  color: var(--gold);
  font-size: 0.9rem;
}

/* Bounce animation for cart pill */
@keyframes cartBounce {
  0% { transform: scale(1); }
  35% { transform: scale(1.28) translateY(-3px); }
  65% { transform: scale(0.92); }
  100% { transform: scale(1); }
}
.cart-bounce {
  animation: cartBounce 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Card image smooth zoom on hover */
.card-img-wrap img {
  transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}
.card:hover .card-img-wrap img {
  transform: scale(1.05);
}

/* Premium Global Touches */
::selection { background: rgba(196, 162, 101, 0.28); color: var(--green); }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.03); }
::-webkit-scrollbar-thumb { background: rgba(196, 162, 101, 0.35); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* ============================================================
   EXECUTIVE BAKERY OWNER ADMIN DASHBOARD (ATELIER NOIR THEME)
   ============================================================ */
.admin-body {
  background: #0D1512;
  color: #EDE8DF;
  min-height: 100vh;
  font-family: var(--sans);
}
.admin-nav {
  background: rgba(19, 29, 24, 0.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(196, 162, 101, 0.22);
  padding: 16px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 100;
}
.admin-brand {
  font-family: var(--logo);
  font-size: 1.45rem;
  color: #EDE8DF;
  display: flex;
  align-items: center;
  gap: 10px;
}
.admin-brand-tag {
  font-family: 'Cinzel', serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  background: rgba(196, 162, 101, 0.18);
  color: var(--gold);
  border: 1px solid rgba(196, 162, 101, 0.35);
  padding: 3px 8px;
  border-radius: 4px;
}
.admin-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(21, 128, 61, 0.16);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #4ade80;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-transform: uppercase;
}
.admin-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 28px 24px 60px;
}

.admin-metrics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}
.admin-metric-card {
  background: #14201B;
  border: 1px solid rgba(196, 162, 101, 0.2);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  transition: transform 0.25s var(--ease), border-color 0.25s var(--ease);
}
.admin-metric-card:hover {
  transform: translateY(-2px);
  border-color: rgba(196, 162, 101, 0.45);
}
.admin-metric-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.admin-metric-lbl {
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin-metric-val {
  font-family: var(--serif);
  font-size: 2rem;
  color: #EDE8DF;
  margin-top: 8px;
  font-weight: 500;
}

/* Search & Filter Bar */
.admin-controls-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}
.admin-search-wrap {
  position: relative;
  min-width: 280px;
  flex: 1;
}
.admin-search-input {
  width: 100%;
  background: #14201B;
  border: 1px solid rgba(196, 162, 101, 0.25);
  border-radius: 8px;
  padding: 10px 16px 10px 38px;
  color: #EDE8DF;
  font-family: var(--sans);
  font-size: 0.85rem;
  outline: none;
  transition: border-color 0.2s;
}
.admin-search-input:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(196, 162, 101, 0.15);
}
.admin-search-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold);
  font-size: 0.85rem;
}

.admin-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.admin-filter-tab {
  background: #14201B;
  border: 1px solid rgba(196, 162, 101, 0.2);
  border-radius: 20px;
  padding: 8px 16px;
  font-family: var(--sans);
  font-size: 0.74rem;
  color: #B2ACA2;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s var(--ease);
  font-weight: 500;
}
.admin-filter-tab .filter-count {
  margin-left: 5px;
  background: rgba(196, 162, 101, 0.15);
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 0.65rem;
}
.admin-filter-tab.active, .admin-filter-tab:hover {
  background: var(--gold-dark);
  color: #FAF6EE;
  border-color: var(--gold);
}
.admin-filter-tab.active .filter-count {
  background: rgba(0, 0, 0, 0.25);
}

/* Orders Table */
.admin-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #14201B;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(196, 162, 101, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
}
.admin-table th {
  background: #182620;
  font-family: 'Cinzel', serif;
  font-size: 0.64rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  text-align: left;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(196, 162, 101, 0.2);
}
.admin-table td {
  padding: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 0.85rem;
  color: #EDE8DF;
  vertical-align: middle;
}
.admin-table tr:last-child td {
  border-bottom: none;
}
.admin-table tr:hover td {
  background: rgba(196, 162, 101, 0.04);
}
.admin-order-num {
  font-family: var(--sans);
  letter-spacing: 0.08em;
  color: var(--gold);
  font-size: 0.98rem;
  font-weight: 700;
}
.admin-pay-badge {
  display: inline-block;
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #4ade80;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.25);
  padding: 3px 8px;
  border-radius: 4px;
  margin-top: 5px;
  font-weight: 600;
}
.admin-pay-badge--cod {
  color: #facc15;
  background: rgba(234, 179, 8, 0.12);
  border-color: rgba(234, 179, 8, 0.25);
}
.admin-date-cell {
  font-size: 0.78rem;
  color: #9E988E;
  line-height: 1.4;
}
.admin-cust-name {
  font-weight: 600;
  color: #EDE8DF;
  font-size: 0.92rem;
}
.admin-cust-phone {
  font-size: 0.78rem;
  color: #B2ACA2;
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.admin-cust-email {
  font-size: 0.74rem;
  color: #8C867C;
  margin-top: 1px;
}
.admin-items-cell {
  max-width: 280px;
  font-size: 0.82rem;
  color: #B2ACA2;
  line-height: 1.45;
}
.admin-price {
  font-family: var(--serif);
  font-size: 1.15rem;
  color: #EDE8DF;
  font-weight: 600;
}

.admin-actions-cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.admin-status-select {
  padding: 8px 12px;
  border-radius: 8px;
  font-family: var(--sans);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  transition: all 0.2s var(--ease);
}
.admin-status--confirmed { color: #d97706; background: #FFFBEB; border: 1px solid #FCD34D; }
.admin-status--baking { color: #ea580c; background: #FFF7ED; border: 1px solid #FDBA74; }
.admin-status--dispatched { color: #2563eb; background: #EFF6FF; border: 1px solid #93C5FD; }
.admin-status--delivered { color: #16a34a; background: #F0FDF4; border: 1px solid #86EFAC; }
.admin-status--cancelled { color: #dc2626; background: #FEF2F2; border: 1px solid #FCA5A5; }

.admin-quick-links {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}
.admin-quick-btn {
  font-size: 0.68rem;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(196, 162, 101, 0.12);
  border: 1px solid rgba(196, 162, 101, 0.25);
  color: var(--gold);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s;
  cursor: pointer;
}
.admin-quick-btn:hover {
  background: var(--gold-dark);
  color: #FAF6EE;
}

.admin-loading, .admin-empty {
  text-align: center;
  padding: 60px 24px;
  background: #14201B;
  border-radius: 12px;
  border: 1px solid rgba(196, 162, 101, 0.2);
  color: #B2ACA2;
  font-size: 0.95rem;
}

/* Mobile Responsive Aesthetics for Receipt & Modals */
@media (max-width: 768px) {
  .modal-box--checkout {
    padding: 92px 16px 36px !important;
  }
  .co-progress-wrap {
    margin-bottom: 24px !important;
  }
  .co-progress {
    padding-bottom: 14px !important;
    margin-bottom: 24px !important;
  }
  .co-progress__dot {
    font-size: .6rem !important;
    gap: 5px !important;
  }
  .co-progress__dot span {
    width: 20px !important;
    height: 20px !important;
    font-size: .62rem !important;
  }
  .receipt-card {
    padding: 22px 16px !important;
    border-radius: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.06) !important;
  }
  .receipt-brand {
    font-size: 1.5rem !important;
  }
  .receipt-title {
    font-size: .58rem !important;
    letter-spacing: .16em !important;
  }
  .receipt-badge {
    font-size: .58rem !important;
    padding: 4px 12px !important;
  }
  .receipt-meta {
    flex-direction: column !important;
    gap: 14px !important;
    padding: 14px 16px !important;
  }
  .receipt-meta__col strong {
    font-size: .88rem !important;
  }
  .receipt-item-row {
    font-size: .82rem !important;
    padding: 9px 0 !important;
  }
  .receipt-totals {
    margin-top: 16px !important;
    padding-top: 16px !important;
  }
  .receipt-row--grand {
    font-size: 1.05rem !important;
    margin-top: 10px !important;
  }
  .receipt-actions {
    gap: 10px !important;
  }
  .modal-box--track {
    padding: 28px 18px !important;
    width: 94vw !important;
    border-radius: 16px !important;
  }
  .track-timeline {
    padding-left: 32px !important;
  }
  .track-step__dot {
    left: -32px !important;
  }
}