:root{--bg:#050505;--panel:#0d0c0a;--gold:#c9a45d;--gold2:#e7d09b;--text:#f8f0df;--muted:#b9ad98;--line:rgba(201,164,93,.28);--green:#25D366;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 78% 10%,rgba(70,95,35,.18),transparent 35%),radial-gradient(circle at 5% 38%,rgba(201,164,93,.08),transparent 28%),#050505}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button{font:inherit}.topbar{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,164,93,.15)}.shipping{height:28px;background:#d9b984;color:#160f06;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:28px}.navline{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);gap:22px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold2);font-family:var(--serif);font-size:27px;letter-spacing:.04em}.brand small{display:block;font-size:12px;font-style:italic;line-height:.8;color:var(--gold)}.tree{font-size:32px}.navlinks{display:flex;gap:24px;font-size:14px}.navlinks a{color:#d7cfbf}.navlinks a:hover{color:var(--gold2)}.nav-verify{border:1px solid var(--gold);border-radius:6px;padding:13px 22px;color:var(--gold2);font-size:13px}.cart-link{color:var(--gold2)}.hamburger{display:none;background:transparent;color:var(--gold2);border:0;font-size:24px}.hero{min-height:650px;display:grid;grid-template-columns:.85fr 1.1fr .62fr;gap:30px;align-items:center;padding:42px clamp(18px,5vw,70px);background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.70),rgba(5,5,5,.94)),url('assets/img/hero-collection.jpg') center/cover}.eyebrow{display:block;color:var(--gold2);letter-spacing:.19em;text-transform:uppercase;font-size:12px;margin-bottom:15px}.hero h1{font-family:var(--serif);font-size:clamp(54px,6vw,86px);line-height:.94;margin:0}.hero h2{font-family:var(--serif);font-size:28px;color:var(--gold2);margin:18px 0}.hero p{color:#e0d6c3;line-height:1.7}.hero-center{display:flex;align-items:end;justify-content:center;gap:22px;min-height:470px}.hero-center img{width:29%;max-height:440px;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.65))}.hero-advisor{background:rgba(20,17,13,.82);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.36)}.hero-advisor h3{font-family:var(--serif);font-size:32px;margin:0 0 10px}.hero-advisor p,.advisor-result{color:var(--muted);line-height:1.6}.hero-advisor button{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:#efe5d2;text-align:left;padding:15px 0;cursor:pointer}.hero-advisor button:hover{color:var(--gold2)}.advisor-result{margin-top:16px;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;min-height:46px;padding:13px 22px;border:1px solid var(--line);transition:.22s;cursor:pointer}.btn:hover{transform:translateY(-2px);border-color:var(--gold)}.btn.outline{color:var(--gold2)}.btn.gold{background:linear-gradient(180deg,#d9b66a,#b88d3e);color:#140e05;border-color:#d9b66a;font-weight:700}.btn.green{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.feature-bar{margin:-8px clamp(18px,5vw,70px) 0;background:linear-gradient(180deg,rgba(30,27,23,.96),rgba(14,13,12,.96));border:1px solid rgba(201,164,93,.16);border-radius:18px;padding:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature-bar div{text-align:center;border-right:1px solid rgba(255,255,255,.08)}.feature-bar div:last-child{border-right:0}.feature-bar strong{display:block;color:#f6ead1}.feature-bar span{font-size:12px;color:var(--muted)}.section-head{text-align:center;max-width:850px;margin:0 auto 34px}.section-head.compact{margin-bottom:22px}.section-head span{color:var(--gold2);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.section-head h2{font-family:var(--serif);font-size:clamp(38px,5vw,58px);margin:10px 0 6px}.section-head p{color:var(--muted);line-height:1.7}.collections,.product-section,.shop-groups{padding:64px clamp(18px,5vw,70px)}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.collection-card{background:linear-gradient(180deg,rgba(30,25,17,.85),rgba(9,9,8,.94));border:1px solid var(--line);border-radius:12px;padding:12px;transition:.25s}.collection-card:hover{transform:translateY(-5px);border-color:var(--gold)}.collection-card div{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#090909}.collection-card img{max-height:100%;max-width:100%;object-fit:contain}.collection-card h3{font-family:var(--serif);font-size:20px;margin:14px 0 5px}.collection-card p{font-size:13px;color:var(--muted);line-height:1.5}.collection-card span{font-size:13px;color:var(--gold2)}.today{margin:0 clamp(18px,5vw,70px);display:grid;grid-template-columns:280px 1fr;gap:20px;border:1px solid var(--line);border-radius:16px;padding:18px;background:rgba(17,15,12,.86)}.today-intro{padding:20px}.today-intro h2{font-family:var(--serif);font-size:28px;margin:0 0 10px}.today-intro p{color:var(--muted);line-height:1.6}.recipe-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.recipe-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#111}.recipe-card img{height:130px;width:100%;object-fit:cover}.recipe-card h4{margin:12px 12px 4px}.recipe-card p{margin:0 12px;color:var(--gold2);font-size:12px}.recipe-card span{display:block;margin:8px 12px 14px;font-size:12px;color:var(--muted)}.why-verify{padding:26px clamp(18px,5vw,70px);display:grid;grid-template-columns:1.2fr .9fr;gap:18px}.why,.qr-box{border:1px solid var(--line);border-radius:16px;background:rgba(17,15,12,.88);padding:28px}.why h2,.qr-box h2{font-family:var(--serif);font-size:34px;margin:0 0 20px;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.why-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.08)}.why-grid div:last-child{border-right:0}.why-grid strong{display:block;color:var(--gold2)}.why-grid span{font-size:12px;color:var(--muted)}.product-grid,.shop-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-card-grid{grid-template-columns:repeat(5,1fr)}.product-card{background:#eadcc5;color:#1d150a;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.22);border:1px solid rgba(201,164,93,.35);transition:.25s}.product-card:hover{transform:translateY(-5px)}.product-image{height:260px;background:#090909;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{max-height:92%;max-width:92%;object-fit:contain}.product-image span{position:absolute;top:12px;left:12px;background:rgba(5,5,5,.66);color:var(--gold2);font-size:11px;padding:7px 10px;border-radius:999px;border:1px solid var(--line)}.product-info{padding:18px}.product-info .meta{display:flex;justify-content:space-between;font-size:12px;color:#8a642b;font-weight:700}.product-info h3{font-family:var(--serif);font-size:24px;margin:10px 0 6px;color:#16100a}.product-info p{color:#3d3329;line-height:1.5;font-size:14px}.product-info ul{padding-left:18px;color:#302820;font-size:13px;min-height:44px}.product-actions{display:grid;grid-template-columns:44px 1fr;gap:10px;margin-top:14px}.product-actions .btn{font-size:12px;padding:10px;min-height:38px}.micro-row{display:flex;gap:12px;margin-top:12px}.micro-link{font-size:12px;color:#73501d;text-decoration:underline;background:transparent;border:0;padding:0;cursor:pointer}.footer{margin:30px clamp(18px,5vw,70px);border:1px solid rgba(201,164,93,.18);border-radius:16px;padding:34px;background:rgba(10,10,9,.92)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px}.footer a{display:block;color:var(--muted);margin:8px 0}.footer h4{color:var(--gold2);margin:0 0 12px}.footer p{color:var(--muted);line-height:1.6}.newsletter{display:flex;border:1px solid rgba(255,255,255,.14);border-radius:6px;overflow:hidden}.newsletter input{flex:1;background:transparent;border:0;color:#fff;padding:12px}.newsletter button{background:transparent;color:var(--gold2);border:0;padding:0 14px}.footer-bottom{display:flex;justify-content:space-between;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--muted)}.wa-float{position:fixed;right:22px;bottom:22px;z-index:99;background:#25D366;color:#fff;border-radius:999px;padding:14px 18px;font-weight:700}.page-hero{padding:90px clamp(18px,5vw,70px);text-align:center;background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.9)),url('../img/hero-collection.jpg') center/cover}.page-hero h1{font-family:var(--serif);font-size:clamp(48px,6vw,82px);margin:0}.content-section{padding:60px clamp(18px,5vw,70px);max-width:1180px;margin:auto}.content-section p{color:var(--muted);line-height:1.8}.detail-layout{display:grid;grid-template-columns:.8fr 1fr;gap:40px}.detail-image{background:#090909;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:center}.detail-image img{max-height:600px;object-fit:contain}.detail-copy h1{font-family:var(--serif);font-size:58px;margin:0}.detail-copy h2{font-family:var(--serif);font-size:36px;color:var(--gold2)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.table{width:100%;border-collapse:collapse;margin-top:20px}.table td{border-bottom:1px solid rgba(255,255,255,.1);padding:14px;color:var(--muted)}@media(max-width:1150px){.hero{grid-template-columns:1fr}.hero-left{text-align:center}.hero-center{min-height:320px}.hero-advisor{max-width:620px;margin:auto}.collection-grid,.shop-card-grid{grid-template-columns:repeat(2,1fr)}.today,.why-verify,.footer-grid,.detail-layout{grid-template-columns:1fr}.recipe-strip,.why-grid,.feature-bar{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.navlinks,.nav-verify,.cart-link{display:none}.hamburger{display:block}}@media(max-width:680px){.shipping{font-size:10px}.brand{font-size:21px}.hero{padding-top:26px}.hero-center{gap:6px}.hero-center img{width:31%;max-height:260px}.collection-grid,.recipe-strip,.why-grid,.feature-bar,.product-grid,.shop-card-grid{grid-template-columns:1fr}.product-image{height:240px}.footer-bottom{display:block}.today{margin:0 14px}.why-verify,.collections,.product-section,.shop-groups{padding-left:14px;padding-right:14px}}

/* ===========================
   V7 REFINED LUXURY LAYOUT
   Template-like centered width, controlled cards, better colors
   =========================== */
:root{
  --wrap:1180px;
  --cream-card:#e7d8bd;
  --cream-card-2:#f0e3ca;
  --deep-card:#0e0d0b;
  --button-gold:#caa762;
  --button-gold-dark:#a97e34;
}

body{
  background:
    radial-gradient(circle at 78% 8%,rgba(57,73,31,.20),transparent 35%),
    linear-gradient(180deg,#050505 0%,#090907 48%,#050505 100%);
}

.topbar .navline,
.hero,
.feature-bar,
.collections,
.today,
.why-verify,
.shop-groups,
.product-section,
.footer,
.page-hero,
.content-section{
  max-width:var(--wrap);
  margin-left:auto;
  margin-right:auto;
}

.topbar .navline{
  padding-left:0;
  padding-right:0;
}

.hero{
  min-height:560px;
  grid-template-columns:.82fr 1fr .58fr;
  gap:22px;
  padding:28px 0 24px;
  background:
    radial-gradient(circle at 58% 44%,rgba(193,156,82,.16),transparent 36%),
    linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.70),rgba(5,5,5,.96));
  border-left:1px solid rgba(201,164,93,.05);
  border-right:1px solid rgba(201,164,93,.05);
}

