:root{--green:#123e31;--green-2:#1d5140;--gold:#c9a24d;--ivory:#f3efe6;--paper:#faf8f3;--ink:#20211d;--muted:#6d716a;--line:rgba(18,62,49,.16);--max:1240px;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.site-header{position:absolute;z-index:20;inset:0 0 auto;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent);color:#fff}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:144px;filter:brightness(0) invert(1)}.main-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.main-nav>a:not(.nav-cta){opacity:.9}.main-nav>a:hover,.main-nav>a:focus-visible{color:#fff}.nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.6);border-radius:999px}.languages{display:flex;gap:10px;padding-left:4px}.languages a{opacity:.55}.languages .active{opacity:1;color:var(--gold)}.menu-toggle{display:none}.hero{min-height:760px;height:88vh;position:relative;overflow:hidden;background:var(--green);color:#fff;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('../assets/photos/frog-legs-hero.jpeg') center 48%/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,27,.86) 0%,rgba(8,35,27,.60) 42%,rgba(8,35,27,.16) 75%),linear-gradient(0deg,rgba(8,35,27,.38),transparent 35%)}.hero-content{position:relative;z-index:2;padding-top:72px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:rgba(255,255,255,.78)}.eyebrow.dark{color:var(--green-2)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08}h1{font-size:clamp(48px,6.1vw,88px);letter-spacing:-.035em;max-width:850px;margin-bottom:24px}h1 em,h2 em{font-weight:500;color:var(--gold)}.hero-lead{font-size:18px;line-height:1.65;max-width:590px;color:rgba(255,255,255,.9);margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:999px;padding:14px 22px;font:600 12px var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.button-gold{background:var(--gold);color:var(--green)}.button-light{border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent}.hero-mark{position:absolute;right:4%;bottom:-30px;z-index:1;opacity:.25;width:min(340px,35vw)}.hero-mark img{filter:invert(1);width:100%}.hero-scroll{position:absolute;z-index:2;right:32px;bottom:26px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.16em;font-size:10px;opacity:.7}.hero-scroll span{font-size:18px;margin-top:8px}.section{padding:120px 0}.intro{background:var(--ivory)}.intro-grid,.section-heading,.market-grid,.quality-grid,.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px}.intro h2,.section-heading h2,.market-copy h2,.quality-copy h2,.contact-copy h2{font-size:clamp(40px,4.5vw,64px);letter-spacing:-.025em;margin-bottom:0}.intro-copy{align-self:end;max-width:520px;color:#555b54;font-size:17px}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--green);border-bottom:1px solid var(--gold);padding-bottom:5px}.text-link span{color:var(--gold);font-size:18px}.section-heading{align-items:end;margin-bottom:62px}.section-heading>p{max-width:390px;color:var(--muted);margin-bottom:5px}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.product-card{background:#fff;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.product-photo{height:520px;overflow:hidden;background:#dfe4de}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-photo img{transform:scale(1.025)}.product-body{position:relative;padding:34px 36px 38px}.product-number{font-size:10px;letter-spacing:.14em;color:var(--gold);margin-bottom:18px}.product-body h3{font-size:40px;margin-bottom:12px}.product-body p{max-width:420px;color:var(--muted);margin-bottom:24px}.snail-placeholder{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#e3e8e0,#d4ded4)}.snail-placeholder:before{content:'';position:absolute;inset:18px;border:1px solid rgba(18,62,49,.16)}.snail-illustration{width:44%!important;height:auto!important;opacity:.62}.snail-placeholder span{position:absolute;bottom:28px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);opacity:.65}.statement{background:var(--green);color:#fff;padding:78px 0}.statement-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px}.statement p{text-align:center;font:500 clamp(30px,4vw,54px)/1.15 var(--serif);margin:0}.statement strong{color:var(--gold);font-weight:500}.statement-line{height:1px;background:rgba(255,255,255,.22)}.markets{background:var(--ivory)}.market-copy{padding-top:12px}.market-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);margin:26px 0 30px}.market-list{display:flex;flex-wrap:wrap;gap:9px}.market-list span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:11px;color:var(--green)}.map-frame{min-height:560px;background:#dce2d9;position:relative;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,rgba(18,62,49,.06) 1px,transparent 1px);background-size:20px 20px}.map-frame:before{content:'EUROPE';position:absolute;inset:18% 8% 14%;border:1px solid rgba(18,62,49,.13);border-radius:47% 42% 51% 40%;transform:rotate(-8deg)}.map-baku{position:absolute;right:25%;top:55%;font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:600}.map-baku:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);left:-22px;top:3px;box-shadow:0 0 0 7px rgba(201,162,77,.15)}.route{position:absolute;height:1px;background:var(--gold);transform-origin:right center;right:25%;top:55%;width:48%;opacity:.75}.route-1{transform:rotate(161deg)}.route-2{transform:rotate(178deg)}.route-3{transform:rotate(194deg)}.map-note{position:absolute;left:9%;bottom:9%;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.map-note strong{display:block;color:var(--green);font:500 28px var(--serif);text-transform:none;letter-spacing:0;margin-top:3px}.quality{background:var(--paper)}.quality-grid{align-items:center}.quality-photo{height:650px;overflow:hidden}.quality-photo img{width:100%;height:100%;object-fit:cover}.quality-copy>p:not(.eyebrow){max-width:500px;color:var(--muted);margin:25px 0 38px}.quality-points{border-top:1px solid var(--line)}.quality-points div{display:flex;align-items:center;gap:26px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.quality-points b{font:500 12px var(--sans);color:var(--gold);letter-spacing:.1em}.logistics{background:#fff}.logistics-heading{margin-bottom:72px}.logistics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logistics-grid>div{padding:28px 28px 34px;border-right:1px solid var(--line)}.logistics-grid>div:last-child{border-right:0}.logistics-grid span{color:var(--gold);font-size:11px;letter-spacing:.12em}.logistics-grid h3{font-size:28px;margin:28px 0 10px}.logistics-grid p{font-size:13px;color:var(--muted);margin:0;max-width:220px}.contact{background:var(--green);color:#fff}.contact-grid{align-items:start}.contact-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);max-width:420px;margin:25px 0}.contact-copy h2{font-size:clamp(42px,5vw,68px)}.contact-details{display:grid;gap:8px;margin-top:45px}.contact-details a{font:500 18px var(--serif);color:var(--gold)}
.contact-details .contact-methods .phone-link{font:500 16px var(--sans);letter-spacing:.01em;color:var(--ivory);white-space:nowrap}
.contact-details .contact-methods .phone-link:hover{color:var(--gold)}.contact-details span{font-size:12px;color:rgba(255,255,255,.58)}.quote-form{background:var(--paper);color:var(--ink);padding:38px}.quote-form label{display:grid;gap:7px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:17px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:0;border-bottom:1px solid rgba(18,62,49,.22);background:transparent;padding:10px 0 11px;font:15px var(--sans);color:var(--ink);outline:none;resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote-form .button{margin-top:4px}.site-footer{background:var(--ivory);color:var(--green);padding:20px 0 10px;border-top:1px solid rgba(18,62,49,.10)}
.footer-main{width:min(calc(100% - 64px),860px);margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:54px;align-items:center;padding-bottom:16px}
.footer-brand{display:inline-block;width:max-content}
.footer-brand img{width:84px;height:auto;filter:none}
.footer-brand-block p{margin:6px 0 0;max-width:145px;color:rgba(18,62,49,.68);font-family:var(--serif);font-size:11px;line-height:1.3}
.footer-contact-block{padding-top:0;display:flex;flex-direction:column;align-items:flex-start}
.footer-label{margin:0 0 7px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.footer-contact-block>a{font-family:var(--serif);font-size:14px;line-height:1.45;color:var(--green)}
.footer-contact-block>a:hover,.footer-messaging a:hover,.footer-legal a:hover{color:var(--gold)}
.footer-messaging{display:flex;gap:8px;margin-top:3px;font-size:10px;letter-spacing:.04em;color:rgba(18,62,49,.62)}
.footer-legal{width:min(calc(100% - 64px),860px);margin-inline:auto;border-top:1px solid rgba(18,62,49,.13);padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:rgba(18,62,49,.50);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.footer-legal div{display:flex;gap:9px}
.footer-legal a{color:inherit}
@media(max-width:700px){.site-footer{padding:28px 0 14px}.footer-main{width:min(calc(100% - 40px),520px);grid-template-columns:1fr auto;gap:36px;padding-bottom:24px}.footer-brand img{width:96px}.footer-brand-block p{font-size:12px;max-width:155px}.footer-contact-block>a{font-size:14px}.footer-legal{width:min(calc(100% - 40px),520px);align-items:flex-start;flex-direction:column;gap:8px}.footer-legal div{font-size:8px}}
/* HERO V2 — split editorial layout */
.hero{min-height:760px;height:100vh;max-height:900px;background:var(--ivory);color:var(--ink);position:relative;display:grid;align-items:stretch;overflow:hidden}
.hero-image{position:absolute;inset:0 0 0 50%;background:url('../assets/photos/frog-legs-hero.jpeg') center 38%/cover no-repeat}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,239,230,.22),rgba(243,239,230,0) 34%)}
.hero-content{position:relative;z-index:2;width:min(calc(100% - 64px),var(--max));margin:0 auto;padding:clamp(150px,19vh,190px) 50% 70px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.hero .eyebrow{color:var(--green-2);margin-bottom:22px}
.hero h1{color:var(--green);font-size:clamp(52px,6vw,82px);max-width:700px;margin-bottom:28px}
.hero h1 em{color:var(--gold);font-style:normal}
.hero-lead{color:#505850;font-size:17px;max-width:530px;margin-bottom:34px}
.hero-actions{gap:14px}
.hero .button-gold{background:var(--green);color:#fff}
.hero .button-light{border-color:rgba(18,62,49,.35);color:var(--green)}
.hero-scroll{color:var(--green);right:28px;bottom:28px;opacity:.6}
.hero-mark{display:none}
@media(max-width:900px){
 .hero{height:auto;min-height:0;max-height:none;display:block;padding-bottom:0}
 .hero-image{position:relative;inset:auto;height:58vh;min-height:390px;background-position:center 36%}
 .hero-image:after{background:linear-gradient(0deg,rgba(18,62,49,.18),transparent 45%)}
 .hero-content{width:min(calc(100% - 36px),var(--max));padding:68px 0 58px;margin:0 auto}
 .hero h1{font-size:clamp(46px,10vw,68px)}
 .hero-scroll{display:none}
}
@media(max-width:560px){
 .hero-image{height:52vh;min-height:330px}
 .hero-content{padding:54px 0 52px}
 .hero h1{font-size:47px}
}


/* HERO V3 — light header, product-forward crop, clearer navigation */
.site-header{position:absolute;background:rgba(243,239,230,.96);color:var(--green);box-shadow:0 1px 0 rgba(18,62,49,.08)}
.nav-wrap{height:88px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{width:auto;height:70px;max-width:170px;filter:none}
.main-nav{color:var(--green);gap:26px;font-size:12px;letter-spacing:.08em}
.main-nav>a:not(.nav-cta){opacity:1}
.main-nav>a:not(.nav-cta):hover,.main-nav>a:not(.nav-cta):focus-visible{color:var(--gold)}
.languages{gap:9px;padding-left:2px;margin-left:2px}
.languages a{opacity:.45;color:var(--green);padding:4px 2px;position:relative}
.languages a:hover{opacity:1;color:var(--green)}
.languages .active{opacity:1;color:var(--green)}
.languages .active:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--gold)}
.hero{padding-top:88px;min-height:760px;height:100vh;max-height:900px;display:grid;grid-template-columns:50% 50%;background:var(--ivory)}
.hero-image{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;background:url('../assets/photos/frog-legs-hero.jpeg') center 52%/cover no-repeat}
.hero-image:after{display:none}
.hero-content{grid-column:1;grid-row:1;position:relative;z-index:2;width:min(calc(100% - 64px),620px);margin-left:max(32px,calc((100vw - var(--max))/2));padding:90px 28px 70px 0;justify-content:center}
.hero .eyebrow{margin-bottom:20px}
.hero h1{font-size:clamp(48px,4.9vw,68px);line-height:1.04;max-width:680px;margin-bottom:24px}.hero h1 span{display:block;white-space:nowrap}.hero h1 em{font-style:normal}
.hero-lead{font-size:16px;line-height:1.65;max-width:500px;margin-bottom:30px}
.hero-actions{display:flex;gap:12px}
.hero .button-gold{background:var(--green);border:1px solid var(--green);color:#fff}
.hero .button-light{border:1px solid rgba(18,62,49,.32);background:transparent;color:var(--green)}
.hero-scroll{display:none}
@media(max-width:1100px){.main-nav{gap:17px}.hero-content{padding-right:20px}.hero h1{font-size:clamp(46px,5.2vw,64px)}}
@media(max-width:900px){
 .site-header{background:var(--ivory)}
 .nav-wrap{height:78px}
 .brand img{height:auto;width:112px;max-width:145px}
 .menu-toggle{border-color:var(--green)}
 .menu-toggle span{background:var(--green)}
 .main-nav{color:#fff;background:var(--green)}
 .languages a,.languages .active{color:#fff}
 .languages .active:after{background:var(--gold)}
 .hero{padding-top:78px;display:flex;flex-direction:column;height:auto;min-height:0}
 .hero-image{order:1;height:min(70vh,620px);min-height:430px;background-position:center 50%}
 .hero-content{order:2;width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:58px 0 60px}
 .hero h1{font-size:clamp(46px,10vw,68px)}
}
@media(max-width:560px){.hero-image{height:52vh;min-height:360px}.hero-content{padding:48px 0 52px}.hero h1{font-size:46px}}



/* HERO V5 FINAL — calmer headline scale */
.hero h1{
  font-size:clamp(48px,4.15vw,58px);
  line-height:1.02;
  max-width:700px;
}
.hero h1 span{display:block;white-space:nowrap}
@media(max-width:1100px){
  .hero h1{font-size:clamp(46px,4.8vw,56px)}
}
@media(max-width:900px){
  .hero h1{font-size:clamp(44px,9vw,60px)}
}
@media(max-width:560px){
  .hero h1{font-size:44px}
}

/* Final hero heading lock */
.hero h1{font-size:clamp(48px,4.15vw,58px);line-height:1.04;max-width:680px;}
.hero h1 span{display:block;white-space:nowrap;}
.hero h1 em{font-style:normal;color:var(--gold);}

/* HERO V8 — green Lovable direction, real production photo on the left */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  background:var(--green);
  color:#fff;
  box-shadow:none;
  transition:background .35s ease,color .35s ease,box-shadow .35s ease;
}
.site-header.scrolled{
  background:rgba(243,239,230,.97);
  color:var(--green);
  box-shadow:0 1px 0 rgba(18,62,49,.10);
}
.site-header .brand img{filter:brightness(0) invert(1);transition:filter .35s ease}
.site-header.scrolled .brand img{filter:none}
.main-nav{color:#fff}
.site-header.scrolled .main-nav{color:var(--green)}
.main-nav>a:not(.nav-cta){color:inherit}
.site-header .languages a{color:#fff}
.site-header.scrolled .languages a{color:var(--green)}
.site-header .languages .active{color:var(--gold)}
.site-header .menu-toggle{border-color:rgba(255,255,255,.45)}
.site-header .menu-toggle span{background:#fff}
.site-header.scrolled .menu-toggle{border-color:rgba(18,62,49,.32)}
.site-header.scrolled .menu-toggle span{background:var(--green)}

.hero{
  padding-top:88px;
  min-height:780px;
  height:100vh;
  max-height:920px;
  display:grid;
  grid-template-columns:48% 52%;
  background:var(--green);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.hero-image{
  grid-column:1;grid-row:1;
  position:relative;inset:auto;
  width:100%;height:100%;
  overflow:hidden;
  background:none;
}
.hero-image img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center center;
}
.hero-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(18,62,49,0) 68%,rgba(18,62,49,.65) 100%);
}
.hero-content{
  grid-column:2;grid-row:1;
  position:relative;z-index:3;
  width:min(calc(100% - 72px),650px);
  margin:0 auto;
  padding:110px 20px 80px 48px;
  justify-content:center;
  align-items:flex-start;
}
.hero .eyebrow{color:rgba(255,255,255,.62);margin:20px 0 20px}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap}
.hero-badges span{
  border:1px solid rgba(201,162,77,.55);
  border-radius:999px;
  padding:10px 18px 9px;
  color:#e2c875;
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero h1{
  color:#fff;
  font-size:clamp(48px,4.2vw,62px);
  line-height:1.04;
  max-width:700px;
  margin-bottom:25px;
}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 em{color:#e0bd58;font-style:normal}
.hero-lead{color:rgba(255,255,255,.68);font-size:16px;line-height:1.65;max-width:520px;margin-bottom:31px}
.hero-actions{display:flex;gap:12px}
.hero .button-gold{background:var(--gold);border-color:var(--gold);color:#17231e;font-weight:600}
.hero .button-light{border:1px solid rgba(255,255,255,.30);background:transparent;color:#fff}
.hero-decoration{position:absolute;z-index:2;pointer-events:none;opacity:.42}
.hero-decoration img{width:100%;height:auto}
.hero-decoration-frog{width:230px;right:-42px;top:105px;transform:rotate(-7deg)}
.hero-decoration-snail{width:175px;left:calc(48% - 120px);bottom:-25px;opacity:.5}
.hero-scroll{display:none}

@media(max-width:1100px){
 .hero-content{padding-left:34px;width:min(calc(100% - 40px),620px)}
 .hero h1{font-size:clamp(44px,4.8vw,56px)}
}
@media(max-width:900px){
 .site-header{position:fixed;background:var(--green)}
 .site-header.scrolled{background:rgba(243,239,230,.97)}
 .nav-wrap{height:78px}
 .brand img{height:auto;width:112px;max-width:145px}
 .main-nav{background:var(--green);color:#fff}
 .hero{
   padding-top:78px;
   display:flex;flex-direction:column;
   height:auto;min-height:0;max-height:none;
 }
 .hero-image{order:1;height:min(68vh,590px);min-height:400px}
 .hero-image:after{background:linear-gradient(0deg,rgba(18,62,49,.38),transparent 35%)}
 .hero-content{
   order:2;width:min(calc(100% - 36px),var(--max));
   margin:0 auto;padding:55px 0 64px;
 }
 .hero .eyebrow{margin-top:18px}
 .hero h1{font-size:clamp(44px,9vw,60px)}
 .hero-decoration-frog{width:180px;right:-38px;top:auto;bottom:285px}
 .hero-decoration-snail{width:150px;left:-28px;bottom:18px}
}
@media(max-width:560px){
 .hero-image{height:52vh;min-height:350px}
 .hero-content{padding:45px 0 54px}
 .hero-badges{gap:8px}
 .hero-badges span{padding:9px 13px;font-size:9px;letter-spacing:.14em}
 .hero h1{font-size:44px;line-height:1.05}
 .hero h1 span{white-space:normal}
 .hero-lead{font-size:15px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .button{width:100%;justify-content:center}
 .hero-decoration-frog{width:135px;right:-38px;bottom:260px;opacity:.28}
 .hero-decoration-snail{width:125px;left:-24px;bottom:4px;opacity:.38}
}


/* HERO V9 FINAL — Lovable-inspired green layout, portrait photo on the right */
:root{--green:#2d4939;--green-2:#345844;--gold:#c9a24d;--ivory:#f3efe6;}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--green);color:#fff;box-shadow:none}
.site-header.scrolled{background:rgba(243,239,230,.98);color:var(--green);box-shadow:0 1px 0 rgba(18,62,49,.10)}
.site-header .brand img{filter:brightness(0) invert(1);width:112px;height:auto}
.site-header.scrolled .brand img{filter:none}
.site-header .main-nav{color:#fff}
.site-header.scrolled .main-nav{color:var(--green)}
.site-header .languages a{color:#fff}
.site-header.scrolled .languages a{color:var(--green)}
.site-header .languages .active{color:#fff}
.site-header.scrolled .languages .active{color:var(--green)}
.site-header .languages .active:after{background:var(--gold)}
.site-header .menu-toggle{border-color:rgba(255,255,255,.4)}
.site-header .menu-toggle span{background:#fff}
.site-header.scrolled .menu-toggle{border-color:rgba(18,62,49,.28)}
.site-header.scrolled .menu-toggle span{background:var(--green)}

.hero{padding-top:88px;min-height:780px;height:100vh;max-height:920px;display:grid;grid-template-columns:55% 45%;background:var(--green);color:#fff;position:relative;overflow:hidden}
.hero-image{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:100%;overflow:hidden;background:none}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.hero-image{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--green) 0%,rgba(45,73,57,.30) 13%,rgba(45,73,57,0) 34%)}
.hero-content{grid-column:1;grid-row:1;position:relative;z-index:4;width:min(calc(100% - 64px),620px);margin-left:max(32px,calc((100vw - var(--max))/2));margin-right:auto;padding:105px 0 80px;justify-content:center;align-items:flex-start}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.hero-badges span{border:1px solid rgba(201,162,77,.62);border-radius:999px;padding:10px 18px 9px;color:#e2c875;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.hero .eyebrow{color:rgba(255,255,255,.62);margin:18px 0 18px}
.hero h1{color:#fff;font-size:clamp(48px,4.1vw,60px);line-height:1.04;max-width:650px;margin:0 0 24px}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 em{color:#e0bd58;font-style:normal}
.hero-lead{color:rgba(255,255,255,.68);font-size:16px;line-height:1.65;max-width:500px;margin:0 0 31px}
.hero-actions{display:flex;gap:12px}
.hero .button-gold{background:var(--gold);border-color:var(--gold);color:#17231e;font-weight:600}
.hero .button-light{border:1px solid rgba(255,255,255,.30);background:transparent;color:#fff}
.hero-decoration{position:absolute;z-index:3;pointer-events:none;opacity:.48}
.hero-decoration-frog{width:185px;right:26px;top:116px;transform:rotate(-7deg);opacity:.48}
.hero-decoration-snail{width:158px;left:calc(55% - 215px);bottom:28px;opacity:.48}
.hero-scroll{display:none}

@media(max-width:1100px){
 .hero{grid-template-columns:52% 48%}
 .hero-content{width:min(calc(100% - 44px),590px);margin-left:22px;padding-right:8px}
 .hero h1{font-size:clamp(44px,4.8vw,56px)}
 .hero-decoration-snail{left:calc(52% - 110px)}
}
@media(max-width:900px){
 .site-header{background:var(--green)}
 .site-header.scrolled{background:rgba(243,239,230,.98)}
 .nav-wrap{height:78px}
 .brand img{height:auto;width:112px;max-width:145px}
 .main-nav{background:var(--green);color:#fff}
 .hero{padding-top:78px;display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}
 .hero-content{order:1;width:min(calc(100% - 36px),var(--max));margin:0 auto;padding:54px 0 54px}
 .hero-image{order:2;height:min(68vh,590px);min-height:390px}
 .hero-image:after{background:linear-gradient(0deg,rgba(45,73,57,.28),transparent 34%)}
 .hero h1{font-size:clamp(44px,9vw,60px)}
 .hero-decoration-frog{width:130px;right:18px;top:98px;bottom:auto;opacity:.30}
 .hero-decoration-snail{width:120px;left:auto;right:12px;bottom:20px;opacity:.34}
}
@media(max-width:560px){
 .hero-content{padding:45px 0 48px}
 .hero-badges{gap:8px}
 .hero-badges span{padding:9px 13px;font-size:9px;letter-spacing:.14em}
 .hero .eyebrow{font-size:11px;margin:16px 0 16px}
 .hero h1{font-size:44px;line-height:1.05}
 .hero h1 span{white-space:normal}
 .hero-lead{font-size:15px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .button{width:100%;justify-content:center}
 .hero-image{height:430px;min-height:0}
 .hero-decoration-frog{width:105px;right:8px;top:96px;bottom:auto;opacity:.22}
 .hero-decoration-snail{width:100px;left:auto;right:8px;bottom:14px;opacity:.28}
}

.hero-products{display:flex;gap:34px;align-items:stretch;margin:0 0 22px;max-width:540px}
.hero-products>div{display:flex;flex-direction:column;gap:3px;min-width:170px}
.hero-products>div+div{border-left:1px solid rgba(255,255,255,.22);padding-left:34px}
.hero-products strong{font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;color:#fff}
.hero-products span{font-size:14px;color:rgba(255,255,255,.68)}
.hero-features{display:flex;align-items:center;gap:18px;margin:0 0 28px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#e0bd58}
.hero-features i{display:block;width:1px;height:22px;background:rgba(201,162,77,.5)}
@media(max-width:560px){.hero-products{gap:18px}.hero-products>div{min-width:0}.hero-products>div+div{padding-left:18px}.hero-products span{font-size:13px}.hero-features{margin-bottom:26px}}


/* =========================================================
   HERO V12 — final cleanup
   Uses only the original photo and supplied line drawings.
   ========================================================= */
.site-header{background:var(--green)!important;color:#fff!important}
.site-header.scrolled{background:rgba(243,239,230,.98)!important;color:var(--green)!important}
.site-header .brand img{width:112px!important;height:auto!important;filter:brightness(0) invert(1)!important}
.site-header.scrolled .brand img{filter:none!important;width:112px!important}

.hero{
  padding-top:88px!important;
  min-height:780px!important;
  height:min(100vh,920px)!important;
  display:grid!important;
  grid-template-columns:58% 42%!important;
  background:var(--green)!important;
  color:#fff!important;
}
.hero-content{
  grid-column:1!important;grid-row:1!important;
  width:min(calc(100% - 72px),680px)!important;
  margin:0 auto!important;
  padding:86px 30px 70px 0!important;
  position:relative!important;z-index:5!important;
  justify-content:center!important;
}
.hero-image{
  grid-column:2!important;grid-row:1!important;
  position:relative!important;inset:auto!important;
  width:100%!important;height:100%!important;
  overflow:hidden!important;background:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 100%)!important;
}
.hero-image img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:58% 56%!important;
}
.hero-image:after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,var(--green) 0%,rgba(18,62,49,.34) 10%,rgba(18,62,49,0) 28%)!important;
  pointer-events:none!important;
}
.hero-decoration{z-index:2!important;pointer-events:none!important}
.hero-decoration-frog{
  width:185px!important;
  right:28px!important;
  top:112px!important;
  bottom:auto!important;
  transform:none!important;
  opacity:.55!important;
}
.hero-decoration-snail{
  width:148px!important;
  left:calc(58% - 205px)!important;
  right:auto!important;
  bottom:30px!important;
  opacity:.55!important;
}
.hero-products{position:relative;z-index:4;margin-bottom:22px!important}
.hero-features{position:relative;z-index:4;margin-bottom:28px!important}
.hero-actions{position:relative;z-index:4}

@media(max-width:1100px){
  .hero{grid-template-columns:56% 44%!important}
  .hero-content{width:min(calc(100% - 44px),620px)!important;padding-right:18px!important}
  .hero h1{font-size:clamp(44px,4.6vw,58px)!important}
  .hero-decoration-frog{width:150px!important;right:12px!important;top:125px!important}
  .hero-decoration-snail{left:calc(56% - 175px)!important;width:135px!important}
}
@media(max-width:900px){
  .site-header{background:var(--green)!important}
  .site-header.scrolled{background:rgba(243,239,230,.98)!important}
  .site-header .brand img,.site-header.scrolled .brand img{width:104px!important}
  .hero{padding-top:78px!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;max-height:none!important}
  .hero-content{order:1!important;width:min(calc(100% - 36px),var(--max))!important;margin:0 auto!important;padding:50px 0 48px!important}
  .hero-image{order:2!important;width:100%!important;height:min(72vh,620px)!important;min-height:420px!important;-webkit-mask-image:none!important;mask-image:none!important}
  .hero-image img{object-position:58% 55%!important}
  .hero-image:after{background:linear-gradient(0deg,rgba(18,62,49,.28),transparent 35%)!important}
  .hero-decoration-frog{width:125px!important;right:14px!important;top:95px!important;opacity:.38!important}
  .hero-decoration-snail{width:115px!important;left:auto!important;right:18px!important;bottom:18px!important;opacity:.38!important}
}
@media(max-width:560px){
  .hero-content{padding:44px 0 46px!important}
  .hero h1{font-size:44px!important}
  .hero-products{gap:18px!important}
  .hero-products>div+div{padding-left:18px!important}
  .hero-features{gap:14px!important}
  .hero-image{height:460px!important;min-height:0!important}
  .hero-image img{object-position:60% 54%!important}
  .hero-decoration-frog{width:98px!important;right:8px!important;top:90px!important;opacity:.30!important}
  .hero-decoration-snail{width:94px!important;right:8px!important;bottom:12px!important;opacity:.32!important}
}

/* V12 precision placement: supplied line art stays entirely on the green field. */
@media(min-width:901px){
  .hero-decoration-frog{left:calc(58% - 205px)!important;right:auto!important;top:112px!important;width:180px!important;opacity:.52!important}
  .hero-decoration-snail{left:calc(58% - 190px)!important;right:auto!important;bottom:34px!important;width:150px!important;opacity:.52!important}
}
@media(max-width:1100px) and (min-width:901px){
  .hero-decoration-frog{left:calc(56% - 165px)!important;width:145px!important;top:118px!important}
  .hero-decoration-snail{left:calc(56% - 150px)!important;width:128px!important}
}
@media(max-width:900px){
  .hero-decoration-frog{left:auto!important;right:18px!important;top:94px!important}
  .hero-decoration-snail{left:auto!important;right:18px!important;bottom:20px!important}
}


/* V13 — final hero cleanup: fewer words, original vector logo, visible product, supplied line art only */
.site-header .brand img,
.site-header.scrolled .brand img{
  width:112px!important;
  height:auto!important;
  object-fit:contain!important;
}
.site-header .brand img{filter:brightness(0) invert(1)!important}
.site-header.scrolled .brand img{filter:none!important}

.hero-content{padding-top:82px!important;padding-bottom:60px!important}
.hero .eyebrow{display:none!important}
.hero-lead{margin-bottom:27px!important}
.hero-products{margin-bottom:0!important}
.hero-features{display:none!important}
.hero-image img{object-position:58% 68%!important}
.hero-image:after{background:linear-gradient(90deg,var(--green) 0%,rgba(45,73,57,.24) 10%,rgba(45,73,57,0) 29%)!important}

/* The supplied drawings are cropped to their real alpha bounds, so their CSS size is their visual size. */
.hero-decoration-frog{
  left:calc(58% - 300px)!important;
  right:auto!important;
  top:88px!important;
  width:225px!important;
  opacity:.34!important;
  z-index:2!important;
}
.hero-decoration-snail{
  left:calc(58% - 275px)!important;
  right:auto!important;
  bottom:32px!important;
  width:170px!important;
  opacity:.38!important;
  z-index:2!important;
}

@media(max-width:1100px) and (min-width:901px){
  .hero-content{padding-top:72px!important}
  .hero-decoration-frog{left:calc(56% - 250px)!important;width:190px!important;top:126px!important}
  .hero-decoration-snail{left:calc(56% - 225px)!important;width:145px!important;bottom:30px!important}
}
@media(max-width:900px){
  .hero-content{padding-top:46px!important;padding-bottom:44px!important}
  .hero-image img{object-position:58% 68%!important}
  .hero-decoration-frog{left:auto!important;right:18px!important;top:92px!important;width:125px!important;opacity:.24!important}
  .hero-decoration-snail{left:auto!important;right:18px!important;bottom:18px!important;width:115px!important;opacity:.28!important}
}
@media(max-width:560px){
  .site-header .brand img,.site-header.scrolled .brand img{width:104px!important}
  .hero-content{padding-top:42px!important;padding-bottom:42px!important}
  .hero-image{height:480px!important}
  .hero-image img{object-position:60% 70%!important}
  .hero-decoration-frog{width:105px!important;right:8px!important;top:88px!important}
  .hero-decoration-snail{width:98px!important;right:8px!important;bottom:12px!important}
}


/* V15 — final agreed Hero corrections */
.site-header .brand img,
.site-header.scrolled .brand img{
  filter:none!important;
  width:112px!important;
  height:auto!important;
  object-fit:contain!important;
}
.hero-products{
  margin-bottom:48px!important;
}
@media(min-width:901px){
  .hero-image img{object-position:58% 82%!important;}
}
@media(max-width:900px){
  .hero-image img{object-position:58% 82%!important;}
}
@media(max-width:560px){
  .hero-image img{object-position:60% 82%!important;}
}

/* V17 — final supplied assets + agreed Hero refinements */
.site-header .brand img,
.site-header.scrolled .brand img{
  width:112px!important;
  height:auto!important;
  filter:none!important;
  object-fit:contain!important;
}
.hero-image img{
  object-position:58% 82%!important;
}
.hero-products{
  margin-bottom:48px!important;
}
/* Supplied line drawings: floating on the green field, never over the photo. */
@media(min-width:901px){
  .hero-decoration-frog{
    left:calc(58% - 300px)!important;
    right:auto!important;
    top:72px!important;
    width:205px!important;
    opacity:.38!important;
    transform:none!important;
  }
  .hero-decoration-snail{
    left:calc(58% - 250px)!important;
    right:auto!important;
    bottom:52px!important;
    width:125px!important;
    opacity:.40!important;
  }
}
@media(max-width:1100px) and (min-width:901px){
  .hero-decoration-frog{left:calc(56% - 235px)!important;top:82px!important;width:175px!important}
  .hero-decoration-snail{left:calc(56% - 195px)!important;bottom:45px!important;width:112px!important}
}
@media(max-width:900px){
  .hero-image img{object-position:58% 82%!important}
  .hero-decoration-frog{left:auto!important;right:18px!important;top:92px!important;width:118px!important;opacity:.27!important}
  .hero-decoration-snail{left:auto!important;right:18px!important;bottom:18px!important;width:100px!important;opacity:.28!important}
}
@media(max-width:560px){
  .hero-image img{object-position:60% 82%!important}
  .hero-decoration-frog{width:100px!important;top:88px!important;right:8px!important}
  .hero-decoration-snail{width:88px!important;bottom:12px!important;right:8px!important}
}

/* V18 — final Hero polish: supplied logo, gentler photo crop, true floating line art. */
.site-header .brand{display:flex;align-items:center;position:relative}
.site-header .brand .brand-logo{display:block;width:78px!important;height:auto!important;max-width:none;filter:none!important;object-fit:contain}
.site-header .brand .brand-logo-classic{display:none}
.site-header.scrolled .brand .brand-logo-white{display:none}
.site-header.scrolled .brand .brand-logo-classic{display:block}

/* Keep the supplied portrait intact; only the crop changes in the layout. */
.hero-image img{object-position:52% 52%!important}

/* The two supplied drawings float independently and subtly. */
@keyframes azarifrog-float-frog{
  0%,100%{transform:translate3d(0,0,0) rotate(-7deg)}
  50%{transform:translate3d(-12px,10px,0) rotate(-4deg)}
}
@keyframes azarifrog-float-snail{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  50%{transform:translate3d(10px,-11px,0) rotate(2deg)}
}
.hero-decoration-frog{animation:azarifrog-float-frog 7s ease-in-out infinite!important;will-change:transform}
.hero-decoration-snail{animation:azarifrog-float-snail 8.5s ease-in-out infinite -2.2s!important;will-change:transform}

@media(max-width:900px){
  .site-header .brand .brand-logo{width:74px!important}
  .hero-image img{object-position:52% 52%!important}
}
@media(max-width:560px){
  .site-header .brand .brand-logo{width:70px!important}
  .hero-image img{object-position:52% 52%!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-decoration-frog,.hero-decoration-snail{animation:none!important}
}


/* V20 — final header fit: classic logo stays fully inside the scrolled header. */
.site-header.scrolled .brand .brand-logo-classic{
  width:62px!important;
  height:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
}


/* V21 — identical header logo size and position in both states. */
.site-header .brand .brand-logo,
.site-header.scrolled .brand .brand-logo-classic{
  width:62px!important;
  height:62px!important;
  max-width:none;
  max-height:62px!important;
  object-fit:contain!important;
}

/* V22 — refined partnership copy */
.intro-copy strong{font-weight:600;color:var(--green)}
.intro-copy p+p{margin-top:14px}

/* CONTACT — final visual format */
.contact{background:#2d4939;color:var(--ivory)}
.contact-grid{align-items:start}
.contact-copy .eyebrow{color:var(--gold)}
.contact-copy h2{font-size:clamp(48px,5.1vw,72px);color:var(--ivory);letter-spacing:-.035em}
.contact-copy h2 em{color:var(--gold)}
.contact-copy>p:not(.eyebrow){color:rgba(243,239,230,.72);max-width:590px;margin:26px 0 0;font-size:17px}
.contact-details{margin-top:48px;display:block}
.direct-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:14px}
.contact-methods{display:flex;align-items:center;gap:12px}
.email-link{font:500 18px var(--serif);color:var(--ivory);transition:color .2s ease}
.email-link:hover{color:var(--gold)}
.contact-divider{width:1px;height:28px;background:rgba(243,239,230,.28);margin:0 6px}
.contact-icon{width:40px;height:40px;border:1px solid rgba(243,239,230,.42);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ivory);transition:color .2s ease,border-color .2s ease,transform .2s ease}
.contact-icon svg{width:19px;height:19px;fill:currentColor}
.contact-icon:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-1px)}
.quote-form{background:transparent;color:var(--ivory);border:1px solid rgba(243,239,230,.22);padding:42px 44px 38px}
.form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:34px}
.form-heading h3{font-size:32px;color:var(--ivory);margin:0;line-height:1.1}
.form-heading span{font:600 9px/1.8 var(--sans);text-transform:uppercase;letter-spacing:.24em;text-align:right;color:var(--gold);padding-top:2px}
.quote-form label{color:rgba(243,239,230,.68);margin-bottom:20px;gap:7px}
.quote-form input,.quote-form select,.quote-form textarea{border-bottom:1px solid rgba(243,239,230,.28);color:var(--ivory);padding:9px 0 11px;font:16px var(--serif)}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:rgba(243,239,230,.58);opacity:1}
.quote-form select{appearance:auto;color:var(--ivory)}
.quote-form select option{color:var(--ink);background:var(--paper)}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--gold)}
.quote-form .button{width:100%;border-radius:0;margin-top:4px;min-height:48px;background:var(--gold);color:#1c3028}
.form-note{display:block;margin-top:13px;color:rgba(243,239,230,.5);font:10px/1.5 var(--sans)}
@media(max-width:900px){
  .contact-copy h2{font-size:clamp(44px,9vw,62px)}
  .quote-form{padding:34px 30px}
}
@media(max-width:560px){
  .contact-methods{gap:10px}
  .email-link{font-size:16px}
  .contact-icon{width:38px;height:38px}
  .form-heading{display:block}
  .form-heading span{text-align:left;display:block;margin-top:10px}
  .quote-form{padding:28px 24px}
}

/* CONTACT — custom product dropdown: no native white browser menu. */
.product-field{position:relative}
.product-select{position:relative}
.product-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(243,239,230,.28);background:transparent;color:var(--ivory);padding:9px 0 11px;font:16px var(--serif);text-align:left;cursor:pointer}
.product-select-trigger span{font:18px/1 var(--sans);color:var(--ivory);transition:transform .2s ease}
.product-select.open .product-select-trigger span{transform:rotate(180deg)}
.product-select-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 1px);padding:7px 0;background:#243f34;border:1px solid rgba(243,239,230,.25);box-shadow:0 14px 28px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.product-select.open .product-select-menu{opacity:1;visibility:visible;transform:translateY(0)}
.product-select-menu button{width:100%;border:0;background:transparent;color:var(--ivory);padding:11px 15px;font:15px var(--serif);text-align:left;cursor:pointer}
.product-select-menu button:hover,.product-select-menu button:focus-visible{background:rgba(201,162,77,.16);color:var(--gold);outline:none}
.product-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}

/* V23 — Header/Footer alignment: exact shared horizontal rhythm. */
.footer-main,
.footer-legal{
  width:min(calc(100% - 64px),var(--max));
  margin-inline:auto;
}
.footer-main{
  gap:54px;
  padding-bottom:14px;
}
.footer-brand img{
  width:62px;
  height:62px;
  max-width:none;
  object-fit:contain;
}
.footer-brand-block p{
  margin-top:5px;
  max-width:150px;
}
.footer-legal{
  padding-top:7px;
}

@media(max-width:700px){
  .footer-main{
    width:min(calc(100% - 40px),var(--max));
    gap:28px;
    padding-bottom:16px;
  }
  .footer-brand img{
    width:62px;
    height:62px;
  }
  .footer-brand-block p{
    max-width:145px;
    font-size:11px;
  }
  .footer-legal{
    width:min(calc(100% - 40px),var(--max));
  }
}


/* FINAL ASSEMBLY — PRODUCT / PROCESS */
/* =========================================================
   PRODUCTS + PRODUCTION PROCESS — V23
   Real product information + supplied line-art only.
   No invented product photography.
   ========================================================= */
.products-process{background:var(--ivory);padding-top:104px;padding-bottom:112px}
.products-heading{margin-bottom:52px}
.products-heading h2{font-size:clamp(52px,5.2vw,76px);text-transform:uppercase;letter-spacing:-.03em}
.products-heading>p{font-size:14px;line-height:1.65}
.product-grid-refined{grid-template-columns:1fr 1fr;gap:64px}
.product-grid-refined .product-card{border:0;box-shadow:none;background:transparent;position:relative;display:grid;grid-template-columns:72px 1fr;column-gap:28px;align-items:start;padding:28px 0 34px;border-top:1px solid rgba(18,62,49,.16)}
.product-art{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.product-art img{display:block;width:54px;height:54px;object-fit:contain;opacity:.55;filter:none}
.product-card-frog .product-art img{width:56px;height:56px}
.product-card-snail .product-art img{width:52px;height:52px}
.product-grid-refined .product-body{padding:0;background:transparent}
.product-grid-refined .product-body h3{font-size:42px;margin:-3px 0 3px;text-transform:uppercase;letter-spacing:-.02em}
.product-number{font-size:10px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)!important;margin-bottom:10px}
.product-species{font:italic 17px var(--serif);color:var(--green-2)!important;margin:0 0 20px!important}
.product-tags{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px}
.product-tags span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--green-2)}
.product-tags span+span:before{content:'·';margin-right:18px;color:var(--gold)}
.process-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:74px 0 30px}
.process-divider span{height:1px;background:rgba(18,62,49,.18)}
.process-divider p{margin:0;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;color:var(--green-2)}
.process-feature{height:470px;overflow:hidden;position:relative;background:#dfe5df}
.process-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,62,49,.08),transparent 35%,rgba(18,62,49,.02));pointer-events:none}
.process-feature img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.process-gallery{display:grid;grid-template-columns:1.35fr .9fr .9fr;grid-template-rows:220px 220px;gap:12px;margin-top:12px}
.process-gallery figure{margin:0;overflow:hidden;background:#dfe5df}
.process-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.process-gallery figure:hover img{transform:scale(1.025)}
.process-gallery .gallery-large{grid-row:1 / span 2}
.process-gallery .gallery-director{grid-column:2 / span 2}
@media(max-width:900px){
  .products-process{padding-top:82px;padding-bottom:88px}
  .product-grid-refined{grid-template-columns:1fr;gap:28px}
  .product-grid-refined .product-card{grid-template-columns:62px 1fr;padding-top:24px}
  .product-art{width:52px;height:52px}
  .process-feature{height:420px}
  .process-gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px}
  .process-gallery .gallery-large{grid-row:auto}
  .process-gallery .gallery-director{grid-column:1 / span 2}
}
@media(max-width:560px){
  .products-process{padding-top:68px;padding-bottom:72px}
  .products-heading{margin-bottom:34px}
  .products-heading h2{font-size:46px}
  .product-grid-refined .product-card{grid-template-columns:52px 1fr;column-gap:18px}
  .product-grid-refined .product-body h3{font-size:35px}
  .product-art{width:48px;height:48px}
  .product-art img{width:44px!important;height:44px!important}
  .process-divider{margin:58px 0 24px;gap:12px}
  .process-divider p{font-size:9px;letter-spacing:.13em;white-space:nowrap}
  .process-feature{height:360px}
  .process-feature img{object-position:50% center}
  .process-gallery{grid-template-columns:1fr;grid-template-rows:220px 220px 220px 220px}
  .process-gallery .gallery-director{grid-column:auto}
}

/* Screen 3 refinement — exact original line-art, no photo alteration */
.product-grid-refined{gap:56px}
.product-grid-refined .product-card{min-height:245px;display:block;padding:30px 0 34px;overflow:hidden}
.product-grid-refined .product-art{position:absolute;z-index:0;pointer-events:none;width:auto;height:auto;display:block;margin:0;opacity:.28}
.product-grid-refined .product-art img{display:block;object-fit:contain;width:auto;height:auto;opacity:1;filter:none}
.product-card-frog .product-art{left:27%;top:52px;transform:translateX(-8%)}
.product-card-frog .product-art img{width:330px;height:auto}
.product-card-snail .product-art{left:55%;top:24px;transform:translateX(-6%)}
.product-card-snail .product-art img{width:300px;height:auto}
.product-grid-refined .product-body{position:relative;z-index:1;padding:0 34px}
.product-grid-refined .product-body h3{position:relative;z-index:2;margin:0 0 3px;font-size:42px}
.product-grid-refined .product-species{position:relative;z-index:2}
.product-grid-refined .product-tags{position:relative;z-index:2;margin-top:28px}

.process-feature{height:520px}
.process-feature img{object-position:50% 31%}
.process-gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:260px;gap:12px;margin-top:12px}
.process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{grid-column:auto;grid-row:auto;height:260px}
.process-gallery img{object-fit:cover}
.process-gallery figure:nth-child(1) img{object-position:50% 42%}
.process-gallery figure:nth-child(2) img{object-position:50% 43%}
.process-gallery figure:nth-child(3) img{object-position:50% 42%}
.process-gallery figure:nth-child(4) img{object-position:50% 50%}

@media(max-width:900px){
  .product-grid-refined{gap:28px}
  .product-grid-refined .product-card{min-height:225px}
  .product-card-frog .product-art{left:38%;top:45px}
  .product-card-frog .product-art img{width:280px}
  .product-card-snail .product-art{left:55%;top:22px}
  .product-card-snail .product-art img{width:260px}
  .process-feature{height:430px}
  .process-feature img{object-position:50% 31%}
  .process-gallery{grid-template-columns:1fr 1fr;grid-template-rows:240px 240px}
  .process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{height:240px}
}
@media(max-width:560px){
  .product-grid-refined .product-card{min-height:205px;padding:24px 0 28px}
  .product-grid-refined .product-body{padding:0 18px}
  .product-card-frog .product-art{left:35%;top:48px}
  .product-card-frog .product-art img{width:245px}
  .product-card-snail .product-art{left:53%;top:28px}
  .product-card-snail .product-art img{width:225px}
  .product-grid-refined .product-body h3{font-size:35px}
  .product-grid-refined .product-tags{margin-top:22px}
  .process-feature{height:360px}
  .process-feature img{object-position:50% 30%}
  .process-gallery{grid-template-columns:1fr;grid-template-rows:220px 220px 220px 220px}
  .process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{height:220px}
  .process-gallery figure:nth-child(1) img{object-position:50% 40%}
  .process-gallery figure:nth-child(2) img{object-position:50% 42%}
  .process-gallery figure:nth-child(3) img{object-position:50% 40%}
  .process-gallery figure:nth-child(4) img{object-position:50% 50%}
}


/* V26 — refined production scale + editorial captions */
.process-feature{height:390px;margin:0;position:relative;overflow:hidden;background:#dfe5df}
.process-feature img{width:100%;height:100%;object-fit:cover;object-position:50% 31%}
.process-feature figcaption{position:absolute;left:0;right:0;bottom:0;padding:13px 18px 12px;background:linear-gradient(180deg,transparent,rgba(18,62,49,.82));color:#fff;font-size:9px;letter-spacing:.13em;text-transform:uppercase;line-height:1.2}
.process-feature figcaption span,.process-gallery figcaption span{color:var(--gold);margin-right:10px}
.process-gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:190px;gap:12px;margin-top:12px}
.process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{height:190px;margin:0;overflow:hidden;position:relative;background:#dfe5df}
.process-gallery figure img{width:100%;height:100%;object-fit:cover}
.process-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 13px 10px;background:linear-gradient(180deg,transparent,rgba(18,62,49,.84));color:#fff;font-size:8px;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
@media(max-width:900px){
  .process-feature{height:330px}
  .process-gallery{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px}
  .process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{height:190px}
}
@media(max-width:560px){
  .process-feature{height:270px}
  .process-gallery{grid-template-columns:1fr 1fr;grid-template-rows:165px 165px;gap:8px}
  .process-gallery figure,.process-gallery .gallery-large,.process-gallery .gallery-director{height:165px}
  .process-feature figcaption{font-size:8px;padding:10px 12px}
  .process-gallery figcaption{font-size:7px;padding:8px 9px}
}


/* V27 — clearer washing action + director photo treated as team portrait */
.process-feature img{object-position:50% 76%}
.process-gallery .gallery-director figcaption{background:linear-gradient(180deg,transparent,rgba(18,62,49,.78))}
@media(max-width:900px){
  .process-feature img{object-position:50% 72%}
}
@media(max-width:560px){
  .process-feature img{object-position:50% 68%}
}

/* V28 — restrained horizontal production gallery: equal editorial cards, no oversized feature */
.process-gallery-scroll{
  display:flex!important;
  gap:14px;
  margin-top:0!important;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 10px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:rgba(18,62,49,.28) transparent;
}
.process-gallery-scroll .process-card{
  flex:0 0 31.5%;
  height:auto!important;
  margin:0!important;
  overflow:visible!important;
  background:transparent!important;
  position:relative;
  scroll-snap-align:start;
}
.process-gallery-scroll .process-card img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:50% 50%;
}
.process-gallery-scroll .process-card:first-child img{object-position:50% 50%}
.process-gallery-scroll .process-card:nth-child(2) img{object-position:50% 43%}
.process-gallery-scroll .process-card:nth-child(3) img{object-position:50% 42%}
.process-gallery-scroll .process-card:nth-child(4) img{object-position:50% 42%}
.process-gallery-scroll .process-card:nth-child(5) img{object-position:50% 50%}
.process-gallery-scroll .process-card figcaption{
  position:static!important;
  display:block;
  padding:11px 2px 0!important;
  background:none!important;
  color:var(--green-2)!important;
  font-size:9px!important;
  letter-spacing:.13em;
  text-transform:uppercase;
  line-height:1.3;
}
.process-gallery-scroll .process-card figcaption span{
  color:var(--gold)!important;
  margin-right:9px;
}
@media(max-width:900px){
  .process-gallery-scroll{gap:12px}
  .process-gallery-scroll .process-card{flex-basis:46%}
  .process-gallery-scroll .process-card img{height:330px}
}
@media(max-width:560px){
  .process-gallery-scroll{gap:10px;padding-bottom:8px}
  .process-gallery-scroll .process-card{flex-basis:78%}
  .process-gallery-scroll .process-card img{height:390px}
  .process-gallery-scroll .process-card:first-child img{object-position:50% 50%}
  .process-gallery-scroll .process-card figcaption{font-size:8px!important;padding-top:9px!important}
}

/* FINAL ASSEMBLY — EXPORT NETWORK */
.markets{background:var(--paper);padding:92px 0 88px;min-height:760px;display:flex;align-items:center}
.network-inner{width:min(calc(100% - 64px),var(--max));margin:auto}
.network-eyebrow{text-align:center;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin:0 0 18px}
.network-title{text-align:center;font-family:var(--serif);font-size:clamp(48px,5.5vw,76px);font-weight:500;line-height:1;letter-spacing:-.035em;margin:0;color:var(--green)}
.map-wrap-final{position:relative;width:min(1000px,100%);margin:34px auto 0;aspect-ratio:2.45/1}
.map-svg-final{width:100%;height:100%;display:block;overflow:visible}
.map-svg-final .route{fill:none;stroke:var(--gold);stroke-width:1.2;stroke-dasharray:2 9;stroke-linecap:round;opacity:.34;animation:routeFlowFinal 9s linear infinite}
.map-svg-final .route.r2{animation-delay:.9s}.map-svg-final .route.r3{animation-delay:1.8s}.map-svg-final .route.r4{animation-delay:2.7s}.map-svg-final .route.r5{animation-delay:3.6s}.map-svg-final .route.r6{animation-delay:4.5s}.map-svg-final .route.r7{animation-delay:5.4s}.map-svg-final .route.r8{animation-delay:6.3s}.map-svg-final .route.r9{animation-delay:7.2s}
@keyframes routeFlowFinal{0%{stroke-dashoffset:0;opacity:.20}18%{opacity:.48}48%{opacity:.34}100%{stroke-dashoffset:-55px;opacity:.20}}
.map-svg-final .country-dot{fill:var(--gold)}.map-svg-final .country-label{font:500 13px var(--sans);fill:#646961;letter-spacing:.03em}.map-svg-final .baku-label{font:600 13px var(--sans);fill:var(--green);letter-spacing:.16em}
.map-svg-final .baku-ring{fill:none;stroke:var(--green);stroke-width:1.3;opacity:.34;animation:breatheFinal 4.8s ease-in-out infinite}
.map-svg-final .baku-ring2{fill:none;stroke:var(--gold);stroke-width:1;opacity:.25;animation:breatheFinal 4.8s ease-in-out infinite 1.1s}
@keyframes breatheFinal{0%,100%{transform-origin:710px 245px;transform:scale(.92);opacity:.18}50%{transform-origin:710px 245px;transform:scale(1.12);opacity:.48}}
@media(max-width:800px){.markets{padding:70px 0 72px;min-height:0}.map-wrap-final{margin-top:30px;aspect-ratio:1.55/1}.map-svg-final .country-label{font-size:12px}.map-svg-final .baku-label{font-size:12px}}
@media(max-width:560px){.markets{padding:60px 0 66px}.network-inner{width:calc(100% - 36px)}.network-eyebrow{font-size:10px;letter-spacing:.22em}.network-title{font-size:46px}.map-wrap-final{margin-top:28px;aspect-ratio:1.08/1}.map-svg-final .country-label{font-size:11px}.map-svg-final .baku-label{font-size:11px}}

/* FINAL ASSEMBLY — QUALITY */
.quality{background:#f7f4ec;overflow:hidden;padding:92px 0 100px}
.quality-final-inner{width:min(calc(100% - 72px),1240px);margin:0 auto;display:grid;grid-template-columns:minmax(330px,40%) minmax(0,1fr);align-items:center;gap:clamp(52px,7vw,105px)}
.quality-photo-final{position:relative;height:min(650px,calc(100vh - 190px));min-height:500px;overflow:hidden;background:#e8e4da}
.quality-photo-final:after{content:"";position:absolute;top:0;right:0;bottom:0;width:34%;background:linear-gradient(90deg,rgba(247,244,236,0) 0%,rgba(247,244,236,.16) 28%,rgba(247,244,236,.58) 66%,rgba(247,244,236,1) 100%);pointer-events:none}
.quality-photo-final img{width:100%;height:100%;object-fit:cover;object-position:center center}
.quality-final-content{padding:8px 0;max-width:690px}
.quality-final-content .eyebrow{color:var(--gold);letter-spacing:.32em}
.quality-final-content h2{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(50px,5vw,78px);line-height:.98;letter-spacing:-.025em;color:var(--green)}
.quality-final-lead{max-width:610px;margin:28px 0 44px;font-size:16px;line-height:1.65;color:#58655f}
.quality-points-final{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quality-point-final{padding:20px 0 0;border-top:1px solid rgba(23,63,53,.16)}
.quality-point-final .num{color:var(--gold);font-size:10px;letter-spacing:.18em;margin-bottom:12px}
.quality-point-final h3{margin:0 0 9px;font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.15;color:var(--green)}
.quality-point-final p{margin:0;font-size:12px;line-height:1.55;color:#68736e}
@media(max-width:900px){.quality{padding:72px 0 78px}.quality-final-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:40px}.quality-final-content{order:1}.quality-photo-final{order:2;height:390px;min-height:0}.quality-final-content h2{font-size:clamp(46px,9vw,66px)}.quality-final-lead{font-size:15px;margin:22px 0 34px}.quality-points-final{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.quality{padding:62px 0 66px}.quality-final-inner{width:calc(100% - 28px);gap:30px}.quality-final-content h2{font-size:46px}.quality-photo-final{height:330px}.quality-point-final{padding-top:16px}}

/* FINAL ASSEMBLY — LOGISTICS */
.logistics{background:#f5f1e8;color:#123b32;padding:92px 0 74px}
.logistics-final-screen{width:min(calc(100% - 64px),1240px);margin:0 auto}
.logistics-top{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:30px}
.logistics-eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.25em;color:#b39a63;font-weight:600}
.logistics-title{font-family:var(--serif);font-size:clamp(43px,4.7vw,68px);line-height:.96;font-weight:400;letter-spacing:-.035em;margin:12px 0 0;color:#123b32}
.logistics-intro{max-width:620px;margin:0;font-size:17px;line-height:1.5;color:rgba(18,59,50,.68)}
.logistics-rule{height:1px;background:rgba(18,59,50,.16);margin-bottom:27px}
.logistics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.logistics-card-final{height:375px;border:1px solid rgba(18,59,50,.16);padding:24px 28px 25px;display:flex;flex-direction:column;position:relative;background:rgba(255,255,255,.12)}
.logistics-num{font-family:var(--sans);font-size:10px;letter-spacing:.18em;color:#b39a63}
.logistics-route{position:absolute;left:28px;right:28px;top:105px;height:55px;color:#b39a63;opacity:.55}
.logistics-route svg{width:100%;height:100%}
.logistics-card-content{margin-top:auto}.logistics-kind{font-family:var(--sans);font-size:10px;letter-spacing:.23em;font-weight:600;margin-bottom:9px}
.logistics-card-final h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.08;letter-spacing:-.02em;margin:0 0 11px}
.logistics-detail{font-family:var(--serif);font-size:15px;line-height:1.43;color:rgba(18,59,50,.68);max-width:310px}
.logistics-spec{display:inline-flex;align-items:center;margin-top:17px;padding-top:11px;border-top:1px solid rgba(179,154,99,.45);color:#b39a63;font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.logistics-footer-line{margin-top:21px;padding-top:15px;border-top:1px solid rgba(18,59,50,.16);display:flex;gap:27px;flex-wrap:wrap;font-family:var(--sans);font-size:10px;letter-spacing:.13em;color:rgba(18,59,50,.68)}
@media(max-width:850px){.logistics{padding:70px 0 62px}.logistics-final-screen{width:calc(100% - 44px)}.logistics-top{grid-template-columns:1fr;gap:22px}.logistics-cards{grid-template-columns:1fr}.logistics-card-final{height:330px}.logistics-route{top:88px}}

/* FINAL GLOBAL POLISH */
.site-header{position:fixed}
.footer-brand img{filter:none!important}
.site-footer{padding:18px 0 9px}
.footer-main,.footer-legal{width:min(calc(100% - 64px),var(--max))}
.footer-main{padding-bottom:12px}
.footer-brand img{width:62px!important;height:62px!important;object-fit:contain}
.footer-brand-block p{margin:4px 0 0;max-width:150px;font-size:11px;line-height:1.3}
.footer-contact-block>a{font-size:14px}
.footer-legal{padding-top:7px;font-size:9px}
@media(max-width:700px){
 .site-footer{padding:22px 0 12px}
 .footer-main,.footer-legal{width:calc(100% - 40px)}
 .footer-main{gap:28px}
 .footer-brand img{width:62px!important;height:62px!important}
}


/* =========================================================
   FINAL SCREEN RHYTHM — EN MASTER
   One clear viewport per principal desktop section.
   ========================================================= */
html{scroll-snap-type:y proximity;scroll-padding-top:88px}
main>section{scroll-snap-align:start}

@media (min-width:901px){
  .hero{
    height:100svh!important;
    min-height:760px!important;
    max-height:none!important;
  }
  .hero h1{
    font-size:clamp(48px,3.8vw,54px)!important;
    line-height:1.04!important;
  }

  .intro{
    height:calc(100svh - 0px)!important;
    min-height:760px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
  }
  .intro-grid{width:100%;}

  .products-process{
    min-height:calc(100svh)!important;
    height:auto!important;
    padding:62px 0 54px!important;
  }
  .products-heading{margin-bottom:34px!important}
  .products-heading h2{font-size:clamp(50px,4.2vw,64px)!important}
  .product-grid-refined{gap:48px!important}
  .product-grid-refined .product-card{
    min-height:190px!important;
    padding:22px 0 24px!important;
  }
  .product-grid-refined .product-body h3{font-size:38px!important}
  .product-grid-refined .product-tags{margin-top:22px!important}
  .product-card-frog .product-art{top:40px!important}
  .product-card-frog .product-art img{width:285px!important}
  .product-card-snail .product-art{top:18px!important}
  .product-card-snail .product-art img{width:260px!important}
  .process-divider{margin:42px 0 20px!important}
  .process-gallery-scroll{gap:12px!important;padding-bottom:4px!important}
  .process-gallery-scroll .process-card img{height:245px!important}

  .statement{
    min-height:0!important;
    height:150px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
  }
  .statement p{font-size:clamp(27px,2.8vw,40px)!important}

  .markets{
    min-height:100svh!important;
    height:100svh!important;
    padding:38px 0 34px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .network-eyebrow{margin-bottom:10px!important}
  .network-title{
    font-size:clamp(44px,4.1vw,60px)!important;
    line-height:1!important;
    margin-bottom:0!important;
  }
  .map-wrap-final{
    width:min(940px,100%)!important;
    margin:14px auto 0!important;
    aspect-ratio:2.55/1!important;
  }

  .quality{
    min-height:100svh!important;
    height:100svh!important;
    padding:58px 0 60px!important;
    display:flex!important;
    align-items:center!important;
  }
  .quality-final-inner{gap:clamp(48px,5.5vw,82px)!important}
  .quality-photo-final{
    height:min(560px,calc(100svh - 190px))!important;
    min-height:0!important;
  }
  .quality-final-content h2{
    font-size:clamp(46px,4.1vw,64px)!important;
    line-height:1!important;
  }
  .quality-final-lead{margin:22px 0 30px!important;font-size:15px!important}
  .quality-point-final{padding-top:16px!important}
  .quality-point-final h3{font-size:19px!important}
  .quality-point-final p{font-size:11px!important}

  .logistics{
    min-height:100svh!important;
    height:100svh!important;
    padding:58px 0 48px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .logistics-final-screen{width:min(calc(100% - 64px),1240px)!important}
  .logistics-top{margin-bottom:22px!important}
  .logistics-title{font-size:clamp(42px,4.1vw,60px)!important}
  .logistics-intro{font-size:15px!important;line-height:1.45!important}
  .logistics-rule{margin-bottom:20px!important}
  .logistics-card-final{height:320px!important;padding:20px 24px 22px!important}
  .logistics-route{left:24px!important;right:24px!important;top:86px!important}
  .logistics-card-final h3{font-size:26px!important}
  .logistics-detail{font-size:14px!important}
  .logistics-spec{margin-top:13px!important;padding-top:9px!important}
  .logistics-footer-line{margin-top:15px!important;padding-top:11px!important}

  .contact{
    min-height:100svh!important;
    height:100svh!important;
    padding:54px 0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .contact-grid{width:100%;align-items:center!important}
  .contact-copy h2{font-size:clamp(46px,4.5vw,64px)!important}
  .contact-copy>p:not(.eyebrow){font-size:15px!important;margin-top:20px!important}
  .contact-details{margin-top:34px!important}
  .quote-form{padding:32px 40px 28px!important}
  .form-heading{margin-bottom:25px!important}
  .form-heading h3{font-size:29px!important}
  .quote-form label{margin-bottom:15px!important}
  .quote-form textarea{min-height:64px!important}
}

/* Keep mobile fluid; only tighten the large typographic outliers. */
@media (max-width:900px){
  html{scroll-snap-type:none}
  .intro{padding:82px 0 88px!important}
  .products-process{padding-top:62px!important;padding-bottom:66px!important}
  .products-heading h2{font-size:44px!important}
  .statement{padding:58px 0!important}
  .network-title{font-size:44px!important}
  .quality-final-content h2{font-size:46px!important}
  .logistics-title{font-size:46px!important}
  .contact-copy h2{font-size:48px!important}
}

@media (max-width:560px){
  .intro{padding:66px 0 70px!important}
  .products-process{padding-top:54px!important;padding-bottom:58px!important}
  .products-heading h2{font-size:42px!important}
  .network-title{font-size:40px!important}
  .quality-final-content h2{font-size:43px!important}
  .logistics-title{font-size:43px!important}
  .contact-copy h2{font-size:44px!important}
}

/* =========================================================
   V29 — FINAL ALIGNMENT + PHOTO VISIBILITY PASS
   Fixes horizontal drift and restores more of the original
   production photographs without changing the source images.
   ========================================================= */
html, body{
  width:100%;
  overflow-x:hidden;
}

/* One horizontal rhythm across all principal sections. */
.intro-grid,
.contact-grid,
.footer-main,
.footer-legal{
  width:auto;
  max-width:none;
}

@media (min-width:901px){
  .intro-grid,
  .contact-grid{
    width:100%;
    max-width:1240px;
    margin-inline:auto;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:78px;
  }

  /* Calm the two largest editorial headings slightly. */
  .intro h2{font-size:58px!important;line-height:1.02!important}
  .contact-copy h2{font-size:60px!important;line-height:1.02!important}

  /* More image, less crop in the production strip. */
  .process-gallery-scroll .process-card{
    flex-basis:30.4%;
  }
  .process-gallery-scroll .process-card img{
    height:350px!important;
  }
  .process-gallery-scroll .process-card:nth-child(1) img{object-position:50% 67%!important}
  .process-gallery-scroll .process-card:nth-child(2) img{object-position:50% 48%!important}
  .process-gallery-scroll .process-card:nth-child(3) img{object-position:50% 67%!important}
  .process-gallery-scroll .process-card:nth-child(4) img{object-position:50% 52%!important}
  .process-gallery-scroll .process-card:nth-child(5) img{object-position:50% 50%!important}
}

@media (min-width:901px) and (max-width:1500px){
  .intro-grid,
  .contact-grid{
    width:calc(100% - 64px);
  }
  .process-gallery-scroll .process-card img{height:330px!important}
}

@media (max-width:900px){
  .intro-grid,
  .contact-grid{
    width:100%;
    max-width:none;
  }
  .intro h2{font-size:46px!important;line-height:1.03!important}
  .contact-copy h2{font-size:48px!important;line-height:1.03!important}

  .process-gallery-scroll .process-card img{
    height:350px!important;
  }
  .process-gallery-scroll .process-card:nth-child(1) img{object-position:50% 64%!important}
  .process-gallery-scroll .process-card:nth-child(2) img{object-position:50% 48%!important}
  .process-gallery-scroll .process-card:nth-child(3) img{object-position:50% 64%!important}
  .process-gallery-scroll .process-card:nth-child(4) img{object-position:50% 50%!important}
}

@media (max-width:560px){
  .process-gallery-scroll .process-card img{height:390px!important}
}

/* V30 — FOOTER HORIZONTAL RHYTHM FIX
   Restore the same 1240px content frame used by the rest of the site.
   Nothing else in the final assembly is changed.
*/
.footer-main,
.footer-legal{
  width:min(calc(100% - 64px),1240px)!important;
  max-width:1240px!important;
  margin-inline:auto!important;
}

@media(max-width:700px){
  .footer-main,
  .footer-legal{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
}

/* =========================================================
   V31 — MOBILE ADAPTATION PASS
   Dedicated mobile layout. Desktop composition remains unchanged.
   ========================================================= */
@media (max-width:900px){
  html,body{width:100%;overflow-x:hidden}

  /* MOBILE HEADER — compact, real menu instead of a squeezed desktop nav */
  .site-header{height:78px;background:var(--green)!important;color:#fff}
  .site-header.scrolled{background:rgba(243,239,230,.98)!important;color:var(--green)}
  .nav-wrap{width:calc(100% - 32px)!important;height:78px;margin-inline:auto}
  .site-header .brand .brand-logo,
  .site-header.scrolled .brand .brand-logo-classic{
    width:62px!important;height:62px!important;max-height:62px!important
  }
  .menu-toggle{
    display:flex!important;
    width:40px;height:40px;padding:0;
    border:1px solid rgba(255,255,255,.42)!important;
    background:transparent;
    border-radius:50%;
    align-items:center;justify-content:center;
    flex-direction:column;gap:5px;
    cursor:pointer;flex:0 0 auto
  }
  .menu-toggle span{display:block;width:15px;height:1px;background:#fff!important;transition:transform .2s ease}
  .site-header.scrolled .menu-toggle{border-color:rgba(18,62,49,.28)!important}
  .site-header.scrolled .menu-toggle span{background:var(--green)!important}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}

  .main-nav{
    display:none!important;
    position:absolute!important;
    top:78px;left:16px;right:16px;
    width:auto!important;
    padding:10px 18px 18px;
    margin:0;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:var(--green)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 16px 28px rgba(0,0,0,.16);
    font-size:12px!important;
    letter-spacing:.12em!important
  }
  .main-nav.open{display:flex!important}
  .main-nav>a:not(.nav-cta){opacity:1!important;color:inherit!important;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .main-nav .languages{display:flex!important;gap:18px;padding:13px 0 0}
  .main-nav .languages a{padding:0!important;border:0!important;color:inherit!important}
  .site-header.scrolled .main-nav{background:var(--ivory)!important;color:var(--green)!important;border-color:rgba(18,62,49,.12)}
  .site-header.scrolled .main-nav>a:not(.nav-cta){border-bottom-color:rgba(18,62,49,.10)}
  .site-header.scrolled .main-nav .languages a{color:var(--green)!important}

  /* HERO — content first, image second; no desktop two-column squeeze */
  .hero{
    display:flex!important;
    flex-direction:column!important;
    padding-top:78px!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:hidden!important
  }
  .hero-content{
    order:1!important;
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:42px 0 46px!important
  }
  .hero-badges{gap:8px!important;margin-bottom:18px!important}
  .hero-badges span{padding:9px 13px 8px!important;font-size:9px!important;letter-spacing:.13em!important}
  .hero h1{
    max-width:none!important;
    font-size:42px!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
    margin-bottom:20px!important
  }
  .hero h1 span{white-space:normal!important}
  .hero-lead{font-size:15px!important;line-height:1.55!important;margin-bottom:30px!important;max-width:330px!important}
  .hero-products{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-bottom:34px!important}
  .hero-products>div{min-width:0!important}
  .hero-products>div+div{padding-left:18px!important;border-left:1px solid rgba(243,239,230,.25)!important}
  .hero-products strong{font-size:15px!important;letter-spacing:.12em!important;text-transform:uppercase}
  .hero-products span{font-size:12px!important;line-height:1.45!important}
  .hero-actions{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:stretch!important}
  .hero-actions .button{width:100%!important;min-height:48px!important}
  .hero-image{
    order:2!important;
    position:relative!important;inset:auto!important;
    width:100%!important;height:330px!important;min-height:0!important;
    background:none!important;transform:none!important;
    overflow:hidden!important;
    -webkit-mask-image:none!important;mask-image:none!important
  }
  .hero-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:52% 55%!important}
  .hero-image:after{background:linear-gradient(0deg,rgba(18,62,49,.20),transparent 45%)!important}
  .hero-decoration-frog{width:100px!important;right:6px!important;left:auto!important;top:92px!important;opacity:.25!important}
  .hero-decoration-snail{width:92px!important;right:8px!important;left:auto!important;bottom:12px!important;opacity:.27!important}

  /* INTRO — one clean column */
  .intro{padding:74px 0 78px!important}
  .intro-grid{display:grid!important;grid-template-columns:1fr!important;gap:34px!important;width:calc(100% - 32px)!important;margin-inline:auto!important}
  .intro h2{font-size:43px!important;line-height:1.03!important}
  .intro-copy{max-width:none!important;font-size:15px!important;line-height:1.6!important}
  .text-link{margin-top:8px!important}

  /* PRODUCTS — same visual language, but cards become compact and readable */
  .products-process{padding:58px 0 66px!important}
  .products-process>.container{width:calc(100% - 32px)!important}
  .products-heading{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-bottom:34px!important}
  .products-heading h2{font-size:42px!important;line-height:1!important}
  .products-heading>p{font-size:14px!important;line-height:1.55!important;max-width:320px!important;margin:0!important}
  .product-grid-refined{grid-template-columns:1fr!important;gap:18px!important}
  .product-grid-refined .product-card{
    min-height:190px!important;
    padding:24px 0 25px!important;
    overflow:hidden!important
  }
  .product-grid-refined .product-body{padding:0 18px!important}
  .product-grid-refined .product-body h3{font-size:35px!important;line-height:1!important}
  .product-species{font-size:16px!important;margin-bottom:17px!important}
  .product-tags{gap:13px!important;padding-top:12px!important}
  .product-tags span{font-size:9px!important}
  .product-tags span+span:before{margin-right:13px!important}
  /* Equal anchor for both line drawings — right aligned to the same optical axis. */
  .product-card-frog .product-art,
  .product-card-snail .product-art{
    left:auto!important;right:5%!important;transform:none!important;top:38px!important;opacity:.18!important
  }
  .product-card-frog .product-art img{width:205px!important}
  .product-card-snail .product-art img{width:185px!important}

  /* PROCESS GALLERY — explicit touch horizontal scroller */
  .process-divider{margin:52px 0 22px!important;gap:12px!important}
  .process-divider p{font-size:9px!important;letter-spacing:.13em!important;white-space:nowrap}
  .process-gallery-scroll{
    display:flex!important;
    width:calc(100vw - 16px)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:-16px!important;
    gap:10px!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:thin!important;
    padding:0 16px 12px 0!important
  }
  .process-gallery-scroll .process-card{
    flex:0 0 82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    scroll-snap-align:start!important
  }
  .process-gallery-scroll .process-card img{
    width:100%!important;height:300px!important;object-fit:cover!important
  }
  .process-gallery-scroll .process-card:nth-child(1) img{object-position:50% 64%!important}
  .process-gallery-scroll .process-card:nth-child(2) img{object-position:50% 48%!important}
  .process-gallery-scroll .process-card:nth-child(3) img{object-position:50% 64%!important}
  .process-gallery-scroll .process-card:nth-child(4) img{object-position:50% 50%!important}
  .process-gallery-scroll .process-card:nth-child(5) img{object-position:50% 50%!important}
  .process-gallery-scroll .process-card figcaption{font-size:8px!important;padding-top:9px!important}

  /* STATEMENT */
  .statement{padding:58px 0!important}
  .statement-inner{width:calc(100% - 32px)!important;grid-template-columns:1fr!important;gap:16px!important}
  .statement-line{width:42px;margin-inline:auto}
  .statement p{font-size:32px!important;line-height:1.08!important}

  /* EXPORT NETWORK — preserve the approved desktop logic, give the map breathing room */
  .markets{min-height:0!important;height:auto!important;padding:62px 0 68px!important;display:block!important;overflow:hidden!important}
  .network-inner{width:calc(100% - 32px)!important}
  .network-eyebrow{font-size:10px!important;margin-bottom:10px!important}
  .network-title{font-size:40px!important}
  .map-wrap-final{width:100%!important;margin:26px auto 0!important;aspect-ratio:1.04/1!important}
  .map-svg-final .country-label{font-size:11px!important}
  .map-svg-final .baku-label{font-size:11px!important}

  /* QUALITY — copy first, original photo below */
  .quality{padding:64px 0 70px!important}
  .quality-final-inner{width:calc(100% - 32px)!important;grid-template-columns:1fr!important;gap:30px!important}
  .quality-final-content{order:1!important;max-width:none!important}
  .quality-final-content h2{font-size:43px!important;line-height:1.01!important}
  .quality-final-lead{font-size:15px!important;line-height:1.6!important;margin:20px 0 30px!important}
  .quality-points-final{grid-template-columns:1fr!important;gap:20px!important}
  .quality-point-final{padding-top:15px!important}
  .quality-point-final h3{font-size:20px!important}
  .quality-point-final p{font-size:12px!important;line-height:1.5!important}
  .quality-photo-final{order:2!important;height:330px!important;min-height:0!important}
  .quality-photo-final:after{width:28%!important}

  /* LOGISTICS — keep the approved stacked cards */
  .logistics{padding:64px 0 60px!important}
  .logistics-final-screen{width:calc(100% - 32px)!important}
  .logistics-top{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:22px!important}
  .logistics-title{font-size:43px!important}
  .logistics-intro{font-size:15px!important;line-height:1.55!important}
  .logistics-cards{grid-template-columns:1fr!important;gap:12px!important}
  .logistics-card-final{height:285px!important;padding:20px 22px 22px!important}
  .logistics-route{left:22px!important;right:22px!important;top:72px!important}
  .logistics-card-final h3{font-size:25px!important}
  .logistics-detail{font-size:14px!important;line-height:1.4!important}
  .logistics-footer-line{gap:13px 20px!important;font-size:9px!important;line-height:1.4!important}

  /* CONTACT — one column, no horizontal drift */
  .contact{padding:64px 0 58px!important;min-height:0!important;height:auto!important;overflow:visible!important}
  .contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:34px!important;width:calc(100% - 32px)!important;margin-inline:auto!important}
  .contact-copy h2{font-size:45px!important;line-height:1.02!important}
  .contact-copy>p:not(.eyebrow){font-size:15px!important;line-height:1.55!important;margin-top:18px!important}
  .contact-details{margin-top:32px!important}
  .contact-methods{flex-wrap:wrap!important;gap:9px!important}
  .email-link{font-size:16px!important}
  .phone-link{font-size:14px!important}
  .contact-divider{display:none!important}
  .contact-icon{width:38px!important;height:38px!important}
  .quote-form{padding:27px 22px 24px!important;width:100%!important}
  .form-heading{display:block!important;margin-bottom:24px!important}
  .form-heading h3{font-size:28px!important}
  .form-heading span{display:block!important;text-align:left!important;margin-top:9px!important}
  .form-row{grid-template-columns:1fr!important;gap:0!important}
  .quote-form label{margin-bottom:16px!important}
  .quote-form input,.quote-form textarea,.product-select-trigger{font-size:15px!important}
  .quote-form textarea{min-height:92px!important}

  /* FOOTER — retain the corrected desktop alignment, stack cleanly on narrow screens */
  .site-footer{padding:24px 0 12px!important}
  .footer-main,.footer-legal{width:calc(100% - 32px)!important;max-width:none!important;margin-inline:auto!important}
  .footer-main{grid-template-columns:1fr!important;gap:22px!important;padding-bottom:20px!important}
  .footer-contact-block{justify-self:start!important}
  .footer-legal{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
}

@media(max-width:560px){
  .hero h1{font-size:40px!important}
  .hero-image{height:300px!important}
  .products-heading h2{font-size:40px!important}
  .product-grid-refined .product-card{min-height:182px!important}
  .product-card-frog .product-art img{width:190px!important}
  .product-card-snail .product-art img{width:172px!important}
  .process-gallery-scroll .process-card{flex-basis:84vw!important;min-width:84vw!important;max-width:84vw!important}
  .process-gallery-scroll .process-card img{height:280px!important}
  .map-wrap-final{aspect-ratio:.98/1!important}
  .quality-final-content h2{font-size:41px!important}
  .logistics-title{font-size:41px!important}
  .contact-copy h2{font-size:42px!important}
}

/* V32 — PRODUCT LINE-ART OPTICAL ALIGNMENT
   Keep both product cards on the same composition rule.
*/
@media (min-width:901px){
  .product-card-frog .product-art,
  .product-card-snail .product-art{
    left:56%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}
/* =========================================================
   V32 — MOBILE FINAL POLISH
   Intentional mobile composition; desktop remains untouched.
   ========================================================= */
@media (max-width: 900px){
  /* HERO — keep the editorial title clean and keep both CTAs in view */
  .hero{
    padding-top:78px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .hero-content{
    width:calc(100% - 32px)!important;
    padding:28px 0 28px!important;
  }
  .hero-badges{margin-bottom:16px!important;gap:7px!important}
  .hero-badges span{padding:8px 11px 7px!important;font-size:8px!important;letter-spacing:.12em!important}
  .hero h1{
    font-size:38px!important;
    line-height:1.03!important;
    letter-spacing:-.04em!important;
    margin-bottom:16px!important;
    max-width:100%!important;
  }
  .hero h1 span{
    display:block!important;
    white-space:normal!important;
  }
  .hero h1 span:first-child{white-space:nowrap!important}
  .hero h1 span:nth-child(2){max-width:270px!important}
  .hero-lead{font-size:14px!important;line-height:1.48!important;margin-bottom:22px!important;max-width:335px!important}
  .hero-products{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;margin-bottom:22px!important}
  .hero-products>div+div{padding-left:14px!important}
  .hero-products strong{font-size:13px!important;letter-spacing:.1em!important}
  .hero-products span{font-size:11px!important;line-height:1.35!important}
  .hero-products>div:first-child span{max-width:175px!important;display:block}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important}
  .hero-actions .button{width:100%!important;min-height:46px!important;padding:12px 10px!important;font-size:10px!important;letter-spacing:.09em!important}
  .hero-actions .button-gold{grid-column:1/2}
  .hero-actions .button-light{grid-column:2/3}
  .hero-image{
    height:390px!important;
    min-height:0!important;
  }
  .hero-image img{object-position:50% 27%!important}
  .hero-decoration-frog{width:94px!important;right:4px!important;top:86px!important;opacity:.24!important}
  .hero-decoration-snail{width:78px!important;right:8px!important;bottom:10px!important;opacity:.22!important}

  /* INTRO — retain the approved text composition */
  .intro{padding:64px 0 68px!important}
  .intro-grid{width:calc(100% - 32px)!important;gap:28px!important}
  .intro h2{font-size:42px!important;line-height:1.02!important}
  .intro-copy{font-size:14px!important;line-height:1.55!important}

  /* PRODUCTS — decorative line-art restored and optically paired */
  .products-process{padding:52px 0 56px!important}
  .products-process>.container{width:calc(100% - 32px)!important}
  .products-heading{gap:14px!important;margin-bottom:28px!important}
  .products-heading h2{font-size:39px!important;line-height:1!important}
  .products-heading>p{font-size:13px!important;line-height:1.48!important}
  .product-grid-refined{gap:14px!important}
  .product-grid-refined .product-card{min-height:176px!important;padding:20px 0 21px!important}
  .product-grid-refined .product-body{padding:0 18px!important;position:relative;z-index:2}
  .product-grid-refined .product-body h3{font-size:32px!important}
  .product-species{font-size:15px!important;margin-bottom:14px!important}
  .product-tags{gap:10px!important;padding-top:10px!important;position:relative;z-index:3}
  .product-tags span{font-size:8px!important;letter-spacing:.1em!important}
  .product-tags span+span:before{margin-right:10px!important}
  .product-card-frog .product-art,
  .product-card-snail .product-art{
    left:auto!important;
    right:3%!important;
    top:31px!important;
    transform:none!important;
    opacity:.22!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  .product-card-frog .product-art img{width:180px!important}
  .product-card-snail .product-art img{width:170px!important}

  /* PRODUCTION — real swipe affordance + less crop */
  .process-divider{position:relative!important;margin:46px 0 18px!important}
  .process-divider:after{
    content:'SWIPE  →';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    font:600 8px var(--sans);
    letter-spacing:.14em;
    color:rgba(18,62,49,.55);
  }
  .process-gallery-scroll{
    width:calc(100vw - 16px)!important;
    margin-left:0!important;
    margin-right:-16px!important;
    padding:0 16px 12px 0!important;
    gap:10px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .process-gallery-scroll::-webkit-scrollbar{display:none!important}
  .process-gallery-scroll .process-card{flex-basis:82vw!important;min-width:82vw!important;max-width:82vw!important}
  .process-gallery-scroll .process-card img{height:300px!important;object-fit:cover!important}
  .process-gallery-scroll .process-card:nth-child(1) img{object-position:50% 43%!important}
  .process-gallery-scroll .process-card:nth-child(2) img{object-position:50% 48%!important}
  .process-gallery-scroll .process-card:nth-child(3) img{object-position:50% 43%!important}
  .process-gallery-scroll .process-card:nth-child(4) img{object-position:50% 50%!important}
  .process-gallery-scroll .process-card:nth-child(5) img{object-position:50% 50%!important}

  /* STATEMENT + EXPORT — make the transition one mobile composition */
  .statement{padding:34px 0 30px!important}
  .statement-inner{width:calc(100% - 32px)!important;grid-template-columns:30px 1fr 30px!important;gap:12px!important}
  .statement p{font-size:27px!important;line-height:1.08!important}
  .statement-line{width:30px!important}
  .markets{padding:30px 0 44px!important;min-height:0!important;display:block!important;overflow:hidden!important}
  .network-inner{width:calc(100% - 32px)!important}
  .network-eyebrow{font-size:9px!important;letter-spacing:.2em!important;margin-bottom:7px!important}
  .network-title{font-size:38px!important;line-height:1!important;margin-bottom:0!important}
  .map-wrap-final{
    width:100%!important;
    margin:16px auto 0!important;
    height:245px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  .map-svg-final{
    width:154%!important;
    height:auto!important;
    margin-left:-27%!important;
    display:block!important;
  }
  .map-svg-final .country-label{font-size:14px!important}
  .map-svg-final .baku-label{font-size:14px!important}
  .map-svg-final .country-dot{r:7px}

  /* LOGISTICS — leave the approved structure, only make cards slightly tighter */
  .logistics{padding:58px 0 54px!important}
  .logistics-final-screen{width:calc(100% - 32px)!important}
  .logistics-top{gap:14px!important;margin-bottom:18px!important}
  .logistics-title{font-size:39px!important}
  .logistics-intro{font-size:14px!important;line-height:1.5!important}
  .logistics-cards{gap:10px!important}
  .logistics-card-final{height:260px!important;padding:18px 20px 20px!important}
  .logistics-route{left:20px!important;right:20px!important;top:66px!important}
  .logistics-card-final h3{font-size:23px!important}
  .logistics-detail{font-size:13px!important}
  .logistics-spec{font-size:9px!important}
  .logistics-footer-line{font-size:8px!important;gap:9px 15px!important}

  /* CONTACT — compact enough to keep the inquiry form in the same mobile viewport */
  .contact{
    padding:28px 0 30px!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .contact-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    width:calc(100% - 32px)!important;
    margin-inline:auto!important;
  }
  .contact-copy .eyebrow{font-size:9px!important;margin-bottom:8px!important}
  .contact-copy h2{font-size:36px!important;line-height:1.02!important;letter-spacing:-.035em!important}
  .contact-copy>p:not(.eyebrow){font-size:13px!important;line-height:1.42!important;margin:12px 0 0!important;max-width:340px!important}
  .contact-details{margin-top:17px!important}
  .direct-label{font-size:8px!important;margin-bottom:8px!important;letter-spacing:.15em!important}
  .contact-methods{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
  .email-link{font-size:13px!important}
  .contact-details .contact-methods .phone-link{font-size:11px!important}
  .contact-divider{height:22px!important;margin:0 2px!important}
  .contact-icon{width:32px!important;height:32px!important;flex:0 0 32px!important}
  .contact-icon svg{width:15px!important;height:15px!important}
  .quote-form{padding:17px 17px 15px!important;width:100%!important}
  .form-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:13px!important}
  .form-heading h3{font-size:23px!important;line-height:1.05!important}
  .form-heading span{font-size:7px!important;line-height:1.45!important;text-align:right!important;margin:0!important;max-width:110px!important}
  .form-row{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .quote-form label{font-size:7px!important;gap:3px!important;margin-bottom:9px!important}
  .quote-form input,.quote-form select,.quote-form textarea,.product-select-trigger{font-size:12px!important;padding:5px 0 6px!important}
  .quote-form textarea{min-height:50px!important;height:50px!important}
  .quote-form .button{min-height:42px!important;padding:9px 10px!important;font-size:9px!important;margin-top:0!important}
  .form-note{font-size:7px!important;margin-top:7px!important}

  /* FOOTER — narrower two-column composition, not a giant full-width block */
  .site-footer{padding:18px 0 10px!important}
  .footer-main{
    width:calc(100% - 48px)!important;
    max-width:330px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
    padding-bottom:13px!important;
  }
  .footer-brand img{width:52px!important;height:52px!important}
  .footer-brand-block p{max-width:125px!important;font-size:10px!important;line-height:1.28!important;margin-top:3px!important}
  .footer-contact-block{justify-self:stretch!important;min-width:0!important}
  .footer-contact-block>a{font-size:11px!important;line-height:1.35!important;display:block!important;white-space:nowrap!important}
  .footer-label{font-size:8px!important;letter-spacing:.16em!important;margin-bottom:5px!important}
  .footer-messaging{font-size:9px!important;white-space:nowrap!important;margin-top:3px!important}
  .footer-legal{
    width:calc(100% - 48px)!important;
    max-width:330px!important;
    margin-inline:auto!important;
    padding-top:7px!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    font-size:7px!important;
  }
  .footer-legal div{font-size:7px!important;white-space:nowrap!important}
}

@media (max-width:390px){
  .hero h1{font-size:36px!important}
  .hero h1 span:nth-child(2){max-width:245px!important}
  .hero-products strong{font-size:12px!important}
  .hero-products span{font-size:10px!important}
  .hero-actions .button{font-size:9px!important}
  .contact-copy h2{font-size:34px!important}
  .contact-methods{gap:5px!important}
  .email-link{font-size:12px!important}
  .contact-details .contact-methods .phone-link{font-size:10px!important}
  .contact-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
}

/* =========================================================
   MOBILE FINAL PASS — V33
   Final mobile composition from the review on 23 Sep 2026.
   Desktop rules remain untouched.
   ========================================================= */
.hero-mobile-photo{display:none}

@media (max-width:900px){
  /* HERO: the first viewport is intentionally 100% green. */
  .hero{
    display:block!important;
    height:auto!important;
    min-height:calc(100svh - 0px)!important;
    padding-top:78px!important;
    overflow:hidden!important;
    background:var(--green)!important;
  }
  .hero-image{display:none!important}
  .hero-mobile-photo{
    display:block!important;
    width:100%!important;
    height:300px!important;
    overflow:hidden!important;
    background:#dfe5df;
  }
  .hero-mobile-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 42%!important;
  }
  .hero-content{
    width:calc(100% - 32px)!important;
    padding:34px 0 42px!important;
  }
  .hero-badges{margin-bottom:20px!important}
  .hero h1{
    font-size:clamp(38px,10.4vw,46px)!important;
    line-height:1.01!important;
    letter-spacing:-.038em!important;
    margin-bottom:22px!important;
    max-width:100%!important;
  }
  .hero h1 span{
    display:block!important;
    white-space:normal!important;
    max-width:100%!important;
  }
  .hero h1 span:first-child{white-space:nowrap!important}
  .hero h1 span:nth-child(2){max-width:285px!important}
  .hero h1 em{white-space:nowrap!important}
  .hero-lead{max-width:330px!important;margin-bottom:28px!important}
  .hero-products{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0!important;
    margin-bottom:28px!important;
  }
  .hero-products>div+div{padding-left:18px!important}
  .hero-products span{
    display:block!important;
    max-width:155px!important;
    white-space:normal!important;
  }
  .hero-products>div:first-child span{max-width:150px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .hero-actions .button{width:100%!important;min-height:48px!important;padding:12px 8px!important;font-size:9px!important;letter-spacing:.09em!important}
  .hero-decoration-frog{
    width:118px!important;
    right:4px!important;
    left:auto!important;
    top:110px!important;
    bottom:auto!important;
    opacity:.32!important;
  }
  .hero-decoration-snail{
    width:92px!important;
    right:10px!important;
    left:auto!important;
    bottom:32px!important;
    opacity:.30!important;
  }

  /* PRODUCTS: small, visible, optically paired line-art. */
  .product-grid-refined .product-card{min-height:185px!important}
  .product-grid-refined .product-card-frog .product-art,
  .product-grid-refined .product-card-snail .product-art{
    left:auto!important;
    right:3%!important;
    top:28px!important;
    transform:none!important;
    opacity:.27!important;
    z-index:0!important;
  }
  .product-grid-refined .product-card-frog .product-art img{width:145px!important;height:auto!important}
  .product-grid-refined .product-card-snail .product-art img{width:128px!important;height:auto!important}
  .product-grid-refined .product-body{padding:0 18px!important;z-index:2!important}
  .product-grid-refined .product-body h3{font-size:34px!important}
  .product-species{font-size:15px!important}
  .product-tags{position:relative!important;z-index:3!important}

  /* PRODUCTION: keep the working swipe, but make the affordance obvious. */
  .process-divider:after{
    content:'SWIPE →'!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
    color:rgba(18,62,49,.62)!important;
  }
  .process-gallery-scroll{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .process-gallery-scroll::-webkit-scrollbar{display:none!important}
  .process-gallery-scroll .process-card{flex:0 0 82vw!important;min-width:82vw!important;max-width:82vw!important;scroll-snap-align:start!important}
  .process-gallery-scroll .process-card img{height:300px!important}
  .process-gallery-scroll .process-card:first-child img{object-position:50% 58%!important}

  /* EXPORT: keep statement + heading compact, enlarge route graphics/labels. */
  .statement{padding:34px 0 30px!important}
  .statement-inner{width:calc(100% - 32px)!important;grid-template-columns:26px 1fr 26px!important;gap:10px!important}
  .statement p{font-size:27px!important;line-height:1.08!important}
  .markets{padding:28px 0 44px!important;overflow:hidden!important}
  .network-inner{width:calc(100% - 32px)!important}
  .network-eyebrow{margin-bottom:8px!important}
  .network-title{font-size:39px!important;line-height:1!important}
  .map-wrap-final{height:300px!important;aspect-ratio:auto!important;margin:18px auto 0!important;overflow:visible!important}
  .map-svg-final{
    width:142%!important;
    height:300px!important;
    margin-left:-21%!important;
    transform:none!important;
  }
  .map-svg-final .route{stroke-width:1.8!important;opacity:.52!important;stroke-dasharray:2 8!important}
  .map-svg-final .country-label{font-size:15px!important;fill:#4f554f!important}
  .map-svg-final .baku-label{font-size:15px!important}
  .map-svg-final .country-dot{r:7px!important}

  /* CONTACT: two deliberate mobile screens — copy first, form second. */
  .contact{padding:0!important;overflow:visible!important}
  .contact-grid{display:block!important;width:100%!important;margin:0!important}
  .contact-copy{
    width:calc(100% - 32px)!important;
    min-height:calc(100svh - 78px)!important;
    margin-inline:auto!important;
    padding:70px 0 56px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .contact-copy .eyebrow{font-size:9px!important;margin-bottom:10px!important}
  .contact-copy h2{font-size:43px!important;line-height:1.02!important;margin-bottom:0!important}
  .contact-copy>p:not(.eyebrow){font-size:14px!important;line-height:1.5!important;margin:18px 0 0!important;max-width:345px!important}
  .contact-details{margin-top:30px!important}
  .contact-methods{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 10px!important;white-space:normal!important}
  .email-link{font-size:15px!important}
  .contact-details .contact-methods .phone-link{font-size:13px!important}
  .contact-divider{display:none!important}
  .contact-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .quote-form{
    width:calc(100% - 32px)!important;
    min-height:calc(100svh - 78px)!important;
    margin:0 auto!important;
    padding:42px 22px 34px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .form-heading{display:flex!important;margin-bottom:22px!important;gap:12px!important}
  .form-heading h3{font-size:29px!important}
  .form-heading span{font-size:7px!important;line-height:1.5!important;text-align:right!important;max-width:120px!important}
  .form-row{grid-template-columns:1fr 1fr!important;gap:14px!important}
  .quote-form label{font-size:8px!important;margin-bottom:14px!important}
  .quote-form input,.quote-form select,.quote-form textarea,.product-select-trigger{font-size:13px!important;padding:7px 0 8px!important}
  .quote-form textarea{min-height:76px!important;height:76px!important}
  .quote-form .button{min-height:46px!important;font-size:10px!important}
  .form-note{font-size:7px!important}

  /* FOOTER: two aligned columns; contact block sits slightly lower. */
  .site-footer{padding:24px 0 12px!important}
  .footer-main{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    align-items:end!important;
    padding-bottom:16px!important;
  }
  .footer-brand-block{align-self:end!important}
  .footer-brand img{width:58px!important;height:auto!important}
  .footer-brand-block p{max-width:145px!important;font-size:10px!important;line-height:1.3!important;margin:3px 0 0!important}
  .footer-contact-block{justify-self:stretch!important;align-self:end!important;transform:translateY(9px)!important;min-width:0!important}
  .footer-label{font-size:8px!important;margin-bottom:5px!important}
  .footer-contact-block>a{font-size:11px!important;white-space:nowrap!important}
  .footer-messaging{font-size:9px!important;white-space:nowrap!important;margin-top:3px!important}
  .footer-legal{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    padding-top:9px!important;
    font-size:7px!important;
  }
  .footer-legal div{font-size:7px!important;white-space:nowrap!important}
}

@media(max-width:390px){
  .hero h1{font-size:37px!important}
  .hero h1 span:nth-child(2){max-width:255px!important}
  .hero-products span{font-size:10px!important}
  .hero-products strong{font-size:12px!important}
  .hero-actions .button{font-size:8px!important}
  .contact-copy h2{font-size:40px!important}
  .quote-form{padding-inline:18px!important}
}

/* V34 — FINAL MOBILE CORRECTIONS FROM 23 SEP REVIEW */
@media (max-width:900px){
  /* Hero title: exactly two clean lines on mobile. */
  .hero h1{
    font-size:clamp(34px,9.2vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
    max-width:none!important;
  }
  .hero h1 span:first-child,
  .hero h1 span:nth-child(2){
    white-space:nowrap!important;
    max-width:none!important;
  }

  /* Product variants: keep the two columns visually equal and put the divider exactly between them. */
  .hero-products{
    position:relative!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    max-width:none!important;
    gap:0!important;
  }
  .hero-products>div{
    min-width:0!important;
    width:100%!important;
  }
  .hero-products>div:first-child{padding-right:14px!important}
  .hero-products>div+div{
    padding-left:14px!important;
    border-left:1px solid rgba(243,239,230,.30)!important;
  }
  .hero-products>div:first-child span{max-width:none!important;white-space:nowrap!important}
  .hero-products>div:nth-child(2) span{max-width:none!important;white-space:nowrap!important}

  /* Keep the supplied production photo intact: no head/product crop. */
  .hero-mobile-photo{
    height:auto!important;
    overflow:hidden!important;
    background:#dfe5df!important;
  }
  .hero-mobile-photo img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
  }

  /* Product line-art: same optical center and restrained scale. */
  .product-grid-refined .product-card-frog .product-art,
  .product-grid-refined .product-card-snail .product-art{
    right:4%!important;
    left:auto!important;
    top:30px!important;
  }
  .product-grid-refined .product-card-frog .product-art img{width:145px!important}
  .product-grid-refined .product-card-snail .product-art img{width:126px!important}

  /* Production gallery: obvious classic swipe affordance and no accidental vertical crop. */
  .process-divider{position:relative!important}
  .process-divider:after{content:'SWIPE →'!important;white-space:nowrap!important}
  .process-gallery-scroll{cursor:grab!important;}
  .process-gallery-scroll:active{cursor:grabbing!important}

  /* Export map: keep Portugal/Spain inside the mobile frame while retaining a readable scale. */
  .map-svg-final{
    width:130%!important;
    margin-left:-15%!important;
  }
  .map-svg-final .country-label{font-size:14px!important}
  .map-svg-final .route{opacity:.62!important;stroke-width:2!important}

  /* Contact: two clean mobile screens; no redundant reassurance line. */
  .form-heading span,
  .form-note{display:none!important}
  .contact-methods{
    display:grid!important;
    grid-template-columns:max-content max-content!important;
    justify-content:start!important;
    align-items:center!important;
    gap:8px 12px!important;
  }
  .contact-methods .email-link{grid-column:1;grid-row:1!important;font-size:15px!important}
  .contact-methods .phone-link{grid-column:2;grid-row:1!important;font-size:13px!important}
  .contact-methods .contact-divider{display:none!important}
  .contact-methods .contact-icon{grid-row:2!important;width:36px!important;height:36px!important}
  .contact-methods .contact-icon:nth-of-type(2){grid-column:1!important}
  .contact-methods .contact-icon:nth-of-type(3){grid-column:2!important}

  /* Footer: right column is a compact, right-aligned contact stack, level with the left block. */
  .footer-main{
    align-items:end!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .footer-contact-block{
    justify-self:end!important;
    align-self:end!important;
    align-items:flex-end!important;
    text-align:right!important;
    transform:none!important;
  }
  .footer-contact-block>a{display:block!important;text-align:right!important}
  .footer-messaging{justify-content:flex-end!important}
  .footer-brand-block{align-self:end!important}
}

@media(max-width:390px){
  .hero h1{font-size:34px!important}
  .hero-products strong{font-size:11px!important}
  .hero-products span{font-size:9px!important}
  .contact-methods{gap:7px 10px!important}
  .email-link{font-size:13px!important}
  .contact-details .contact-methods .phone-link{font-size:11px!important}
  .footer-contact-block>a{font-size:10px!important}
}

/* V35 — final optical fixes */
@media (max-width:900px){
  .hero-products{isolation:isolate!important}
  .hero-products:before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:0!important;
    bottom:0!important;
    width:1px!important;
    background:rgba(243,239,230,.30)!important;
    transform:translateX(-.5px)!important;
    pointer-events:none!important;
    z-index:4!important;
  }
  .hero-products>div+div{border-left:0!important}
  .hero-products>div:first-child{padding-right:18px!important}
  .hero-products>div+div{padding-left:18px!important}

  /* The production photo is displayed at its native aspect ratio. */
  .hero-mobile-photo img{display:block!important}
}


/* V36 — final optical balance only
   Mobile: lower Hero content slightly to distribute vertical rhythm.
   Desktop Products: center paired line-art with equal optical anchors.
   No structure, content, imagery or interactions changed.
*/

/* Desktop: pair the two product contours on matching optical centers. */
@media (min-width:901px){
  .product-grid-refined .product-card-frog .product-art,
  .product-grid-refined .product-card-snail .product-art{
    left:50%!important;
    right:auto!important;
    top:34px!important;
    transform:translateX(-50%)!important;
  }
  .product-grid-refined .product-card-frog .product-art img{
    width:300px!important;
    height:auto!important;
  }
  .product-grid-refined .product-card-snail .product-art img{
    width:280px!important;
    height:auto!important;
  }
}

/* Mobile Hero: move the content block down a little for a more even top/bottom balance. */
@media (max-width:900px){
  .hero-content{
    padding-top:48px!important;
    padding-bottom:54px!important;
  }
  .hero-badges{margin-bottom:22px!important}
}


/* V37 — mobile Hero vertical balance: keep the green first screen and center the content optically. */
@media (max-width:900px){
  .hero-content{
    padding-top:92px!important;
    padding-bottom:10px!important;
  }
}
@media (max-width:560px){
  .hero-content{
    padding-top:92px!important;
    padding-bottom:10px!important;
  }
}

/* V38 — mobile Hero must fill the actual visible viewport.
   The next photo must begin only after the first green screen. */
@media (max-width:900px){
  .hero{
    height:100vh!important;
    min-height:100vh!important;
  }
}
@supports (height:100dvh){
  @media (max-width:900px){
    .hero{
      height:100dvh!important;
      min-height:100dvh!important;
    }
  }
}

/* =========================================================
   V39 — MOBILE LANGUAGE SWITCHER + FRENCH HERO FIX
   Mobile only. Desktop layout remains unchanged.
   ========================================================= */
.mobile-languages{
  display:none;
}

@media (max-width:900px){
  .nav-wrap{
    position:relative!important;
    width:calc(100% - 32px)!important;
    height:78px!important;
  }

  /* EN / FR / RU live directly in the mobile header, outside the burger. */
  .mobile-languages{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-left:auto!important;
    margin-right:12px!important;
    font-size:11px!important;
    font-weight:500!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    color:#fff!important;
  }

  .mobile-languages a{
    color:rgba(255,255,255,.48)!important;
    text-decoration:none!important;
  }

  .mobile-languages a.active{
    color:#fff!important;
    position:relative!important;
  }

  .mobile-languages a.active:after{
    content:''!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-7px!important;
    height:2px!important;
    background:var(--gold)!important;
  }

  .site-header.scrolled .mobile-languages a{
    color:rgba(18,62,49,.48)!important;
  }

  .site-header.scrolled .mobile-languages a.active{
    color:var(--green)!important;
  }

  /* The burger keeps the full navigation; its language row is hidden
     because languages are now visible directly in the header. */
  .main-nav .languages{
    display:none!important;
  }
}

/* French is longer than English: allow the first headline line to wrap
   instead of forcing it outside the mobile viewport. */
@media (max-width:900px){
  .lang-fr .hero h1 span:first-child{
    white-space:normal!important;
    max-width:100%!important;
  }

  .lang-fr .hero h1{
    font-size:clamp(34px,8.8vw,38px)!important;
    line-height:1.04!important;
  }
}

@media (max-width:390px){
  .lang-fr .hero h1{
    font-size:34px!important;
  }
}

/* V40 — mobile header alignment fix
   Keep the logo left, languages visible outside the burger,
   and the burger fixed on the far right. */
@media (max-width:900px){
  .nav-wrap{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:calc(100% - 32px)!important;
    margin-inline:auto!important;
  }

  .nav-wrap .brand{
    order:1!important;
    flex:0 0 auto!important;
  }

  .nav-wrap .mobile-languages{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin-left:auto!important;
    margin-right:14px!important;
    flex:0 0 auto!important;
  }

  .nav-wrap .menu-toggle{
    order:3!important;
    display:flex!important;
    flex:0 0 auto!important;
    margin-left:0!important;
  }

  /* Keep the language links out of the burger menu. */
  .main-nav .languages{
    display:none!important;
  }
}

/* V41 — MOBILE HEADER FINAL FIX
   Explicit positioning avoids conflicts with the legacy mobile header rules. */
@media (max-width:900px){
  .nav-wrap{
    position:relative!important;
    display:block!important;
    width:calc(100% - 32px)!important;
    height:78px!important;
    margin:0 auto!important;
  }

  .nav-wrap .brand{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
  }

  .nav-wrap .mobile-languages{
    position:absolute!important;
    right:58px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    font-family:var(--sans)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    z-index:6!important;
  }

  .nav-wrap .mobile-languages a{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    font:500 11px/1 var(--sans)!important;
    letter-spacing:.08em!important;
    text-decoration:none!important;
    color:#fff!important;
    opacity:.48!important;
  }

  .nav-wrap .mobile-languages a.active{
    color:#fff!important;
    opacity:1!important;
  }

  .nav-wrap .mobile-languages a.active:after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-7px!important;
    height:2px!important;
    background:var(--gold)!important;
  }

  .nav-wrap .menu-toggle{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:62px!important;
    height:62px!important;
    margin:0!important;
    padding:0!important;
    z-index:7!important;
  }

  .main-nav .languages{
    display:none!important;
  }
}

@media (max-width:560px){
  .nav-wrap .mobile-languages{
    right:70px!important;
    gap:10px!important;
  }

  .nav-wrap .mobile-languages a{
    font-size:10px!important;
  }

  .nav-wrap .menu-toggle{
    width:62px!important;
    height:62px!important;
  }
}

/* V43 — Russian mobile hero
   Keep the longer Russian headline inside the mobile viewport. */
@media (max-width:900px){
  .lang-ru .hero h1 span:first-child{
    white-space:normal!important;
    max-width:100%!important;
  }

  .lang-ru .hero h1{
    font-size:clamp(34px,8.8vw,38px)!important;
    line-height:1.04!important;
  }
}

@media (max-width:390px){
  .lang-ru .hero h1{
    font-size:34px!important;
  }
}

/* V44 — RU mobile finishing pass
   Only Russian text blocks are adjusted; EN/FR remain unchanged. */
@media (max-width:900px){
  .lang-ru .hero h1{
    font-size:clamp(32px,8.2vw,36px)!important;
    line-height:1.05!important;
    max-width:100%!important;
  }

  .lang-ru .hero-lead{
    max-width:100%!important;
  }

  .lang-ru .hero-products{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:14px!important;
  }

  .lang-ru .hero-products>div+div{
    padding-left:14px!important;
    border-left:0!important;
    position:relative!important;
  }

  .lang-ru .hero-products span{
    font-size:11px!important;
    line-height:1.45!important;
  }

  .lang-ru .intro h2{
    font-size:36px!important;
    line-height:1.06!important;
    max-width:100%!important;
  }

  .lang-ru .intro-copy{
    max-width:100%!important;
  }

  .lang-ru .product-grid-refined .product-body h3{
    font-size:34px!important;
    max-width:75%!important;
  }

  .lang-ru .product-tags{
    gap:9px!important;
    flex-wrap:wrap!important;
  }

  .lang-ru .product-tags span{
    font-size:9px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  .lang-ru .hero h1{font-size:32px!important;}
  .lang-ru .intro h2{font-size:34px!important;}
  .lang-ru .hero-products span{font-size:10px!important;}
}

/* V47 — RU hero separator: exactly one line, no pseudo-element */
@media (max-width:900px){
  .lang-ru .hero-products:before{
    display:none!important;
    content:none!important;
  }
  .lang-ru .hero-products>div+div{
    border-left:1px solid rgba(243,239,230,.30)!important;
    padding-left:14px!important;
  }
}