/* ==========================================================================
   PLASTİKSAN · t-53
   Endüstriyel ambalaj — kurumsal tasarım sistemi
   Palet kaynağı: kurumsal logo (yeşil #09753C·#61A651 / mavi #379ACD / #1D1D1D)
   ========================================================================== */

:root{
  color-scheme: light;

  /* Yüzeyler */
  --surface:#FFFFFF;
  --surface-2:#F4F7F4;
  --ink:#111614;
  --ink-2:#19201C;
  --ink-3:#0B100E;

  /* Metin */
  --text:#1D1D1D;
  --text-2:#3D4844;
  --muted:#5D6A64;
  --on-dark:#FFFFFF;
  --on-dark-2:rgba(255,255,255,.66);
  --on-dark-3:rgba(255,255,255,.40);

  /* Çizgiler */
  --line:#E2E8E3;
  --line-2:#D3DCD6;
  --line-dark:rgba(255,255,255,.13);

  /* Marka */
  --green:#0B7A3E;
  --green-h:#096331;
  --green-2:#2C9040;
  --green-3:#61A651;
  --blue:#379ACD;

  /* Ölçü */
  --r:2px;
  --pad:clamp(20px,5vw,48px);
  --maxw:1280px;

  --t:220ms cubic-bezier(.2,.6,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--surface);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{
  font-family:'Archivo','Inter',system-ui,sans-serif;
  font-weight:700;
  letter-spacing:-.022em;
  line-height:1.08;
  margin:0;
  font-style:normal;
}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

::selection{background:var(--green);color:#fff}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:var(--r)}

/* ---------- Yapı ---------- */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.sec{padding-block:clamp(64px,9vw,120px)}
.sec--tight{padding-block:clamp(48px,6vw,80px)}
.sec--alt{background:var(--surface-2)}
.sec--dark{background:var(--ink);color:var(--on-dark)}
.sec--dark h1,.sec--dark h2,.sec--dark h3{color:#fff}

/* Endüstriyel ince çizgi dokusu (yalnız koyu alanlarda, çok düşük yoğunluk) */
.grid-tex{position:relative;isolation:isolate}
.grid-tex::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--line-dark) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);
  background-size:88px 88px;
  opacity:.28;
  mask-image:radial-gradient(120% 90% at 50% 0%,#000 10%,transparent 78%);
}

/* ---------- Tipografi ---------- */
.eyebrow{
  display:flex;align-items:center;gap:14px;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.20em;text-transform:uppercase;color:var(--green);
}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--green);flex:none}
.sec--dark .eyebrow{color:var(--green-3)}
.sec--dark .eyebrow::before{background:var(--green-3)}

.h-xl{font-size:clamp(2.35rem,1.5rem + 3.4vw,4.15rem)}
.h-lg{font-size:clamp(1.95rem,1.3rem + 2.4vw,3.1rem)}
.h-md{font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem)}
.h-sm{font-size:1.1rem;letter-spacing:-.01em}
.lead{font-size:clamp(1.02rem,.98rem + .3vw,1.16rem);line-height:1.72;color:var(--text-2);max-width:62ch}
.sec--dark .lead{color:var(--on-dark-2)}
.small{font-size:.9rem;line-height:1.7;color:var(--muted)}
.sec--dark .small{color:var(--on-dark-2)}
.num{font-variant-numeric:tabular-nums}

