:root{--g:#4bb52e;--gd:#2d8a21;--p:#6a40d8;--b:#2258a7;--ink:#172019;--mut:#6a756d;--line:#e2e9e3;--soft:#f6f9f7}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1280px,calc(100% - 34px));margin:auto}.top{background:#f6f8f6;border-bottom:1px solid var(--line);font-size:12px}.top .container{height:34px;display:flex;align-items:center;gap:28px}.top .r{margin-left:auto}.head{display:flex;gap:24px;align-items:center;padding:18px 0}.logo{min-width:225px;display:flex;gap:10px;align-items:center}.mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--b),var(--g));display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;transform:rotate(-8deg)}.title{font-size:26px;font-weight:850;color:var(--g)}.title b{color:var(--b)}.title small{display:block;font-size:10px;color:var(--mut);font-weight:500}.search{display:flex;flex:1;border:1px solid #dce5de;border-radius:10px;overflow:hidden}.search input{flex:1;border:0;padding:14px;outline:0}.search button{width:58px;border:0;background:var(--g);color:#fff;font-size:21px}.actions{display:flex;gap:15px;font-size:12px}.badgecart{background:var(--g);color:#fff;border-radius:99px;padding:2px 6px}.nav{border-block:1px solid var(--line)}.nav .container{height:52px;display:flex;gap:30px;align-items:center;overflow:auto;white-space:nowrap;font-size:13px;font-weight:750}.catbtn{background:var(--g);color:#fff;padding:10px 22px;border-radius:8px}.alert{margin-top:14px;padding:12px;border-radius:8px}.ok{background:#e7f6e3}.err{background:#ffeded;color:#8b2b2b}
.hero-grid{display:grid;grid-template-columns:220px 1fr 245px;gap:16px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff}.cats{padding:6px 0}.cats a{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #f0f3f0;font-size:13px}.hero{min-height:410px;padding:48px;border-radius:14px;background:linear-gradient(105deg,#e5f4ff,#e9f9ee);display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-15px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#fff,#a8ddff77 58%,transparent 60%)}.heroin{position:relative;z-index:1;max-width:540px}.hero h1{font-size:43px;line-height:1.03;margin:9px 0}.hero h1 span{color:var(--g)}.hero p{font-size:17px;line-height:1.6;color:#405248}.eyebrow{font-size:12px;font-weight:850;color:var(--gd);text-transform:uppercase}.btn{display:inline-block;border:0;border-radius:8px;background:var(--g);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.purple{background:var(--p)}.outline{background:#fff;color:var(--g);border:1px solid var(--g)}.trusts{display:grid;gap:11px}.trust{padding:17px}.trust b{display:block;margin-bottom:5px}.trust small{color:var(--mut)}.iconcats{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin:26px 0}.iconcat{text-align:center;font-size:12px;font-weight:750}.circle{width:68px;height:68px;border-radius:50%;background:#f6f9f6;border:1px solid var(--line);display:grid;place-items:center;margin:auto auto 7px;font-size:27px}.section{margin:28px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.sectionhead h2{margin:0;font-size:23px}.sectionhead a{color:var(--gd);font-size:12px;font-weight:800}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.product{border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;flex-direction:column}.product img{width:100%;aspect-ratio:1;object-fit:contain;background:#fafcfb}.brand{font-size:11px;color:var(--mut);margin-top:8px}.product h3{font-size:14px;min-height:38px;margin:5px 0}.rating{font-size:11px;color:#e9a400}.old{text-decoration:line-through;font-size:11px;color:#929b95}.price{font-size:18px;font-weight:900;margin:6px 0 10px}.product .btn{margin-top:auto;width:100%;background:var(--p);font-size:11px}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo{min-height:165px;padding:22px;border-radius:13px;background:linear-gradient(135deg,#e7ddff,#b89cff);color:#351768}.promo:nth-child(2){background:linear-gradient(135deg,#e4f8d8,#98de70);color:#1e5318}.promo:nth-child(3){background:linear-gradient(135deg,#e4f3ff,#9dc8ff);color:#18426f}.benefits{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:11px}.benefit{text-align:center;padding:16px;border-right:1px solid var(--line);font-size:12px}.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.brandbox{border:1px solid var(--line);border-radius:9px;padding:20px;text-align:center;font-weight:800}.news{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.news article{border:1px solid var(--line);border-radius:11px;overflow:hidden}.news img{height:165px;width:100%;object-fit:cover;background:#f3f6f4}.news .body{padding:15px}.newsletter{margin-top:35px;background:var(--soft);padding:27px 0;border-top:1px solid var(--line)}.newsletter .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.newsletter form{display:flex;min-width:440px}.newsletter input{flex:1;padding:12px;border:1px solid var(--line);border-radius:8px 0 0 8px}.newsletter button{border-radius:0 8px 8px 0}.footer{background:#101712;color:#ccd6cf;padding:38px 0 15px}.footergrid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:28px}.footer h4{color:#fff}.footer a{display:block;margin:8px 0;font-size:12px}.footer p{font-size:12px;line-height:1.55}.social{display:flex;gap:8px}.social a{width:34px;height:34px;border:1px solid #435047;border-radius:50%;display:grid;place-items:center}.social svg{width:16px;height:16px;fill:currentColor}.footerbottom{border-top:1px solid #2b392f;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px}.wa{position:fixed;right:18px;bottom:18px;width:52px;height:52px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-weight:900}.page{padding:30px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.formbox{border:1px solid var(--line);border-radius:13px;padding:22px}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #d4dfd6;border-radius:8px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.status{padding:5px 9px;border-radius:99px;background:#edf3ee;font-size:11px}.empty{padding:25px;border:1px dashed #ced9d0;border-radius:11px;text-align:center;color:var(--mut)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.cats,.trusts{display:none}.products{grid-template-columns:repeat(3,1fr)}.iconcats{grid-template-columns:repeat(5,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}.actions span{display:none}}@media(max-width:680px){.container{width:calc(100% - 24px)}.head{flex-wrap:wrap}.search{order:3;flex-basis:100%}.top span:nth-child(n+3){display:none}.hero{padding:28px;min-height:330px}.hero h1{font-size:34px}.products{grid-template-columns:repeat(2,1fr)}.iconcats{grid-template-columns:repeat(3,1fr)}.promos,.news,.grid2{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(2,1fr)}.newsletter .container{display:block}.newsletter form{min-width:0;margin-top:14px}.footergrid{grid-template-columns:1fr}.footerbottom{display:block;line-height:2}.row2{grid-template-columns:1fr}}

/* Tasarım görselleri doğrudan pakete dahildir */
.hero-photo{padding:0;background:#eef8f2;display:block;min-height:0}
.hero-photo:after{display:none}
.hero-photo a,.hero-photo img{display:block;width:100%;height:100%}
.hero-photo img{aspect-ratio:1920/700;object-fit:cover;border-radius:14px}
.promo-images a{display:block;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:#fff}
.promo-images img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}


/* ==========================================================
   NEIS RESPONSIVE / HERO OVERFLOW FIX
   - Grid children may shrink
   - Hero is never cropped
   - Trust boxes move below on medium screens
   - No page-level horizontal overflow
   ========================================================== */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.container{max-width:100%}
.head,.head>*,
.hero-grid,.hero-grid>*,
.hero-photo,.hero-photo a,.hero-photo img,
.trusts,.trust,.search,.actions{min-width:0}

.hero-grid{
  grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(220px,245px);
  align-items:stretch;
}
.hero-photo{
  width:100%;
  overflow:hidden;
  padding:0!important;
  min-height:0!important;
}
.hero-photo a{
  width:100%;
  height:auto!important;
}
.hero-photo img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:14px;
}

.nav .container{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.iconcats{
  min-width:0;
}
.iconcat{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Medium desktop / laptop:
   Keep categories + full banner; put trust cards below instead of cutting them. */
@media (max-width:1200px){
  .hero-grid{
    grid-template-columns:minmax(175px,205px) minmax(0,1fr);
  }
  .trusts{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
  }
  .trust{padding:14px}
  .actions span{display:none}
  .iconcats{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Tablet */
@media (max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .cats{display:none!important}
  .trusts{
    grid-column:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .iconcats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .products{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Mobile */
@media (max-width:680px){
  .hero-photo img{border-radius:10px}
  .trusts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iconcats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promos,.news,.grid2{grid-template-columns:minmax(0,1fr)}
}


/* ==========================================================
   HERO ALT BOSLUK / GRID STRETCH KESIN DUZELTME
   ========================================================== */
.hero-grid{
  align-items:start!important;
}
.hero-photo{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:transparent!important;
}
.hero-photo a{
  display:block!important;
  height:auto!important;
  line-height:0!important;
}
.hero-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
.trusts{
  align-self:start!important;
}
@media (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(220px,245px)!important;
  }
}
@media (max-width:1350px){
  .hero-grid{
    grid-template-columns:minmax(180px,205px) minmax(0,1fr)!important;
  }
  .trusts{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:900px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .cats{display:none!important}
  .trusts{
    grid-column:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ==========================================================
   HERO ORAN / BOYUT DÜZELTMESİ
   ========================================================== */
.hero-photo{
  background:#eef6f1!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 10px 30px rgba(18,38,26,.05);
}
.hero-photo img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  border-radius:18px!important;
}

/* Geniş ekranlarda hero daha dengeli dursun */
@media (min-width:1201px){
  .hero-grid{
    grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(220px,245px)!important;
    column-gap:20px!important;
  }
  .hero-photo{
    margin-top:4px!important;
  }
}

/* Orta ekranlarda sağ kutular alta geçerken hero geniş ve dengeli kalsın */
@media (max-width:1350px){
  .hero-photo{
    max-width:100%!important;
  }
}


/* ==========================================================
   HERO KESIN SON DUZEN
   - Banner: temiz, orijinal oran, blur/padding YOK
   - Kampanya kartlari: hero altinda ayni orta kolonda
   - Grid: sol kategori / orta hero+kampanya / sag bilgi kartlari
   ========================================================== */
.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(220px,245px)!important;
  gap:16px!important;
  align-items:start!important;
}
.hero-center{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.hero-photo{
  margin:0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:transparent!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.hero-photo a{
  display:block!important;
  line-height:0!important;
}
.hero-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
}
.hero-mini-promos{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
.hero-mini-promos a{
  display:block!important;
  min-width:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  background:#fff!important;
}
.hero-mini-promos img{
  display:block!important;
  width:100%!important;
  aspect-ratio:2/1!important;
  object-fit:cover!important;
}
.trusts{
  align-self:start!important;
  display:grid!important;
  gap:11px!important;
}
.cats{
  align-self:start!important;
}

/* Laptop: trust cards alta alınır, orta alan tam genişlik */
@media(max-width:1200px){
  .hero-grid{
    grid-template-columns:minmax(180px,205px) minmax(0,1fr)!important;
  }
  .trusts{
    grid-column:1/-1!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Tablet */
@media(max-width:900px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .cats{display:none!important}
  .trusts{
    grid-column:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hero-mini-promos{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:600px){
  .hero-mini-promos{
    grid-template-columns:1fr!important;
  }
}


/* NEIS V5 - CACHE-PROOF HERO FINAL */
html,body{overflow-x:hidden!important}
.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(190px,220px) minmax(0,1fr) minmax(220px,245px)!important;
  gap:16px!important;
  align-items:start!important;
}
.hero-center{display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important}
.hero-photo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.hero-photo:after{display:none!important;content:none!important}
.hero-photo a{display:block!important;width:100%!important;height:auto!important;line-height:0!important}
.hero-photo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
  margin:0!important;
  padding:0!important;
  box-shadow:none!important;
}
.hero-mini-promos{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.hero-mini-promos a{display:block!important;border-radius:10px!important;overflow:hidden!important;border:1px solid var(--line)!important}
.hero-mini-promos img{display:block!important;width:100%!important;aspect-ratio:2/1!important;object-fit:cover!important}
@media(max-width:1200px){
  .hero-grid{grid-template-columns:minmax(180px,205px) minmax(0,1fr)!important}
  .trusts{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .cats{display:none!important}
  .trusts{grid-column:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .hero-mini-promos{grid-template-columns:1fr!important}
}