/* ============================================================
   SANTURA v3 — Brand Green Design System
   Primary: #A0D34A / #7CB62F / #5A9A1A
   BG: #080D08 (near-black with green undertone)
   ============================================================ */

:root {
  --bg:        #080D08;
  --bg-2:      #0C120C;
  --bg-3:      #101810;
  --bg-card:   #0E150E;

  --green:     #8DC63F;
  --green-lt:  #A0D34A;
  --green-dk:  #5A9A1A;
  --green-mid: #7CB62F;
  --green-dim: rgba(141,198,63,0.12);
  --green-glow:rgba(141,198,63,0.07);
  --green-line:rgba(141,198,63,0.25);

  --white:     #FFFFFF;
  --off-white: #EFF5E8;
  --muted:     rgba(255,255,255,0.45);
  --muted-2:   rgba(255,255,255,0.18);
  --border:    rgba(255,255,255,0.06);
  --border-g:  rgba(141,198,63,0.22);

  --ff-d: 'Cormorant Garamond', Georgia, serif;
  --ff-b: 'Outfit', system-ui, sans-serif;

  --ease:     cubic-bezier(0.22,1,0.36,1);
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --t:        0.45s var(--ease);

  --max:    1280px;
  --gutter: clamp(1.25rem,5vw,3rem);
  --r:      3px;
}

/* ── Reset ─────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
  font-family:var(--ff-b);
  background:var(--bg);
  color:var(--white);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button,input,textarea{font:inherit;border:none;outline:none;background:none}

/* ── Language ───────────────────────────────────────── */
[data-lang="pl"] .ua,[data-lang="pl"] .en,
[data-lang="ua"] .pl,[data-lang="ua"] .en,
[data-lang="en"] .pl,[data-lang="en"] .ua{display:none!important}

/* ── Wrap ───────────────────────────────────────────── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}

/* ── Green label line ────────────────────────────────── */
.g-label{
  display:inline-flex;align-items:center;gap:.7rem;
  font:.68rem/1 var(--ff-b);font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--green);
}
.g-label::before{content:'';width:2rem;height:2px;
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt));flex-shrink:0}

/* ── Scroll Reveal ──────────────────────────────────── */
.rv  {opacity:0;transform:translateY(40px);
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv-l{opacity:0;transform:translateX(-40px);
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv-r{opacity:0;transform:translateX(40px);
  transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}
.rv.in,.rv-l.in,.rv-r.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}
.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}

/* ══════════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════════ */
.hdr{
  position:fixed;top:0;left:0;right:0;z-index:900;
  height:72px;
  transition:var(--t);
}
.hdr__inner{
  max-width:var(--max);margin:0 auto;padding:0 var(--gutter);
  height:100%;display:flex;align-items:center;justify-content:space-between;
}
.hdr.scrolled{
  background:rgba(8,13,8,.9);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);
}
/* thin green underline on scroll */
.hdr.scrolled::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--green-dk) 30%,var(--green-lt) 60%,transparent);
  opacity:.5;
}

.hdr__logo img{height:34px;width:auto}

.hdr__nav{display:flex;align-items:center;gap:2.5rem}
.nav-links{display:flex;gap:clamp(.75rem,1.8vw,1.75rem)}
.nav-link{
  font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);transition:color var(--t);position:relative;padding:4px 0;
}
.nav-link::after{
  content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt));
  transition:width .35s var(--ease);
}
.nav-link:hover{color:var(--green-lt)}
.nav-link:hover::after{width:100%}

/* Language dropdown */
.lang-dd{position:relative}
.lang-dd__toggle{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:4px;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid var(--border);
  color:var(--white);font-size:.72rem;font-weight:600;letter-spacing:.08em;
  transition:var(--t);
}
.lang-dd__toggle:hover{border-color:var(--border-g);background:rgba(255,255,255,.1)}
.lang-dd__flag{font-size:.9rem;line-height:1}
.lang-dd__arrow{transition:transform .25s var(--ease);margin-left:2px}
.lang-dd.open .lang-dd__arrow{transform:rotate(180deg)}
.lang-dd__menu{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:160px;padding:4px;
  background:var(--bg-2);border:1px solid var(--border);border-radius:6px;
  box-shadow:0 12px 36px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;
  z-index:1000;
}
.lang-dd.open .lang-dd__menu{opacity:1;visibility:visible;transform:none}
.lang-dd__item{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:9px 14px;border-radius:4px;cursor:pointer;
  font-size:.82rem;font-weight:500;color:var(--muted);
  transition:var(--t);text-align:left;
}
.lang-dd__item:hover{background:var(--green-glow);color:var(--white)}
.lang-dd__item.on{color:var(--green-lt);font-weight:600}
.lang-dd__item span{font-size:1.1rem}

