:root{
  --red:#e21d2f;--deep-red:#b80f21;--cream:#fff4df;--ink:#1f1715;--green:#125c38;
  --yellow:#ffc735;--white:#fff;--muted:#6f625d;--radius:30px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fffaf0;overflow-x:hidden}
a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:74px;padding:0 20px 0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,250,240,.86);backdrop-filter:blur(18px);border:1px solid rgba(70,30,20,.08);border-radius:22px;z-index:40;box-shadow:0 12px 40px rgba(72,27,14,.08)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:15px 15px 15px 5px;background:var(--red);color:#fff;display:grid;place-items:center;font-family:"Outfit";font-weight:900;font-size:24px;transform:rotate(-4deg)}.brand-copy{display:flex;flex-direction:column}.brand strong,.footer-brand strong{font-family:"Outfit";font-size:18px}.brand small,.footer-brand small{display:block;font-size:10px;color:var(--green);font-weight:700}
.nav{display:flex;align-items:center;gap:26px;font-weight:700;font-size:14px}.nav a{transition:.25s}.nav a:hover{color:var(--red)}.nav-cta{padding:13px 18px;background:var(--ink);color:#fff!important;border-radius:14px}.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{min-height:820px;padding:160px max(7vw,32px) 80px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;position:relative;background:radial-gradient(circle at 70% 35%,#ff694f 0 17%,transparent 42%),linear-gradient(135deg,#fff4df 0 55%,#f63a3e 55% 100%);overflow:hidden}.hero-copy{max-width:700px;position:relative;z-index:3}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--green);margin:0 0 18px}.eyebrow.red{color:var(--red)}h1,h2,h3{font-family:"Outfit",sans-serif;margin:0;line-height:.95}h1{font-size:clamp(58px,7.4vw,112px);letter-spacing:-.055em}h1 span{color:var(--red);display:block}.hero-text{font-size:19px;line-height:1.65;color:var(--muted);max-width:600px;margin:28px 0}.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border-radius:16px;font-weight:800;transition:.3s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 26px rgba(226,29,47,.25)}.btn-ghost{border:1px solid rgba(31,23,21,.18);background:rgba(255,255,255,.5)}.hero-stats{display:flex;gap:42px;margin-top:46px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:"Outfit";font-size:24px}.hero-stats span{font-size:12px;color:var(--muted)}
.hero-visual{height:610px;position:relative;display:grid;place-items:center}.sunburst{position:absolute;width:560px;height:560px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.3) 0 8deg,transparent 8deg 18deg);animation:spin 40s linear infinite}.product{position:absolute;background:linear-gradient(145deg,#f2343d,#a90314);box-shadow:0 35px 60px rgba(83,0,8,.34);border-radius:42px 42px 30px 30px;border:5px solid rgba(255,255,255,.3)}.product-main{width:230px;height:420px;z-index:4;animation:float 4s ease-in-out infinite}.product-side{width:155px;height:310px;top:190px;z-index:2}.product-side.left{left:4%;transform:rotate(-15deg);animation:floatLeft 5s ease-in-out infinite}.product-side.right{right:3%;background:linear-gradient(145deg,#fff4d4,#e2cfa6);transform:rotate(14deg);animation:floatRight 5.5s ease-in-out infinite}.product-cap{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:75px;height:42px;background:#f9d028;border-radius:16px 16px 8px 8px;box-shadow:inset 0 -8px 0 rgba(0,0,0,.12)}.product-label{position:absolute;inset:80px 20px 45px;background:var(--cream);border-radius:50% 50% 44% 44%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--red);box-shadow:inset 0 0 0 5px rgba(226,29,47,.08)}.product-label small{font-weight:900}.product-label strong{font-family:"Outfit";font-size:34px;line-height:.9}.product-label em{font-size:10px;color:var(--green);margin-top:12px}.product-side .product-label{inset:62px 13px 28px}.product-side .product-label strong{font-size:24px}.product-label.dark{background:#31201c;color:#fff}.product-label.light{background:#fff;color:#d12431}.food-chip{position:absolute;width:76px;height:76px;border-radius:50%;background:#fff8e9;display:grid;place-items:center;font-size:36px;box-shadow:0 15px 35px rgba(72,18,12,.2);z-index:6}.chip-one{top:70px;right:5%;animation:float 3.7s ease-in-out infinite}.chip-two{bottom:40px;left:7%;animation:float 4.6s ease-in-out infinite}.chip-three{top:140px;left:5%;animation:float 4.1s ease-in-out infinite}.splash{position:absolute;background:#bd0018;border-radius:50%;filter:blur(.5px)}.splash-a{width:290px;height:95px;bottom:95px;transform:rotate(-8deg)}.splash-b{width:90px;height:90px;top:120px;right:24%;border-radius:45% 55% 60% 40%}
.ticker{background:var(--ink);color:#fff;overflow:hidden;padding:18px 0}.ticker-track{display:flex;gap:28px;align-items:center;width:max-content;animation:marquee 24s linear infinite;font-family:"Outfit";font-weight:800;text-transform:uppercase;letter-spacing:.06em}.ticker-track i{color:var(--yellow)}
.section{padding:110px max(6vw,30px)}.section-head{max-width:1180px;margin:0 auto 48px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2,.story h2,.quality h2,.contact h2{font-size:clamp(46px,6vw,82px);letter-spacing:-.045em}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7}.product-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-height:440px;padding:24px;border-radius:var(--radius);position:relative;overflow:hidden;transition:.35s}.product-card:hover{transform:translateY(-10px) rotate(-1deg)}.product-card p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-top:18px}.product-card h3{font-size:34px;line-height:1}.product-card a{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-weight:800}.card-art{height:235px;border-radius:22px;display:grid;place-items:center;font-size:92px;background:rgba(255,255,255,.4);transform:rotate(-2deg);transition:.35s}.product-card:hover .card-art{transform:rotate(2deg) scale(1.04)}.red-card{background:#ef3340;color:#fff}.green-card{background:#267a4b;color:#fff}.cream-card{background:#f0dfba}.yellow-card{background:#ffc83d}
.story{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-visual{min-height:520px;position:relative;display:grid;place-items:center}.story-ring{position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.03)}.story-plate{width:330px;height:330px;background:#fff4df;border-radius:50%;display:grid;place-items:center;font-size:150px;box-shadow:0 35px 55px rgba(0,0,0,.2);animation:float 5s ease-in-out infinite}.floating-note{position:absolute;background:#fff;color:var(--ink);padding:14px 18px;border-radius:14px;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.2)}.note-one{left:3%;top:20%;transform:rotate(-8deg)}.note-two{right:1%;bottom:20%;transform:rotate(7deg)}.story-copy p:not(.eyebrow){font-size:18px;line-height:1.8;color:rgba(255,255,255,.78);max-width:620px}.story .eyebrow{color:var(--yellow)}.text-link{display:inline-flex;gap:12px;margin-top:18px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:6px}
.recipes{background:#fff4df}.recipe-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe-card{background:#fff;padding:16px 16px 26px;border-radius:26px;transition:.35s}.recipe-card:hover{transform:translateY(-8px)}.recipe-img{height:290px;border-radius:20px;display:grid;place-items:center;font-size:120px}.burger{background:#f5a03a}.fries{background:#e43a42}.sandwich{background:#85a85a}.recipe-card span{display:inline-block;margin:20px 0 10px;color:var(--red);font-weight:800;font-size:12px;text-transform:uppercase}.recipe-card h3{font-size:27px;line-height:1.1}
.quality{background:#1f1715;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.quality-copy{position:sticky;top:140px;align-self:start}.quality-copy .eyebrow{color:var(--yellow)}.quality-copy p:not(.eyebrow){color:#c7bbb5;line-height:1.8;font-size:17px}.quality-list{display:flex;flex-direction:column}.quality-item{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.14)}.quality-item b{font-family:"Outfit";font-size:42px;color:var(--yellow)}.quality-item h3{font-size:31px}.quality-item p{color:#b9ada8;line-height:1.65}
.contact{background:#fff4df}.contact-card{max-width:1180px;margin:auto;padding:70px;border-radius:36px;background:linear-gradient(135deg,#e21d2f,#a90718);color:#fff;position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:90px solid rgba(255,255,255,.08);right:-150px;top:-150px}.contact-card .eyebrow{color:var(--yellow)}.contact-card p:not(.eyebrow){max-width:620px;font-size:18px;line-height:1.7;color:rgba(255,255,255,.82)}.btn-light{background:#fff;color:var(--red)}.btn-outline-light{border:1px solid rgba(255,255,255,.45);color:#fff}
footer{padding:34px max(6vw,30px);background:#fff4df;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid rgba(0,0,0,.08)}footer p{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:20px;font-weight:700;font-size:14px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatLeft{0%,100%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-15px)}}@keyframes floatRight{0%,100%{transform:rotate(14deg) translateY(0)}50%{transform:rotate(11deg) translateY(-18px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:980px){.nav{position:absolute;top:86px;left:0;right:0;display:none;flex-direction:column;padding:25px;background:#fffaf0;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.1)}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{height:540px}.product-grid{grid-template-columns:repeat(2,1fr)}.story,.quality{grid-template-columns:1fr}.quality-copy{position:static}.recipe-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:640px){.hero{padding-left:20px;padding-right:20px;background:linear-gradient(160deg,#fff4df 0 58%,#f63a3e 58%)}h1{font-size:55px}.hero-visual{height:460px}.product-main{width:175px;height:330px}.product-side{width:120px;height:240px;top:160px}.product-label strong{font-size:26px}.hero-stats{gap:18px;justify-content:space-between}.product-grid,.recipe-grid{grid-template-columns:1fr}.section{padding:80px 20px}.section-head h2,.story h2,.quality h2,.contact h2{font-size:46px}.story{gap:30px}.story-plate{width:250px;height:250px;font-size:105px}.story-ring{width:320px;height:320px}.contact-card{padding:42px 24px}.quality-item{grid-template-columns:60px 1fr}footer{flex-direction:column;text-align:center}}

.brand-logo{
  display:block;
  width:175px;
  height:auto;
  object-fit:contain;
}
.footer-logo{
  display:block;
  width:220px;
  height:auto;
  object-fit:contain;
}
@media(max-width:640px){
  .brand-logo{width:145px}
  .footer-logo{width:185px}
}

.site-header{overflow:hidden}
.site-header .brand{width:180px;height:62px;flex:0 0 180px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.site-header .brand-logo{display:block!important;width:168px!important;max-width:168px!important;height:58px!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}
.footer-brand{width:220px;overflow:hidden}
.footer-logo{display:block!important;width:210px!important;max-width:210px!important;height:auto!important;object-fit:contain!important}
@media(max-width:640px){.site-header .brand{width:145px;height:56px;flex-basis:145px}.site-header .brand-logo{width:138px!important;max-width:138px!important;height:50px!important;max-height:50px!important}}


/* V5 navigation and header fixes */
.site-header{
  overflow:visible !important;
  isolation:isolate;
}
.site-header .brand{
  overflow:hidden;
  position:relative;
  z-index:3;
}
.menu-toggle{
  position:relative;
  z-index:60;
  width:48px;
  height:48px;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  pointer-events:auto !important;
  border:0;
  border-radius:14px;
  background:transparent;
  color:var(--ink);
  font-size:25px;
  line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.menu-toggle:hover{
  background:rgba(31,23,21,.07);
}
.menu-toggle:focus-visible{
  outline:3px solid rgba(226,29,47,.28);
  outline-offset:2px;
}
.nav{
  position:relative;
  z-index:55;
}
.hero,
.hero-copy,
.hero-visual{
  position:relative;
}
.hero{
  z-index:1;
}

/* Keep full desktop navigation on tablets and laptops */
@media (min-width:821px){
  .menu-toggle{display:none !important}
  .nav{
    display:flex !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
}

/* Proper working mobile dropdown */
@media (max-width:820px){
  .site-header{
    height:74px;
  }
  .menu-toggle{
    display:flex !important;
  }
  .nav{
    display:flex !important;
    position:absolute !important;
    top:84px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:14px !important;
    border:1px solid rgba(31,23,21,.09) !important;
    border-radius:20px !important;
    background:#fffaf0 !important;
    box-shadow:0 24px 55px rgba(31,23,21,.18) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top right;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
  }
  .nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .nav a{
    width:100%;
    padding:14px 16px;
    border-radius:12px;
  }
  .nav a:hover{
    background:rgba(226,29,47,.07);
  }
  .nav-cta{
    text-align:center;
  }
}


/* V6: tablet-safe responsive header */
.site-header{
  overflow:visible !important;
}
.nav{
  flex-wrap:nowrap !important;
  white-space:nowrap;
}

/* Desktop only when enough horizontal space is available */
@media (min-width:1101px){
  .menu-toggle{
    display:none !important;
  }
  .nav{
    display:flex !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:22px !important;
  }
}

/* Mobile + tablet navigation */
@media (max-width:1100px){
  .site-header{
    height:74px;
    padding-right:14px;
  }
  .menu-toggle{
    display:flex !important;
    position:relative !important;
    z-index:80 !important;
  }
  .nav{
    display:flex !important;
    position:absolute !important;
    top:84px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:14px !important;
    border:1px solid rgba(31,23,21,.09) !important;
    border-radius:20px !important;
    background:#fffaf0 !important;
    box-shadow:0 24px 55px rgba(31,23,21,.18) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-10px) scale(.985) !important;
    transform-origin:top right !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    white-space:normal !important;
    z-index:70 !important;
  }
  .nav.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }
  .nav a{
    width:100% !important;
    padding:14px 16px !important;
    border-radius:12px !important;
  }
  .nav-cta{
    text-align:center !important;
  }
}


/* V7 hero products and background ingredients */
.hero{overflow:hidden}
.hero-visual{
  height:650px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.hero-visual .sunburst{
  width:430px;
  height:430px;
  opacity:.55;
  filter:blur(.1px);
}
.hero-product{
  position:absolute;
  display:block;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(68,15,8,.25));
  animation:floatSoft 5.6s ease-in-out infinite;
  z-index:5;
}
.hero-product-left{
  width:250px;
  left:4%;
  bottom:70px;
  transform:rotate(-10deg);
  animation-delay:.2s;
}
.hero-product-center{
  width:320px;
  left:50%;
  bottom:35px;
  transform:translateX(-50%);
  z-index:8;
  animation-duration:6.2s;
}
.hero-product-right{
  width:230px;
  right:4%;
  bottom:75px;
  transform:rotate(8deg);
  animation-delay:.5s;
}
.ingredient{
  position:absolute;
  border-radius:999px;
  z-index:2;
  animation:ingredientFloat 7s ease-in-out infinite;
  opacity:.95;
}
.ingredient:before,.ingredient:after{content:"";position:absolute;display:block}
.ingredient-tomato{
  width:94px;height:94px;right:6%;top:115px;
  background:radial-gradient(circle at 35% 35%, #ffb1a0 0 18%, #ff4c45 19% 62%, #d51626 63% 100%);
  box-shadow:inset 0 -10px 0 rgba(0,0,0,.08), 0 18px 30px rgba(0,0,0,.12);
}
.ingredient-tomato:before{
  width:42px;height:42px;left:26px;top:-8px;
  background:#3f9b31;
  clip-path:polygon(50% 0%, 61% 35%, 100% 22%, 73% 52%, 92% 88%, 50% 68%, 8% 88%, 27% 52%, 0% 22%, 39% 35%);
}
.ingredient-chili{
  width:74px;height:34px;left:12%;top:175px;
  background:linear-gradient(135deg,#ff3346,#cf001d);
  border-radius:90% 10% 80% 20%/65% 20% 80% 35%;
  transform:rotate(-28deg);
  box-shadow:0 16px 25px rgba(0,0,0,.12);
}
.ingredient-chili:before{
  width:18px;height:10px;right:-8px;top:12px;background:#74b44f;border-radius:10px;transform:rotate(28deg)
}
.ingredient-garlic{
  width:82px;height:82px;left:58%;top:120px;
  background:radial-gradient(circle at 50% 35%, #fff9ef 0 45%, #eedbc6 46% 100%);
  box-shadow:inset 0 -10px 0 rgba(0,0,0,.05), 0 16px 26px rgba(0,0,0,.10);
}
.ingredient-garlic:before{
  width:12px;height:22px;left:35px;top:-10px;background:#caa07d;border-radius:12px 12px 4px 4px;
}
@keyframes floatSoft{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes ingredientFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* remove old emoji/chip influence if cached */
.food-chip{display:none !important}

@media(max-width:1400px){
  .hero-product-left{width:220px;left:2%}
  .hero-product-center{width:290px}
  .hero-product-right{width:215px;right:2%}
}
@media(max-width:1100px){
  .hero-visual{height:560px;margin-top:10px}
  .hero-product-left{width:190px;left:4%;bottom:60px}
  .hero-product-center{width:250px;bottom:35px}
  .hero-product-right{width:180px;right:4%;bottom:60px}
  .ingredient-tomato{right:6%;top:80px;width:78px;height:78px}
  .ingredient-garlic{left:56%;top:76px;width:68px;height:68px}
  .ingredient-chili{left:14%;top:125px;width:62px;height:28px}
}
@media(max-width:820px){
  .hero-visual{height:500px}
  .hero-product-left{width:155px;left:2%;bottom:45px}
  .hero-product-center{width:220px;bottom:18px}
  .hero-product-right{width:150px;right:2%;bottom:40px}
  .ingredient-tomato{width:64px;height:64px;top:65px;right:4%}
  .ingredient-garlic{width:58px;height:58px;left:54%;top:58px}
  .ingredient-chili{width:52px;height:24px;top:110px;left:13%}
}
@media(max-width:640px){
  .hero-visual{height:420px}
  .hero-product-left{width:120px;left:-1%;bottom:32px}
  .hero-product-center{width:170px;bottom:10px}
  .hero-product-right{width:118px;right:0%;bottom:28px}
  .ingredient-tomato{width:50px;height:50px;top:70px;right:5%}
  .ingredient-garlic{width:48px;height:48px;left:54%;top:68px}
  .ingredient-chili{width:42px;height:20px;top:108px;left:10%}
}


/* V8: increase purple Garlic Mayo pouch size to match Chili Garlic pouch */
.hero-product-right{
  width:245px !important;
  right:3% !important;
  bottom:62px !important;
  transform:rotate(8deg) !important;
}

@media(max-width:1400px){
  .hero-product-right{
    width:225px !important;
    right:2% !important;
    bottom:60px !important;
  }
}
@media(max-width:1100px){
  .hero-product-right{
    width:190px !important;
    right:3% !important;
    bottom:54px !important;
  }
}
@media(max-width:820px){
  .hero-product-right{
    width:162px !important;
    right:2% !important;
    bottom:34px !important;
  }
}
@media(max-width:640px){
  .hero-product-right{
    width:130px !important;
    right:0% !important;
    bottom:24px !important;
  }
}


/* V10 welcome landing copy */
.hero-welcome{max-width:720px}
.welcome-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
  padding:10px 16px;
  border:1px solid rgba(18,92,56,.18);
  border-radius:999px;
  background:rgba(255,255,255,.48);
  color:var(--green);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.welcome-kicker:before{content:"✦";color:var(--red);font-size:14px}
.welcome-title{
  max-width:700px;
  font-size:clamp(64px,7.1vw,112px);
  line-height:.9;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.welcome-title span{
  display:block;
  color:var(--red);
  position:relative;
}
.welcome-line{
  width:124px;
  height:8px;
  margin:30px 0 26px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--red),var(--yellow));
  box-shadow:0 10px 24px rgba(226,29,47,.18);
}
.welcome-text{
  max-width:620px;
  margin:0;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.65;
  color:var(--muted);
  font-weight:500;
}
@media(max-width:820px){
  .welcome-title{font-size:clamp(54px,11vw,82px)}
  .welcome-text{font-size:19px}
}
@media(max-width:640px){
  .welcome-kicker{font-size:10px;padding:9px 13px;margin-bottom:18px}
  .welcome-title{font-size:54px}
  .welcome-line{width:96px;height:7px;margin:24px 0 20px}
  .welcome-text{font-size:18px;line-height:1.55}
}


/* V19 hero background image integration */
.hero{
  position:relative;
  overflow:hidden;
  background:#fff4df;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("/assets/hero-background-v24.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  z-index:0;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,244,223,.98) 0%, rgba(255,244,223,.94) 22%, rgba(255,244,223,.82) 34%, rgba(255,244,223,.46) 46%, rgba(255,244,223,0) 60%),
    linear-gradient(180deg, rgba(255,250,240,.10) 0%, rgba(255,250,240,0) 45%);
  z-index:1;
  pointer-events:none;
}
.hero > *{position:relative;z-index:2;}
.hero-copy{max-width:620px;}
.hero-welcome{padding-right:24px;}
.hero-visual{
  background:none !important;
  min-height:580px;
}
.hero-orb, .orb-one, .orb-two, .sunburst, .ingredient{display:none !important;}
.hero-product{filter:drop-shadow(0 28px 44px rgba(68,15,8,.26));}
.hero-product-left{width:250px;left:6%;bottom:74px;}
.hero-product-center{width:320px;bottom:38px;}
.hero-product-right{width:235px;right:6%;bottom:76px;}
@media (max-width:1100px){
  .hero::before{background-position:center center;}
  .hero::after{background:linear-gradient(180deg, rgba(255,244,223,.94) 0%, rgba(255,244,223,.78) 32%, rgba(255,244,223,.30) 54%, rgba(255,244,223,0) 74%);}
  .hero{padding-top:142px;}
  .hero-copy{max-width:100%;}
  .hero-visual{min-height:500px;}
  .hero-product-left{left:6%;bottom:60px;width:220px;}
  .hero-product-center{width:285px;bottom:30px;}
  .hero-product-right{right:6%;bottom:60px;width:205px;}
}
@media (max-width:640px){
  .hero{padding-left:20px;padding-right:20px;}
  .hero::before{background-position:68% center;background-size:cover;}
  .hero::after{background:linear-gradient(180deg, rgba(255,244,223,.97) 0%, rgba(255,244,223,.92) 24%, rgba(255,244,223,.76) 44%, rgba(255,244,223,.28) 66%, rgba(255,244,223,0) 84%);}
  .hero-visual{min-height:430px;}
  .hero-product-left{width:160px;left:2%;bottom:25px;}
  .hero-product-center{width:220px;bottom:10px;}
  .hero-product-right{width:150px;right:2%;bottom:28px;}
}

/* v22: hero pouches permanently removed from HTML */

/* V24: force latest uploaded background image and remove hero pouches permanently */
.hero{
  background:#fff4df !important;
  position:relative !important;
  overflow:hidden !important;
}
.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:url("/assets/hero-background-v24.png") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  z-index:0 !important;
}
.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,
    rgba(255,244,223,.62) 0%,
    rgba(255,244,223,.48) 24%,
    rgba(255,244,223,.18) 42%,
    rgba(255,244,223,0) 58%
  ) !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.hero > *{
  position:relative !important;
  z-index:2 !important;
}
.hero-product,
.hero-product-left,
.hero-product-center,
.hero-product-right{
  display:none !important;
}
.hero-orb,
.orb-one,
.orb-two,
.sunburst,
.ingredient{
  display:none !important;
}
@media(max-width:640px){
  .hero::before{
    background-position:center center !important;
  }
  .hero::after{
    background:linear-gradient(180deg,
      rgba(255,244,223,.75) 0%,
      rgba(255,244,223,.52) 36%,
      rgba(255,244,223,.14) 68%,
      rgba(255,244,223,0) 100%
    ) !important;
  }
}

/* V25: optimized background image for faster site + better fitting */
.hero::before{
  background-image:url("/assets/hero-background-v25.webp") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.hero::after{
  background:linear-gradient(90deg,
    rgba(255,244,223,.74) 0%,
    rgba(255,244,223,.58) 24%,
    rgba(255,244,223,.26) 42%,
    rgba(255,244,223,0) 60%
  ) !important;
}
@supports not (background-image: url("/assets/hero-background-v25.webp")){
  .hero::before{
    background-image:url("/assets/hero-background-v25.jpg") !important;
  }
}
@media(max-width:1100px){
  .hero::before{
    background-position:center center !important;
  }
}
@media(max-width:640px){
  .hero::before{
    background-position:center center !important;
  }
}


/* V26: remove fade/blur layer and use second background image perfectly */
.hero{
  background:#ffffff !important;
}
.hero::before{
  background-image:url("/assets/hero-background-v26.webp") !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:none !important;
  opacity:1 !important;
}
.hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
@supports not (background-image: url("/assets/hero-background-v26.webp")) {
  .hero::before{
    background-image:url("/assets/hero-background-v26.png") !important;
  }
}
@media(max-width:1100px){
  .hero::before{
    background-position:center center !important;
    background-size:cover !important;
  }
}
@media(max-width:640px){
  .hero::before{
    background-position:62% center !important;
    background-size:cover !important;
  }
}


/* V27: product cards text update + 5th card */
.product-grid.five-cards{grid-template-columns:repeat(5,1fr);}
.product-card h3{margin-top:18px;}
.blue-card{background:#dfe9f8;color:#18243a;}
.liquid-art{background:rgba(255,255,255,.45);}
@media(max-width:1200px){
  .product-grid.five-cards{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:980px){
  .product-grid.five-cards{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .product-grid.five-cards{grid-template-columns:1fr;}
}

/* V29: Separate pages for each product tab/category */
.product-grid.five-cards .product-card a{
  cursor:pointer;
}
.category-hero{
  min-height:720px;
  padding:155px max(7vw,32px) 70px;
  display:grid;
  grid-template-columns:1fr .85fr;
  align-items:center;
  gap:50px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(255,244,223,.94) 0%, rgba(255,244,223,.78) 35%, rgba(255,244,223,.36) 55%, rgba(255,244,223,0) 72%),
    url("/assets/hero-background-v26.webp") center center / cover no-repeat;
}
.category-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -24% 22%;
  height:52%;
  background:linear-gradient(135deg, rgba(226,29,47,.18), rgba(255,199,53,.12));
  border-radius:60% 60% 0 0;
  pointer-events:none;
}
.category-hero-copy,
.category-hero-art{
  position:relative;
  z-index:2;
}
.back-link{
  display:inline-flex;
  margin-bottom:22px;
  color:var(--green);
  font-weight:900;
  letter-spacing:.04em;
}
.category-title{
  font-size:clamp(70px,8vw,122px);
  letter-spacing:-.06em;
  color:var(--ink);
}
.category-desc{
  max-width:620px;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.65;
  color:var(--muted);
  margin:0;
}
.category-hero-art{
  min-height:420px;
  display:grid;
  place-items:center;
}
.category-emoji{
  width:min(360px,72vw);
  height:min(360px,72vw);
  border-radius:44px;
  display:grid;
  place-items:center;
  font-size:140px;
  background:rgba(255,255,255,.52);
  box-shadow:0 30px 70px rgba(78,24,11,.12), inset 0 1px 0 rgba(255,255,255,.6);
  backdrop-filter:blur(8px);
  transform:rotate(-3deg);
}
.category-red .category-emoji{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(226,29,47,.18));}
.category-green .category-emoji{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(18,92,56,.20));}
.category-cream .category-emoji{background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(240,223,186,.45));}
.category-yellow .category-emoji{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,199,53,.34));}
.category-blue .category-emoji{background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(95,139,204,.20));}
.category-mini-grid{
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.category-mini-card{
  min-height:210px;
  padding:28px;
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 55px rgba(45,24,15,.07);
  border:1px solid rgba(31,23,21,.06);
}
.category-mini-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--red);
  color:#fff;
  font-weight:900;
}
.category-mini-card h3{
  margin-top:24px;
  font-size:32px;
  line-height:1.05;
}
.category-mini-card p{
  color:var(--muted);
  line-height:1.6;
}
.related-categories{
  padding-top:0;
}
.related-card{
  max-width:1180px;
  margin:auto;
  padding:50px;
  border-radius:34px;
  background:var(--ink);
  color:#fff;
}
.related-card h2{
  font-size:clamp(38px,5vw,68px);
  letter-spacing:-.04em;
}
.category-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:28px 0 30px;
}
.category-pill{
  padding:13px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  font-weight:800;
}
.category-pill:hover{
  background:#fff;
  color:var(--ink);
}
.blue-card{
  background:#dfe9f8;
  color:#18243a;
}
@media(max-width:1200px){
  .product-grid.five-cards{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:980px){
  .category-hero{
    grid-template-columns:1fr;
    padding-top:140px;
  }
  .category-hero-art{
    min-height:300px;
  }
  .category-mini-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .product-grid.five-cards{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .category-hero{
    min-height:auto;
    padding:125px 20px 50px;
  }
  .category-title{
    font-size:54px;
  }
  .category-emoji{
    font-size:92px;
  }
  .category-mini-grid,
  .product-grid.five-cards{
    grid-template-columns:1fr;
  }
  .related-card{
    padding:34px 22px;
  }
}

/* V30: keep product tabs same size as before, even with 5 tabs */
.product-grid.five-cards{
  max-width:1480px !important;
  grid-template-columns:repeat(5, minmax(270px, 1fr)) !important;
  gap:18px !important;
}
.product-grid.five-cards .product-card{
  min-height:440px !important;
  padding:24px !important;
}
.product-grid.five-cards .card-art{
  height:235px !important;
}
@media(max-width:1500px){
  .product-grid.five-cards{
    max-width:100% !important;
    grid-template-columns:repeat(5, minmax(260px, 1fr)) !important;
  }
}
@media(max-width:1320px){
  .product-grid.five-cards{
    overflow-x:auto !important;
    grid-template-columns:repeat(5, 280px) !important;
    justify-content:start !important;
    padding-bottom:16px !important;
    scroll-snap-type:x proximity;
  }
  .product-grid.five-cards .product-card{
    scroll-snap-align:start;
  }
}
@media(max-width:980px){
  .product-grid.five-cards{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    overflow-x:visible !important;
  }
}
@media(max-width:640px){
  .product-grid.five-cards{
    grid-template-columns:1fr !important;
  }
}

/* V32: separate backgrounds for each product/category page only */
.category-hero{
  background-image:none !important;
  background-size:cover !important;
  background-position:center center !important;
}
.category-hero::before,
.category-hero::after{
  content:"" !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.category-hero::before{inset:0 !important;opacity:1 !important;}
.category-hero::after{
  inset:auto -8% -18% 28% !important;
  height:54% !important;
  border-radius:60% 60% 0 0 !important;
}
.category-red{
  background:radial-gradient(circle at 78% 28%, rgba(255,255,255,.30) 0 9%, transparent 34%),radial-gradient(circle at 72% 72%, rgba(255,80,65,.22) 0 16%, transparent 40%),linear-gradient(115deg, #fff5e5 0 44%, #ff9a78 63%, #e21d2f 100%) !important;
}
.category-red::before{
  background:radial-gradient(circle at 74% 38%, rgba(226,29,47,.24) 0 9%, transparent 10%),radial-gradient(circle at 82% 54%, rgba(255,199,53,.18) 0 7%, transparent 8%),repeating-radial-gradient(circle at 76% 46%, rgba(255,255,255,.18) 0 5px, transparent 6px 24px) !important;
}
.category-red::after{background:linear-gradient(135deg, rgba(226,29,47,.46), rgba(255,199,53,.26)) !important;}
.category-green{
  background:radial-gradient(circle at 78% 26%, rgba(255,199,53,.22) 0 10%, transparent 32%),radial-gradient(circle at 70% 72%, rgba(226,29,47,.20) 0 15%, transparent 42%),linear-gradient(115deg, #fff4df 0 42%, #2a8b58 66%, #0f4f32 100%) !important;
}
.category-green::before{
  background:radial-gradient(ellipse at 76% 44%, rgba(255,55,55,.24) 0 9%, transparent 10%),radial-gradient(ellipse at 84% 58%, rgba(255,255,255,.18) 0 8%, transparent 9%),linear-gradient(120deg, transparent 0 53%, rgba(255,255,255,.09) 54%, transparent 67%) !important;
}
.category-green::after{background:linear-gradient(135deg, rgba(18,92,56,.48), rgba(226,29,47,.22)) !important;}
.category-cream{
  background:radial-gradient(circle at 76% 30%, rgba(255,255,255,.52) 0 12%, transparent 34%),radial-gradient(circle at 78% 70%, rgba(240,204,128,.20) 0 16%, transparent 42%),linear-gradient(115deg, #fff8ee 0 45%, #f0dfba 70%, #d9bd83 100%) !important;
}
.category-cream::before{
  background:radial-gradient(circle at 74% 48%, rgba(255,255,255,.32) 0 13%, transparent 14%),radial-gradient(circle at 84% 56%, rgba(221,180,106,.18) 0 8%, transparent 9%),repeating-linear-gradient(135deg, rgba(255,255,255,.10) 0 8px, transparent 8px 32px) !important;
}
.category-cream::after{background:linear-gradient(135deg, rgba(255,255,255,.46), rgba(216,174,100,.24)) !important;}
.category-yellow{
  background:radial-gradient(circle at 75% 28%, rgba(255,255,255,.36) 0 10%, transparent 32%),radial-gradient(circle at 78% 66%, rgba(255,124,31,.26) 0 14%, transparent 42%),linear-gradient(115deg, #fff5dc 0 42%, #ffd357 66%, #f28c22 100%) !important;
}
.category-yellow::before{
  background:radial-gradient(ellipse at 78% 45%, rgba(255,174,44,.28) 0 10%, transparent 11%),radial-gradient(circle at 87% 58%, rgba(18,92,56,.12) 0 8%, transparent 9%),linear-gradient(120deg, transparent 0 52%, rgba(255,255,255,.16) 53%, transparent 68%) !important;
}
.category-yellow::after{background:linear-gradient(135deg, rgba(255,199,53,.52), rgba(242,140,34,.26)) !important;}
.category-blue{
  background:radial-gradient(circle at 76% 28%, rgba(255,255,255,.32) 0 10%, transparent 32%),radial-gradient(circle at 80% 67%, rgba(92,52,18,.20) 0 14%, transparent 42%),linear-gradient(115deg, #fff4df 0 42%, #b98a4d 62%, #183b58 100%) !important;
}
.category-blue::before{
  background:radial-gradient(ellipse at 76% 44%, rgba(43,22,11,.26) 0 10%, transparent 11%),radial-gradient(circle at 86% 58%, rgba(255,255,255,.16) 0 8%, transparent 9%),repeating-linear-gradient(115deg, rgba(255,255,255,.09) 0 7px, transparent 8px 30px) !important;
}
.category-blue::after{background:linear-gradient(135deg, rgba(24,59,88,.42), rgba(185,138,77,.26)) !important;}
.category-hero-copy,.category-hero-art{position:relative !important;z-index:2 !important;}


/* V33 Header redesign to match reference style */
body.page-home .site-header,
body.page-category .site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  transform:none;
  width:100%;
  height:132px;
  padding:0 28px;
  background:rgba(255,255,255,0.96);
  backdrop-filter:blur(10px);
  border:none;
  border-radius:0;
  box-shadow:0 10px 30px rgba(40,20,10,.05);
  z-index:90;
}
.header-inner{
  width:min(1400px,100%);
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand-v33{
  width:170px !important;
  min-width:170px;
  height:auto !important;
  flex:0 0 170px !important;
  overflow:visible !important;
  display:flex;
  align-items:center;
}
.brand-logo-v33{
  width:158px !important;
  height:auto !important;
  max-width:158px !important;
  max-height:none !important;
  object-fit:contain !important;
}
.nav-v33{
  display:flex;
  align-items:center;
  gap:18px;
  margin-left:auto;
}
.nav-v33 .nav-link{
  font-size:16px;
  font-weight:700;
  color:#1f1715;
  padding:10px 10px 16px;
  position:relative;
}
.nav-v33 .nav-link:hover,
.nav-v33 .nav-link.is-active{
  color:var(--red);
}
.nav-v33 .nav-link.is-active::after,
.nav-v33 .nav-link:hover::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:8px;
  height:3px;
  border-radius:99px;
  background:var(--red);
}
.header-search{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:999px;
  border:1.6px solid rgba(226,29,47,.55);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--red);
  transition:.25s ease;
  margin-left:10px;
}
.header-search svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-search:hover{
  background:rgba(226,29,47,.08);
  transform:translateY(-1px);
}
.nav-cta-v33{
  background:linear-gradient(135deg,#df1d18,#a60000) !important;
  color:#fff !important;
  border-radius:999px;
  padding:14px 22px !important;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:16px;
  font-weight:800;
  box-shadow:0 14px 28px rgba(180,20,18,.18);
}
.nav-cta-v33:hover{
  transform:translateY(-1px);
}
.phone-icon{
  font-size:16px;
  line-height:1;
}
body.page-home .hero{
  padding-top:215px;
}
body.page-category .category-hero{
  padding-top:205px;
}
@media (max-width:1100px){
  body.page-home .site-header,
  body.page-category .site-header{
    height:92px;
    padding:0 18px;
  }
  .header-inner{gap:14px;}
  .brand-v33{width:142px !important;min-width:142px;flex-basis:142px !important;}
  .brand-logo-v33{width:132px !important;max-width:132px !important;}
  .menu-toggle{display:flex !important; z-index:120 !important;}
  .nav-v33{
    display:flex !important;
    position:absolute !important;
    top:100px !important;
    left:18px !important;
    right:18px !important;
    margin-left:0;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:16px !important;
    background:#fff !important;
    border:1px solid rgba(31,23,21,.08) !important;
    border-radius:20px !important;
    box-shadow:0 24px 55px rgba(31,23,21,.18) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top right;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index:110;
  }
  .nav-v33.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .nav-v33 .nav-link,
  .nav-v33 .nav-cta-v33,
  .nav-v33 .header-search{
    width:100%;
  }
  .nav-v33 .nav-link{padding:14px 16px !important;}
  .nav-v33 .nav-link::after{left:16px !important; right:auto !important; width:36px; bottom:8px !important;}
  .header-search{justify-content:flex-start;padding-left:16px;border-radius:16px;height:52px;}
  .nav-cta-v33{justify-content:center;border-radius:16px;}
  body.page-home .hero{padding-top:165px;}
  body.page-category .category-hero{padding-top:165px;}
}
@media (max-width:640px){
  body.page-home .site-header,
  body.page-category .site-header{
    height:82px;
    padding:0 14px;
  }
  .brand-v33{width:122px !important;min-width:122px;flex-basis:122px !important;}
  .brand-logo-v33{width:114px !important;max-width:114px !important;}
  .nav-v33{top:88px !important;left:14px !important;right:14px !important;}
  body.page-home .hero{padding-top:145px;}
  body.page-category .category-hero{padding-top:138px;}
}

/* V34: exact reference-style full top header. Strong override of older header rules. */
.site-header,
.site-header-v33{
  display:none !important;
}

.site-header-v34{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  width:100% !important;
  height:132px !important;
  padding:0 46px !important;
  margin:0 !important;
  background:rgba(255,255,255,.94) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(10px) !important;
  z-index:9999 !important;
  display:block !important;
}

.header-v34-inner{
  width:100% !important;
  height:100% !important;
  max-width:1780px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:32px !important;
}

.brand-v34{
  display:flex !important;
  align-items:center !important;
  flex:0 0 205px !important;
  width:205px !important;
  height:100% !important;
  overflow:visible !important;
}

.brand-v34 img{
  display:block !important;
  width:190px !important;
  max-width:190px !important;
  height:auto !important;
  max-height:104px !important;
  object-fit:contain !important;
}

.nav-v34{
  position:static !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:34px !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  white-space:nowrap !important;
}

.nav-v34 .nav-link-v34{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  width:auto !important;
  padding:18px 0 14px !important;
  font-size:16px !important;
  line-height:1 !important;
  font-family:"DM Sans", sans-serif !important;
  font-weight:800 !important;
  color:#16110f !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}

.nav-v34 .nav-link-v34.active,
.nav-v34 .nav-link-v34:hover{
  color:#d10b0b !important;
}

.nav-v34 .nav-link-v34.active::after,
.nav-v34 .nav-link-v34:hover::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:3px !important;
  height:3px !important;
  background:#d10b0b !important;
  border-radius:99px !important;
}

.search-v34{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:50% !important;
  border:1.6px solid rgba(210,12,12,.55) !important;
  background:rgba(255,245,230,.48) !important;
  color:#d10b0b !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin-left:34px !important;
}

.search-v34 svg{
  width:21px !important;
  height:21px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.touch-v34{
  min-width:178px !important;
  height:50px !important;
  padding:0 26px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#d01412,#9e0000) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  font-size:15px !important;
  font-family:"DM Sans", sans-serif !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(170,0,0,.16) !important;
}

.touch-v34 b{
  font:inherit !important;
  color:inherit !important;
}

.menu-toggle-v34{
  display:none !important;
}

body.page-home .hero{
  padding-top:210px !important;
}
body.page-category .category-hero{
  padding-top:205px !important;
}

/* mobile/tablet */
@media(max-width:980px){
  .site-header-v34{
    height:88px !important;
    padding:0 20px !important;
  }
  .brand-v34{
    width:145px !important;
    flex-basis:145px !important;
  }
  .brand-v34 img{
    width:135px !important;
    max-width:135px !important;
  }
  .menu-toggle-v34{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    margin-left:auto !important;
    border:0 !important;
    background:transparent !important;
    font-size:25px !important;
    cursor:pointer !important;
    z-index:10001 !important;
  }
  .nav-v34{
    position:absolute !important;
    top:96px !important;
    left:20px !important;
    right:20px !important;
    width:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    padding:16px !important;
    background:#fff !important;
    border:1px solid rgba(31,23,21,.08) !important;
    border-radius:20px !important;
    box-shadow:0 22px 54px rgba(31,23,21,.18) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-10px) scale(.985) !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }
  .nav-v34.open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }
  .nav-v34 .nav-link-v34{
    justify-content:flex-start !important;
    width:100% !important;
    padding:15px 16px !important;
  }
  .nav-v34 .nav-link-v34.active::after,
  .nav-v34 .nav-link-v34:hover::after{
    left:16px !important;
    right:auto !important;
    width:42px !important;
    bottom:7px !important;
  }
  .search-v34{
    width:100% !important;
    margin-left:0 !important;
    justify-content:flex-start !important;
    padding-left:16px !important;
    border-radius:14px !important;
  }
  .touch-v34{
    width:100% !important;
    border-radius:14px !important;
  }
  body.page-home .hero{
    padding-top:145px !important;
  }
  body.page-category .category-hero{
    padding-top:142px !important;
  }
}

@media(max-width:640px){
  .site-header-v34{
    height:80px !important;
    padding:0 14px !important;
  }
  .brand-v34{
    width:125px !important;
    flex-basis:125px !important;
  }
  .brand-v34 img{
    width:116px !important;
    max-width:116px !important;
  }
  .nav-v34{
    top:86px !important;
    left:14px !important;
    right:14px !important;
  }
}

/* V35: transparent header + move landing text up + premium text animation */
.site-header-v34{
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
.header-v34-inner{
  background:transparent !important;
}
.nav-v34 .nav-link-v34{
  text-shadow:0 1px 12px rgba(255,255,255,.55);
}
.search-v34{
  background:rgba(255,255,255,.18) !important;
  backdrop-filter:blur(6px) !important;
}
.touch-v34{
  box-shadow:0 14px 30px rgba(170,0,0,.18), 0 2px 12px rgba(255,255,255,.18) !important;
}

/* move hero text upward so it does not sit on tomatoes */
.hero-copy.hero-welcome{
  top:-64px !important;
  max-width:650px !important;
}

/* keep text readable and add soft landing-page style animation */
.welcome-kicker{
  animation:welcomeFadeUp .85s cubic-bezier(.18,.78,.2,1) both, softPulse 4.5s ease-in-out 1.1s infinite !important;
}
.welcome-title{
  animation:welcomeTitleIn 1.05s cubic-bezier(.18,.78,.2,1) .12s both !important;
  text-shadow:0 8px 30px rgba(255,255,255,.44) !important;
}
.welcome-title span{
  animation:welcomeRedGlow 4.8s ease-in-out 1.1s infinite !important;
}
.welcome-line{
  animation:lineReveal .9s cubic-bezier(.18,.78,.2,1) .48s both !important;
}
.welcome-text{
  animation:welcomeFadeUp .9s cubic-bezier(.18,.78,.2,1) .62s both !important;
  text-shadow:0 7px 22px rgba(255,255,255,.72) !important;
}
@keyframes welcomeFadeUp{
  from{opacity:0; transform:translateY(28px); filter:blur(6px);}
  to{opacity:1; transform:translateY(0); filter:blur(0);}
}
@keyframes welcomeTitleIn{
  from{opacity:0; transform:translateY(38px) scale(.965); letter-spacing:-.08em; filter:blur(8px);}
  to{opacity:1; transform:translateY(0) scale(1); letter-spacing:-.055em; filter:blur(0);}
}
@keyframes lineReveal{
  from{opacity:0; width:0; transform:translateX(-18px);}
  to{opacity:1; width:124px; transform:translateX(0);}
}
@keyframes welcomeRedGlow{
  0%,100%{text-shadow:0 8px 30px rgba(255,255,255,.42), 0 0 0 rgba(226,29,47,0);}
  50%{text-shadow:0 8px 30px rgba(255,255,255,.58), 0 0 22px rgba(226,29,47,.18);}
}
@keyframes softPulse{
  0%,100%{box-shadow:0 10px 24px rgba(18,92,56,.05);}
  50%{box-shadow:0 12px 30px rgba(18,92,56,.14);}
}
@media(max-width:980px){
  .site-header-v34{
    background:rgba(255,255,255,.22) !important;
    backdrop-filter:blur(8px) !important;
  }
  .hero-copy.hero-welcome{
    top:-34px !important;
  }
}
@media(max-width:640px){
  .hero-copy.hero-welcome{
    top:-18px !important;
  }
}

/* V36: header fine-tuning */
.site-header-v34{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  margin:0 !important;
  height:122px !important;
  padding:0 46px !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  transition:none !important;
  will-change:auto !important;
}

/* keep header exactly at top on scroll */
.site-header-v34,
.header-v34-inner{
  translate:0 0 !important;
}

/* logo slightly smaller */
.brand-v34{
  flex:0 0 166px !important;
  width:166px !important;
  min-width:166px !important;
}
.brand-v34 img{
  width:160px !important;
  max-width:160px !important;
  max-height:92px !important;
}

/* bring menu text close to logo, keep search/button on right */
.header-v34-inner{
  justify-content:flex-start !important;
  gap:0 !important;
}
.nav-v34{
  flex:1 1 auto !important;
  justify-content:flex-start !important;
  margin-left:46px !important;
  gap:42px !important;
}
.search-v34{
  margin-left:auto !important;
}
.touch-v34{
  margin-left:0 !important;
}

/* spacing between Home, Products, About, Contact us */
.nav-v34 .nav-link-v34{
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  letter-spacing:.01em !important;
}

body.page-home .hero{
  padding-top:198px !important;
}
body.page-category .category-hero{
  padding-top:195px !important;
}

@media(max-width:980px){
  .site-header-v34{
    height:86px !important;
    padding:0 18px !important;
    background:rgba(255,255,255,.18) !important;
    backdrop-filter:blur(8px) !important;
  }
  .brand-v34{
    width:128px !important;
    min-width:128px !important;
    flex-basis:128px !important;
  }
  .brand-v34 img{
    width:120px !important;
    max-width:120px !important;
  }
  .nav-v34{
    margin-left:0 !important;
    gap:8px !important;
  }
  .search-v34{
    margin-left:0 !important;
  }
  body.page-home .hero{
    padding-top:140px !important;
  }
  body.page-category .category-hero{
    padding-top:138px !important;
  }
}

@media(max-width:640px){
  .site-header-v34{
    height:78px !important;
    padding:0 14px !important;
  }
  .brand-v34{
    width:112px !important;
    min-width:112px !important;
    flex-basis:112px !important;
  }
  .brand-v34 img{
    width:106px !important;
    max-width:106px !important;
  }
}

/* V37: exact reference-like spacing between logo and nav */
.site-header-v34{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:122px !important;
  padding:0 48px !important;
  background:transparent !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

.header-v34-inner{
  width:100% !important;
  max-width:1720px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  background:transparent !important;
  transform:none !important;
}

.brand-v34{
  flex:0 0 205px !important;
  width:205px !important;
  min-width:205px !important;
}
.brand-v34 img{
  width:175px !important;
  max-width:175px !important;
  max-height:100px !important;
}

.nav-v34{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin-left:155px !important;
  gap:56px !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  transform:none !important;
}

.nav-v34 .nav-link-v34{
  padding:18px 0 14px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.search-v34{
  margin-left:auto !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
}
.touch-v34{
  margin-left:0 !important;
  min-width:178px !important;
  height:50px !important;
}

.site-header-v34,
.header-v34-inner,
.brand-v34,
.nav-v34{
  translate:0 0 !important;
  will-change:auto !important;
}

@media(max-width:1350px){
  .nav-v34{
    margin-left:105px !important;
    gap:42px !important;
  }
  .brand-v34{
    flex-basis:190px !important;
    width:190px !important;
    min-width:190px !important;
  }
  .brand-v34 img{
    width:160px !important;
    max-width:160px !important;
  }
}

@media(max-width:1100px){
  .site-header-v34{
    height:86px !important;
    padding:0 18px !important;
    background:rgba(255,255,255,.18) !important;
    backdrop-filter:blur(8px) !important;
  }
  .brand-v34{
    width:128px !important;
    min-width:128px !important;
    flex-basis:128px !important;
  }
  .brand-v34 img{
    width:120px !important;
    max-width:120px !important;
  }
  .nav-v34{
    margin-left:0 !important;
    gap:8px !important;
  }
  .search-v34{
    margin-left:0 !important;
  }
}

@media(max-width:640px){
  .site-header-v34{
    height:78px !important;
    padding:0 14px !important;
  }
  .brand-v34{
    width:112px !important;
    min-width:112px !important;
    flex-basis:112px !important;
  }
  .brand-v34 img{
    width:106px !important;
    max-width:106px !important;
  }
}

/* V38: header should NOT follow while scrolling; it stays at original top position */
.site-header-v34{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
  translate:0 0 !important;
  transition:none !important;
  will-change:auto !important;
}

/* make sure old fixed header rules cannot override */
body.page-home .site-header-v34,
body.page-category .site-header-v34{
  position:absolute !important;
  top:0 !important;
}

/* header menu dropdown still works from the top area */
@media(max-width:1100px){
  .site-header-v34{
    position:absolute !important;
  }
}

/* V39: slightly smaller header logo */
.brand-v34{
  flex:0 0 172px !important;
  width:172px !important;
  min-width:172px !important;
}
.brand-v34 img{
  width:145px !important;
  max-width:145px !important;
  max-height:84px !important;
}

/* keep nav close after reducing logo */
.nav-v34{
  margin-left:135px !important;
}

@media(max-width:1350px){
  .brand-v34{
    flex-basis:165px !important;
    width:165px !important;
    min-width:165px !important;
  }
  .brand-v34 img{
    width:138px !important;
    max-width:138px !important;
  }
  .nav-v34{
    margin-left:95px !important;
  }
}

@media(max-width:1100px){
  .brand-v34{
    width:118px !important;
    min-width:118px !important;
    flex-basis:118px !important;
  }
  .brand-v34 img{
    width:108px !important;
    max-width:108px !important;
  }
}

@media(max-width:640px){
  .brand-v34{
    width:104px !important;
    min-width:104px !important;
    flex-basis:104px !important;
  }
  .brand-v34 img{
    width:96px !important;
    max-width:96px !important;
  }
}


/* V40: mobile drawer menu with white background; desktop unchanged */
.mobile-drawer-head,
.mobile-drawer-close,
.mobile-drawer-brand{
  display:none;
}

@media(max-width:820px){
  body.menu-open{
    overflow:hidden !important;
  }

  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(18,12,10,.38);
    backdrop-filter:blur(2px);
    z-index:9997;
  }

  .site-header-v34{
    z-index:9998 !important;
  }

  .menu-toggle-v34{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
    background:transparent !important;
    position:relative !important;
    z-index:10001 !important;
  }

  .menu-toggle-v34[aria-expanded="true"]{
    opacity:0 !important;
    pointer-events:none !important;
  }

  .nav-v34{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    width:min(74vw, 360px) !important;
    max-width:min(74vw, 360px) !important;
    min-width:280px !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:4px !important;
    padding:26px 24px 24px !important;
    margin:0 !important;
    background:#ffffff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:-22px 0 48px rgba(17,12,10,.18) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
    transform:translateX(108%) !important;
    transition:transform .28s ease !important;
    z-index:10000 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .nav-v34.open{
    transform:translateX(0) !important;
    pointer-events:auto !important;
  }

  .mobile-drawer-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:2px 0 24px !important;
  }

  .mobile-drawer-brand{
    display:block !important;
  }

  .mobile-drawer-brand strong{
    display:block !important;
    color:#d81845 !important;
    font-family:"Outfit", sans-serif !important;
    font-size:22px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
  }

  .mobile-drawer-brand span{
    display:block !important;
    margin-top:6px !important;
    color:#707070 !important;
    font-family:"DM Sans", sans-serif !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
  }

  .mobile-drawer-close{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    border:2px solid rgba(216,24,69,.36) !important;
    background:#fff !important;
    color:#777 !important;
    font-size:28px !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
  }

  .nav-v34 .nav-link-v34{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    padding:16px 0 !important;
    margin:0 !important;
    color:#1f1f1f !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    border-radius:0 !important;
    background:transparent !important;
    text-shadow:none !important;
  }

  .nav-v34 .nav-link-v34.active,
  .nav-v34 .nav-link-v34:hover{
    color:#1f1f1f !important;
  }

  .nav-v34 .nav-link-v34::after,
  .nav-v34 .nav-link-v34.active::after,
  .nav-v34 .nav-link-v34:hover::after{
    display:none !important;
    content:none !important;
  }

  .search-v34{
    display:none !important;
  }

  .touch-v34{
    width:100% !important;
    min-width:0 !important;
    height:62px !important;
    margin-top:auto !important;
    padding:0 18px !important;
    border-radius:16px !important;
    box-shadow:none !important;
    font-size:15px !important;
  }

  .touch-v34 span{
    font-size:20px !important;
    line-height:1 !important;
  }

  .touch-v34 b{
    font-size:15px !important;
    font-weight:800 !important;
  }

  .touch-v34::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-18px;
    height:1px;
    background:rgba(31,23,21,.08);
  }
}

@media(max-width:420px){
  .nav-v34{
    width:calc(100vw - 54px) !important;
    max-width:calc(100vw - 54px) !important;
    min-width:0 !important;
    padding:24px 20px 20px !important;
  }
  .mobile-drawer-brand strong{
    font-size:21px !important;
  }
}

/* V41: Mobile search button beside hamburger, not inside drawer. Desktop unchanged */
.mobile-search-v41{
  display:none;
}

@media(max-width:820px){
  .mobile-search-v41{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin-left:auto !important;
    margin-right:8px !important;
    border-radius:50% !important;
    border:1.6px solid rgba(210,12,12,.55) !important;
    background:rgba(255,255,255,.38) !important;
    color:#d10b0b !important;
    backdrop-filter:blur(7px) !important;
    position:relative !important;
    z-index:10001 !important;
    box-shadow:0 8px 20px rgba(40,20,10,.05) !important;
  }

  .mobile-search-v41 svg{
    width:19px !important;
    height:19px !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .menu-toggle-v34{
    margin-left:0 !important;
  }

  /* Keep drawer clean: no search icon inside drawer */
  .nav-v34 .search-v34{
    display:none !important;
  }

  body.menu-open .mobile-search-v41{
    opacity:0 !important;
    pointer-events:none !important;
  }
}

@media(max-width:420px){
  .mobile-search-v41{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    margin-right:6px !important;
  }
}

/* V42: fix mobile drawer lag and stop swipe-open/side reveal */
html,
body{
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
}

@media(max-width:820px){
  html,
  body{
    max-width:100vw !important;
    overflow-x:hidden !important;
    overscroll-behavior-x:none !important;
    touch-action:pan-y !important;
  }

  /* remove heavy blur/backdrop effects that caused slow/laggy drawer */
  body.menu-open::before{
    background:rgba(18,12,10,.34) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .mobile-search-v41,
  .site-header-v34{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Drawer is completely hidden when closed, so swipe cannot reveal it */
  .nav-v34{
    display:none !important;
    transform:none !important;
    transition:none !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    will-change:auto !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    box-shadow:-8px 0 22px rgba(17,12,10,.12) !important;
  }

  .nav-v34.open{
    display:flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    animation:drawerFastIn .16s ease-out both !important;
  }

  .nav-v34.closing{
    animation:none !important;
  }

  @keyframes drawerFastIn{
    from{opacity:0; transform:translateX(12px);}
    to{opacity:1; transform:translateX(0);}
  }

  /* smoother scrolling inside drawer */
  .nav-v34{
    -webkit-overflow-scrolling:auto !important;
    contain:layout paint !important;
  }

  /* prevent accidental browser horizontal pan near drawer */
  .menu-toggle-v34,
  .mobile-search-v41,
  .nav-v34{
    touch-action:manipulation !important;
  }
}

/* V43: apply the same mobile drawer/menu behavior to tablet view too */
@media(max-width:1100px){
  html,
  body{
    max-width:100vw !important;
    overflow-x:hidden !important;
    overscroll-behavior-x:none !important;
    touch-action:pan-y !important;
  }

  body.menu-open{
    overflow:hidden !important;
  }

  body.menu-open::before{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(18,12,10,.34) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:9997 !important;
  }

  .site-header-v34{
    z-index:9998 !important;
    background:rgba(255,255,255,.18) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .header-v34-inner{
    display:flex !important;
    align-items:center !important;
  }

  .mobile-search-v41{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin-left:auto !important;
    margin-right:8px !important;
    border-radius:50% !important;
    border:1.6px solid rgba(210,12,12,.55) !important;
    background:rgba(255,255,255,.38) !important;
    color:#d10b0b !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    position:relative !important;
    z-index:10001 !important;
    box-shadow:0 8px 20px rgba(40,20,10,.05) !important;
  }

  .mobile-search-v41 svg{
    width:19px !important;
    height:19px !important;
    stroke:currentColor !important;
    fill:none !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .menu-toggle-v34{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:0 !important;
    width:46px !important;
    height:46px !important;
    border-radius:12px !important;
    background:transparent !important;
    position:relative !important;
    z-index:10001 !important;
  }

  .menu-toggle-v34[aria-expanded="true"]{
    opacity:0 !important;
    pointer-events:none !important;
  }

  .nav-v34{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    width:min(74vw, 390px) !important;
    max-width:min(74vw, 390px) !important;
    min-width:300px !important;
    height:100dvh !important;
    max-height:100dvh !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:4px !important;
    padding:26px 24px 24px !important;
    margin:0 !important;
    background:#ffffff !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:-8px 0 22px rgba(17,12,10,.12) !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    z-index:10000 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:auto !important;
    contain:layout paint !important;
    touch-action:manipulation !important;
  }

  .nav-v34.open{
    display:flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    animation:drawerFastIn .16s ease-out both !important;
  }

  .mobile-drawer-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:2px 0 24px !important;
  }

  .mobile-drawer-brand{
    display:block !important;
  }

  .mobile-drawer-brand strong{
    display:block !important;
    color:#d81845 !important;
    font-family:"Outfit", sans-serif !important;
    font-size:22px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    letter-spacing:-.02em !important;
  }

  .mobile-drawer-brand span{
    display:block !important;
    margin-top:6px !important;
    color:#707070 !important;
    font-family:"DM Sans", sans-serif !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
  }

  .mobile-drawer-close{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:50% !important;
    border:2px solid rgba(216,24,69,.36) !important;
    background:#fff !important;
    color:#777 !important;
    font-size:28px !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
  }

  .nav-v34 .nav-link-v34{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    padding:16px 0 !important;
    margin:0 !important;
    color:#1f1f1f !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
    border-radius:0 !important;
    background:transparent !important;
    text-shadow:none !important;
  }

  .nav-v34 .nav-link-v34.active,
  .nav-v34 .nav-link-v34:hover{
    color:#1f1f1f !important;
  }

  .nav-v34 .nav-link-v34::after,
  .nav-v34 .nav-link-v34.active::after,
  .nav-v34 .nav-link-v34:hover::after{
    display:none !important;
    content:none !important;
  }

  .nav-v34 .search-v34{
    display:none !important;
  }

  .touch-v34{
    width:100% !important;
    min-width:0 !important;
    height:62px !important;
    margin-top:auto !important;
    padding:0 18px !important;
    border-radius:16px !important;
    box-shadow:none !important;
    font-size:15px !important;
  }

  .touch-v34 span{
    font-size:20px !important;
    line-height:1 !important;
  }

  .touch-v34 b{
    font-size:15px !important;
    font-weight:800 !important;
  }

  .touch-v34::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:-18px !important;
    height:1px !important;
    background:rgba(31,23,21,.08) !important;
  }

  body.menu-open .mobile-search-v41{
    opacity:0 !important;
    pointer-events:none !important;
  }
}