/* Bölüm başlığı — asimetrik (sol başlık / sağ açıklama) */
.sec-head{
  display:grid;grid-template-columns:1fr;gap:20px;
  padding-bottom:clamp(32px,4vw,52px);
}
.sec-head p{margin-top:0}
@media(min-width:960px){
  .sec-head{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:56px;align-items:end}
}
.sec-head h2{margin-top:18px}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex;align-items:center;gap:11px;
  height:52px;padding:0 26px;border-radius:var(--r);
  font-family:'Archivo',sans-serif;font-weight:600;font-size:.94rem;letter-spacing:.01em;
  transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t);
  white-space:nowrap;
}
.btn i,.btn svg{font-size:.85em}
.btn--primary{background:var(--green);color:#fff;box-shadow:0 1px 2px rgba(11,122,62,.28)}
.btn--primary:hover{background:var(--green-h);box-shadow:0 10px 26px -12px rgba(11,122,62,.75)}
.btn--ghost{border:1px solid var(--line-2);color:var(--text)}
.btn--ghost:hover{border-color:var(--green);color:var(--green);background:rgba(11,122,62,.045)}
.btn--onDark{border:1px solid rgba(255,255,255,.30);color:#fff}
.btn--onDark:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.62)}
.btn--sm{height:44px;padding:0 20px;font-size:.88rem}

/* Metin bağlantısı + ok */
.tlink{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:.92rem;color:var(--green);
  transition:color var(--t);
}
.tlink .ar{display:inline-block;transition:transform var(--t)}
.tlink:hover{color:var(--green-h)}
.tlink:hover .ar{transform:translateX(5px)}
.sec--dark .tlink{color:var(--green-3)}

/* ==========================================================================
   ÜST BİLGİ + BAŞLIK
   ========================================================================== */
.topbar{background:var(--ink-3);color:var(--on-dark-2);font-size:.82rem;display:none}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:42px}
.topbar a{transition:color var(--t)}
.topbar a:hover{color:#fff}
.topbar .tb-r{display:flex;align-items:center;gap:26px}
.topbar i{color:var(--green-3);margin-right:8px;font-size:.85em}
@media(min-width:1024px){.topbar{display:block}}

.site-head{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{display:flex;align-items:center;gap:24px;height:78px}
.brand{flex:none;display:flex;align-items:center}
.brand img{height:42px;width:auto}
@media(min-width:1280px){.site-head .wrap{height:86px}.brand img{height:46px}}

.mainnav{display:none;margin-left:auto;align-items:center;gap:4px}
@media(min-width:1280px){.mainnav{display:flex}}
.mainnav>a,.dd>button{
  display:inline-flex;align-items:center;gap:7px;
  padding:10px 15px;border-radius:var(--r);
  font-family:'Archivo',sans-serif;font-weight:600;font-size:.93rem;color:var(--text);
  transition:color var(--t),background var(--t);
}
.mainnav>a:hover,.dd>button:hover,.dd:hover>button{color:var(--green);background:rgba(11,122,62,.055)}
.mainnav>a.is-on{color:var(--green)}
.dd{position:relative}
.dd>button .ok{width:11px;height:11px;transition:transform var(--t);opacity:.65}
.dd:hover>button .ok{transform:rotate(180deg)}
.dd-menu{
  position:absolute;top:calc(100% + 10px);left:0;min-width:262px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  box-shadow:0 2px 4px rgba(17,22,20,.05),0 22px 48px -20px rgba(17,22,20,.28);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity var(--t),transform var(--t),visibility var(--t);
}
.dd::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dd-menu a{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 14px;border-radius:var(--r);font-size:.92rem;font-weight:500;color:var(--text-2);
  transition:background var(--t),color var(--t);
}
.dd-menu a span.n{font-family:'Archivo',sans-serif;font-size:.72rem;color:var(--line-2);font-variant-numeric:tabular-nums;transition:color var(--t)}
.dd-menu a:hover{background:var(--surface-2);color:var(--green)}
.dd-menu a:hover span.n{color:var(--green-3)}

.head-cta{display:none;margin-left:14px}
@media(min-width:1280px){.head-cta{display:inline-flex}}

.burger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  margin-left:auto;width:46px;height:46px;padding:0 11px;
  border:1px solid var(--line);border-radius:var(--r);
}
.burger span{display:block;height:2px;background:var(--text);transition:transform var(--t),opacity var(--t)}
.burger span:nth-child(1){width:100%}
.burger span:nth-child(2){width:70%}
.burger span:nth-child(3){width:85%}
@media(min-width:1280px){.burger{display:none}}

/* Mobil çekmece */
.drawer{
  position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;
  background:var(--surface);
}
.drawer-top{display:flex;align-items:center;height:78px;border-bottom:1px solid var(--line);flex:none}
.drawer-top .wrap{display:flex;align-items:center;width:100%}
.drawer-x{margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.drawer-body{flex:1;overflow-y:auto;padding-block:14px 40px}
.drawer-body a,.drawer-body button.acc{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:16px 0;border-bottom:1px solid var(--line);
  font-family:'Archivo',sans-serif;font-weight:600;font-size:1.05rem;text-align:left;
}
.drawer-sub a{padding:13px 0 13px 18px;font-size:.95rem;font-weight:500;color:var(--text-2);border-bottom:1px dashed var(--line)}
.drawer-body .acc .ok{width:13px;height:13px;transition:transform var(--t);opacity:.6}
.drawer-foot{border-top:1px solid var(--line);padding-block:22px;flex:none}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media .sl{position:absolute;inset:0;opacity:0;transition:opacity 1000ms ease}
.hero-media .sl.on{opacity:1}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(97deg,rgba(11,16,14,.96) 0%,rgba(11,16,14,.86) 34%,rgba(11,16,14,.42) 68%,rgba(11,16,14,.20) 100%),
    linear-gradient(180deg,rgba(11,16,14,.55) 0%,transparent 32%,rgba(11,16,14,.62) 100%);
}
.hero-inner{position:relative;z-index:2;padding-block:clamp(72px,10vw,132px) 0}
.hero-grid{display:grid;grid-template-columns:1fr;gap:52px;align-items:center}
@media(min-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) 268px;gap:72px}}
.hero h1{max-width:17ch;margin-top:22px;color:#fff}
.hero .lead{color:rgba(255,255,255,.80);margin-top:24px;max-width:56ch}
.hero-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}

