/* ==========================================================================
   biMARJ — genel yerleşim (header, footer, yardımcı sınıflar)
   Kaynak: Codex HTML paketi styles.css. Her frontend sayfasında yüklenir.
   ========================================================================== */

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.45}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:66px;background:rgba(255,255,255,.97);border-bottom:1px solid #edf0f2;position:sticky;top:0;z-index:40;box-shadow:0 3px 16px rgba(30,42,55,.04)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;min-width:255px}.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--green);display:grid;place-items:center;position:relative;color:#fff;box-shadow:0 5px 14px rgba(0,135,96,.2)}.brand-mark:before{content:"";position:absolute;width:25px;height:18px;top:16px;border-radius:3px 3px 8px 8px;background:#fff}.bag-handle{position:absolute;width:18px;height:11px;border:3px solid #fff;border-bottom:0;border-radius:12px 12px 0 0;top:8px}.brand-chart{position:relative;z-index:1;color:var(--green);font-weight:900;font-size:18px;margin-top:7px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:26px;letter-spacing:-1.5px}.brand-copy strong span{color:var(--green)}.brand-copy small{font-size:8px;margin-top:5px;color:#24313d}.main-nav{display:flex;align-items:center;gap:23px;white-space:nowrap;margin-left:auto}.main-nav a{height:66px;display:grid;place-items:center;font-size:12.5px;font-weight:500;position:relative}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:12px;height:2px;background:var(--green);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--green)}.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}.site-search{margin-left:14px;width:230px;height:39px;border:1px solid #d9e0e6;border-radius:10px;display:flex;align-items:center;padding:0 12px;background:#fff}.site-search input{width:100%;border:0;outline:0;color:var(--ink);font-size:12px}.site-search svg,.section-head svg,.calc-form svg,.result-panel svg,.newsletter svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2}
:root{--green:#008760;--green-dark:#006d50;--ink:#0d1b2a;--muted:#5f6d7c;--line:#e7ebef;--shadow:0 10px 28px rgba(16,40,56,.08)}
.footer{margin-top:18px;border-top:1px solid #edf0f2;padding-top:17px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .88fr 1.08fr;gap:60px;padding-bottom:25px}.footer-brand{min-width:0;margin-bottom:13px}.footer-brand .brand-mark{width:39px;height:39px}.footer-brand .brand-copy strong{font-size:24px}.footer-grid>div>p{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0}.footer-grid h3{font-size:13px;margin:9px 0 12px}.footer-grid>div>a:not(.brand){display:block;color:#617080;font-size:12px;padding:4px 0}.footer-grid>div>a:hover{color:var(--green)}.socials{display:flex;gap:16px;margin-top:17px}.socials a{width:22px;height:22px;display:grid;place-items:center;font-weight:800;font-size:16px}.newsletter>label:first-child{display:flex;border:1px solid #dbe2e7;border-radius:9px;overflow:hidden;height:41px;margin-top:11px}.newsletter input[type=email]{border:0;outline:0;padding:0 12px;min-width:0;flex:1;font-size:12px}.newsletter button{width:45px;border:0;background:var(--green);color:white;display:grid;place-items:center;cursor:pointer}.consent{display:flex;align-items:center;gap:6px;color:#697786;font-size:10px;margin-top:10px}.consent input{accent-color:var(--green)}.footer-bottom{border-top:1px solid #e5eaee;min-height:63px;display:flex;align-items:center;justify-content:space-between;color:#5f6f7e;font-size:10px}.footer-bottom nav{display:flex;gap:14px}.footer-bottom nav a+a{border-left:1px solid #dce3e8;padding-left:14px}.back-top{position:fixed;right:22px;bottom:20px;width:42px;height:42px;border-radius:50%;border:0;background:var(--green);color:white;font-size:21px;box-shadow:0 8px 20px rgba(0,94,69,.3);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:30}.back-top.show{opacity:1;pointer-events:auto;transform:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#102a22;color:white;padding:11px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:60;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}

/* ==========================================================================
   Revizyon katmanı — font, header, footer, link davranışı, arka plan
   Codex yerleşimi korunur; yalnızca rafine edilir.
   ========================================================================== */

/* ---- 1. Tipografi: Jost ---- */
:root{
  --font: "Jost", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --pattern-ink: %23008760;
}
body, button, input, select, textarea, .brand-copy strong{
  font-family: var(--font);
}
body{ font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; }

/* Codex'teki çok küçük punto değerlerini okunabilir seviyeye çek */
.main-nav a{ font-size:15px; font-weight:500; letter-spacing:-.1px; }
.brand-copy strong{ font-size:27px; letter-spacing:-1.2px; font-weight:700; }
.brand-copy small{ font-size:10.5px; margin-top:4px; color:#5a6a74; }
.footer-grid h3{ font-size:15px; font-weight:600; }
.footer-grid>div>p{ font-size:14px; line-height:1.7; }
.footer-grid>div>a:not(.brand){ font-size:14px; padding:5px 0; }
.footer-bottom{ font-size:13px; }
.newsletter input[type=email]{ font-size:14px; }
.consent{ font-size:12px; }

/* ---- 2. Link davranışı: hover'da alt çizgi yok, yumuşak geçiş ---- */
a{ text-decoration:none; transition:color .2s ease, opacity .2s ease; }
a:hover, a:focus, a:active{ text-decoration:none; }
.main-nav a:hover, .main-nav a:focus{ color:var(--green); }
/* Codex'teki hover alt çizgi animasyonu kaldırıldı; yalnızca aktif sayfa işaretli */
.main-nav a:after{ display:none; }
.main-nav a.active{ color:var(--green); font-weight:600; }
.main-nav a.active:after{
  display:block; content:""; position:absolute; left:0; right:0; bottom:14px;
  height:2px; background:var(--green); border-radius:2px;
}
.footer-grid>div>a:hover, .footer-bottom a:hover{ color:var(--green); opacity:.9; }

/* ---- 3. Header: arama kaldırıldı, menü sağa hizalı ---- */
.site-header{ height:74px; }
.header-inner{ gap:28px; }
.brand{ min-width:0; margin-right:auto; }
.main-nav{ gap:30px; margin-left:0; }
.main-nav a{ height:74px; }
.brand-copy small{ white-space:nowrap; }
/* Menü içindeki CTA yalnızca mobil menüde görünür */
.main-nav .nav-cta{ display:none; }
.header-cta{
  display:inline-flex; align-items:center; gap:9px; white-space:nowrap;
  background:var(--green); color:#fff; border-radius:10px;
  padding:12px 20px; font-size:14.5px; font-weight:600;
  box-shadow:0 6px 16px rgba(0,135,96,.22);
  transition:background .2s ease, transform .2s ease;
}
.header-cta:hover{ background:var(--green-dark); transform:translateY(-1px); }
.header-cta svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round; }

/* ---- 4. Footer: container ile aynı genişlikte, dengeli grid ---- */
.footer{ margin-top:34px; padding-top:30px; background:#fbfcfb; border-top:1px solid #e9edf0; }
.footer-grid{
  grid-template-columns:1.5fr .85fr 1.05fr 1.25fr;
  gap:44px; padding-bottom:30px; align-items:start;
}
.footer-grid>div{ min-width:0; }
.footer-grid>div>p{ margin:12px 0 0; max-width:42ch; }
.footer-brand{ margin-bottom:6px; }
.socials{ gap:18px; margin-top:20px; }
.socials a{ color:#54626f; transition:color .2s ease; }
.socials a:hover{ color:var(--green); }
.newsletter>label:first-child{ height:46px; }
.footer-bottom{ min-height:58px; padding:14px 0; }

/* ---- 5. Sayfa geneli: yatay taşma yok ---- */
html, body{ max-width:100%; overflow-x:hidden; }
img{ max-width:100%; }

/* ---- 6. E-ticaret temalı arka plan deseni (çok düşük kontrast) ----
   Inline SVG data URI; ek HTTP isteği veya ağır görsel yok. */
body{
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23008760' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.05'%3E%3Cpath d='M22 34l14-7 14 7-14 7z'/%3E%3Cpath d='M22 34v16l14 7 14-7V34'/%3E%3Cpath d='M112 22h16v10h-16z'/%3E%3Cpath d='M106 32h28v20h-28z'/%3E%3Cpath d='M206 28h18v14h-18z'/%3E%3Cpath d='M224 33h7l5 6v3h-12z'/%3E%3Ccircle cx='211' cy='46' r='3'/%3E%3Ccircle cx='230' cy='46' r='3'/%3E%3Cpath d='M46 116l20-20'/%3E%3Ccircle cx='49' cy='119' r='3'/%3E%3Ccircle cx='63' cy='105' r='3'/%3E%3Cpath d='M140 132v-14m9 14v-22m9 22v-8m9 8V104m-31 28h34'/%3E%3Crect x='232' y='104' width='22' height='30' rx='3'/%3E%3Cpath d='M237 110h12v6h-12zm0 12h2m4 0h2m4 0h2m-14 6h2m4 0h2m4 0h2'/%3E%3Cpath d='M66 200h18v12H66z'/%3E%3Cpath d='M60 212h30v20H60z'/%3E%3Cpath d='M176 196l14-7 14 7-14 7z'/%3E%3Cpath d='M176 196v16l14 7 14-7v-16'/%3E%3Cpath d='M256 208l16-16'/%3E%3Ccircle cx='259' cy='211' r='3'/%3E%3Ccircle cx='269' cy='195' r='3'/%3E%3Cpath d='M20 266v-12m9 12v-20m9 20v-7m9 7v-26m-31 26h34'/%3E%3Crect x='128' y='248' width='22' height='30' rx='3'/%3E%3Cpath d='M133 254h12v6h-12z'/%3E%3Cpath d='M212 258h18v12h-18z'/%3E%3Cpath d='M206 270h30v18h-30z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
  background-attachment:fixed;
}
/* İçerik yüzeyleri desenin üstünde tam opak kalır */
.site-header, .footer, .hero{ position:relative; }

/* ---- 7. Mobil menü: taşmasız, erişilebilir ---- */
@media (max-width:980px){
  .site-header{ height:66px; }
  .header-inner{ gap:14px; }
  .menu-toggle{ display:block; order:3; margin-left:auto; }
  .header-inner > .header-cta{ display:none; }
  .main-nav{
    order:4; position:absolute; left:0; right:0; top:66px;
    background:#fff; display:none; flex-direction:column; align-items:stretch;
    gap:0; padding:10px 20px 20px; border-bottom:1px solid #e7ebef;
    box-shadow:0 14px 26px rgba(0,0,0,.09); max-height:calc(100vh - 66px); overflow-y:auto;
  }
  .main-nav.open{ display:flex; }
  .main-nav a{ height:auto; display:block; padding:13px 2px; font-size:16px;
    border-bottom:1px solid #f1f4f2; }
  .main-nav a:last-of-type{ border-bottom:0; }
  .main-nav a.active:after{ display:none; }
  .main-nav a.active{ color:var(--green); }
  .main-nav .nav-cta{ display:flex; margin-top:14px; justify-content:center; padding:14px; font-size:15.5px; }
}
@media (max-width:820px){
  .footer-grid{ grid-template-columns:1fr 1fr; gap:28px; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; gap:10px; }
}
@media (max-width:560px){
  body{ font-size:15.5px; }
  .brand-copy strong{ font-size:24px; }
  .brand-copy small{ display:none; }
  .footer-grid{ grid-template-columns:1fr; gap:22px; }
  .footer-grid>div:nth-child(2), .footer-grid>div:nth-child(3){ display:block; }
  .footer-bottom nav{ flex-wrap:wrap; gap:10px; }
  .footer-bottom nav a+a{ border-left:0; padding-left:0; }
}

/* ---- Menü ikonları ---- */
.main-nav a{ display:inline-flex; align-items:center; gap:7px; }
.nav-ic{ width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  color:#8c99a2; transition:color .2s ease; }
.main-nav a:hover .nav-ic, .main-nav a.active .nav-ic{ color:var(--green); }
@media (max-width:980px){
  .main-nav a{ gap:10px; }
  .nav-ic{ width:18px; height:18px; flex:0 0 18px; }
}

/* ---- Footer: sol blok ve kolonlar ana container ile tam hizalı ---- */
.footer .container{ width:min(1180px, calc(100% - 40px)); margin-inline:auto; }
.footer-grid{ padding-left:0; padding-right:0; }
.footer-grid>div:first-child{ padding-right:0; }
.footer-brand{ margin-left:0; }
.footer-about p, .footer-grid>div>p{ padding-left:0; }