.hero-left{
  padding-left:10px;
}

.hero h1{
  font-size:clamp(46px,4.7vw,70px);
  line-height:.95;
}

.hero h2{
  font-size:24px;
  margin:14px 0 18px;
}

.hero p{
  font-size:15px;
  max-width:390px;
}

.hero-center{
  min-height:410px;
  gap:12px;
  align-items:flex-end;
}

.hero-center img{
  width:30%;
  max-height:385px;
  object-fit:contain;
}

.hero-advisor{
  padding:24px;
  border-radius:18px;
  max-width:280px;
}

.hero-advisor h3{
  font-size:28px;
}

.hero-advisor button{
  font-size:13px;
  padding:13px 0;
}

.feature-bar{
  margin-top:0;
  border-radius:0 0 18px 18px;
  padding:14px 18px;
}

.collections,
.product-section,
.shop-groups{
  padding-top:48px;
  padding-bottom:48px;
}

.collection-grid{
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.collection-card{
  min-height:210px;
  padding:10px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(27,23,17,.96),rgba(10,10,9,.98));
}

.collection-card div{
  height:132px;
}

.collection-card h3{
  font-size:17px;
  line-height:1.1;
}

.collection-card p{
  display:none;
}

.today{
  max-width:var(--wrap);
  grid-template-columns:285px 1fr;
  gap:16px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(22,19,14,.98),rgba(10,9,8,.98));
}

.today-intro{
  padding:18px 14px;
}

.today-intro h2{
  font-size:26px;
}

.today-intro p{
  font-size:13px;
}

.recipe-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.recipe-card{
  border-radius:12px;
  background:#12100d;
  border-color:rgba(201,164,93,.38);
  transition:.25s;
}

.recipe-card:hover{
  transform:translateY(-4px);
  border-color:var(--gold);
}

.recipe-card img{
  height:115px;
  object-fit:cover;
  filter:saturate(1.03) contrast(1.04);
}