.burger{display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:8px;z-index:901}
.burger span{width:22px;height:1.5px;background:var(--white);
  border-radius:2px;transition:var(--t);display:block}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}

/* ══════════════════════════════════════════════════════
   HERO SLIDER
══════════════════════════════════════════════════════ */
.slider{position:relative;height:100vh;min-height:640px;overflow:hidden}

.slide{
  position:absolute;inset:0;display:flex;align-items:center;
  opacity:0;transition:opacity 1.4s var(--ease-out);pointer-events:none;
}
.slide.active{opacity:1;pointer-events:auto}

.slide__bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.07);transition:transform 7s var(--ease-out);filter:brightness(.55) saturate(.7);
}
.slide.active .slide__bg{transform:scale(1)}

/* Rich layered overlay — dark left, green tint */
.slide__ov{
  position:absolute;inset:0;
  background:
    linear-gradient(108deg, rgba(8,13,8,.97) 0%, rgba(8,13,8,.82) 45%, rgba(10,20,10,.45) 100%),
    linear-gradient(0deg, rgba(8,13,8,.6) 0%, transparent 40%);
}

/* animated green accent bar top */
.slide__bar{
  position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--green-dk) 25%,var(--green-lt) 55%,var(--green-dk) 75%,transparent);
  opacity:0;transition:opacity .8s ease .5s;
}
.slide.active .slide__bar{opacity:1}

/* glowing side accent */
.slide__glow{
  position:absolute;left:-120px;top:10%;
  width:400px;height:80%;
  background:radial-gradient(ellipse at left, rgba(92,154,26,.18) 0%, transparent 65%);
  pointer-events:none;
  opacity:0;transition:opacity 1.2s ease .3s;
}
.slide.active .slide__glow{opacity:1}

.slide__body{
  position:relative;z-index:1;max-width:1000px;
  padding-left:max(var(--gutter), 20%);padding-right:var(--gutter);
}

/* slide-in animations per element */
.slide__tag{
  margin-bottom:1.4rem;
  opacity:0;transform:translateY(22px);
  transition:opacity .8s var(--ease-out) .2s,transform .8s var(--ease-out) .2s;
}
.slide.active .slide__tag{opacity:1;transform:none}

.slide__title{
  font-family:var(--ff-d);
  font-size:clamp(3rem,6.5vw,6rem);
  font-weight:300;line-height:1.02;letter-spacing:-.025em;
  color:var(--white);margin-bottom:1.5rem;
  opacity:0;transform:translateY(38px);
  transition:opacity 1s var(--ease-out) .38s,transform 1s var(--ease-out) .38s;
}
.slide.active .slide__title{opacity:1;transform:none}
.slide__title strong{
  font-weight:700;
  background:linear-gradient(120deg,var(--green-dk),var(--green-lt));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

.slide__sub{
  font-size:clamp(.9rem,1.15vw,1.05rem);font-weight:300;
  color:rgba(255,255,255,.6);line-height:1.85;
  max-width:500px;margin-bottom:2.5rem;
  opacity:0;transform:translateY(22px);
  transition:opacity .85s var(--ease-out) .58s,transform .85s var(--ease-out) .58s;
}
.slide.active .slide__sub{opacity:1;transform:none}

.slide__cta{
  display:flex;gap:1rem;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);
  transition:opacity .8s var(--ease-out) .78s,transform .8s var(--ease-out) .78s;
}
.slide.active .slide__cta{opacity:1;transform:none}

/* slide number indicator */
.slide__num{
  position:absolute;right:var(--gutter);bottom:3rem;z-index:2;
  font-family:var(--ff-d);font-size:4rem;font-weight:300;
  color:rgba(255,255,255,.06);line-height:1;
  letter-spacing:-.04em;pointer-events:none;
  user-select:none;
}

/* Controls */
.slider__arrow{
  position:absolute;top:50%;z-index:10;
  width:48px;height:48px;
  border:1px solid var(--border-g);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;color:var(--green-lt);
  background:rgba(8,13,8,.35);backdrop-filter:blur(8px);
  transition:var(--t);
}
.slider__arrow:hover{
  background:linear-gradient(135deg,var(--green-dk),var(--green-mid));
  border-color:transparent;color:var(--white);
}
.slider__arrow--prev{left:2rem;transform:translateY(-50%)}
.slider__arrow--next{right:2rem;transform:translateY(-50%)}
.slider__arrow svg{width:18px;height:18px;stroke-width:1.5}