/* Slayt indeksi */
.hero-ix{display:none}
@media(min-width:1100px){.hero-ix{display:block;border-top:1px solid var(--line-dark)}}
.hero-ix button{
  display:flex;align-items:baseline;gap:16px;width:100%;
  padding:17px 0;border-bottom:1px solid var(--line-dark);
  color:rgba(255,255,255,.52);transition:color var(--t);position:relative;text-align:left;
}
.hero-ix button .ix-n{font-family:'Archivo',sans-serif;font-size:.72rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.hero-ix button .ix-t{font-family:'Archivo',sans-serif;font-weight:600;font-size:.95rem}
.hero-ix button:hover{color:rgba(255,255,255,.86)}
.hero-ix button.on{color:#fff}
.hero-ix button.on::after{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;background:var(--green-3);
  animation:ixbar 6s linear forwards;
}
@keyframes ixbar{from{width:0}to{width:100%}}

/* Hero alt rakam şeridi */
.hero-figs{
  position:relative;z-index:2;margin-top:clamp(52px,7vw,86px);
  border-top:1px solid var(--line-dark);
  display:grid;grid-template-columns:repeat(2,1fr);
}
@media(min-width:860px){.hero-figs{grid-template-columns:repeat(4,1fr)}}
.hero-figs div{padding:26px 0 30px;border-bottom:1px solid var(--line-dark)}
@media(min-width:860px){
  .hero-figs div{border-bottom:0;padding-inline:0 24px}
  .hero-figs div+div{border-left:1px solid var(--line-dark);padding-left:30px}
}
@media(max-width:859px){.hero-figs div:nth-child(2n){border-left:1px solid var(--line-dark);padding-left:22px}}
.hero-figs b{
  display:block;font-family:'Archivo',sans-serif;font-weight:700;
  font-size:clamp(1.9rem,1.2rem + 2vw,2.7rem);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:#fff;
}
.hero-figs span{display:block;margin-top:9px;font-size:.85rem;color:rgba(255,255,255,.55);line-height:1.45}

/* ==========================================================================
   ÜRÜN KARTLARI
   ========================================================================== */
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,26px)}
.pcell{grid-column:span 12}
@media(min-width:720px){
  .pcell{grid-column:span 6}
  .pcell--w{grid-column:span 12}
}
@media(min-width:1060px){
  .pcell{grid-column:span 4}
  .pcell--w{grid-column:span 7}
  .pcell--n{grid-column:span 5}
}
.pcard{
  display:flex;flex-direction:column;height:100%;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;
  transition:border-color var(--t),box-shadow var(--t);
}
.pcard:hover{border-color:rgba(11,122,62,.42);box-shadow:0 2px 4px rgba(17,22,20,.04),0 26px 52px -26px rgba(11,60,32,.42)}
.pframe{position:relative;overflow:hidden;background:var(--surface-2);aspect-ratio:4/3}
.pcell--w .pframe{aspect-ratio:16/10}
.pframe img{width:100%;height:100%;object-fit:cover;transition:transform 520ms cubic-bezier(.2,.6,.2,1)}
.pcard:hover .pframe img{transform:scale(1.045)}
.pbody{padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:11px;flex:1}
.pno{
  font-family:'Archivo',sans-serif;font-size:.73rem;font-weight:600;letter-spacing:.16em;
  color:var(--green);font-variant-numeric:tabular-nums;
}
.pcard h3{font-size:clamp(1.15rem,1rem + .5vw,1.42rem)}
.pcard p{font-size:.93rem;color:var(--muted);line-height:1.65}
.pgo{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:10px;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:.87rem;color:var(--text-2);transition:color var(--t)}
.pgo .ar{display:inline-block;transition:transform var(--t)}
.pcard:hover .pgo{color:var(--green)}
.pcard:hover .pgo .ar{transform:translateX(5px)}