.recipe-card h4{
  font-size:13px;
  line-height:1.25;
  margin:10px 10px 4px;
}

.recipe-card p{
  margin:0 10px;
  font-size:11px;
}

.recipe-card span{
  margin:7px 10px 12px;
  font-size:11px;
}

.why-verify{
  padding:18px 0;
  gap:14px;
}

.why,.qr-box{
  border-radius:16px;
  padding:24px;
}

.why h2,.qr-box h2{
  font-size:30px;
}

.shop-groups{
  padding-top:34px;
}

.shop-card-grid{
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}

.product-grid{
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.product-card{
  background:linear-gradient(180deg,var(--cream-card-2),var(--cream-card));
  border-radius:9px;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.product-card:hover{
  transform:translateY(-4px);
}

.product-image{
  height:210px;
  background:linear-gradient(180deg,#0b0a08,#17130d);
}

.product-image img{
  max-height:88%;
  max-width:86%;
  object-fit:contain;
}

.shop-card-grid .product-image{
  height:155px;
}

.shop-card-grid .product-info{
  padding:12px;
}

.shop-card-grid .product-info h3{
  font-size:16px;
}

.shop-card-grid .product-info p{
  display:none;
}

.shop-card-grid .product-info ul{
  font-size:11px;
  min-height:48px;
}

.shop-card-grid .product-info .meta{
  font-size:11px;
}

.product-info{
  padding:16px;
}

.product-info h3{
  font-size:22px;
}

.product-info p{
  font-size:13px;
  min-height:58px;
}

.product-info ul{
  font-size:12px;
  min-height:42px;
}

.product-actions{
  grid-template-columns:38px 1fr;
  gap:8px;
}

.product-actions .btn{
  min-height:36px;
  font-size:11px;
  border-radius:6px;
}

.btn.gold{
  background:linear-gradient(180deg,var(--button-gold),var(--button-gold-dark));
  border-color:var(--button-gold);
  color:#140e05;
}

.btn.green{
  background:#25D366;
  border-color:#25D366;
}

.footer{
  max-width:var(--wrap);
}

.page-hero{
  padding-left:0;
  padding-right:0;
  border-left:1px solid rgba(201,164,93,.08);
  border-right:1px solid rgba(201,164,93,.08);
}

.content-section{
  padding-left:0;
  padding-right:0;
}

@media(max-width:1220px){
  :root{--wrap:calc(100% - 36px);}
  .topbar .navline{padding-left:0;padding-right:0;}
}

@media(max-width:1150px){
  .hero{
    grid-template-columns:1fr;
    padding:26px 18px;
  }
  .hero-left{text-align:center;margin:auto;}
  .hero p{margin-left:auto;margin-right:auto;}
  .hero-advisor{max-width:640px;width:100%;}
  .collection-grid,.shop-card-grid{grid-template-columns:repeat(2,1fr);}
  .today{grid-template-columns:1fr;}
  .recipe-strip{grid-template-columns:repeat(2,1fr);}
  .product-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:680px){
  :root{--wrap:calc(100% - 24px);}
  .hero h1{font-size:46px;}
  .hero-center img{max-height:245px;}
  .collection-grid,.shop-card-grid,.recipe-strip,.product-grid{grid-template-columns:1fr;}
  .recipe-card img{height:180px;}
  .product-image,.shop-card-grid .product-image{height:240px;}
}


/* ===========================
   V8 CLEAN FIXES
   - Clean food thumbnails
   - Better action buttons
   - More premium card proportions
   =========================== */

.shipping{
  background:#e1bf88;
  color:#130d05;
}

.recipe-card{
  background:linear-gradient(180deg,#15120d,#0d0b09);
  overflow:hidden;
}

.recipe-card img{
  height:132px !important;
  width:100%;
  object-fit:cover !important;
  object-position:center center;
  filter:saturate(1.06) contrast(1.06) brightness(.92);
}

.today .recipe-card h4,
.today .recipe-card p,
.today .recipe-card span{
  position:relative;
  z-index:2;
}

.product-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:14px;
}

.product-actions .btn{
  width:100%;
  min-height:40px;
  padding:10px 12px !important;
  font-size:12px !important;
  border-radius:7px;
  white-space:nowrap;
  text-align:center;
  line-height:1.1;
}

.product-actions .btn.green{
  background:#25D366;
  color:#fff !important;
  border-color:#25D366;
}

.product-actions .btn.green::before{
  content:"";
  width:15px;
  height:15px;
  display:inline-block;
  border-radius:50%;
  background:#fff;
  margin-right:6px;
  vertical-align:-2px;
}

.product-actions .btn.gold{
  background:linear-gradient(180deg,#d8b665,#ac7e31);
  color:#161006 !important;
  border-color:#d8b665;
}

.shop-card-grid .product-actions{
  grid-template-columns:1fr !important;
}

.shop-card-grid .product-actions .btn{
  min-height:37px;
  font-size:11px !important;
}

.shop-card-grid .product-info{
  min-height:225px;
  display:flex;
  flex-direction:column;
}

.shop-card-grid .product-info ul{
  flex:1;
}

.product-card{
  overflow:hidden;
}

.product-info .meta{
  margin-bottom:8px;
}

.micro-row{
  justify-content:flex-start;
  gap:14px;
}

@media(min-width:1151px){
  .shop-card-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
  .shop-card-grid .product-card{
    min-width:0;
  }
}

@media(max-width:680px){
  .recipe-card img{
    height:190px !important;
  }
  .product-actions{
    grid-template-columns:1fr !important;
  }
}

/* V9 Complete Content + HD Recipe Visuals */
.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recipe-card.rich{min-height:260px;display:flex;flex-direction:column}.recipe-card.rich img{height:190px!important;object-fit:cover!important;object-position:center}.recipe-card.rich h4{font-size:18px;margin:14px 14px 6px}.recipe-card.rich p{font-size:13px;margin:0 14px}.recipe-card.rich span{margin:9px 14px 16px}.recipe-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recipe-details article{border:1px solid var(--line);border-radius:16px;background:rgba(17,15,12,.88);padding:24px}.recipe-details h2{font-family:var(--serif);color:var(--gold2)}.content-section h2{font-family:var(--serif);color:var(--gold2);font-size:34px}.footer a:hover{color:var(--gold2)}@media(max-width:900px){.recipe-grid,.recipe-details{grid-template-columns:1fr}.recipe-card.rich img{height:220px!important}}

/* V10 Final Premium Recipe + Footer Completion */
.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.recipe-card.rich{min-height:260px;display:flex;flex-direction:column}
.recipe-card.rich img{height:190px!important;object-fit:cover!important;object-position:center;filter:saturate(1.08) contrast(1.08) brightness(.94)}
.recipe-card.rich h4{font-size:18px;margin:14px 14px 6px}
.recipe-card.rich p{font-size:13px;margin:0 14px}
.recipe-card.rich span{margin:9px 14px 16px}
.recipe-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.recipe-details article{border:1px solid var(--line);border-radius:16px;background:rgba(17,15,12,.88);padding:24px}
.recipe-details h2,.content-section h2{font-family:var(--serif);color:var(--gold2)}
.footer a:hover{color:var(--gold2)}
@media(max-width:900px){.recipe-grid,.recipe-details{grid-template-columns:1fr}.recipe-card.rich img{height:220px!important}}

/* V11 Real Render Integration */
.recipe-card.real-render{
  background:linear-gradient(180deg,#171512,#0d0c0a);
  border:1px solid rgba(201,164,93,.45);
  border-radius:12px;
  overflow:hidden;
  min-height:315px;
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.recipe-card.real-render img{
  height:185px!important;
  width:100%;
  object-fit:cover!important;
  object-position:center;
  filter:saturate(1.06) contrast(1.05) brightness(.96);
}
.recipe-card.real-render .recipe-copy{padding:16px 18px 18px}
.recipe-card.real-render h4{
  color:#f5e6c8;
  font-family:var(--serif);
  font-size:22px;
  margin:0 0 8px;
}
.recipe-card.real-render p{
  color:#e3c27a;
  font-size:14px;
  margin:0 0 10px;
  line-height:1.45;
}
.recipe-card.real-render span{
  color:#bcb2a0;
  font-size:13px;
  margin:0;
}
.today .recipe-card.real-render{min-height:300px}
.today .recipe-card.real-render img{height:174px!important}
.recipe-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.premium-panels{
  max-width:var(--wrap,1180px);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
}
.premium-panels.single-row{grid-template-columns:1fr 1fr}
.promo-panel{
  position:relative;
  min-height:175px;
  border:1px solid rgba(201,164,93,.35);
  border-radius:14px;
  overflow:hidden;
  display:block;
  background:#090909;
}
.promo-panel img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.62) saturate(1.06);
}
.promo-panel:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,5,5,.86),rgba(5,5,5,.35));
}
.promo-panel div{
  position:relative;
  z-index:2;
  padding:26px;
  max-width:330px;
}
.promo-panel h2{
  font-family:var(--serif);
  color:#fff0d4;
  margin:0 0 8px;
  font-size:30px;
}
.promo-panel p{
  color:#d8d0c0;
  line-height:1.55;
}
.promo-panel span{
  display:inline-flex;
  margin-top:12px;
  color:#e7c983;
  border:1px solid rgba(201,164,93,.55);
  border-radius:6px;
  padding:9px 14px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media(max-width:1100px){
  .premium-panels,.premium-panels.single-row{grid-template-columns:1fr}
  .recipe-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .recipe-grid{grid-template-columns:1fr}
  .recipe-card.real-render img,.today .recipe-card.real-render img{height:220px!important}
}


/* V14 Clean Real Food Fix
   Broken generated recipe renders removed.
   Only five clean, realistic food render cards are used.
*/
.recipe-grid.clean-five{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.recipe-grid.clean-five .recipe-card.real-render:nth-child(4),
.recipe-grid.clean-five .recipe-card.real-render:nth-child(5){
  grid-column:auto;
}
.recipe-card.real-render img{
  background:#0d0b08;
}
.recipe-card.real-render img[src*="recipe-fish"],
.recipe-card.real-render img[src*="recipe-mezze"],
.recipe-card.real-render img[src*="recipe-breakfast"],
.recipe-card.real-render img[src*="recipe-pasta"]{
  display:none;
}
.today .recipe-strip{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:1100px){
  .today .recipe-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .recipe-grid.clean-five{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
  .today .recipe-strip,.recipe-grid.clean-five{grid-template-columns:1fr;}
}


/* FINAL HERO IMAGE FIX */
.hero-center{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:520px !important;
  padding:0 10px !important;
}
.hero-center img.hero-full-collection-real{
  display:block !important;
  width:min(900px,100%) !important;
  max-height:520px !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 30px 48px rgba(0,0,0,.58)) !important;
}
.hero-center img:not(.hero-full-collection-real),
.hero-center .hero-full-image,
.hero-center .hero-product-group-image{
  display:none !important;
}
@media(max-width:980px){
  .hero-center{
    min-height:auto !important;
    padding:24px 0 !important;
  }
  .hero-center img.hero-full-collection-real{
    width:100% !important;
    max-height:none !important;
  }
}




/* CINEMATIC HERO VIGNETTE EFFECT */
.hero{
    position: relative;
    overflow: hidden;
}

.hero::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    background:
        radial-gradient(circle at center,
            rgba(0,0,0,0) 28%,
            rgba(0,0,0,0.10) 45%,
            rgba(0,0,0,0.35) 70%,
            rgba(0,0,0,0.72) 100%);
}

.hero-left,
.hero-center,
.hero-right{
    position: relative;
    z-index: 3;
}

.hero-center img.hero-full-collection-real{
    filter:
        drop-shadow(0 28px 50px rgba(0,0,0,.55))
        saturate(1.04)
        contrast(1.02);
}


/* FINAL: dark edge effect applied directly around hero product group image */
.hero-center{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
}
.hero-center::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:4 !important;
  background:
    radial-gradient(circle at center,
      rgba(0,0,0,0) 34%,
      rgba(0,0,0,.10) 52%,
      rgba(0,0,0,.38) 78%,
      rgba(0,0,0,.78) 100%) !important;
}
.hero-center img.hero-full-collection-real{
  position:relative !important;
  z-index:2 !important;
  width:min(960px,100%) !important;
  max-height:545px !important;
  object-fit:contain !important;
  filter:contrast(1.04) saturate(1.05) drop-shadow(0 30px 48px rgba(0,0,0,.55)) !important;
}


/* FINAL LOGO + FAVICON UPDATE */
:root{
  --gold:#d6a63e;
  --gold-soft:#e4c074;
  --black:#070605;
  --panel:#11100e;
}
.logo img,
.site-logo img,
.nav-logo img,
.footer-logo img{
  width:auto !important;
  height:58px !important;
  object-fit:contain !important;
  display:block !important;
}
.site-header .logo img,
.nav-wrap .logo img{
  max-width:285px !important;
}
.footer .logo img,
.footer-logo img{
  height:54px !important;
  max-width:270px !important;
}
@media(max-width:780px){
  .logo img,
  .site-logo img,
  .nav-logo img{
    height:44px !important;
    max-width:220px !important;
  }
}


/* FORCE UPDATED ARBORIS IDA LOGO */
.brand-logo,
.logo img,
.navbar-brand img,
.header-logo img{
    height:72px !important;
    width:auto !important;
    max-width:360px !important;
    object-fit:contain !important;
    display:block !important;
    filter: drop-shadow(0 0 1px rgba(214,166,62,.15));
}

@media(max-width:768px){
  .brand-logo,
  .logo img,
  .navbar-brand img,
  .header-logo img{
      height:48px !important;
      max-width:240px !important;
  }
}


/* UPDATED HEADER + FOOTER BRANDING */
.brand-logo-main{
    display:block !important;
    width:auto !important;
    height:68px !important;
    max-width:340px !important;
    object-fit:contain !important;
}

header .brand-logo-main,
.site-header .brand-logo-main,
.navbar .brand-logo-main{
    height:64px !important;
}

footer .brand-logo-main,
.site-footer .brand-logo-main{
    height:62px !important;
    opacity:0.98;
}

.footer-brand-mark,
.brand-mark{
    width:54px !important;
    height:54px !important;
    object-fit:contain !important;
}

@media(max-width:768px){
    .brand-logo-main{
        height:44px !important;
        max-width:220px !important;
    }
}


/* === FINAL ARBORIS IDA BRAND KIT === */

header img,
footer img,
.logo img,
.navbar-brand img,
.footer-logo img,
.brand-logo,
.brand-logo-main{
    content: normal !important;
    height: 72px !important;
    width: auto !important;
    max-width: 380px !important;
    object-fit: contain !important;
    display:block !important;
}

.footer-logo img,
footer img{
    height:64px !important;
}

.brand-tree,
.footer-brand-mark{
    content: normal !important;
    width:56px !important;
    height:56px !important;
}

@media(max-width:768px){
    header img,
    .logo img,
    .navbar-brand img{
        height:46px !important;
        max-width:240px !important;
    }
}


/* FORCE REAL UPLOADED WORDMARK IN HEADER & FOOTER */
.brand{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    text-decoration:none !important;
}
.brand .tree,
.brand span,
.brand small{
    display:none !important;
}
.brand-wordmark{
    display:block !important;
    width:270px !important;
    height:auto !important;
    max-height:72px !important;
    object-fit:contain !important;
}
.footer-brand{
    display:block !important;
}
.footer-brand .tree,
.footer-brand span,
.footer-brand small{
    display:none !important;
}
.footer-wordmark{
    display:block !important;
    width:260px !important;
    height:auto !important;
    margin-bottom:18px !important;
    object-fit:contain !important;
}
@media(max-width:768px){
    .brand-wordmark{width:210px !important;}
    .footer-wordmark{width:220px !important;}
}


/* TREE + WORDMARK FINAL ALIGNMENT */
.brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.brand-tree-icon{
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  flex-shrink:0 !important;
  margin-top:2px !important;
}
.brand-wordmark{
  width:285px !important;
  max-width:285px !important;
  height:auto !important;
}

.footer-brand-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:18px !important;
}
.footer-tree-icon{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  flex-shrink:0 !important;
}
.footer-wordmark{
  width:250px !important;
  height:auto !important;
  margin-bottom:0 !important;
}

