:root{
  --gold:#c49a4a;
  --gold-bright:#f5d37c;
  --gold-soft:#f7e7b1;
  --black:#050504;
  --panel:#0d0c0a;
  --panel-2:#14120e;
  --ink:#f7f1e5;
  --muted:#bdb7a8;
  --line:rgba(196,154,74,.28);
  --shadow:0 28px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--black);color:var(--ink);line-height:1.6;overflow-x:hidden}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
a{color:inherit}
header{position:sticky;top:0;z-index:1000;background:rgba(5,5,4,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(196,154,74,.18)}
nav{max-width:1200px;margin:0 auto;padding:0 22px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.08em;color:#f7d36f}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:transparent;box-shadow:none;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(245,211,124,.35))}.nav-links{display:flex;gap:22px;list-style:none;font-size:14px;font-weight:800;color:#eee}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--gold-bright)}
.cart-btn{position:relative;border:1px solid rgba(196,154,74,.35);background:rgba(0,0,0,.28);color:#fff;font-weight:900;padding:10px 14px;border-radius:999px;cursor:pointer}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--gold);color:#111;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px}
.dna-three-wrap{position:fixed;left:0;top:0;width:clamp(132px,12vw,240px);height:100vh;z-index:0;pointer-events:none;opacity:.74;overflow:visible;filter:drop-shadow(0 0 clamp(12px,1vw,18px) rgba(255,213,80,.22)) drop-shadow(0 clamp(18px,2vw,28px) clamp(30px,3vw,46px) rgba(214,168,63,.24))}.dna-three-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 46% 50%,rgba(225,184,86,.11),transparent 54%),radial-gradient(circle at 34% 14%,rgba(225,184,86,.06),transparent 22%),radial-gradient(circle at 34% 86%,rgba(225,184,86,.06),transparent 24%);filter:blur(18px);z-index:-1}#goldDnaCanvas{width:100%;height:100%;display:block;background:transparent}
.hero{position:relative;z-index:2;padding:92px 22px 78px;background:radial-gradient(circle at 22% 50%,rgba(196,154,74,.18),transparent 36%),linear-gradient(90deg,rgba(6,6,5,.84),rgba(8,8,7,.98) 45%,rgba(12,10,7,.92));border-bottom:1px solid rgba(196,154,74,.16)}
.hero-inner,.page-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{color:var(--gold-bright);font-weight:900;letter-spacing:.22em;font-size:13px;margin-bottom:16px}h1,.page-title{font-family:Lora,serif;font-size:clamp(46px,6vw,82px);line-height:1.02;color:#d6a83f;text-shadow:0 18px 45px rgba(0,0,0,.9);margin-bottom:18px}.hero p{color:#e8e2d3;max-width:620px;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;padding:13px 20px;border-radius:12px;font-weight:900;text-decoration:none;transition:.2s}.btn-primary{background:linear-gradient(135deg,#f4ce6f,#b88321);color:#fff;box-shadow:0 12px 28px rgba(196,154,74,.22)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(196,154,74,.28)}.btn-secondary{background:rgba(0,0,0,.26);color:#fff;border:1px solid rgba(196,154,74,.26)}.hero-card,.glass-card{background:radial-gradient(circle at 50% 82%,rgba(214,168,63,.22),transparent 28%),rgba(4,4,3,.45);border:1px solid rgba(196,154,74,.24);border-radius:28px;padding:24px;box-shadow:var(--shadow);display:grid;place-items:center}.hero-card img{width:min(360px,100%);display:block}
section{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:72px 22px}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-family:Lora,serif;font-size:clamp(32px,4vw,48px);color:#f1d37d}.section-head p{color:var(--muted);margin-top:8px}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(196,154,74,.23);border-radius:24px;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.38);display:flex;flex-direction:column;transition:.2s}.product-card:hover{transform:translateY(-3px);border-color:rgba(245,211,124,.58);box-shadow:0 28px 70px rgba(196,154,74,.12)}.product-image{background:linear-gradient(180deg,#0b0a08,#11100d);padding:16px;min-height:330px;display:grid;place-items:center}.product-image img{max-width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.35))}.product-info{padding:20px;display:flex;flex-direction:column;gap:7px;flex:1}.product-info h3{color:#fff;font-size:22px}.actual-name{color:#f4d47f;font-weight:800}.spec{color:var(--muted);font-weight:800}.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px}.price{font-size:24px;font-weight:900;color:#f4d47f}.add-btn,.view-btn{border:none;background:rgba(196,154,74,.16);border:1px solid rgba(196,154,74,.35);color:#fff;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:900;text-decoration:none}.view-btn:hover,.add-btn:hover{background:rgba(196,154,74,.28)}
.contact-wrap{max-width:1200px;margin:0 auto 72px;padding:0 22px}.contact-panel{background:linear-gradient(180deg,rgba(12,10,7,.92),rgba(7,7,6,.92));border:1px solid rgba(196,154,74,.22);border-radius:28px;padding:34px;box-shadow:var(--shadow)}.contact-inner{max-width:760px;margin:0 auto}.contact-inner h2{font-family:Lora,serif;color:#f1d37d;font-size:38px;text-align:center;margin-bottom:8px}.contact-inner p{text-align:center;color:var(--muted);margin-bottom:22px}form{background:rgba(255,255,255,.035);border:1px solid rgba(196,154,74,.20);border-radius:22px;padding:24px}label{display:block;font-size:13px;font-weight:900;color:#f5d37c;margin-bottom:7px}input,textarea,select{width:100%;border:1px solid rgba(196,154,74,.22);background:rgba(0,0,0,.28);color:#fff;border-radius:12px;padding:12px;font:inherit;margin-bottom:14px}select{appearance:auto}textarea{min-height:120px;resize:vertical}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.small-note,.muted{color:#978f7e;font-size:12px}.product-page{padding:58px 22px 76px}.product-detail{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:start}.product-gallery,.product-buy,.accordion-wrap{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.016));border:1px solid rgba(196,154,74,.22);border-radius:26px;box-shadow:var(--shadow)}.product-gallery{padding:26px}.main-product-img{display:grid;place-items:center;min-height:520px;background:radial-gradient(circle at 50% 50%,rgba(196,154,74,.14),transparent 42%);border-radius:22px}.main-product-img img{max-width:100%;max-height:500px;object-fit:contain}.lab-section{margin-top:22px;border-top:1px solid rgba(196,154,74,.18);padding-top:20px}.lab-title{color:#f4d47f;font-weight:900;margin-bottom:10px}.lab-img{width:100%;border-radius:16px;border:1px solid rgba(196,154,74,.22);display:block;background:#fff}.lab-placeholder{border:1px dashed rgba(196,154,74,.34);border-radius:16px;padding:24px;text-align:center;color:var(--muted);background:rgba(0,0,0,.18)}.product-buy{padding:30px}.product-buy h1{font-family:Lora,serif;color:#f1d37d;font-size:56px;line-height:1.05}.product-buy .sub{font-size:24px;color:#fff;font-weight:900;margin:6px 0 14px}.selector-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.live-price{font-size:30px;color:#f4d47f;font-weight:900;margin:14px 0}.research-note{font-size:13px;color:var(--muted);border-top:1px solid rgba(196,154,74,.18);padding-top:16px;margin-top:18px}.accordion-wrap{max-width:1200px;margin:38px auto 0;padding:14px}.accordion-item{border-bottom:1px solid rgba(196,154,74,.18)}.accordion-item:last-child{border-bottom:none}.accordion-btn{width:100%;background:transparent;border:none;color:#fff;padding:18px 8px;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:16px;cursor:pointer}.accordion-btn span:first-child{color:#f4d47f}.accordion-content{display:none;color:#cfc6b8;padding:0 8px 18px;font-size:15px}.accordion-item.open .accordion-content{display:block}.accordion-icon{font-size:24px;color:#f4d47f}footer{position:relative;z-index:2;background:#050504;color:#aaa;text-align:center;padding:34px 22px;font-size:13px;border-top:1px solid rgba(196,154,74,.16)}.cart-panel{position:fixed;inset:0;background:rgba(0,0,0,.54);z-index:2000;display:none;justify-content:flex-end}.cart-panel.open{display:flex}.cart-drawer{width:min(540px,100%);height:100%;background:#0d0c0a;color:#f7f1e5;border-left:1px solid rgba(196,154,74,.24);padding:22px;overflow:auto;box-shadow:-20px 0 50px rgba(0,0,0,.45)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.drawer-head h2{color:#f1d37d}.close-btn{border:none;background:rgba(255,255,255,.06);color:#fff;width:38px;height:38px;border-radius:999px;cursor:pointer;font-size:22px}.cart-item{display:grid;grid-template-columns:72px 1fr 40px;gap:12px;align-items:center;border-bottom:1px solid rgba(196,154,74,.16);padding:12px 0}.cart-item img{width:72px;height:86px;object-fit:contain;background:#111;border-radius:10px}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:28px;height:28px;border-radius:999px;border:1px solid rgba(196,154,74,.28);background:#14120e;color:#fff;cursor:pointer}.totals{border-top:1px solid rgba(196,154,74,.22);padding-top:16px;margin-top:16px}.total-line{display:flex;justify-content:space-between;margin-bottom:8px}.btc-box{background:rgba(196,154,74,.10);border:1px solid rgba(196,154,74,.22);border-radius:14px;padding:12px;margin:12px 0}.page-hero{position:relative;z-index:2;padding:56px 22px 36px;border-bottom:1px solid rgba(196,154,74,.16);background:linear-gradient(180deg,rgba(12,10,7,.98),rgba(5,5,4,.96))}.page-hero-inner{max-width:1200px;margin:0 auto}.breadcrumb{font-size:13px;color:#bdb7a8;margin-bottom:10px}.breadcrumb a{text-decoration:none;color:#f4d47f}
@media(max-width:900px){.hero-inner,.page-shell,.product-detail{grid-template-columns:1fr;text-align:center}.hero-card{display:none}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dna-three-wrap{width:clamp(92px,18vw,132px);opacity:.34;filter:drop-shadow(0 0 12px rgba(255,224,116,.14)) drop-shadow(0 16px 24px rgba(214,168,63,.14))}header,.hero,section,footer,.contact-wrap{position:relative;z-index:2}.hero,section,.contact-wrap,footer{background-color:rgba(5,5,4,.60);backdrop-filter:blur(6px)}.selector-row{text-align:left}.main-product-img{min-height:390px}.product-buy h1{font-size:42px}}
@media(max-width:640px){nav{padding:0 14px}.nav-links{display:none}.products-grid{grid-template-columns:1fr}.checkout-grid,.selector-row{grid-template-columns:1fr}.product-image{min-height:290px}.dna-three-wrap{display:none}.hero,section,.contact-wrap,footer{background-color:rgba(5,5,4,.54)}.contact-panel{padding:20px}.cart-item{grid-template-columns:58px 1fr 34px}.cart-item img{width:58px;height:72px}.product-buy h1{font-size:36px}.product-page{padding:36px 14px 60px}}


/* === Header, menu drawer, and slimmer hero updates === */
header{
  position:sticky;
  top:0;
  z-index:1600;
  background:rgba(5,5,4,.90);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(196,154,74,.22);
  box-shadow:0 12px 36px rgba(0,0,0,.22);
}
nav{min-height:68px;}
.menu-btn{
  border:1px solid rgba(196,154,74,.35);
  background:rgba(0,0,0,.28);
  color:#fff;
  font-weight:900;
  padding:10px 14px;
  border-radius:999px;
  cursor:pointer;
}
.menu-btn:hover,.cart-btn:hover{background:rgba(196,154,74,.18);border-color:rgba(245,211,124,.56)}
.hero{
  max-width:1200px;
  margin:28px auto 0;
  padding:48px 22px 46px;
  border:1px solid rgba(196,154,74,.20);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border-bottom:1px solid rgba(196,154,74,.20);
}
.hero-inner{gap:30px;}
.hero-card{padding:16px;border-radius:22px;}
.hero-card img{width:min(300px,100%);}
.hero h1{font-size:clamp(42px,5vw,68px);}
.hero p{font-size:16px;}
.contact-wrap{margin-top:0;}
.contact-panel{max-width:1200px;margin:0 auto;}
.site-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:2400;
  display:none;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(5px);
}
.site-menu-backdrop.open{display:block;}
.site-menu-drawer{
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:min(430px,94vw);
  background:linear-gradient(180deg,rgba(13,12,10,.98),rgba(5,5,4,.98));
  border-left:1px solid rgba(196,154,74,.28);
  box-shadow:-25px 0 70px rgba(0,0,0,.55);
  padding:22px;
  overflow:auto;
  transform:translateX(102%);
  transition:transform .22s ease;
  z-index:2401;
}
.site-menu-backdrop.open .site-menu-drawer{transform:translateX(0);}
.site-menu-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;}
.site-menu-title{font-family:Lora,serif;color:#f1d37d;font-size:28px;font-weight:800;}
.site-menu-close{border:none;background:rgba(255,255,255,.06);color:#fff;width:38px;height:38px;border-radius:999px;cursor:pointer;font-size:22px;}
.site-menu-section{border:1px solid rgba(196,154,74,.18);border-radius:18px;background:rgba(255,255,255,.025);margin-bottom:14px;overflow:hidden;}
.site-menu-section-title,.site-menu-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:15px 16px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  background:transparent;
  border:none;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.site-menu-link:hover,.site-menu-section-title:hover{background:rgba(196,154,74,.10);}
.site-menu-section-title span:first-child{color:#f4d47f;}
.site-menu-products{display:none;border-top:1px solid rgba(196,154,74,.18);padding:8px;}
.site-menu-section.open .site-menu-products{display:block;}
.site-menu-product{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  color:#fff;
  text-decoration:none;
  background:rgba(5,5,4,.18);
}
.site-menu-product:hover{background:rgba(196,154,74,.12);}
.site-menu-product img{
  width:52px;
  height:62px;
  object-fit:contain;
  display:block;
  border-radius:10px;
  background:#050504;
  border:1px solid rgba(196,154,74,.18);
  padding:5px;
  box-sizing:border-box;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 18px rgba(0,0,0,.35);
}
.site-menu-product strong{display:block;color:#fff;font-size:14px;line-height:1.15;}
.site-menu-product span{display:block;color:#bdb7a8;font-size:12px;line-height:1.3;margin-top:2px;}
.site-menu-note{font-size:12px;color:#978f7e;line-height:1.45;padding:4px 2px 0;}
@media(max-width:900px){
  .hero{margin:18px 14px 0;padding:42px 20px 40px;}
  header,.hero,section,footer,.contact-wrap{position:relative;z-index:2;}
  header{position:sticky;top:0;z-index:1600;}
}
@media(max-width:640px){
  nav{min-height:64px;gap:10px;}
  .brand span:last-child{font-size:13px;}
  .brand-mark{width:36px;height:36px;}
  .menu-btn,.cart-btn{padding:9px 11px;font-size:13px;}
  .hero{margin:14px 12px 0;padding:34px 18px 32px;border-radius:22px;}
  .site-menu-drawer{width:min(390px,96vw);padding:18px;}
}

/* === Google Sheet powered inventory and product data === */
.stock-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  gap:6px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  padding:7px 10px;
  border-radius:999px;
  margin-bottom:10px;
  border:1px solid rgba(196,154,74,.22);
  background:rgba(255,255,255,.04);
  color:#f4d47f;
}
.stock-badge.in{color:#dff2b2;border-color:rgba(165,220,111,.35);background:rgba(165,220,111,.08)}
.stock-badge.low{color:#ffe196;border-color:rgba(255,210,95,.40);background:rgba(255,210,95,.09)}
.stock-badge.out{color:#d2d2d2;border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.product-page-stock{margin:6px 0 6px;}
.product-unavailable{opacity:.68;}
.product-unavailable .product-image img{filter:grayscale(.35) drop-shadow(0 14px 18px rgba(0,0,0,.16));}
.card-short{color:#aaa192;font-size:13px;line-height:1.45;margin:8px 0 0;min-height:38px;}
.menu-stock{display:block!important;font-size:11px!important;margin-top:3px!important;color:#f4d47f!important;}
.menu-stock.in{color:#dff2b2!important}.menu-stock.low{color:#ffe196!important}.menu-stock.out{color:#d2d2d2!important}
button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;}

/* === Mobile product area transparency update === */
@media(max-width:900px){
  section#products{
    background:transparent!important;
    background-color:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  section#products .section-head{
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:18px 14px;
    border:1px solid rgba(196,154,74,.16);
    border-radius:20px;
    background:rgba(5,5,4,.34);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  section#products .product-card{
    background:linear-gradient(180deg,rgba(5,5,4,.42),rgba(5,5,4,.24));
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    box-shadow:0 18px 52px rgba(0,0,0,.30);
  }
  section#products .product-image{
    background:rgba(5,5,4,.12);
  }
  section#products .product-info{
    background:rgba(5,5,4,.18);
  }
}
@media(max-width:640px){
  section#products{
    padding-top:58px;
    background:transparent!important;
    background-color:transparent!important;
  }
  section#products .section-head{
    background:rgba(5,5,4,.28);
  }
  section#products .product-card{
    background:linear-gradient(180deg,rgba(5,5,4,.36),rgba(5,5,4,.18));
  }
  section#products .product-image{
    background:rgba(5,5,4,.06);
  }
  section#products .product-info{
    background:rgba(5,5,4,.14);
  }
}


/* === Requested menu placement + desktop hero readability update === */
nav{
  justify-content:flex-start;
}
.nav-links{
  margin-left:auto;
}
.cart-btn{
  order:3;
  margin-left:10px;
}
.menu-btn{
  order:4;
  margin-left:2px;
  width:42px;
  height:42px;
  padding:0;
  border-radius:999px;
  font-size:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.menu-btn::before{
  content:"";
  width:19px;
  height:13px;
  display:block;
  background:
    linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,
    linear-gradient(#fff,#fff) 0 50%/100% 2px no-repeat,
    linear-gradient(#fff,#fff) 0 100%/100% 2px no-repeat;
  filter:drop-shadow(0 0 8px rgba(245,211,124,.26));
}
.site-menu-note{
  display:none !important;
}

@media(min-width:901px){
  .hero{
    background:
      radial-gradient(circle at 82% 22%,rgba(245,211,124,.26),transparent 34%),
      radial-gradient(circle at 18% 48%,rgba(196,154,74,.26),transparent 44%),
      linear-gradient(135deg,rgba(44,33,12,.94),rgba(13,12,10,.72) 46%,rgba(68,50,16,.72));
    border-color:rgba(245,211,124,.34);
  }
  .hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(255,232,169,.08),transparent 44%),
      radial-gradient(circle at 50% 0%,rgba(245,211,124,.14),transparent 52%);
    z-index:0;
  }
  .hero-inner{
    position:relative;
    z-index:1;
  }
  .hero h1{
    color:#ffe7a6;
    text-shadow:
      0 2px 0 rgba(80,47,0,.55),
      0 0 24px rgba(245,211,124,.44),
      0 18px 42px rgba(0,0,0,.72);
  }
  .hero .eyebrow{
    color:#fff1ba;
    text-shadow:0 0 14px rgba(245,211,124,.28);
  }
  .hero p{
    color:#fff5df;
  }
  .hero-card{
    background:
      radial-gradient(circle at 50% 75%,rgba(245,211,124,.24),transparent 34%),
      rgba(8,7,5,.34);
    border-color:rgba(245,211,124,.30);
  }
}

@media(max-width:640px){
  .cart-btn{margin-left:auto;}
  .menu-btn{
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
  }
}

/* Account + receipt phase */
.checkout-account-box {
  border: 1px solid rgba(212, 175, 55, .28);
  background: rgba(212, 175, 55, .08);
  border-radius: 14px;
  padding: 12px;
  margin: 10px 0 14px;
  color: #f6f0d4;
  line-height: 1.45;
}
.checkout-account-box a { color: #d4af37; font-weight: 800; text-decoration: none; }
.checkout-save-label { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 13px; color: #e9dfb4; }
.checkout-save-label input { width: auto; accent-color: #d4af37; }

.account-shell, .receipt-shell {
  width: min(1040px, calc(100% - 32px));
  margin: 0 auto;
  padding: 86px 0 70px;
}
.account-hero { margin-bottom: 24px; }
.account-hero h1, .receipt-card h1 {
  font-family: Lora, serif;
  color: #d4af37;
  margin: 8px 0 10px;
  font-size: clamp(34px, 5vw, 56px);
}
.account-hero p, .receipt-card p { color: #d9d9d9; max-width: 720px; line-height: 1.6; }
.account-auth-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.account-card, .receipt-card {
  border: 1px solid rgba(212, 175, 55, .22);
  background: rgba(8, 8, 8, .86);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
}
.account-card h2 { color: #d4af37; margin-top: 0; font-family: Lora, serif; }
.account-card label { display: block; margin: 12px 0 6px; color: #f5f5f5; font-weight: 700; }
.account-card input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  outline: none;
}
.account-card input:focus { border-color: rgba(212, 175, 55, .75); }
.account-message { margin-top: 12px; color: #d9d9d9; font-size: 13px; min-height: 18px; }
.account-message.success { color: #94f7b2; }
.account-message.error { color: #ff9a9a; }
.account-topline, .account-orders-head, .account-order-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.account-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 10px; }
.account-profile-grid button { align-self: end; }
.account-orders-head { border-top: 1px solid rgba(212, 175, 55, .18); margin-top: 28px; padding-top: 22px; }
.account-order-card {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  padding: 16px;
  margin-top: 14px;
  background: rgba(255, 255, 255, .035);
}
.account-order-head strong { color: #d4af37; font-size: 18px; }
.account-pills { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.account-pills span {
  border: 1px solid rgba(212, 175, 55, .32);
  background: rgba(212, 175, 55, .13);
  color: #f6e7a5;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.account-order-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.account-order-grid > div, .account-order-items {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  padding: 12px;
  background: rgba(0, 0, 0, .26);
}
.account-order-items { margin-top: 12px; white-space: pre-wrap; color: #cfcfcf; }

.receipt-shell { display: grid; place-items: center; min-height: calc(100vh - 160px); }
.receipt-card { max-width: 760px; width: 100%; text-align: left; }
.receipt-check {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #d4af37, #8f6d0c);
  color: #050505;
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 16px;
}
.receipt-details { margin: 22px 0; border: 1px solid rgba(212, 175, 55, .18); border-radius: 18px; overflow: hidden; }
.receipt-row, .receipt-address, .receipt-items {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  color: #e8e8e8;
}
.receipt-row span, .receipt-address span, .receipt-items span { color: #aaa; }
.receipt-address, .receipt-items { display: block; }
.receipt-address code {
  display: block;
  word-break: break-all;
  margin-top: 8px;
  color: #f6e7a5;
  background: rgba(0, 0, 0, .3);
  padding: 12px;
  border-radius: 10px;
}
.receipt-items pre {
  white-space: pre-wrap;
  color: #e8e8e8;
  font-family: Inter, sans-serif;
  margin: 8px 0 0;
}
.receipt-warning {
  color: #ffd27a;
  background: rgba(255, 169, 64, .1);
  padding: 12px 16px;
}
.receipt-actions { display: flex; gap: 12px; flex-wrap: wrap; }

@media (max-width: 760px) {
  .account-auth-grid, .account-profile-grid, .account-order-grid { grid-template-columns: 1fr; }
  .account-shell, .receipt-shell { width: min(100% - 22px, 1040px); padding-top: 52px; }
  .account-card, .receipt-card { padding: 18px; border-radius: 18px; }
  .account-topline, .account-orders-head, .account-order-head { align-items: flex-start; flex-direction: column; }
  .receipt-row { display: block; }
  .receipt-row strong { display: block; margin-top: 6px; }
}



/* === Unified product image display fix ===
   All product images still come from the sheet/Cloudinary via imageSrc(product).
   These rules only control how those same images are displayed in each site area. */
.product-image img,
.main-product-img img,
.hero-card img,
.cart-item img,
.site-menu-product img {
  object-fit: contain !important;
  object-position: center center !important;
  image-rendering: auto;
}

.site-menu-product{
  grid-template-columns:74px 1fr !important;
  gap:14px !important;
}

.site-menu-product img{
  width:68px !important;
  height:96px !important;
  display:block !important;
  padding:0 !important;
  border-radius:12px !important;
  background:#050504 !important;
  border:1px solid rgba(196,154,74,.18) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.38) !important;
}

.cart-item{
  grid-template-columns:86px 1fr 40px !important;
}

.cart-item img{
  width:80px !important;
  height:112px !important;
  padding:0 !important;
  border-radius:12px !important;
  background:#050504 !important;
  border:1px solid rgba(196,154,74,.14) !important;
}

@media(max-width:640px){
  .site-menu-product{
    grid-template-columns:66px 1fr !important;
  }
  .site-menu-product img{
    width:60px !important;
    height:84px !important;
  }
  .cart-item{
    grid-template-columns:72px 1fr 34px !important;
  }
  .cart-item img{
    width:66px !important;
    height:92px !important;
  }
}

/* === Brand logo image update === */
.brand.brand-logo{
  display:flex;
  align-items:center;
  gap:0;
  min-width:0;
  flex:0 0 auto;
  padding:4px 0;
  text-decoration:none;
}
.brand.brand-logo img{
  display:block;
  height:74px;
  width:auto;
  max-width:min(44vw,360px);
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(245,211,124,.15));
}
.nav-links{margin-left:auto;}
@media(max-width:900px){
  .brand.brand-logo img{height:62px;max-width:46vw;}
}
@media(max-width:640px){
  .brand.brand-logo img{height:48px;max-width:48vw;}
}

/* === Hide old brand mark fallback === */
.brand-logo .brand-mark,
.brand-logo span:not(.cart-count){display:none!important;}