.slider__dots{
  position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);
  display:flex;gap:.6rem;z-index:10;
}
.slider__dot{
  width:24px;height:2px;border-radius:2px;cursor:pointer;
  background:var(--muted-2);transition:background .4s,width .4s;
}
.slider__dot.active{
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt));
  width:44px;
}

.slider__progress{
  position:absolute;bottom:0;left:0;height:2px;width:0;
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt));
  transition:width 5s linear;z-index:10;
}

/* ══════════════════════════════════════════════════════
   BUTTONS
══════════════════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:13px 30px;border-radius:var(--r);cursor:pointer;
  transition:var(--t);white-space:nowrap;
}
.btn-green{
  background:linear-gradient(135deg,var(--green-dk),var(--green-mid));
  color:var(--white);
}
.btn-green:hover{
  background:linear-gradient(135deg,var(--green-mid),var(--green-lt));
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(92,154,26,.4);
}
.btn-outline{border:1px solid var(--border-g);color:var(--green-lt)}
.btn-outline:hover{
  background:var(--green-dim);border-color:var(--green);
  transform:translateY(-2px);
}
.arrow{font-size:1em;transition:transform .3s ease}
.btn:hover .arrow{transform:translateX(4px)}

/* ══════════════════════════════════════════════════════
   STATS
══════════════════════════════════════════════════════ */
.stats{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{
  padding:2.5rem 1.5rem;text-align:center;
  position:relative;transition:background var(--t);cursor:default;
}
.stat:not(:last-child)::after{
  content:'';position:absolute;right:0;top:25%;height:50%;
  width:1px;background:var(--border);
}
.stat:hover{background:var(--green-glow)}
.stat__num{
  font-family:var(--ff-d);
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:500;line-height:1.1;margin-bottom:.4rem;
  background:linear-gradient(135deg,var(--green-dk),var(--green-lt));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.stat__lbl{font-size:.64rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}

/* ══════════════════════════════════════════════════════
   SECTION COMMONS
══════════════════════════════════════════════════════ */
.sec{padding:clamp(3rem,5vw,5rem) 0}
.sec-label{margin-bottom:.8rem}
.sec-title{
  font-family:var(--ff-d);
  font-size:clamp(1.9rem,3.2vw,3.2rem);
  font-weight:300;line-height:1.1;letter-spacing:-.025em;color:var(--white);
}
.sec-title strong{
  font-weight:700;
  background:linear-gradient(120deg,var(--green-dk),var(--green-lt));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.sec-head{margin-bottom:clamp(1.5rem,3vw,2.5rem)}

/* ══════════════════════════════════════════════════════
   ABOUT
══════════════════════════════════════════════════════ */
.about{background:var(--bg)}

/* Top row: text left, photo right */
.about__top{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,5rem);align-items:center}

.about__photo{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5}
.about__photo img{width:100%;height:100%;object-fit:cover;
  transition:transform .9s var(--ease);filter:brightness(.95) saturate(1.1)}
.about__photo:hover img{transform:scale(1.04);filter:brightness(1) saturate(1.2)}
/* green corner accent */
.about__photo::before{
  content:'';position:absolute;top:0;left:0;
  width:60px;height:60px;z-index:2;pointer-events:none;
  border-top:2px solid var(--green-lt);border-left:2px solid var(--green-lt);
}
.about__photo::after{
  content:'';position:absolute;bottom:0;right:0;
  width:60px;height:60px;z-index:2;pointer-events:none;
  border-bottom:2px solid var(--green-dk);border-right:2px solid var(--green-dk);
}
.about__badge{
  position:absolute;bottom:1.5rem;left:1.5rem;z-index:3;
  background:rgba(8,13,8,.85);backdrop-filter:blur(12px);
  border:1px solid var(--border-g);
  padding:.85rem 1.25rem;border-radius:var(--r);
}
.about__badge-num{
  font-family:var(--ff-d);
  background:linear-gradient(135deg,var(--green-dk),var(--green-lt));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-size:1.9rem;font-weight:500;line-height:1;display:block;
}
.about__badge-lbl{font-size:.58rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-top:.2rem}

.about__text{font-size:.95rem;color:var(--muted);line-height:1.75;font-weight:300;margin-top:1rem}
.about__text p+p{margin-top:.65rem}

.pillars-head{margin-top:clamp(2.5rem,4vw,4rem);margin-bottom:1rem}
.pillars-title{font-size:1.1rem;font-weight:600;color:var(--green-lt);text-transform:uppercase;letter-spacing:.08em}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.pillar{
  display:flex;gap:1rem;padding:1.15rem;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r);transition:var(--t);cursor:default;
}
.pillar:hover{border-color:var(--border-g);background:var(--green-glow);transform:translateX(5px)}
.pillar__ic{
  width:44px;height:44px;min-width:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);border-radius:var(--r);color:var(--green-lt);flex-shrink:0;
}
.pillar__ic svg{width:20px;height:20px}
.pillar__ttl{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:.25rem}
.pillar__txt{font-size:.95rem;color:var(--muted);line-height:1.55;font-weight:300}