@media(max-width:768px){
  .brand-tree-icon{
    width:28px !important;
    height:28px !important;
  }
  .brand-wordmark{
    width:210px !important;
    max-width:210px !important;
  }
  .footer-tree-icon{
    width:30px !important;
    height:30px !important;
  }
  .footer-wordmark{
    width:210px !important;
  }
}


/* FINAL COMBINED BRAND LOGO */
.brand{
    display:flex !important;
    align-items:center !important;
}

.combined-brand-logo{
    width:360px !important;
    max-width:360px !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
}

.combined-footer-logo{
    width:330px !important;
    max-width:330px !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
    margin-bottom:18px !important;
}

@media(max-width:768px){
    .combined-brand-logo{
        width:240px !important;
        max-width:240px !important;
    }
    .combined-footer-logo{
        width:220px !important;
        max-width:220px !important;
    }
}


/* UPDATED TRUE MASTER LOGO SCALE */
.combined-brand-logo{
    width:420px !important;
    max-width:420px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
}

.combined-footer-logo{
    width:390px !important;
    max-width:390px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
    margin-bottom:18px !important;
}

@media(max-width:768px){
    .combined-brand-logo{
        width:250px !important;
        max-width:250px !important;
    }

    .combined-footer-logo{
        width:230px !important;
        max-width:230px !important;
    }
}