/* ==========================================================================
   NEDEN — koyu, kartsız, çizgiyle bölünmüş
   ========================================================================== */
.why{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line-dark)}
@media(min-width:700px){.why{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.why{grid-template-columns:repeat(4,1fr)}}
.why>div{padding:34px 0 36px;border-bottom:1px solid var(--line-dark)}
@media(min-width:700px){
  .why>div{padding:38px 30px 42px 0}
  .why>div:nth-child(2n){border-left:1px solid var(--line-dark);padding-left:30px}
}
@media(min-width:1100px){
  .why>div{border-bottom:0}
  .why>div+div{border-left:1px solid var(--line-dark);padding-left:32px}
  .why>div:nth-child(2n){padding-left:32px}
}
.why i{font-size:1.6rem;color:var(--green-3);display:block;margin-bottom:20px}
.why h3{font-size:1.08rem;margin-bottom:11px}
.why p{font-size:.92rem;color:var(--on-dark-2);line-height:1.7}

/* ==========================================================================
   KURUMSAL ŞERİT
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr;gap:clamp(34px,5vw,72px);align-items:center}
@media(min-width:1000px){.split{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}}
.split-fig{position:relative;border-radius:var(--r);overflow:hidden;background:var(--surface-2)}
.split-fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media(max-width:999px){.split-fig img{aspect-ratio:16/10}}
.split-fig::after{content:"";position:absolute;left:0;bottom:0;width:96px;height:5px;background:var(--green)}
.split-body h2{margin-top:18px}
.split-body p+p{margin-top:18px}
.corp-links{margin-top:34px;border-top:1px solid var(--line)}
.corp-links a{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:17px 0;border-bottom:1px solid var(--line);
  font-family:'Archivo',sans-serif;font-weight:600;font-size:1rem;
  transition:color var(--t),padding-left var(--t);
}
.corp-links a .ar{color:var(--line-2);transition:transform var(--t),color var(--t)}
.corp-links a:hover{color:var(--green)}
.corp-links a:hover .ar{color:var(--green);transform:translateX(5px)}

/* ==========================================================================
   BELGELER
   ========================================================================== */
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px)}
@media(min-width:900px){.docs{grid-template-columns:repeat(4,1fr)}}
.doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:border-color var(--t),box-shadow var(--t)}
.doc:hover{border-color:rgba(11,122,62,.42);box-shadow:0 20px 40px -24px rgba(11,60,32,.34)}
.doc-fr{background:var(--surface-2);aspect-ratio:3/4;overflow:hidden;display:flex;align-items:center;justify-content:center}
.doc-fr img{width:100%;height:100%;object-fit:contain}
.doc b{display:block;margin-top:16px;font-family:'Archivo',sans-serif;font-size:.95rem;font-weight:600;line-height:1.35}
.doc span{display:block;margin-top:6px;font-size:.82rem;color:var(--muted)}