.legal{
  margin-top:0;padding:1.1rem 1.4rem;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-left:2px solid var(--green-mid);
  border-radius:0 var(--r) var(--r) 0;
}
.legal__ttl{font-size:.75rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}
.legal__row{display:flex;gap:.75rem;font-size:1rem;
  padding:.35rem 0;border-bottom:1px solid var(--border)}
.legal__row:last-child{border-bottom:none}
.legal__k{font-weight:600;color:var(--off-white);min-width:160px;flex-shrink:0}
.legal__v{color:var(--muted)}

/* ══════════════════════════════════════════════════════
   PRODUCTS
══════════════════════════════════════════════════════ */
.products{background:var(--bg-2)}
.products__grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}
.prod-card{background:var(--bg-card);overflow:hidden;position:relative;
  transition:var(--t);border:1px solid var(--border);border-radius:var(--r)}
.prod-card:hover{background:var(--bg-3);border-color:var(--border-g)}

.prod-card__img{height:190px;overflow:hidden;position:relative}
.prod-card__img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .7s var(--ease);
  filter:brightness(.75) saturate(.65);
}
.prod-card:hover .prod-card__img img{transform:scale(1.07);filter:brightness(.85) saturate(.85)}

/* green shimmer on hover */
.prod-card__img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 50%,rgba(92,154,26,.12) 100%);
  opacity:0;transition:var(--t);
}
.prod-card:hover .prod-card__img::after{opacity:1}

.prod-card__body{padding:1.35rem 1.4rem 1.6rem}
.prod-card__cat{
  font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--green);margin-bottom:.5rem;
  display:flex;align-items:center;gap:.45rem;
}
.prod-card__cat::before{content:'';width:.9rem;height:1.5px;
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt))}
.prod-card__ttl{font-family:var(--ff-d);font-size:1.45rem;font-weight:400;
  color:var(--white);margin-bottom:.5rem;line-height:1.2}
.prod-card__desc{font-size:.88rem;color:var(--muted);line-height:1.65;font-weight:300}

/* bottom green border on hover */
.prod-card::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--green-dk),var(--green-lt));
  transform:scaleX(0);transition:transform .4s var(--ease);transform-origin:left;
}
.prod-card:hover::after{transform:scaleX(1)}

/* ══════════════════════════════════════════════════════
   LOGISTICS
══════════════════════════════════════════════════════ */
.logistics{background:var(--bg-3);position:relative;overflow:hidden}
/* large green glow orb */
.logistics::before{
  content:'';position:absolute;
  right:-350px;top:-200px;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(92,154,26,.1) 0%,transparent 65%);
  pointer-events:none;
}
.logistics__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(4rem,7vw,7rem);align-items:center;
}
.logistics__text{font-size:1.08rem;color:var(--muted);line-height:1.9;
  font-weight:300;margin-bottom:2rem}

.terms{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}
.term{
  font-size:.78rem;font-weight:700;letter-spacing:.1em;
  padding:8px 18px;border:1px solid var(--border-g);
  border-radius:var(--r);color:var(--green-lt);
  background:var(--green-glow);cursor:default;transition:var(--t);
}
.term:hover{background:var(--green-dim)}

.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}
.feat{background:var(--bg-3);padding:1.6rem;transition:var(--t);cursor:default}
.feat:hover{background:var(--bg-2)}
.feat__ic{color:var(--green-lt);margin-bottom:.8rem}
.feat__ic svg{width:22px;height:22px;stroke-width:1.5}
.feat__ttl{font-size:1rem;font-weight:600;color:var(--white);margin-bottom:.3rem}
.feat__txt{font-size:.88rem;color:var(--muted);line-height:1.6;font-weight:300}

