/* ============================================================
   VQ AYURVEDA — HOME PAGE  (matches Main.dc.html)
   Palette: green #1F3B2D · cream #FCF6EE · gold #F6D67E/#B8923A/#8A6A1F
   ============================================================ */
.vq-home{ font-family:'Jost',sans-serif; color:#1F3B2D; }
.vq-home *{ box-sizing:border-box; }
.vq-home .i{ font-style:italic; }
.vq-home .gold{ color:#F6D67E; }
.vq-home h1,.vq-home h2,.vq-home h3{ font-family:'Playfair Display',serif; font-weight:400; }

/* Shared buttons */
.vq-btn-gold,.vq-btn-ghost,.vq-btn-outline,.vq-btn-green{
  display:inline-flex; gap:10px; align-items:center; justify-content:center;
  border-radius:999px; font-weight:600; font-size:15px; text-decoration:none; transition:all .2s ease; cursor:pointer;
}
.vq-btn-gold{ background:#F6D67E; color:#1F3B2D; padding:16px 30px; border:0; }
.vq-btn-gold:hover{ background:#f0c95f; }
.vq-btn-ghost{ border:1.5px solid #8FA898; color:#FCF6EE; padding:15px 28px; font-weight:500; }
.vq-btn-ghost:hover{ background:rgba(255,255,255,.08); }
.vq-btn-outline{ border:1.5px solid #1F3B2D; color:#1F3B2D; padding:15px 32px; font-weight:500; }
.vq-btn-outline:hover{ background:#1F3B2D; color:#FCF6EE; }
.vq-btn-green{ background:#1F3B2D; color:#FCF6EE; padding:14px 26px; font-weight:500; }
.vq-btn-green:hover{ background:#163024; }
.vq-btn-green.sm{ padding:13px 24px; font-size:14px; }

/* Section helpers */
.vq-section{ max-width:1320px; margin:0 auto; padding:88px 24px 80px; }
.vq-sec-head{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px; margin-bottom:40px; }
.vq-kicker{ font-size:12px; letter-spacing:.28em; color:#8A6A1F; font-weight:600; margin-bottom:10px; }
.vq-kicker.gold{ color:#F6D67E; }
.vq-h2{ margin:0; font-size:clamp(34px,3.6vw,52px); color:#1F3B2D; line-height:1.05; }
.vq-link{ font-size:14px; font-weight:500; display:inline-flex; gap:8px; align-items:center; color:#1F3B2D; text-decoration:none; }
.vq-link:hover{ color:#8A6A1F; }
.vq-center{ text-align:center; margin-top:52px; }

/* HERO */
.vq-hero-wrap{ padding:16px 16px 0; }
.vq-hero{ background:#1F3B2D; border-radius:36px; overflow:hidden; color:#EFE6D6;
  max-width:1288px; margin:0 auto; padding:72px 40px 40px; display:flex; flex-wrap:wrap; gap:48px; align-items:center; }
.vq-hero-text{ flex:1 1 460px; min-width:0; display:flex; flex-direction:column; gap:24px; }
.vq-eyebrow-pill{ display:inline-flex; align-self:flex-start; gap:10px; align-items:center; border:1px solid #4E6E5C;
  border-radius:999px; padding:7px 16px; font-size:12px; letter-spacing:.22em; color:#F6D67E; font-weight:500; }
.vq-hero-h1{ margin:0; font-size:clamp(44px,5.6vw,80px); line-height:1.02; color:#FCF6EE; letter-spacing:-.01em; }
.vq-hero-p{ margin:0; font-size:18px; color:#D8DFD4; max-width:500px; font-weight:300; }
.vq-hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:4px; }
.vq-hero-media{ flex:1 1 440px; min-width:0; position:relative; min-height:460px; display:flex; align-items:center; justify-content:center; }
.vq-hero-arc{ position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:min(440px,92%); height:88%; background:#E9DCC3; border-radius:240px 240px 24px 24px; }
.vq-hero-ring{ position:absolute; left:50%; top:4%; transform:translateX(-50%); width:min(460px,96%); aspect-ratio:1/1; border:1px solid #4E6E5C; border-radius:50%; }
.vq-hero-img{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; }

/* Trust row */
.vq-trust{ max-width:1288px; margin:0 auto; border-top:1px solid #36574A; }
.vq-trust{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px 32px; font-size:14px; padding:22px 40px; }
.vq-hero-wrap .vq-trust{ background:#1F3B2D; border-radius:0 0 36px 36px; margin-top:-16px; padding-top:22px; }
.vq-trust-i{ display:flex; gap:12px; align-items:center; }
.vq-trust-i strong{ font-weight:500; color:#FCF6EE; }
.vq-trust-i .mut{ color:#C3CEC0; }
/* keep hero + trust visually joined */
.vq-hero{ border-radius:36px 36px 0 0; }
.vq-trust{ color:#EFE6D6; }

/* Ingredient band */
.vq-ingredients{ padding:30px 24px; border-bottom:1px solid #E6DCCB; display:flex; flex-wrap:wrap; justify-content:center;
  gap:10px 28px; align-items:center; font-family:'Playfair Display',serif; font-style:italic; font-size:clamp(20px,2.2vw,30px); color:#1F3B2D; }
.vq-ingredients i{ width:7px; height:7px; border-radius:50%; background:#B8923A; display:inline-block; }

/* Categories */
.vq-catgrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:22px; }
.vq-cat{ display:flex; flex-direction:column; gap:16px; align-items:center; text-align:center; text-decoration:none; }
.vq-cat-media{ width:100%; aspect-ratio:1/1.2; border-radius:999px 999px 22px 22px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:18%; transition:transform .25s ease; }
.vq-cat:hover .vq-cat-media{ transform:translateY(-6px); }
.vq-cat-bottle{ width:36%; display:flex; flex-direction:column; align-items:center; }
.vq-cat-bottle .cap{ width:60%; height:12px; background:#B8923A; border-radius:3px; }
.vq-cat-bottle .body{ width:100%; aspect-ratio:1/1.3; border-radius:4px 4px 14px 14px; }
.vq-cat-name{ font-family:'Playfair Display',serif; font-size:20px; color:#1F3B2D; }
.vq-cat-sub{ font-size:13px; color:#5B5F55; }

/* Products */
.vq-products{ background:#fff; border-radius:40px; margin:0 16px; padding:88px 24px 80px; }
.vq-products-inner{ max-width:1288px; margin:0 auto; }
.vq-pgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:28px 24px; }
.vq-pcard{ display:flex; flex-direction:column; gap:16px; }
.vq-pcard-media{ position:relative; aspect-ratio:1/1.08; border-radius:26px; display:flex; align-items:center; justify-content:center; overflow:hidden; text-decoration:none; }
.vq-pcard-halo{ position:absolute; width:64%; aspect-ratio:1/1; border-radius:50%; background:#FCF6EE; opacity:.55; }
.vq-pcard-img{ position:relative; width:78%; display:flex; align-items:center; justify-content:center; }
.vq-pcard-img img{ width:100%; height:auto; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 14px 20px rgba(22,41,31,.18)); }
.vq-pcard-badge{ position:absolute; top:14px; left:14px; background:#1F3B2D; color:#FCF6EE; font-size:11px; letter-spacing:.12em; padding:6px 12px; border-radius:999px; text-transform:uppercase; }
.vq-pcard-info{ padding:0 4px; display:flex; flex-direction:column; gap:4px; flex:1; }
.vq-pcard-cat{ font-size:12px; letter-spacing:.14em; color:#8A6A1F; font-weight:600; text-transform:uppercase; }
.vq-pcard-title{ margin:0; font-family:'Playfair Display',serif; font-weight:500; font-size:20px; color:#1F3B2D; line-height:1.25; }
.vq-pcard-title a{ color:inherit; text-decoration:none; }
.vq-pcard-foot{ padding:0 4px; display:flex; gap:10px; align-items:center; }
.vq-pcard-price{ font-size:18px; font-weight:500; color:#22261F; flex:1; }
.vq-pcard-price .amount,.vq-pcard-price bdi{ color:#22261F; }
.vq-pcard-price del{ color:#9aa29a; font-size:.85em; margin-right:4px; }
.vq-pcard-price ins{ text-decoration:none; }
.vq-add{ height:46px; padding:0 20px; border-radius:999px; border:0; background:#1F3B2D; color:#FCF6EE !important;
  font-size:14px; font-weight:500; display:inline-flex; gap:8px; align-items:center; text-decoration:none; transition:background .2s ease; }
.vq-add:hover{ background:#163024; }
.vq-add.loading{ opacity:.7; }
.vq-add.added{ background:#2E5240; }

/* Dosha */
.vq-dosha-head{ display:flex; flex-wrap:wrap; gap:40px; align-items:flex-end; justify-content:space-between; margin-bottom:44px; }
.vq-dosha-head > div{ flex:1 1 480px; min-width:0; }
.vq-dosha-lead{ flex:1 1 360px; min-width:0; margin:0; color:#4E5348; font-size:17px; }
.vq-dosha-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:22px; }
.vq-dosha-card{ background:#ECE6D8; border-radius:30px; padding:34px; display:flex; flex-direction:column; gap:16px; min-height:330px; }
.vq-dosha-card.dark{ background:#1F3B2D; color:#EFE6D6; }
.vq-dosha-card p{ margin:0; color:#4E5348; font-size:15px; }
.vq-dosha-card.dark p{ color:#EFE6D6; }
.vq-dosha-top{ display:flex; justify-content:space-between; align-items:center; }
.vq-dosha-ic{ width:56px; height:56px; border-radius:50%; background:#FCF6EE; display:grid; place-items:center; color:#1F3B2D; }
.vq-dosha-ic.gold{ background:#2E5240; color:#F6D67E; }
.vq-dosha-el{ font-size:12px; letter-spacing:.16em; color:#4E5348; }
.vq-dosha-el.light{ color:#C3CEC0; }
.vq-dosha-name{ font-family:'Playfair Display',serif; font-style:italic; font-size:40px; color:#1F3B2D; line-height:1; }
.vq-dosha-name.gold{ color:#F6D67E; }
.vq-dosha-link{ margin-top:auto; align-self:flex-start; font-size:14px; font-weight:500; color:#1F3B2D; text-decoration:none; border-bottom:1px solid #1F3B2D; padding-bottom:2px; }
.vq-dosha-link.light{ color:#FCF6EE; border-color:#FCF6EE; }
.vq-dosha-quiz{ margin-top:24px; background:#F6D67E; border-radius:26px; padding:26px 34px; display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; }
.vq-dosha-quiz-l{ display:flex; gap:16px; align-items:center; }
.vq-dosha-quiz-l .big{ font-family:'Playfair Display',serif; font-style:italic; font-size:44px; color:#1F3B2D; line-height:1; }
.vq-dosha-quiz-l span:last-child{ font-size:16px; color:#2C2A1F; max-width:360px; }

/* Elixir banner */
.vq-elixir-wrap{ padding:0 16px 96px; }
.vq-elixir{ background:#1F3B2D; border-radius:40px; overflow:hidden; max-width:1320px; margin:0 auto; display:flex; flex-wrap:wrap; }
.vq-elixir-text{ flex:1 1 460px; min-width:0; padding:72px 56px; display:flex; flex-direction:column; gap:22px; color:#EFE6D6; }
.vq-elixir-h2{ margin:0; font-size:clamp(40px,4.4vw,64px); line-height:1.02; color:#FCF6EE; }
.vq-elixir-text p{ margin:0; font-size:17px; max-width:440px; color:#D8DFD4; font-weight:300; }
.vq-elixir-tags{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:480px; }
.vq-elixir-tags span{ border:1px solid #4E6E5C; padding:10px 16px; border-radius:14px; font-size:14px; }
.vq-elixir-cta{ display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:8px; }
.vq-elixir-from{ font-size:15px; color:#D8DFD4; } .vq-elixir-from strong{ color:#FCF6EE; font-weight:500; }
.vq-elixir-media{ flex:1 1 440px; min-width:0; min-height:460px; background:#2E5240; display:flex; align-items:center; justify-content:center; padding:48px 32px; position:relative; }
.vq-elixir-ring{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(380px,80%); aspect-ratio:1/1; border-radius:50%; border:1px solid #5E7D6B; }
.vq-elixir-boxes{ position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; width:min(340px,90%); }
.vq-elixir-boxes .b{ aspect-ratio:1/1; border-radius:5px; padding:9%; display:grid; }
.vq-elixir-boxes .b span{ border:1.5px solid; display:grid; place-items:center; font-family:'Playfair Display',serif; font-style:italic; font-size:14px; color:#1F3B2D; text-align:center; line-height:1.15; }
.vq-elixir-boxes .gold{ background:#E8C877; } .vq-elixir-boxes .gold span{ border-color:#8A6A1F; }
.vq-elixir-boxes .blush{ background:#F1DCCF; } .vq-elixir-boxes .blush span{ border-color:#A0694F; }
.vq-elixir-boxes .cream{ background:#FCF6EE; } .vq-elixir-boxes .cream span{ border-color:#B8923A; }
.vq-elixir-boxes .sage{ background:#D9E2D6; } .vq-elixir-boxes .sage span{ border-color:#5E7D6B; }

/* Ritual */
.vq-ritual{ background:#ECE6D8; padding:96px 24px; }
.vq-ritual-inner{ max-width:1272px; margin:0 auto; }
.vq-ritual-head{ text-align:center; max-width:660px; margin:0 auto 56px; }
.vq-ritual-head h2{ margin:0 0 14px; font-size:clamp(34px,3.8vw,54px); color:#1F3B2D; line-height:1.05; }
.vq-ritual-head p{ margin:0; color:#4E5348; font-size:17px; }
.vq-ritual-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:24px; }
.vq-ritual-card{ background:#FCF6EE; border-radius:28px; padding:28px; display:flex; flex-direction:column; gap:14px; }
.vq-ritual-top{ display:flex; justify-content:space-between; align-items:center; }
.vq-ritual-top .num{ font-family:'Playfair Display',serif; font-style:italic; font-size:52px; color:#B8923A; line-height:1; }
.vq-ritual-top .step{ font-size:12px; letter-spacing:.18em; color:#4E5348; }
.vq-ritual-name{ font-family:'Playfair Display',serif; font-size:21px; color:#1F3B2D; margin-top:8px; }
.vq-ritual-note{ font-size:14px; color:#4E5348; }
.vq-ritual-bundle{ margin-top:28px; background:#1F3B2D; color:#EFE6D6; border-radius:26px; padding:24px 32px; display:flex; flex-wrap:wrap; gap:18px; align-items:center; justify-content:space-between; }
.vq-ritual-bundle .l{ display:flex; gap:18px; align-items:center; }
.vq-ritual-bundle .ic{ width:52px; height:52px; border-radius:50%; background:#F6D67E; color:#1F3B2D; display:grid; place-items:center; flex:none; }
.vq-ritual-bundle .t{ font-family:'Playfair Display',serif; font-size:22px; color:#FCF6EE; }
.vq-ritual-bundle .s{ font-size:14px; color:#C3CEC0; } .vq-ritual-bundle .s b{ color:#F6D67E; }

/* Salon */
.vq-salon{ display:flex; flex-wrap:wrap; gap:56px; align-items:center; }
.vq-salon-media{ flex:1 1 460px; min-width:0; position:relative; }
.vq-salon-photo{ min-height:520px; border-radius:260px 260px 30px 30px; background:#E9DCC3; display:grid; place-items:center; color:#6B5A35; font-size:13px; letter-spacing:.08em; text-align:center; padding:24px; }
.vq-salon-photo span{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.vq-salon-badge{ position:absolute; right:-8px; bottom:36px; background:#F6D67E; border-radius:22px; padding:18px 22px; max-width:220px; box-shadow:0 14px 30px rgba(31,59,45,.18); }
.vq-salon-badge .t{ font-family:'Playfair Display',serif; font-style:italic; font-size:20px; color:#1F3B2D; line-height:1.2; }
.vq-salon-badge .s{ font-size:13px; color:#2C2A1F; margin-top:4px; }
.vq-salon-text{ flex:1 1 460px; min-width:0; display:flex; flex-direction:column; gap:20px; }
.vq-salon-text h2{ margin:0; font-size:clamp(34px,3.8vw,54px); line-height:1.05; color:#1F3B2D; }
.vq-salon-text > p{ margin:0; font-size:17px; color:#4E5348; }
.vq-salon-list{ display:flex; flex-direction:column; border-top:1px solid #E0D5C1; margin-top:4px; }
.vq-salon-list a{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid #E0D5C1; text-decoration:none; color:#1F3B2D; }
.vq-salon-list a b{ font-family:'Playfair Display',serif; font-weight:400; font-size:20px; color:#1F3B2D; }
.vq-salon-list a span span,.vq-salon-list a > span{ font-size:14px; color:#5B5F55; }
.vq-salon-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:8px; align-items:center; }
.vq-tel{ padding:16px 12px; font-weight:500; font-size:15px; color:#1F3B2D; text-decoration:none; }

/* Testimonial */
.vq-testi-wrap{ padding:0 16px 96px; }
.vq-testi{ max-width:1320px; margin:0 auto; display:flex; flex-wrap:wrap; gap:22px; align-items:stretch; }
.vq-testi-l{ flex:1 1 340px; min-width:0; background:#F6D67E; border-radius:32px; padding:44px; display:flex; flex-direction:column; gap:16px; }
.vq-kicker.dk{ color:#4A3A12; }
.vq-testi-h2{ margin:0; font-size:36px; color:#1F3B2D; line-height:1.1; }
.vq-testi-l p{ margin:0; color:#2C2A1F; font-size:16px; }
.vq-testi-r{ flex:2 1 540px; min-width:0; background:#fff; border-radius:32px; padding:52px 56px; display:flex; flex-direction:column; justify-content:center; gap:22px; }
.vq-testi-r .q{ margin:0; font-family:'Playfair Display',serif; font-style:italic; font-size:clamp(21px,2.1vw,28px); line-height:1.45; color:#1F3B2D; }
.vq-testi-by{ display:flex; gap:14px; align-items:center; }
.vq-testi-by .av{ width:48px; height:48px; border-radius:50%; background:#ECE6D8; display:grid; place-items:center; font-family:'Playfair Display',serif; font-size:20px; color:#1F3B2D; }
.vq-testi-by .n{ font-weight:500; color:#1F3B2D; }
.vq-testi-by .r{ font-size:13px; color:#5B5F55; }

/* Journal */
.vq-journal-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:28px; }
.vq-jcard{ display:flex; flex-direction:column; gap:18px; text-decoration:none; }
.vq-jimg{ aspect-ratio:4/3; border-radius:26px; display:block; }
.vq-jcat{ font-size:12px; letter-spacing:.14em; color:#8A6A1F; font-weight:600; }
.vq-jtitle{ font-family:'Playfair Display',serif; font-size:23px; color:#1F3B2D; line-height:1.25; margin-top:6px; }

/* Responsive */
@media (max-width:900px){
  .vq-hero{ padding:48px 24px 32px; }
  .vq-products{ margin:0 10px; padding:64px 18px 60px; }
  .vq-elixir-text{ padding:48px 32px; }
  .vq-section{ padding:64px 20px 56px; }
  .vq-ritual{ padding:64px 20px; }
}

/* Fix button/link text colours overridden by Elementor global link colour */
.vq-home .vq-btn-gold, .vq-home .vq-btn-gold:hover{ color:#1F3B2D !important; }
.vq-home .vq-btn-ghost{ color:#FCF6EE !important; }
.vq-home .vq-btn-ghost:hover{ color:#FCF6EE !important; background:rgba(255,255,255,.08); }
.vq-home .vq-btn-outline{ color:#1F3B2D !important; }
.vq-home .vq-btn-outline:hover{ color:#FCF6EE !important; }
.vq-home .vq-btn-green, .vq-home .vq-btn-green:hover{ color:#FCF6EE !important; }
.vq-home a.vq-link{ color:#1F3B2D !important; }
.vq-home a.vq-link:hover{ color:#8A6A1F !important; }
.vq-home .vq-dosha-link{ color:#1F3B2D !important; }
.vq-home .vq-dosha-link.light{ color:#FCF6EE !important; }
.vq-home .vq-elixir-from strong{ color:#FCF6EE !important; }
.vq-home .vq-tel{ color:#1F3B2D !important; }
.vq-home .vq-salon-list a{ color:#1F3B2D !important; }
.vq-home .vq-jcard, .vq-home .vq-cat, .vq-home .vq-pcard-title a{ color:#1F3B2D !important; }

/* Hero — soft vertical-stripe MESH GRADIENT in brand colours
   (green base left, cream glow top, gold glow right) */
.vq-home .vq-hero{
  background-color:#1F3B2D;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.055) 0 1.5px, rgba(16,40,30,0.06) 1.5px 15px),
    radial-gradient(80% 95% at 100% 58%, rgba(246,214,126,0.88) 0%, rgba(246,214,126,0) 55%),
    radial-gradient(56% 64% at 84% 2%,  rgba(252,246,238,0.75) 0%, rgba(252,246,238,0) 60%),
    radial-gradient(64% 74% at 56% 104%, rgba(140,168,120,0.38) 0%, rgba(140,168,120,0) 60%),
    linear-gradient(105deg, #133826 0%, #1F3B2D 46%, #2E5440 76%, #5C7C4B 100%);
  background-repeat:no-repeat;
}
/* keep the trust strip blended with the gradient's lower edge */
.vq-home .vq-hero-wrap .vq-trust{
  background-color:#17352780;
  background-image:linear-gradient(180deg, rgba(31,59,45,0) 0%, #1A3629 60%);
}

/* ---- Hero: earlier STRIPED mesh gradient (restored) + floating product ---- */
.vq-home .vq-hero{
  background-color:#1F3B2D;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.055) 0 1.5px, rgba(16,40,30,0.06) 1.5px 15px),
    radial-gradient(80% 95% at 100% 58%, rgba(246,214,126,0.88) 0%, rgba(246,214,126,0) 55%),
    radial-gradient(56% 64% at 84% 2%,  rgba(252,246,238,0.75) 0%, rgba(252,246,238,0) 60%),
    radial-gradient(64% 74% at 56% 104%, rgba(140,168,120,0.38) 0%, rgba(140,168,120,0) 60%),
    linear-gradient(105deg, #133826 0%, #1F3B2D 46%, #2E5440 76%, #5C7C4B 100%);
  background-repeat:no-repeat;
}
.vq-home .vq-hero-wrap .vq-trust{ background:#1A3629 !important; background-image:none !important; }

/* Soft circular glow instead of the solid cream block */
.vq-home .vq-hero-arc{
  background:radial-gradient(circle at 50% 48%, rgba(246,230,180,0.55) 0%, rgba(246,230,180,0.18) 40%, rgba(246,230,180,0) 70%) !important;
  width:min(540px,100%) !important; height:96% !important; top:2% !important; bottom:auto !important;
  border-radius:50% !important;
}
.vq-home .vq-hero-ring{ border-color:rgba(246,214,126,0.30) !important; }

/* Floating product image */
.vq-home .vq-hero-img img{
  max-width:74% !important; opacity:1 !important;
  filter:drop-shadow(0 28px 36px rgba(10,28,20,0.45)) !important;
  animation:vqFloat 6.5s ease-in-out infinite;
  will-change:transform;
}
@keyframes vqFloat{
  0%   { transform:translateY(0) rotate(0deg); }
  50%  { transform:translateY(-18px) rotate(-1.2deg); }
  100% { transform:translateY(0) rotate(0deg); }
}
@media (prefers-reduced-motion:reduce){ .vq-home .vq-hero-img img{ animation:none; } }

/* ---- Hero card: gradient spans hero + trust · no round backdrop · padding after buttons ---- */
.vq-home .vq-hero-card{
  max-width:1288px; margin:0 auto; border-radius:36px; overflow:hidden;
  background-color:#1F3B2D;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.055) 0 1.5px, rgba(16,40,30,0.06) 1.5px 15px),
    radial-gradient(68% 78% at 100% 42%, rgba(246,214,126,0.90) 0%, rgba(246,214,126,0) 55%),
    radial-gradient(50% 52% at 86% 2%,   rgba(252,246,238,0.72) 0%, rgba(252,246,238,0) 60%),
    radial-gradient(62% 68% at 56% 110%, rgba(140,168,120,0.30) 0%, rgba(140,168,120,0) 60%),
    linear-gradient(105deg, #133826 0%, #1F3B2D 46%, #2E5440 76%, #5C7C4B 100%);
  background-repeat:no-repeat;
}
.vq-home .vq-hero{
  background:transparent !important; background-image:none !important;
  border-radius:0 !important; max-width:none !important; margin:0 !important;
  padding:72px 40px 60px !important;        /* extra space after the buttons */
}
.vq-home .vq-hero-wrap .vq-trust{
  background:transparent !important; background-image:none !important;
  border-radius:0 !important; margin-top:0 !important; max-width:none !important;
  border-top:1px solid rgba(255,255,255,0.10) !important;
}
/* remove the round glow + ring behind the product image */
.vq-home .vq-hero-arc, .vq-home .vq-hero-ring{ display:none !important; }

/* 40px gap between the header and the hero card */
.vq-home .vq-hero-wrap{ padding-top:40px !important; }

/* ---- Hero tweaks: softer eyebrow border · bigger image · mobile spacing ---- */
.vq-home .vq-eyebrow-pill{ border-color:rgba(255,255,255,0.16) !important; }   /* softer border, all devices */
.vq-home .vq-hero-img img{ max-width:92% !important; }                          /* bigger image (desktop) */

@media (max-width:768px){
  /* eyebrow on a single line */
  .vq-home .vq-eyebrow-pill{ font-size:10px !important; letter-spacing:0.08em !important; white-space:nowrap !important; padding:6px 14px !important; }
  /* top & bottom gap = 20px on mobile */
  .vq-home .vq-hero-wrap{ padding:20px 14px !important; }
  /* bigger hero image on mobile */
  .vq-home .vq-hero-img img{ max-width:90% !important; }
  .vq-home .vq-hero-media{ min-height:340px !important; }
}

/* Remove the empty gap above/below the hero image on mobile */
@media (max-width:768px){
  .vq-home .vq-hero{ gap:16px !important; padding:34px 22px 22px !important; }
  .vq-home .vq-hero-media{ min-height:0 !important; }
  .vq-home .vq-hero-img{ height:auto !important; }
}

/* Trust row: 2 columns on mobile */
@media (max-width:768px){
  .vq-home .vq-hero-wrap .vq-trust{ grid-template-columns:repeat(2,1fr) !important; gap:18px 14px !important; padding:22px 22px !important; }
  .vq-home .vq-trust-i{ font-size:13px; }
}

/* Trust items: icon beside the heading, heading line-height 1.2 */
.vq-home .vq-trust-i{ align-items:flex-start !important; }
.vq-home .vq-trust-i svg{ flex:none; margin-top:1px; }
.vq-home .vq-trust-i > span{ line-height:1.2 !important; display:block; }

/* Hide the hero product image on mobile only */
@media (max-width:768px){
  .vq-home .vq-hero-media{ display:none !important; }
}

/* ---- Ingredient band: track + groups (static desktop, marquee mobile) ---- */
.vq-home .vq-ingredients{ display:block !important; overflow:hidden; }
.vq-home .vq-ing-track{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 28px; }
.vq-home .vq-ing-group{ display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px 28px;
  font-family:'Playfair Display',serif; font-style:italic; font-size:clamp(20px,2.2vw,30px); color:#1F3B2D; }
.vq-home .vq-ing-group i{ width:7px; height:7px; border-radius:50%; background:#B8923A; display:inline-block; }
.vq-home .vq-ing-group[aria-hidden]{ display:none; }

/* marquee when slide is on */
.vq-ing-slide-d .vq-ing-track{ flex-wrap:nowrap !important; justify-content:flex-start !important; width:max-content; gap:0 !important; animation:vqMarquee 18s linear infinite; }
.vq-ing-slide-d .vq-ing-group{ flex-wrap:nowrap !important; flex:none; white-space:nowrap; padding-right:28px; }
.vq-ing-slide-d .vq-ing-group[aria-hidden]{ display:inline-flex !important; }
@media (max-width:768px){
  .vq-ing-slide-m .vq-ingredients{ padding-left:0 !important; padding-right:0 !important; }
  .vq-ing-slide-m .vq-ing-track{ flex-wrap:nowrap !important; justify-content:flex-start !important; width:max-content; gap:0 !important; animation:vqMarquee 18s linear infinite; }
  .vq-ing-slide-m .vq-ing-group{ flex-wrap:nowrap !important; flex:none; white-space:nowrap; padding-right:28px; }
  .vq-ing-slide-m .vq-ing-group[aria-hidden]{ display:inline-flex !important; }
}
@keyframes vqMarquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .vq-ing-track{ animation:none !important; } }

/* ---- Categories: premium 3D icon + 2-column mobile ---- */
.vq-home .vq-cat-media{ position:relative; }
.vq-home .vq-cat-3d{
  width:62%; height:auto; max-height:72%; object-fit:contain; margin-bottom:4%;
  filter:drop-shadow(0 16px 20px rgba(31,59,45,0.24));
  transition:transform .3s ease;
}
.vq-home .vq-cat:hover .vq-cat-3d{ transform:translateY(-8px) scale(1.04); }
@media (max-width:768px){
  .vq-home .vq-catgrid{ grid-template-columns:repeat(2,1fr) !important; gap:18px 14px !important; }
  .vq-home .vq-cat-name{ font-size:17px; }
  .vq-home .vq-cats.vq-section{ padding:48px 18px 44px; }
}

/* ---- Products: image covers the full media area (no tint/halo/padding) ---- */
.vq-home .vq-pcard-halo{ display:none !important; }
.vq-home .vq-pcard-media{ padding:0 !important; }
.vq-home .vq-pcard-img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; display:block !important; }
.vq-home .vq-pcard-img img{ width:100% !important; height:100% !important; object-fit:cover !important; mix-blend-mode:normal !important; filter:none !important; border-radius:0 !important; }
/* grid columns from the widget (--vq-cols) */
.vq-home .vq-pgrid{ grid-template-columns:repeat(var(--vq-cols,4),1fr) !important; }
@media (max-width:1024px){ .vq-home .vq-pgrid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:520px){ .vq-home .vq-pgrid{ grid-template-columns:1fr !important; } }

/* Product card: soft shadow + hover lift */
.vq-home .vq-pcard-media{
  box-shadow:0 10px 30px rgba(31,59,45,0.14);
  transition:transform .25s ease, box-shadow .25s ease;
}
.vq-home .vq-pcard:hover .vq-pcard-media{
  transform:translateY(-6px);
  box-shadow:0 20px 46px rgba(31,59,45,0.20);
}

/* Home products: 2 columns on phones (not 1) */
@media (max-width:520px){
  .vq-home .vq-pgrid{ grid-template-columns:repeat(2,1fr) !important; gap:20px 12px !important; }
  .vq-home .vq-pcard-title{ font-size:15px; line-height:1.2; }
  .vq-home .vq-pcard-cat{ font-size:11px; }
  .vq-home .vq-pcard-foot{ flex-wrap:wrap; gap:8px; }
  .vq-home .vq-pcard-price{ flex:1 1 100%; font-size:16px; }
  .vq-home .vq-add{ width:100%; justify-content:center; padding:10px 14px; font-size:13px; }
}

/* Élixir banner heading: force white (base text was green-on-green) */
.vq-home .vq-elixir-h2{ color:#FCF6EE !important; }
.vq-home .vq-elixir-h2 .gold{ color:#F6D67E !important; }

/* Élixir media: hero-style mesh gradient + single floating photo */
.vq-home .vq-elixir-media{
  background-color:#1F3B2D;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.055) 0 1.5px, rgba(16,40,30,0.06) 1.5px 15px),
    radial-gradient(80% 95% at 100% 58%, rgba(246,214,126,0.85) 0%, rgba(246,214,126,0) 55%),
    radial-gradient(56% 64% at 84% 2%, rgba(252,246,238,0.60) 0%, rgba(252,246,238,0) 60%),
    radial-gradient(64% 74% at 56% 104%, rgba(140,168,120,0.35) 0%, rgba(140,168,120,0) 60%),
    linear-gradient(105deg, #133826 0%, #1F3B2D 46%, #2E5440 76%, #5C7C4B 100%) !important;
  background-repeat:no-repeat;
}
.vq-home .vq-elixir-photo{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; z-index:1; }
.vq-home .vq-elixir-photo img{ max-width:76%; height:auto; filter:drop-shadow(0 26px 34px rgba(10,28,20,0.45)); animation:vqFloat 6.5s ease-in-out infinite; }

/* Élixir: gradient on the WHOLE banner (both sides), media transparent */
.vq-home .vq-elixir{
  background-color:#1F3B2D;
  background-image:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1.5px, rgba(16,40,30,0.055) 1.5px 15px),
    radial-gradient(55% 90% at 100% 55%, rgba(246,214,126,0.80) 0%, rgba(246,214,126,0) 52%),
    radial-gradient(42% 60% at 90% 2%, rgba(252,246,238,0.42) 0%, rgba(252,246,238,0) 60%),
    radial-gradient(60% 70% at 70% 108%, rgba(140,168,120,0.30) 0%, rgba(140,168,120,0) 60%),
    linear-gradient(105deg, #133826 0%, #1F3B2D 55%, #2E5440 82%, #5C7C4B 100%) !important;
  background-repeat:no-repeat;
}
.vq-home .vq-elixir-media{ background:transparent !important; background-image:none !important; }