/* ==========================================================================
   CTA
   ========================================================================== */
.cta{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.cta::before{
  content:"";position:absolute;left:-8%;top:-40%;width:58%;height:190%;
  background:radial-gradient(closest-side,rgba(11,122,62,.42),transparent 72%);
  pointer-events:none;
}
.cta-in{position:relative;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media(min-width:1000px){.cta-in{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:72px}}
.cta h2{max-width:16ch}
.cta-box{border-left:2px solid var(--green-3);padding-left:clamp(22px,3vw,34px)}
.cta-box dt{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-3);font-family:'Archivo',sans-serif;font-weight:600}
.cta-box dd{margin:8px 0 22px;font-family:'Archivo',sans-serif;font-size:1.16rem;font-weight:600;line-height:1.5}
.cta-box dd a{display:block;transition:color var(--t)}
.cta-box dd a:hover{color:var(--green-3)}

/* ==========================================================================
   SAYFA BAŞLIĞI (iç sayfalar)
   ========================================================================== */
.phead{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.phead .wrap{position:relative;z-index:2;padding-block:clamp(52px,7vw,88px)}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.84rem;color:var(--on-dark-3);margin-bottom:20px}
.crumb a{transition:color var(--t)}
.crumb a:hover{color:var(--green-3)}
.crumb i{font-size:.6rem;opacity:.5}
.phead h1{max-width:20ch}
.phead .lead{color:var(--on-dark-2);margin-top:18px}

/* ==========================================================================
   İÇERİK / METİN SAYFALARI
   ========================================================================== */
.prose{max-width:74ch}
.prose p{font-size:clamp(1.02rem,.98rem + .3vw,1.14rem);line-height:1.78;color:var(--text-2)}
.prose p+p{margin-top:22px}
.prose strong{color:var(--text);font-weight:600}
.pull{
  margin-top:40px;padding:clamp(24px,3vw,34px);
  background:var(--surface-2);border-left:3px solid var(--green);border-radius:var(--r);
}
.pull p{font-family:'Archivo',sans-serif;font-size:clamp(1.1rem,1rem + .6vw,1.42rem);
  font-weight:600;line-height:1.45;color:var(--text);letter-spacing:-.015em}

/* ==========================================================================
   ÜRÜN DETAY — teknik künye
   ========================================================================== */
.prow{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,60px);align-items:start}
@media(min-width:960px){.prow{grid-template-columns:minmax(0,.78fr) minmax(0,1fr)}}
.prow+.prow{margin-top:clamp(48px,6vw,86px);padding-top:clamp(48px,6vw,86px);border-top:1px solid var(--line)}
@media(min-width:960px){.prow--rev .prow-fig{order:2}}
.prow-fig{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:sticky;top:104px}
@media(max-width:959px){.prow-fig{position:static}}
.prow-fig img{width:100%;aspect-ratio:4/5;object-fit:cover}
.prow-fig.is-contain img{object-fit:contain;padding:26px}
.prow-body h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.15rem)}
.prow-body .lead{margin-top:16px}

.speclabel{
  display:flex;align-items:center;gap:12px;margin-top:32px;
  font-family:'Archivo',sans-serif;font-weight:600;font-size:.76rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--blue);
}
.speclabel::before{content:"";width:26px;height:2px;background:var(--blue);flex:none}