/* ══════════════════════════════════════════════════════
   INQUIRY
══════════════════════════════════════════════════════ */
.inquiry{background:var(--bg)}
.inquiry__grid{display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(3rem,6vw,6rem);align-items:start}

.form{display:grid;gap:.9rem}
.form-group{display:grid;gap:.35rem}
.form-lbl{font-size:.72rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted)}
.form-inp,.form-ta{
  padding:13px 16px;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--r);
  color:var(--white);font-size:1rem;
  transition:border-color var(--t),box-shadow var(--t);
}
.form-inp::placeholder,.form-ta::placeholder{color:rgba(255,255,255,.18)}
.form-inp:focus,.form-ta:focus{
  border-color:var(--green-mid);
  box-shadow:0 0 0 3px rgba(92,154,26,.1);
}
.form-ta{resize:vertical;min-height:110px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}

/* inquiry info / benefits */
.inquiry__info-ttl{font-family:var(--ff-d);font-size:clamp(1.6rem,2.5vw,2.2rem);
  font-weight:300;color:var(--white);margin-bottom:1.5rem;line-height:1.15}
.inquiry__info-ttl strong{font-weight:600;color:var(--green-lt)}
.inquiry__benefits{display:grid;gap:.6rem;margin-bottom:1.5rem}
.inquiry__benefit{
  display:flex;gap:1rem;align-items:flex-start;
  padding:1.1rem 1.25rem;
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--r);transition:var(--t);cursor:default;
}
.inquiry__benefit:hover{border-color:var(--border-g);background:var(--green-glow)}
.inquiry__benefit-ic{
  width:40px;height:40px;min-width:40px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);border-radius:var(--r);color:var(--green-lt);flex-shrink:0;
}
.inquiry__benefit-ic svg{width:18px;height:18px;stroke-width:1.5}
.inquiry__benefit-ttl{font-size:1rem;font-weight:600;color:var(--white);margin-bottom:.15rem}
.inquiry__benefit-txt{font-size:.85rem;color:var(--muted);line-height:1.5;font-weight:300}
.inquiry__note{font-size:.88rem;color:var(--muted);font-weight:300}
.inquiry__note a{color:var(--green-lt);text-decoration:none;border-bottom:1px solid var(--green-dim);transition:var(--t)}
.inquiry__note a:hover{border-color:var(--green-lt)}

.pay-ic{
  width:36px;height:36px;min-width:36px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);border-radius:var(--r);color:var(--green-lt);
}
.pay-ic svg{width:16px;height:16px}
.pay-name{font-size:.92rem;font-weight:600;color:var(--white);margin-bottom:.12rem}
.pay-desc{font-size:.8rem;color:var(--muted);font-weight:300}