/* FINAL CORRECT LOGO SCALE — header & footer */
.site-brand-logo{
    display:block !important;
    width:260px !important;
    max-width:260px !important;
    height:auto !important;
    object-fit:contain !important;
}

.footer-brand-logo{
    display:block !important;
    width:245px !important;
    max-width:245px !important;
    height:auto !important;
    object-fit:contain !important;
    margin-bottom:18px !important;
}

.brand{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    overflow:visible !important;
}

.brand img:not(.site-brand-logo){
    display:none !important;
}

.footer-brand img:not(.footer-brand-logo){
    display:none !important;
}

@media(max-width:768px){
    .site-brand-logo{
        width:210px !important;
        max-width:210px !important;
    }
    .footer-brand-logo{
        width:205px !important;
        max-width:205px !important;
    }
}

.shopier-link-missing{
  opacity:.55;
  pointer-events:none;
}


/* PREMIUM INSTAGRAM FOOTER */
.footer-social-premium{
    margin-top:18px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.footer-social-premium a{
    color:#d6a63e;
    text-decoration:none;
    font-size:14px;
    letter-spacing:.4px;
    transition:opacity .2s ease;
}

.footer-social-premium a:hover{
    opacity:.75;
}

.social-separator{
    color:rgba(255,255,255,.35);
}

@media(max-width:768px){
    .footer-social-premium{
        gap:8px;
    }

    .footer-social-premium a{
        font-size:13px;
    }
}



/* =========================================================
   MOBILE UX PROFESSIONAL UPDATE
   Desktop design preserved. Mobile/tablet spacing, menu,
   cards, hero and CTA usability refined.
   ========================================================= */

html{
  -webkit-text-size-adjust:100%;
}

body{
  overflow-x:hidden;
}

img, video{
  max-width:100%;
  height:auto;
}

button, a{
  -webkit-tap-highlight-color: rgba(214,166,62,.18);
}

.navline{
  position:relative;
}

.hamburger{
  display:none;
  min-width:44px;
  min-height:44px;
  border:1px solid rgba(214,166,62,.38);
  border-radius:10px;
  background:rgba(0,0,0,.18);
  color:#e8c36d;
  font-size:23px;
  line-height:1;
  align-items:center;
  justify-content:center;
}

@media(max-width:1180px){
  .topbar .shipping,
  .shipping{
    font-size:12px;
    letter-spacing:.04em;
    padding:9px 12px;
  }

  .navline{
    display:grid !important;
    grid-template-columns:1fr auto;
    gap:14px;
    align-items:center;
    padding:14px 18px !important;
  }

  .brand{
    min-width:0;
  }

  .site-brand-logo,
  .brand-wordmark,
  .combined-brand-logo,
  .brand img,
  .brand-logo-main{
    max-width:230px !important;
    width:230px !important;
    height:auto !important;
  }

  .hamburger{
    display:flex !important;
    grid-column:2;
    grid-row:1;
  }

  .navlinks{
    grid-column:1 / -1;
    display:none !important;
    width:100%;
    padding:12px;
    margin-top:2px;
    border:1px solid rgba(214,166,62,.22);
    border-radius:16px;
    background:rgba(8,8,7,.96);
    box-shadow:0 22px 60px rgba(0,0,0,.45);
  }

  .navlinks.is-open{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .navlinks a{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 12px !important;
    border:1px solid rgba(255,255,255,.07);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    font-size:13px !important;
    line-height:1.2;
  }

  .nav-verify,
  .cart,
  .qr-btn{
    display:none !important;
  }

  .hero{
    grid-template-columns:1fr !important;
    gap:24px !important;
    padding:28px 18px !important;
    min-height:auto !important;
  }

  .hero-left,
  .hero-right,
  .hero-advisor{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:720px !important;
    width:100%;
  }

  .hero h1{
    font-size:clamp(38px,8vw,64px) !important;
    line-height:.98 !important;
    letter-spacing:-.03em;
  }

  .hero h2{
    font-size:clamp(21px,4vw,30px) !important;
  }

  .hero p{
    font-size:15px !important;
    line-height:1.65 !important;
    margin-left:auto;
    margin-right:auto;
  }

  .hero-center{
    min-height:auto !important;
    padding:8px 0 4px !important;
  }

  .hero-center img.hero-full-collection-real,
  .hero-center img.hero-product-group-image,
  .hero-center img{
    width:min(100%,760px) !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  .feature-bar,
  .quality-bar{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
    padding:14px !important;
  }

  .collection-grid,
  .product-grid,
  .shop-card-grid,
  .recipe-grid,
  .recipe-grid-full{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .today,
  .hero-real{
    grid-template-columns:1fr !important;
    padding:18px !important;
  }

  .recipe-strip,
  .hero-recipes{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .why-verify,
  .promo-grid,
  .premium-panels,
  .footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }

  .product-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .product-actions .btn,
  .btn,
  .btn.gold,
  .btn.green{
    min-height:44px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  .footer{
    padding-bottom:92px;
  }
}

@media(max-width:680px){
  .topbar .shipping,
  .shipping{
    font-size:11px !important;
    padding:8px 10px !important;
  }

  .navline{
    padding:12px 14px !important;
  }

  .site-brand-logo,
  .brand-wordmark,
  .combined-brand-logo,
  .brand img,
  .brand-logo-main{
    width:205px !important;
    max-width:205px !important;
  }

  .navlinks.is-open{
    grid-template-columns:1fr !important;
  }

  .hero{
    padding:24px 14px !important;
  }

  .hero h1{
    font-size:40px !important;
  }

  .hero h2{
    font-size:22px !important;
  }

  .hero-left .actions,
  .hero-actions,
  .detail-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .feature-bar,
  .quality-bar,
  .collection-grid,
  .product-grid,
  .shop-card-grid,
  .recipe-grid,
  .recipe-grid-full,
  .recipe-strip,
  .hero-recipes,
  .why-verify,
  .promo-grid,
  .premium-panels,
  .footer-grid,
  .recipe-details{
    grid-template-columns:1fr !important;
  }

  .collection-card,
  .product-card,
  .recipe-card,
  .shop-card-grid .product-card{
    border-radius:14px !important;
  }

  .product-image,
  .shop-card-grid .product-image{
    height:220px !important;
  }

  .recipe-card img,
  .recipe-card.real-render img,
  .today .recipe-card.real-render img{
    height:210px !important;
  }

  .product-info,
  .shop-card-grid .product-info{
    padding:16px !important;
    min-height:auto !important;
  }

  .product-info h3{
    font-size:22px !important;
  }

  .product-info p,
  .product-info ul{
    min-height:auto !important;
  }

  .page-hero{
    padding:42px 14px !important;
  }

  .page-hero h1,
  .section-head h2,
  .content-section h2{
    font-size:34px !important;
    line-height:1.05 !important;
  }

  .footer-grid{
    text-align:left !important;
    padding:0 18px !important;
  }

  .footer-bottom{
    display:grid !important;
    gap:8px !important;
    text-align:left !important;
    padding:18px !important;
  }

  .footer-social-premium{
    align-items:flex-start !important;
  }

  .wa{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    border-radius:14px !important;
    z-index:99;
  }
}

@media(max-width:390px){
  .site-brand-logo,
  .brand-wordmark,
  .combined-brand-logo,
  .brand img,
  .brand-logo-main{
    width:178px !important;
    max-width:178px !important;
  }

  .hero h1{
    font-size:34px !important;
  }

  .product-image,
  .shop-card-grid .product-image{
    height:190px !important;
  }
}

.recipe-oil-pairing{
  margin-top:10px;
  color:#d6a63e !important;
  font-size:14px;
  line-height:1.45;
}
.recipe-oil-pairing strong{
  color:#f1d08a;
  font-weight:700;
}


.olive-guide-section,.blog-section{
padding:90px 0;
background:#050505;
color:#f3eadb;
}
.section-intro{
max-width:900px;
margin:0 auto 40px;
text-align:center;
opacity:.88;
line-height:1.8;
}
.guide-grid,.blog-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
margin-top:40px;
}
.guide-card,.blog-card{
background:#0b0b0b;
border:1px solid rgba(214,166,62,.25);
border-radius:20px;
padding:28px;
transition:.3s ease;
}
.guide-card:hover,.blog-card:hover{
border-color:rgba(214,166,62,.55);
transform:translateY(-4px);
}
.guide-card h3,.blog-card h3{
color:#d6a63e;
margin-bottom:14px;
font-size:22px;
}
.guide-card p,.blog-card p{
line-height:1.8;
color:#ddd2bf;
}



/* ===== KNOWLEDGE HUB SECTION ===== */

.knowledge-hub-section{
    padding:110px 0;
    background:
      radial-gradient(circle at top, rgba(214,166,62,.10), transparent 38%),
      #060606;
    position:relative;
}

.knowledge-head{
    max-width:860px;
    margin:0 auto 60px;
    text-align:center;
}

.knowledge-head .eyebrow{
    display:inline-block;
    margin-bottom:18px;
    color:#d6a63e;
    font-size:12px;
    letter-spacing:.24em;
}

.knowledge-head h2{
    font-size:clamp(38px,5vw,64px);
    line-height:1.02;
    margin-bottom:22px;
    color:#f4ead8;
}

.knowledge-head p{
    color:#d6ccb9;
    line-height:1.9;
    font-size:17px;
}

.knowledge-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}

.knowledge-card{
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    border:1px solid rgba(214,166,62,.18);
    border-radius:24px;
    padding:34px;
    transition:.28s ease;
    backdrop-filter:blur(8px);
}

.knowledge-card:hover{
    transform:translateY(-5px);
    border-color:rgba(214,166,62,.42);
}

.knowledge-card h3{
    color:#e0b65d;
    font-size:24px;
    margin-bottom:16px;
    line-height:1.2;
}

.knowledge-card p{
    color:#ddd3c1;
    line-height:1.85;
    font-size:15px;
}

@media(max-width:980px){
    .knowledge-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:680px){
    .knowledge-hub-section{
        padding:80px 0;
    }

    .knowledge-grid{
        grid-template-columns:1fr;
    }

    .knowledge-card{
        padding:26px;
        border-radius:18px;
    }

    .knowledge-head{
        padding:0 16px;
    }

    .knowledge-head h2{
        font-size:38px;
    }
}


/* ===== SECTION WIDTH ALIGN FIX ===== */

.knowledge-hub-section{
    width:100%;
    overflow:hidden;
}

.knowledge-hub-section .container{
    width:min(1280px, calc(100% - 48px));
    margin:0 auto;
}

@media(max-width:980px){
    .knowledge-hub-section .container{
        width:min(100%, calc(100% - 36px));
    }
}

@media(max-width:680px){
    .knowledge-hub-section .container{
        width:min(100%, calc(100% - 24px));
    }

    .knowledge-hub-section{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* ===== PROFESSIONAL BLOG REBUILD ===== */
.blog-index-page,
.blog-detail-page{
  background:#060606;
  color:#f4ead8;
}
.blog-mini-header{
  width:min(1240px, calc(100% - 40px));
  margin:0 auto;
  padding:26px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(214,166,62,.18);
}
.blog-mini-logo{
  color:#d6a63e;
  text-decoration:none;
  letter-spacing:.16em;
  font-weight:700;
}
.blog-mini-header nav{
  display:flex;
  gap:22px;
}
.blog-mini-header nav a{
  color:#ddd3c1;
  text-decoration:none;
  font-size:14px;
}
.blog-index-shell,
.blog-article-shell{
  width:min(1240px, calc(100% - 40px));
  margin:0 auto;
}
.blog-index-hero{
  padding:92px 0 60px;
  max-width:900px;
}
.blog-index-hero span,
.blog-article-hero span,
.blog-featured span,
.blog-card-pro span{
  color:#d6a63e;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:700;
}
.blog-index-hero h1,
.blog-article-hero h1{
  font-size:clamp(44px,7vw,82px);
  line-height:1;
  margin:18px 0 24px;
}
.blog-index-hero p,
.blog-article-hero p{
  color:#ddd3c1;
  line-height:1.8;
  font-size:18px;
}
.blog-featured{
  margin-bottom:34px;
  padding:42px;
  border-radius:28px;
  border:1px solid rgba(214,166,62,.22);
  background:
    radial-gradient(circle at top right, rgba(214,166,62,.16), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
}
.blog-featured h2{
  font-size:42px;
  margin:12px 0;
}
.blog-featured p{
  color:#ddd3c1;
  max-width:760px;
  line-height:1.8;
}
.blog-featured a{
  display:inline-flex;
  margin-top:16px;
  color:#111;
  background:#d6a63e;
  padding:14px 22px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
}
.blog-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  padding-bottom:90px;
}
.blog-card-pro{
  text-decoration:none;
  color:inherit;
  padding:30px;
  min-height:300px;
  border-radius:24px;
  border:1px solid rgba(214,166,62,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  transition:.25s ease;
}
.blog-card-pro:hover{
  transform:translateY(-5px);
  border-color:rgba(214,166,62,.44);
}
.blog-card-pro h2{
  font-size:28px;
  line-height:1.15;
  margin:18px 0 14px;
}
.blog-card-pro p{
  color:#ddd3c1;
  line-height:1.75;
}
.blog-card-pro strong{
  color:#d6a63e;
  display:inline-block;
  margin-top:18px;
}
.blog-article-hero{
  padding:86px 0 34px;
  max-width:980px;
}
.blog-article-content{
  max-width:920px;
  font-size:18px;
  line-height:1.95;
  color:#ddd3c1;
}
.blog-article-content h2{
  color:#f4ead8;
  font-size:34px;
  margin-top:48px;
}
.blog-article-content h3{
  color:#e0b65d;
  font-size:26px;
  margin-top:36px;
}
.blog-article-content ul{
  padding-left:22px;
}
.blog-article-content li{
  margin-bottom:10px;
}
.article-cta{
  max-width:920px;
  margin:70px 0 36px;
  padding:36px;
  border-radius:24px;
  border:1px solid rgba(214,166,62,.22);
  background:#0b0b0b;
}
.article-cta h2{
  margin-top:0;
  font-size:34px;
}
.article-cta p{
  color:#ddd3c1;
  line-height:1.8;
}
.article-cta .btn{
  margin-right:10px;
}
.back-blog{
  display:inline-flex;
  margin:20px 0 90px;
  color:#d6a63e;
  text-decoration:none;
}
@media(max-width:900px){
  .blog-card-grid{
    grid-template-columns:1fr 1fr;
  }
  .blog-mini-header{
    align-items:flex-start;
    gap:18px;
    flex-direction:column;
  }
}
@media(max-width:640px){
  .blog-card-grid{
    grid-template-columns:1fr;
  }
  .blog-index-shell,
  .blog-article-shell,
  .blog-mini-header{
    width:min(100%, calc(100% - 28px));
  }
  .blog-featured{
    padding:28px;
    border-radius:20px;
  }
  .blog-featured h2{
    font-size:32px;
  }
  .blog-mini-header nav{
    flex-wrap:wrap;
    gap:12px;
  }
}



/* ===== HOME GUIDE + JOURNAL SECTION ===== */

.journal-guide-section{
    padding:110px 0 90px;
    background:
      radial-gradient(circle at top right, rgba(214,166,62,.10), transparent 36%),
      #060606;
    position:relative;
}

.journal-guide-section .container{
    width:min(1280px, calc(100% - 48px));
    margin:0 auto;
}

.journal-guide-head{
    max-width:860px;
    margin:0 auto 60px;
    text-align:center;
}

.journal-guide-head span{
    color:#d6a63e;
    letter-spacing:.22em;
    font-size:12px;
    font-weight:700;
}

.journal-guide-head h2{
    font-size:clamp(42px,6vw,74px);
    line-height:1;
    margin:18px 0 24px;
    color:#f4ead8;
}

.journal-guide-head p{
    color:#ddd3c1;
    line-height:1.9;
    font-size:17px;
}

.journal-guide-layout{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:28px;
    align-items:stretch;
}

.guide-feature-card{
    height:100%;
    padding:42px;
    border-radius:28px;
    border:1px solid rgba(214,166,62,.24);
    background:
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.guide-feature-card span{
    color:#d6a63e;
    letter-spacing:.18em;
    font-size:12px;
    font-weight:700;
}

.guide-feature-card h3{
    font-size:42px;
    line-height:1.05;
    margin:18px 0;
    color:#f4ead8;
}

.guide-feature-card p{
    color:#ddd3c1;
    line-height:1.9;
    margin-bottom:26px;
}

.guide-feature-card ul{
    padding-left:18px;
    color:#ddd3c1;
    line-height:2;
}

.guide-feature-card li{
    margin-bottom:6px;
}

.guide-feature-card a{
    display:inline-flex;
    margin-top:24px;
    color:#111;
    background:#d6a63e;
    padding:14px 22px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
}

.journal-side{
    display:grid;
    gap:22px;
}

.journal-card{
    padding:28px;
    border-radius:24px;
    border:1px solid rgba(214,166,62,.18);
    background:
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    text-decoration:none;
    transition:.26s ease;
}

.journal-card:hover{
    transform:translateY(-4px);
    border-color:rgba(214,166,62,.42);
}

.journal-card span{
    color:#d6a63e;
    letter-spacing:.18em;
    font-size:11px;
    font-weight:700;
}

.journal-card h3{
    margin:14px 0;
    color:#f4ead8;
    font-size:30px;
    line-height:1.14;
}

.journal-card p{
    color:#ddd3c1;
    line-height:1.8;
}

@media(max-width:980px){

    .journal-guide-layout{
        grid-template-columns:1fr;
    }

}

@media(max-width:680px){

    .journal-guide-section{
        padding:80px 0 70px;
    }

    .journal-guide-section .container{
        width:min(100%, calc(100% - 24px));
    }

    .guide-feature-card{
        padding:28px;
        border-radius:22px;
    }

    .guide-feature-card h3{
        font-size:34px;
    }

    .journal-card{
        padding:24px;
        border-radius:20px;
    }

    .journal-card h3{
        font-size:25px;
    }

}



/* ===== EXPERIENCE PAGE REFINED GUIDE SECTION ===== */

.experience-guide-section{
    padding:110px 0 90px;
    background:
      radial-gradient(circle at top left, rgba(214,166,62,.10), transparent 36%),
      #060606;
    position:relative;
}

.experience-guide-section .container{
    width:min(1280px, calc(100% - 48px));
    margin:0 auto;
}

.experience-guide-head{
    max-width:880px;
    margin:0 auto 60px;
    text-align:center;
}

.experience-guide-head span,
.experience-main-card span,
.experience-info-card span,
.experience-link-card span{
    color:#d6a63e;
    letter-spacing:.18em;
    font-size:12px;
    font-weight:700;
}

.experience-guide-head h2{
    font-size:clamp(42px,6vw,74px);
    line-height:1;
    margin:18px 0 24px;
    color:#f4ead8;
}

.experience-guide-head p{
    color:#ddd3c1;
    line-height:1.9;
    font-size:17px;
}

.experience-guide-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:28px;
    align-items:stretch;
}

.experience-main-card,
.experience-info-card,
.experience-link-card{
    border:1px solid rgba(214,166,62,.20);
    background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
    border-radius:28px;
    transition:.26s ease;
}

.experience-main-card:hover,
.experience-info-card:hover,
.experience-link-card:hover{
    border-color:rgba(214,166,62,.44);
    transform:translateY(-4px);
}

.experience-main-card{
    padding:44px;
}

.experience-main-card h3{
    color:#f4ead8;
    font-size:44px;
    line-height:1.06;
    margin:18px 0;
}

.experience-main-card p,
.experience-info-card p,
.experience-link-card p{
    color:#ddd3c1;
    line-height:1.85;
}

.character-list{
    display:grid;
    gap:14px;
    margin-top:30px;
}

.character-list div{
    padding:18px;
    border-radius:16px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.07);
}

.character-list strong{
    display:block;
    color:#e0b65d;
    margin-bottom:6px;
}

.character-list small{
    color:#ddd3c1;
    line-height:1.6;
}

.experience-side-cards{
    display:grid;
    gap:20px;
}

.experience-info-card{
    padding:28px;
}

.experience-info-card h3,
.experience-link-card h3{
    color:#f4ead8;
    font-size:28px;
    line-height:1.16;
    margin:14px 0;
}

.experience-bottom-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    margin-top:28px;
}

.experience-link-card{
    display:block;
    text-decoration:none;
    padding:30px;
}

@media(max-width:980px){
    .experience-guide-grid,
    .experience-bottom-row{
        grid-template-columns:1fr;
    }
}

@media(max-width:680px){
    .experience-guide-section{
        padding:80px 0 70px;
    }

    .experience-guide-section .container{
        width:min(100%, calc(100% - 24px));
    }

    .experience-main-card{
        padding:30px;
        border-radius:22px;
    }

    .experience-main-card h3{
        font-size:34px;
    }

    .experience-info-card,
    .experience-link-card{
        padding:24px;
        border-radius:20px;
    }

    .experience-guide-head h2{
        font-size:38px;
    }
}