.spec{margin-top:18px;border-top:1px solid var(--line)}
.spec>div{
  display:grid;grid-template-columns:1fr;gap:2px;
  padding:13px 0;border-bottom:1px solid var(--line);
}
@media(min-width:560px){.spec>div{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:24px;align-items:baseline}}
.spec dt{font-size:.88rem;color:var(--muted)}
.spec dd{margin:0;font-size:.95rem;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}

.feat{margin-top:20px;border-top:1px solid var(--line)}
.feat li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--text-2);line-height:1.6}
.feat li i{color:var(--green);font-size:.85rem;margin-top:.4em;flex:none}

.note{margin-top:22px;font-size:.86rem;color:var(--muted)}

/* İletişim */
.contact{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,56px)}
@media(min-width:960px){.contact{grid-template-columns:repeat(2,1fr)}}
.cblock{border-top:1px solid var(--line);padding-top:24px}
.cblock+.cblock{margin-top:30px}
.cblock dt{display:flex;align-items:center;gap:11px;font-family:'Archivo',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cblock dt i{color:var(--green)}
.cblock dd{margin:14px 0 0;font-size:1.02rem;line-height:1.75;color:var(--text)}
.cblock dd a{transition:color var(--t)}
.cblock dd a:hover{color:var(--green)}
.cmap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface-2);min-height:340px;height:100%}
.cmap iframe{display:block;width:100%;height:100%;min-height:340px;border:0}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.site-foot{background:var(--ink-3);color:var(--on-dark-2)}
.foot-grid{display:grid;grid-template-columns:1fr;gap:44px;padding-block:clamp(56px,7vw,84px)}
@media(min-width:760px){.foot-grid{grid-template-columns:repeat(2,1fr);gap:48px}}
@media(min-width:1100px){.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:52px}}
.foot-brand img{height:44px;width:auto}
.foot-brand p{margin-top:22px;font-size:.9rem;line-height:1.75;max-width:38ch}
.foot h4{font-family:'Archivo',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.foot ul li+li{margin-top:12px}
.foot ul a{font-size:.92rem;transition:color var(--t)}
.foot ul a:hover{color:var(--green-3)}
.foot-c li{display:flex;gap:13px;font-size:.92rem;line-height:1.65}
.foot-c li+li{margin-top:15px}
.foot-c i{color:var(--green-3);margin-top:.35em;font-size:.9em;flex:none;width:15px}
.foot-c a{transition:color var(--t)}
.foot-c a:hover{color:#fff}
.foot-bar{border-top:1px solid var(--line-dark);padding-block:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.84rem;color:var(--on-dark-3)}

/* Görünüme girince yumuşak açılış */
@media(prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(18px);transition:opacity 700ms cubic-bezier(.2,.6,.2,1),transform 700ms cubic-bezier(.2,.6,.2,1)}
  .rv.in{opacity:1;transform:none}
}

/* ---------- Sayfa sonu geçiş kartları ---------- */
.nextgrid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.nextgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.nextgrid{grid-template-columns:repeat(4,1fr)}}
.nextgrid--2{grid-template-columns:1fr}
@media(min-width:640px){.nextgrid--2{grid-template-columns:repeat(2,1fr)}}
.ncard{
  display:flex;align-items:center;gap:16px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 18px 12px 12px;
  transition:border-color var(--t),box-shadow var(--t);
}
.ncard--text{padding:20px 20px 20px 22px;align-items:flex-start}
.ncard:hover{border-color:rgba(11,122,62,.42);box-shadow:0 18px 36px -22px rgba(11,60,32,.34)}
.nfr{flex:none;width:60px;height:60px;border-radius:var(--r);overflow:hidden;background:var(--surface-2)}
.nfr img{width:100%;height:100%;object-fit:cover}
.nbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.nt{font-family:'Archivo',sans-serif;font-weight:600;font-size:.96rem;line-height:1.3}
.nd{font-size:.86rem;color:var(--muted);line-height:1.55}
.ncard .ar{flex:none;color:var(--line-2);transition:transform var(--t),color var(--t)}
.ncard--text .ar{margin-top:3px}
.ncard:hover .ar{color:var(--green);transform:translateX(4px)}