/* ══════════════════════════════════════════════════════
   CONTACT
══════════════════════════════════════════════════════ */
.contact{background:var(--bg-2);border-top:1px solid var(--border);position:relative;overflow:hidden}
.contact__map-wrap{position:absolute;inset:0;z-index:0}
.contact__map-iframe{width:100%;height:100%;border:none;display:block;filter:grayscale(1) brightness(.45) contrast(1.1)}
.contact__map-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,8,.78) 0%,rgba(8,13,8,.62) 100%)}
.contact .wrap{position:relative;z-index:1}
.contact__grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);border:1px solid var(--border);
}
.contact-item{
  background:rgba(8,13,8,.75);backdrop-filter:blur(14px);padding:1.85rem;
  display:flex;gap:1.1rem;align-items:flex-start;
  transition:background var(--t);cursor:default;
}
.contact-item:hover{background:rgba(8,13,8,.88)}
.contact-ic{
  width:44px;height:44px;min-width:44px;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);border-radius:var(--r);color:var(--green-lt);
}
.contact-ic svg{width:19px;height:19px;stroke-width:1.5}
.contact-lbl{font-size:.68rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.contact-val{font-size:1rem;font-weight:500;color:var(--white)}
.contact__hours{
  text-align:center;color:var(--muted);margin-top:1.75rem;
  font-size:.88rem;font-weight:300;
}

/* ══════════════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════════════ */
.footer{
  background:var(--bg);border-top:1px solid var(--border);
  padding:clamp(3.5rem,6vw,5rem) 0 2rem;
}
.footer__top{
  display:grid;grid-template-columns:2.5fr 1fr 1fr;
  gap:clamp(2rem,5vw,5rem);padding-bottom:2.5rem;
  border-bottom:1px solid var(--border);
}
.footer__logo{margin-bottom:.85rem}
.footer__logo img{height:28px;width:auto}
.footer__desc{font-size:.8rem;color:var(--muted);line-height:1.75;
  font-weight:300;max-width:360px}
.footer__h{font-size:.58rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.18em;color:rgba(255,255,255,.18);margin-bottom:1.15rem}
.footer__list{display:grid;gap:.55rem}
.footer__link{font-size:.8rem;color:var(--muted);transition:color var(--t);font-weight:300}
.footer__link:hover,a.footer__link:hover{color:var(--green-lt)}
.footer__bot{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:2rem;font-size:.7rem;color:rgba(255,255,255,.18);
}
.footer__legal{display:flex;gap:1.5rem}
.footer__legal a:hover{color:var(--green-lt)}

/* ══════════════════════════════════════════════════════
   MODAL
══════════════════════════════════════════════════════ */
/* ── Map Modal ──────────────────────────────────────── */
.map-modal{
  display:none;position:fixed;inset:0;z-index:2000;
  background:rgba(0,0,0,.7);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:1.5rem;
}
.map-modal.open{display:flex}
.map-modal__inner{
  position:relative;width:min(720px,100%);background:var(--bg-2);
  border:1px solid var(--border);border-radius:var(--r);overflow:hidden;
}
.map-modal__close{
  position:absolute;top:.75rem;right:.75rem;z-index:1;
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border);
  background:rgba(8,13,8,.85);color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:var(--t);
}
.map-modal__close:hover{border-color:var(--green-mid);color:var(--green-lt)}
.map-modal__header{padding:1.25rem 1.5rem;font-size:.9rem;color:var(--muted);line-height:1.5}
.map-modal__header strong{color:var(--white);font-size:1.1rem}
.map-modal__frame{width:100%;height:400px}
.map-modal__frame iframe{width:100%;height:100%;border:none;display:block}

.modal-wrap{
  display:none;position:fixed;inset:0;z-index:2000;
  background:rgba(0,0,0,.8);backdrop-filter:blur(12px);
  justify-content:center;align-items:center;padding:2rem;
}
.modal-wrap.open{display:flex}
.modal{
  background:var(--bg-2);border:1px solid var(--border);
  border-radius:var(--r);max-width:680px;width:100%;
  max-height:80vh;overflow-y:auto;padding:3rem;position:relative;
}
.modal-close{
  position:absolute;top:1.25rem;right:1.25rem;
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;border:1px solid var(--border);border-radius:50%;
  color:var(--muted);transition:var(--t);
}
.modal-close:hover{border-color:var(--green-mid);color:var(--green-lt)}
.modal h2{font-family:var(--ff-d);font-size:2rem;color:var(--white);margin-bottom:1.5rem}
.modal h3{font-size:.86rem;font-weight:600;color:var(--white);margin:1.25rem 0 .5rem}
.modal p{font-size:.8rem;color:var(--muted);line-height:1.75;font-weight:300;margin-bottom:.75rem}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .products__grid{grid-template-columns:1fr 1fr}
  .about__top,.logistics__grid,.inquiry__grid{grid-template-columns:1fr}
  .about__photo{aspect-ratio:16/9}
  .pillars{grid-template-columns:1fr 1fr}
  .footer__top{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .hdr__nav .nav-links{
    position:fixed;top:0;right:-100%;width:min(300px,80vw);height:100vh;
    background:var(--bg-2);border-left:1px solid var(--border);
    flex-direction:column;padding:5rem 2rem 2rem;gap:0;
    transition:right .4s var(--ease);z-index:900;
  }
  .hdr__nav .nav-links.open{right:0}
  .nav-link{display:block;padding:13px 0;border-bottom:1px solid var(--border)}
  .burger{display:flex}
  .stats__grid{grid-template-columns:1fr 1fr}
  .stat:not(:last-child)::after{display:none}
  .products__grid{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .contact__grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer__top{grid-template-columns:1fr}
  .footer__bot{flex-direction:column;gap:.75rem;text-align:center}
  .slide__body{padding-left:var(--gutter);padding-right:var(--gutter)}
  .slider__arrow{display:none}
  .slide__num{display:none}
}
@media(prefers-reduced-motion:reduce){
  .rv,.rv-l,.rv-r,
  .slide,.slide__bg,
  .slide__tag,.slide__title,.slide__sub,.slide__cta{
    transition:none!important;animation:none!important;
    opacity:1!important;transform:none!important;
  }
}