:root{
  --saffron:#E8651A;--saffron-light:#F58C3A;--saffron-pale:#FFF1E8;
  --gold:#C9891A;--gold-light:#F0C85A;--gold-pale:#FFFBEE;
  --cream:#FFFBF5;--warm-white:#FFF8F2;
  --text-dark:#1A1208;--text-mid:#4A3828;--text-light:#8B7355;
  --border:#EDD9C0;--border-strong:#C9A882;
  --success:#2D8A4E;--error:#C0392B;--info:#1565C0;
  --shadow-sm:0 2px 12px rgba(232,101,26,.08);
  --shadow-md:0 8px 32px rgba(232,101,26,.12);
  --shadow-lg:0 20px 60px rgba(232,101,26,.16);
  --radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;
  --transition:.3s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Nunito,sans-serif;background:var(--cream);color:var(--text-dark);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;outline:none;font-family:inherit}
input,textarea,select{font-family:inherit;outline:none}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:3px}
.page{display:none;min-height:100vh}
.page.active{display:block;animation:pageIn .4s ease}
@keyframes pageIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* NAVBAR */
.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,251,245,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:60px;box-shadow:var(--shadow-sm)}
.nav-brand{display:flex;align-items:center;gap:8px;cursor:pointer}
.nav-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--saffron),var(--gold));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}
.nav-title{font-family:Playfair Display,serif;font-size:1rem;color:var(--saffron)}
.nav-title span{display:block;font-size:.6rem;font-family:Nunito,sans-serif;color:var(--text-light);font-weight:500}
.nav-links{display:none;gap:4px}
@media(min-width:768px){.nav-links{display:flex}}
.nav-link{padding:6px 12px;border-radius:20px;font-size:.82rem;font-weight:600;color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.nav-link:hover,.nav-link.active{background:var(--saffron-pale);color:var(--saffron)}
.nav-actions{display:flex;align-items:center;gap:8px}
.cart-btn{position:relative;background:var(--saffron);color:#fff;padding:7px 14px;border-radius:20px;display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;transition:var(--transition);box-shadow:0 4px 14px rgba(232,101,26,.3)}
.cart-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,101,26,.4)}
.cart-count{background:#fff;color:var(--saffron);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800}
.cart-count.bump{animation:bump .3s ease}
@keyframes bump{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
/* My Orders & Track button */
.orders-nav-btn{display:none;align-items:center;gap:5px;background:transparent;color:var(--saffron);border:1.5px solid var(--saffron);padding:6px 13px;border-radius:20px;font-size:.8rem;font-weight:700;transition:var(--transition);white-space:nowrap;text-decoration:none}
@media(min-width:768px){.orders-nav-btn{display:inline-flex}}
.orders-nav-btn:hover{background:var(--saffron);color:#fff;box-shadow:0 4px 14px rgba(232,101,26,.3);transform:translateY(-1px)}
.hamburger{display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:4px}
@media(min-width:768px){.hamburger{display:none}}
.hamburger span{width:22px;height:2px;background:var(--text-mid);border-radius:2px;transition:.3s}
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:12px;z-index:999;flex-direction:column;gap:4px;box-shadow:var(--shadow-md)}
.mobile-menu.open{display:flex}
.mobile-menu .nav-link{padding:10px 14px;border-radius:10px}
/* UTILITIES */
.section{padding:56px 20px;max-width:1100px;margin:0 auto}
.section-sm{padding:36px 20px;max-width:1100px;margin:0 auto}
.section-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--saffron);margin-bottom:6px}
.section-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--text-dark);line-height:1.25;margin-bottom:12px}
.section-sub{font-size:.95rem;color:var(--text-light);max-width:560px}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:700;transition:var(--transition);position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.18);opacity:0;transition:opacity .2s}
.btn:hover::after{opacity:1}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(135deg,var(--saffron),var(--saffron-light));color:#fff;box-shadow:0 6px 20px rgba(232,101,26,.35)}
.btn-primary:hover{box-shadow:0 8px 28px rgba(232,101,26,.45);transform:translateY(-2px)}
.btn-secondary{background:#fff;color:var(--saffron);border:2px solid var(--saffron)}
.btn-secondary:hover{background:var(--saffron-pale);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--text-mid);border:1.5px solid var(--border)}
.btn-ghost:hover{border-color:var(--saffron);color:var(--saffron)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;box-shadow:0 6px 20px rgba(201,137,26,.35)}
.btn-gold:hover{transform:translateY(-2px)}
.btn-success{background:var(--success);color:#fff}
.btn-sm{padding:8px 16px;font-size:.8rem}
.btn-lg{padding:16px 36px;font-size:1rem}
.btn-full{width:100%;justify-content:center}
/* HERO */
.hero{min-height:88vh;background:linear-gradient(160deg,#FFF1E0 0%,var(--cream) 50%,#FFF8E8 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 50px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(232,101,26,.07) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,137,26,.07) 0%,transparent 50%);pointer-events:none}
.hero-om{font-size:3.5rem;margin-bottom:14px;opacity:.1;position:absolute;top:20px;right:36px}
.hero-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(232,101,26,.1);border:1px solid rgba(232,101,26,.2);border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:700;color:var(--saffron);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}
.hero-title{font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,3.6rem);color:var(--text-dark);line-height:1.15;margin-bottom:14px}
.hero-title .accent{color:var(--saffron);font-style:italic}
.hero-sub{font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-light);margin-bottom:28px;max-width:480px}
.hero-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.hero-tag{padding:5px 14px;border-radius:50px;background:rgba(255,255,255,.8);border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--text-mid)}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero-preview-row{display:flex;gap:14px;margin-top:44px;justify-content:center;flex-wrap:wrap}
.hero-idol-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);width:132px;transition:var(--transition);border:2px solid transparent}
.hero-idol-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--gold-light)}
.hero-idol-img{width:132px;height:170px;background:linear-gradient(160deg,#FFF8EE,#FFF1E0);display:flex;align-items:center;justify-content:center;font-size:4rem}
.hero-idol-label{padding:8px;text-align:center;font-size:.72rem;font-weight:700;color:var(--text-mid)}
/* ENTRY CARDS */
.entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:700px){.entry-grid{grid-template-columns:repeat(4,1fr)}}
.entry-card{background:#fff;border-radius:var(--radius-lg);border:2px solid var(--border);padding:22px 14px;text-align:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}
.entry-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--saffron-pale),transparent);opacity:0;transition:opacity .3s}
.entry-card:hover{border-color:var(--saffron);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.entry-card:hover::before{opacity:1}
.entry-card.featured{border-color:var(--saffron);background:var(--saffron-pale)}
.entry-icon{font-size:2.6rem;margin-bottom:10px;position:relative}
.entry-card-title{font-family:Playfair Display,serif;font-size:.95rem;color:var(--text-dark);margin-bottom:5px}
.entry-card-desc{font-size:.75rem;color:var(--text-light);line-height:1.5}
.entry-badge{position:absolute;top:9px;right:9px;background:var(--saffron);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:3px 7px;border-radius:50px}
/* PRODUCT GRID */
.product-grid{display:grid;gap:18px}
@media(min-width:480px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}
.product-card{background:#fff;border-radius:var(--radius-lg);border:2px solid var(--border);overflow:hidden;cursor:pointer;transition:var(--transition)}
.product-card:hover{border-color:var(--saffron);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.product-img{height:210px;background:linear-gradient(160deg,#FFF8EE,#FFF1E0);display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover}
.coming-soon-img{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);font-size:.78rem;text-align:center;padding:12px;gap:8px}
.coming-soon-img .cs-icon{font-size:2.4rem;opacity:.4}
.product-badge{position:absolute;top:10px;left:10px;background:var(--saffron);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:50px;letter-spacing:.06em}
.product-badge.new{background:var(--success)}
.product-badge.hot{background:#D32F2F}
.product-info{padding:14px}
.product-name{font-family:Playfair Display,serif;font-size:.9rem;margin-bottom:3px}
.product-desc{font-size:.74rem;color:var(--text-light);margin-bottom:8px}
.product-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.meta-tag{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:50px;background:var(--gold-pale);color:var(--gold)}
.product-price{font-size:1rem;font-weight:800;color:var(--saffron)}
/* FILTER BAR */
.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.filter-chip{padding:6px 14px;border-radius:50px;font-size:.78rem;font-weight:600;border:1.5px solid var(--border);background:#fff;color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.filter-chip.active,.filter-chip:hover{border-color:var(--saffron);color:var(--saffron);background:var(--saffron-pale)}
/* MATERIAL COMPARISON */
.material-grid{display:grid;gap:18px}
@media(min-width:600px){.material-grid{grid-template-columns:1fr 1fr}}
.material-card{background:#fff;border-radius:var(--radius-lg);border:2px solid var(--border);padding:26px;transition:var(--transition)}
.material-card:hover{border-color:var(--saffron);box-shadow:var(--shadow-md)}
.material-icon{font-size:2.2rem;margin-bottom:12px}
.material-title{font-family:Playfair Display,serif;font-size:1.1rem;margin-bottom:5px}
.material-tag{display:inline-block;padding:2px 9px;border-radius:50px;font-size:.68rem;font-weight:700;margin-bottom:12px}
.tag-durable{background:#E8F5E9;color:#2D8A4E}
.tag-premium{background:#FFF8E1;color:#F57F17}
.tag-fragile{background:#FFEBEE;color:#C62828}
.tag-reusable{background:#E3F2FD;color:#1565C0}
.material-features{list-style:none}
.material-features li{padding:7px 0;border-bottom:1px solid var(--border);font-size:.86rem;color:var(--text-mid);display:flex;gap:8px;align-items:center}
.material-features li:last-child{border-bottom:none}
.feature-check{color:var(--success);font-weight:700}
.feature-warn{color:var(--error)}
/* TRUST */
.trust-section{background:linear-gradient(135deg,var(--saffron-pale),var(--gold-pale));border-radius:var(--radius-xl);padding:44px 28px}
.trust-grid{display:grid;gap:16px}
@media(min-width:600px){.trust-grid{grid-template-columns:repeat(3,1fr)}}
.trust-card{background:rgba(255,255,255,.8);border-radius:var(--radius-md);padding:22px;text-align:center;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.9)}
.trust-num{font-family:Playfair Display,serif;font-size:2rem;color:var(--saffron);font-weight:700}
.trust-label{font-size:.82rem;color:var(--text-mid);font-weight:600}
.review-card{background:#fff;border-radius:var(--radius-md);padding:18px;border:1px solid var(--border);transition:var(--transition)}
.review-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.review-stars{color:var(--gold);font-size:.88rem;margin-bottom:7px}
.review-text{font-size:.84rem;color:var(--text-mid);margin-bottom:9px;font-style:italic}
.review-name{font-size:.76rem;font-weight:700;color:var(--text-dark)}
/* FINAL LOOK PREVIEW */
.preview-gallery{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:600px){.preview-gallery{grid-template-columns:repeat(4,1fr)}}
.preview-item{border-radius:var(--radius-md);overflow:hidden;position:relative;height:200px;cursor:pointer;background:linear-gradient(160deg,#FFF8EE,#FFF1E0)}
.preview-item img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.preview-item:hover img{transform:scale(1.05)}
.preview-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;padding:16px 10px 10px;font-size:.78rem;font-weight:700}
/* PAGE HEADERS */
.page-header{background:linear-gradient(135deg,var(--saffron-pale),var(--gold-pale));border-bottom:1px solid var(--border);padding:28px 20px 20px}
.page-header-inner{max-width:1100px;margin:0 auto}
.breadcrumb{font-size:.74rem;color:var(--text-light);margin-bottom:7px;display:flex;gap:5px;align-items:center}
.breadcrumb span{cursor:pointer}
.breadcrumb span:hover{color:var(--saffron)}
.page-header-title{font-family:Playfair Display,serif;font-size:1.7rem;color:var(--text-dark)}
.page-header-sub{font-size:.84rem;color:var(--text-light);margin-top:4px}
/* COLOUR SWATCHES */
.colour-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.colour-swatch{width:28px;height:28px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:.2s;position:relative}
.colour-swatch.selected{border-color:var(--saffron);box-shadow:0 0 0 3px rgba(232,101,26,.3)}
.colour-swatch::after{content:attr(data-tip);position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:var(--text-dark);color:#fff;font-size:.62rem;padding:3px 7px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s}
.colour-swatch:hover::after{opacity:1}
.shade-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.shade-option{padding:5px 12px;border-radius:50px;font-size:.76rem;font-weight:600;border:1.5px solid var(--border);background:#fff;color:var(--text-mid);cursor:pointer;transition:var(--transition)}
.shade-option.selected{border-color:var(--saffron);color:var(--saffron);background:var(--saffron-pale)}
/* BUILDER */
.builder-toggle{display:flex;background:var(--border);border-radius:50px;padding:3px;gap:3px;margin-bottom:28px}
.toggle-btn{flex:1;padding:9px 16px;border-radius:50px;font-size:.84rem;font-weight:700;background:transparent;color:var(--text-light);transition:var(--transition)}
.toggle-btn.active{background:#fff;color:var(--saffron);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.progress-bar-wrap{margin-bottom:28px}
.progress-steps{display:flex;margin-bottom:8px}
.prog-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
.prog-step::before{content:'';position:absolute;top:13px;left:50%;right:-50%;height:2px;background:var(--border)}
.prog-step:last-child::before{display:none}
.prog-step.done::before{background:var(--saffron)}
.prog-dot{width:26px;height:26px;border-radius:50%;background:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;z-index:1;transition:var(--transition)}
.prog-step.active .prog-dot{background:var(--saffron);color:#fff;box-shadow:0 0 0 3px rgba(232,101,26,.2)}
.prog-step.done .prog-dot{background:var(--success);color:#fff}
.prog-label{font-size:.6rem;color:var(--text-light);text-align:center;font-weight:600;white-space:nowrap}
.prog-step.active .prog-label{color:var(--saffron)}
.step-panel{display:none;animation:stepIn .3s ease}
.step-panel.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.step-nav{display:flex;gap:10px;margin-top:24px}
.sel-grid{display:grid;gap:12px}
.sel-grid-2{grid-template-columns:repeat(2,1fr)}
.sel-grid-3{grid-template-columns:repeat(3,1fr)}
@media(min-width:600px){.sel-grid-3{grid-template-columns:repeat(4,1fr)}}
.sel-item{background:#fff;border:2px solid var(--border);border-radius:var(--radius-md);padding:14px;text-align:center;cursor:pointer;transition:var(--transition);position:relative}
.sel-item:hover{border-color:var(--saffron-light)}
.sel-item.selected{border-color:var(--saffron);background:var(--saffron-pale)}
.sel-item.selected::after{content:'✓';position:absolute;top:7px;right:7px;background:var(--saffron);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800}
.sel-icon{font-size:2rem;margin-bottom:6px}
.sel-name{font-size:.78rem;font-weight:700;color:var(--text-dark);margin-bottom:2px}
.sel-desc{font-size:.68rem;color:var(--text-light)}
.sel-price{font-size:.8rem;font-weight:800;color:var(--saffron);margin-top:3px}
.price-bar{background:linear-gradient(135deg,var(--saffron-pale),var(--gold-pale));border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
.price-total{font-family:Playfair Display,serif;font-size:1.3rem;color:var(--saffron);font-weight:700}
.price-label{font-size:.74rem;color:var(--text-light)}
/* FORM */
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:.8rem;font-weight:700;color:var(--text-mid);margin-bottom:5px}
.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:#fff;color:var(--text-dark);transition:border-color .2s}
.form-input:focus{border-color:var(--saffron)}
.form-input::placeholder{color:#C4A882}
textarea.form-input{resize:vertical;min-height:90px}
.form-hint{font-size:.72rem;color:var(--text-light);margin-top:3px}
.form-required{color:var(--error)}
.radio-grid{display:grid;gap:10px}
@media(min-width:600px){.radio-grid{grid-template-columns:repeat(2,1fr)}}
.radio-card{border:2px solid var(--border);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:var(--transition);display:flex;gap:12px;align-items:flex-start}
.radio-card:hover{border-color:var(--saffron-light)}
.radio-card.selected{border-color:var(--saffron);background:var(--saffron-pale)}
.radio-icon{font-size:1.6rem;flex-shrink:0}
.radio-title{font-weight:700;font-size:.88rem;margin-bottom:2px}
.radio-desc{font-size:.74rem;color:var(--text-light)}
/* CART */
.cart-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;gap:12px;align-items:flex-start;transition:var(--transition);margin-bottom:10px}
.cart-item-icon{font-size:2rem;width:50px;height:50px;background:var(--saffron-pale);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cart-item-name{font-weight:700;font-size:.86rem;margin-bottom:2px}
.cart-item-detail{font-size:.74rem;color:var(--text-light);margin-bottom:5px}
.cart-item-price{font-weight:800;color:var(--saffron);font-size:.9rem}
.cart-item-remove{margin-left:auto;color:#ddd;font-size:1rem;cursor:pointer;transition:color .2s;flex-shrink:0}
.cart-item-remove:hover{color:var(--error)}
.cart-summary{background:var(--saffron-pale);border:1px solid rgba(232,101,26,.2);border-radius:var(--radius-md);padding:18px}
.cart-summary-row{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:7px;color:var(--text-mid)}
.cart-summary-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:800;color:var(--saffron);padding-top:10px;border-top:1px solid rgba(232,101,26,.2);margin-top:7px}
.cart-empty{text-align:center;padding:50px 20px;color:var(--text-light)}
.cart-empty-icon{font-size:3.5rem;margin-bottom:14px}
/* CHECKOUT */
.checkout-step{display:none}
.checkout-step.active{display:block;animation:stepIn .35s ease}
.step-indicator{display:flex;gap:6px;align-items:center;margin-bottom:24px}
.step-dot{width:30px;height:30px;border-radius:50%;background:var(--border);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800;transition:var(--transition);flex-shrink:0}
.step-dot.active{background:var(--saffron);color:#fff;box-shadow:0 0 0 4px rgba(232,101,26,.2)}
.step-dot.done{background:var(--success);color:#fff}
.step-line{flex:1;height:2px;background:var(--border);border-radius:1px}
.step-line.done{background:var(--success)}
/* PAYMENT */
.payment-box{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-bottom:18px}
.upi-id-box{background:var(--saffron-pale);border:1.5px dashed var(--saffron);border-radius:var(--radius-sm);padding:10px 18px;font-size:.95rem;font-weight:800;color:var(--saffron);letter-spacing:.04em;cursor:pointer;display:inline-block;margin:10px 0}
.upi-id-box:active{opacity:.8}
.bank-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:.82rem}
.bank-row-label{color:var(--text-light)}
.bank-row-val{font-weight:700}
.payment-note{background:linear-gradient(135deg,#FFF8DC,#FFFBEE);border:1px solid var(--gold-light);border-radius:var(--radius-sm);padding:12px 14px;font-size:.8rem;color:var(--text-mid);margin-bottom:14px}
.payment-note strong{color:var(--gold)}
.order-success-box{background:linear-gradient(135deg,var(--saffron),var(--saffron-light));border-radius:var(--radius-lg);padding:28px;text-align:center;color:#fff;margin-bottom:22px}
.order-id-num{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;letter-spacing:.06em;margin-bottom:5px}
/* GUIDE PAGE */
.guide-hero{background:linear-gradient(135deg,var(--saffron-pale),var(--gold-pale));padding:40px 20px;text-align:center;border-bottom:1px solid var(--border)}
.style-cards-grid{display:grid;gap:20px}
@media(min-width:600px){.style-cards-grid{grid-template-columns:repeat(2,1fr)}}
.style-card{background:#fff;border-radius:var(--radius-xl);border:2px solid var(--border);overflow:hidden;cursor:pointer;transition:var(--transition)}
.style-card:hover{border-color:var(--saffron);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.style-card-header{background:linear-gradient(135deg,var(--saffron-pale),var(--gold-pale));padding:24px;text-align:center}
.style-card-num{font-family:Playfair Display,serif;font-size:2.4rem;color:var(--saffron);font-weight:700}
.style-card-name{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--text-dark)}
.style-card-body{padding:20px}
.parts-list{list-style:none;margin-bottom:14px}
.parts-list li{padding:6px 0;border-bottom:1px solid var(--border);font-size:.84rem;color:var(--text-mid);display:flex;gap:8px}
.parts-list li:last-child{border-bottom:none}
.assembly-steps{counter-reset:step}
.assembly-step{display:flex;gap:12px;margin-bottom:14px;padding:12px;background:var(--saffron-pale);border-radius:var(--radius-sm)}
.assembly-step-num{width:28px;height:28px;background:var(--saffron);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0}
.assembly-step-text{font-size:.84rem;color:var(--text-mid);padding-top:4px}
/* ADMIN */
.admin-gate{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}
.admin-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:18px;overflow-x:auto}
.admin-tab{padding:9px 18px;font-size:.82rem;font-weight:700;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition);white-space:nowrap}
.admin-tab.active{color:var(--saffron);border-bottom-color:var(--saffron)}
.admin-tab-content{display:none}
.admin-tab-content.active{display:block}
.admin-stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;text-align:center}
.admin-stat-num{font-family:Playfair Display,serif;font-size:1.8rem;color:var(--saffron);font-weight:700}
.admin-stat-label{font-size:.74rem;color:var(--text-light);font-weight:600}
.admin-product-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.admin-product-name{font-size:.86rem;font-weight:700;flex:1}
.admin-select{padding:5px 9px;border-radius:var(--radius-sm);border:1.5px solid var(--border);font-size:.76rem;font-weight:600;background:#fff;cursor:pointer}
.admin-btn-sm{padding:4px 10px;font-size:.72rem;border-radius:6px;font-weight:700;background:var(--saffron);color:#fff;cursor:pointer;transition:.2s}
.admin-btn-sm.danger{background:var(--error)}
.admin-btn-sm.success{background:var(--success)}
.admin-form-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px}
/* CONTACT */
.contact-grid{display:grid;gap:20px}
@media(min-width:700px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-card{background:#fff;border:2px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:var(--transition)}
.contact-card:hover{border-color:var(--saffron);box-shadow:var(--shadow-sm)}
.contact-icon{font-size:2.2rem;margin-bottom:10px}
.contact-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:5px}
.contact-value{font-size:.95rem;font-weight:700;color:var(--text-dark)}
/* PRODUCT DETAIL PAGE */
.pdp-gallery{position:relative;margin-bottom:16px}
.pdp-main-img{width:100%;height:320px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(160deg,#FFF8EE,#FFF1E0);display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}
.pdp-main-img img{width:100%;height:100%;object-fit:cover}
.pdp-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.pdp-thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid var(--border);flex-shrink:0;transition:.2s;background:linear-gradient(160deg,#FFF8EE,#FFF1E0);display:flex;align-items:center;justify-content:center}
.pdp-thumb.active{border-color:var(--saffron)}
.pdp-thumb img{width:100%;height:100%;object-fit:cover}
.pdp-layout{display:grid;gap:28px}
@media(min-width:768px){.pdp-layout{grid-template-columns:1fr 1fr}}
.pdp-price{font-family:Playfair Display,serif;font-size:1.8rem;color:var(--saffron);font-weight:700}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden}
.accordion-head{padding:12px 16px;font-weight:700;font-size:.86rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#fff;transition:background .2s}
.accordion-head:hover{background:var(--saffron-pale)}
.accordion-body{padding:14px 16px;font-size:.84rem;color:var(--text-mid);line-height:1.7;display:none;border-top:1px solid var(--border)}
.accordion-body.open{display:block}
/* TABS */
.tabs-wrap{border-bottom:2px solid var(--border);margin-bottom:24px;display:flex;gap:0;overflow-x:auto}
.tab-btn{padding:11px 20px;font-size:.84rem;font-weight:700;color:var(--text-light);background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:var(--transition);cursor:pointer}
.tab-btn.active{color:var(--saffron);border-bottom-color:var(--saffron)}
.tab-btn:hover{color:var(--saffron)}
.tab-content{display:none;animation:stepIn .3s ease}
.tab-content.active{display:block}
/* INFO PILLS / TAGS */
.info-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:50px;font-size:.68rem;font-weight:700;margin:2px}
.pill-saffron{background:var(--saffron-pale);color:var(--saffron);border:1px solid rgba(232,101,26,.2)}
.pill-green{background:#E8F5E9;color:#2D8A4E;border:1px solid #A5D6A7}
.pill-blue{background:#E3F2FD;color:#1565C0;border:1px solid #90CAF9}
.pill-gold{background:var(--gold-pale);color:var(--gold);border:1px solid rgba(201,137,26,.2)}
/* HELPER BOXES */
.helper-box{background:#E8F5FF;border:1px solid #90CAF9;border-radius:var(--radius-sm);padding:11px 14px;font-size:.8rem;color:#1565C0;display:flex;gap:8px;margin-bottom:14px}
.warning-box{background:#FFF8E1;border:1px solid #FFCC80;border-radius:var(--radius-sm);padding:11px 14px;font-size:.8rem;color:#E65100;display:flex;gap:8px;margin-bottom:14px}
.alert-box{background:#FFEBEE;border:1px solid #FFCDD2;border-radius:var(--radius-sm);padding:11px 14px;font-size:.8rem;color:#C62828;display:flex;gap:8px;margin-bottom:14px}
/* MISC */
.divider{height:1px;background:var(--border);margin:28px 0}
.ornament{text-align:center;color:var(--gold);font-size:1.1rem;margin:20px 0;letter-spacing:.4em}
.text-center{text-align:center}
.text-right{text-align:right}
.flex{display:flex}
.flex-center{display:flex;align-items:center;justify-content:center}
.gap-8{gap:8px}
.gap-12{gap:12px}
.mb-8{margin-bottom:8px}
.mb-16{margin-bottom:16px}
.mb-24{margin-bottom:24px}
.mb-32{margin-bottom:32px}
.mt-16{margin-top:16px}
.mt-24{margin-top:24px}
.w-full{width:100%}
.review-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border);font-size:.84rem}
.review-row:last-child{border-bottom:none}
.review-row-label{color:var(--text-light)}
.review-row-val{font-weight:700;color:var(--text-dark)}
/* TOAST */
.toast{position:fixed;bottom:22px;right:22px;z-index:9999;background:var(--text-dark);color:#fff;padding:12px 18px;border-radius:var(--radius-md);font-size:.84rem;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,.3);transform:translateY(80px);opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);max-width:270px}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{background:var(--success)}
.toast.error{background:var(--error)}
.tooltip{position:relative;display:inline-block}
.tooltip .tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--text-dark);color:#fff;font-size:.68rem;padding:4px 9px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;z-index:10}
.tooltip:hover .tip{opacity:1}
/* TRACKING */
.track-timeline{position:relative;padding-left:30px}
.track-timeline::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:2px;background:var(--border)}
.track-event{position:relative;padding-bottom:22px}
.track-event::before{content:'';position:absolute;left:-25px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--border);border:2px solid #fff}
.track-event.done::before{background:var(--success)}
.track-event.active-event::before{background:var(--saffron);box-shadow:0 0 0 3px rgba(232,101,26,.2)}
.track-event-label{font-weight:700;font-size:.86rem;margin-bottom:2px}
.track-event-sub{font-size:.74rem;color:var(--text-light)}
/* FOOTER */
.footer{background:var(--text-dark);color:rgba(255,255,255,.85);padding:44px 20px 20px}
.footer-grid{display:grid;gap:28px;max-width:1100px;margin:0 auto}
@media(min-width:700px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}
.footer-brand-name{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--gold-light);margin-bottom:7px}
.footer-brand-sub{font-size:.78rem;color:rgba(255,255,255,.5);margin-bottom:14px}
.footer-contact-item{display:flex;gap:7px;font-size:.82rem;margin-bottom:8px;color:rgba(255,255,255,.7)}
.footer-contact-icon{color:var(--gold-light);flex-shrink:0}
.footer-heading{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);margin-bottom:12px}
.footer-link{display:block;font-size:.82rem;color:rgba(255,255,255,.6);padding:3px 0;cursor:pointer;transition:color .2s}
.footer-link:hover{color:var(--gold-light)}
.footer-timing{background:rgba(255,255,255,.06);border-radius:8px;padding:10px 14px;margin-top:10px;font-size:.78rem;color:rgba(255,255,255,.7)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;text-align:center;font-size:.74rem;color:rgba(255,255,255,.4);max-width:1100px;margin-left:auto;margin-right:auto}
.wabtn{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff;padding:10px 18px;border-radius:50px;font-size:.84rem;font-weight:700;text-decoration:none;transition:.2s}
.wabtn:hover{background:#20b558;transform:translateY(-1px)}
.fade-in{opacity:0;transform:translateY(18px);animation:fadeInUp .6s ease forwards}
.fade-in-1{animation-delay:.1s}
.fade-in-2{animation-delay:.2s}
.fade-in-3{animation-delay:.3s}
@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-overlay.open{display:flex;animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-box{background:#fff;border-radius:var(--radius-xl);padding:28px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes scaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:480px){.hero-ctas{flex-direction:column;align-items:stretch}.step-nav{flex-direction:column}.entry-grid{grid-template-columns:repeat(2,1fr)}}

/* ── Universal Back Button Bar ─────────────────────────────── */
.back-nav-bar {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px 0;
}
.back-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.7);
  border: 1.5px solid var(--border, #EDD9C0);
  border-radius: 20px;
  padding: 6px 16px;
  font-size: .82rem;
  font-weight: 700;
  color: var(--text-mid, #8B7355);
  cursor: pointer;
  transition: all .2s;
  backdrop-filter: blur(4px);
}
.back-nav-btn:hover {
  background: var(--saffron-pale, #FFF1E8);
  border-color: var(--saffron, #E8651A);
  color: var(--saffron, #E8651A);
}