/* =====================================================================
   İNMAYNET — tasarım sistemi
   Renkler logodan ölçüldü: gece zemini (#06121E), kraliyet/çelik/elektrik
   mavisi (#0C3C84 / #0C6CB4 / #0C9CFC) ve krom gümüş (#CCCCCC).
   Yazı: Barlow (metin) + Barlow Semi Condensed (başlık, menü, fiyat).
   ===================================================================== */
:root{
  --ink:#0E2149; --ink-2:#17305F; --ink-3:#213F78;
  --blue:#1466E0; --blue-deep:#0E4DB5; --blue-bright:#2A8CF9; --blue-tint:#E8F0FD;
  --chrome:#C6CED9; --steel:#7C8898;
  --paper:#FFFFFF; --ice:#F2F5F9; --line:#DCE2EA;
  --text:#13213A; --muted:#566275; --danger:#C0322C; --ok:#157A4A;

  /* Eski değişken adları: sayfalardaki satır içi stiller ve admin paneli bunları kullanıyor */
  --navy:var(--ink); --navy-2:var(--ink-2);
  --teal:var(--blue); --teal-dark:var(--blue-deep); --teal-light:var(--blue-tint);
  --red:var(--danger); --bg:var(--paper); --bg-alt:var(--ice); --border:var(--line);
  --surface-2:var(--ice);
  --radius:6px; --maxw:1240px;
  --font-head:'Barlow Semi Condensed','Barlow',system-ui,sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body); font-size:16px; color:var(--text); background:var(--paper); line-height:1.6; -webkit-font-smoothing:antialiased;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit; cursor:pointer;}
:focus-visible{outline:2px solid var(--blue); outline-offset:2px;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
h1,h2,h3,h4,h5{font-family:var(--font-head); font-weight:700; color:var(--ink); line-height:1.12; letter-spacing:-.003em;}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

/* Bölüm başlıkları: sola yaslı, üst etiket yok */
.eyebrow-line{display:none;}
.section-head{margin-bottom:34px; text-align:left;}
.section-title{font-size:clamp(27px,3.2vw,38px); margin-bottom:8px;}
.section-lead{color:var(--muted); max-width:62ch; font-size:17px; margin:0;}
section{padding:72px 0;}

/* ---------- butonlar ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 22px; border-radius:4px;
  font-family:var(--font-head); font-weight:600; font-size:16px; line-height:1.2; letter-spacing:.01em; border:1px solid transparent;
  transition:background-color .15s, border-color .15s, color .15s; cursor:pointer; text-align:center;}
.btn-teal{background:var(--blue); color:#fff;}
.btn-teal:hover{background:var(--blue-deep);}
.btn-navy{background:var(--ink); color:#fff;}
.btn-navy:hover{background:var(--ink-3);}
.btn-red{background:var(--danger); color:#fff;}
.btn-red:hover{background:#A42620;}
body:not(.admin-body) .btn-red{background:var(--ink);}           /* ziyaretçi tarafında "Teklif iste" gibi güçlü eylemler */
body:not(.admin-body) .btn-red:hover{background:var(--ink-3);}
.btn-outline{border-color:rgba(255,255,255,.65); color:#fff;}
.btn-outline:hover{background:#fff; color:var(--ink);}
.btn-ghost{background:#fff; border-color:var(--line); color:var(--ink);}
.btn-ghost:hover{border-color:var(--chrome);}
.btn-block{width:100%;}
.btn[disabled]{opacity:.55; cursor:not-allowed;}

/* ---------- bildirimler ---------- */
.flash{padding:13px 16px; border-radius:4px; font-size:15px; margin-bottom:14px; border:1px solid; border-left-width:4px;}
.flash-success{background:#EDF7F1; color:#115C38; border-color:#BFE3CF;}
.flash-error{background:#FCEEED; color:#8E231F; border-color:#F2C6C3;}
.flash-info{background:var(--blue-tint); color:var(--blue-deep); border-color:#C4DAF2;}

/* ---------- sabit iletişim şeridi (sol kenar) ---------- */
.social-rail{position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:200; display:flex; flex-direction:column;}
.social-rail a{width:42px; height:42px; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--ink); border-bottom:1px solid rgba(255,255,255,.08); transition:background-color .15s;}
.social-rail a:hover{background:var(--blue);}
.social-rail a svg{width:18px; height:18px;}
.social-rail .rail-wa{background:#1F8F4E;}
.social-rail .rail-wa:hover{background:#177A41;}
@media(max-width:700px){ .social-rail{top:auto; bottom:84px; transform:none;} .social-rail a{width:38px; height:38px;} .social-rail .rail-tg, .social-rail .rail-ig{display:none;} }

/* =====================================================================
   ÜST ALAN: iletişim şeridi + logo/arama + menü
   ===================================================================== */
.utilbar{background:var(--ink); color:#B7C2D2; font-size:14px;}
.utilbar-inner{display:flex; justify-content:space-between; align-items:center; min-height:36px; gap:20px;}
.util-group{display:flex; align-items:center; gap:22px;}
.util-item{display:inline-flex; align-items:center; gap:7px; color:#DCE3ED; white-space:nowrap;}
a.util-item:hover{color:#fff;}
.util-item svg{width:15px; height:15px; stroke:var(--blue-bright); flex-shrink:0;}
.util-muted{color:#8E9BAE;}
.util-strong{color:#fff; font-weight:600;}

.mainbar{background:#fff; border-bottom:1px solid var(--line);}
.mainbar-inner{display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"logo search actions"; align-items:center; gap:28px; min-height:78px;}
.logo{grid-area:logo; display:flex; align-items:center; gap:12px; font-family:var(--font-head); font-weight:700; font-size:23px; color:var(--ink); letter-spacing:.01em;}
.logo-img{height:46px; width:auto; max-width:260px; display:block;}
.logo-img-custom{max-height:46px; object-fit:contain;}
.logo-img-onDark{background:#fff; border-radius:4px; padding:4px 8px;}
.footer-brand .logo-img{height:40px;}
.logo-mark{width:44px; height:40px; border-radius:4px; background:var(--ink); display:flex; align-items:center; justify-content:center; color:#fff; font-size:17px; font-weight:700;}
.site-search{grid-area:search; display:flex; width:100%; max-width:640px; justify-self:center; border:1px solid var(--chrome); border-radius:4px; overflow:hidden; background:#fff;}
.site-search:focus-within{border-color:var(--blue); box-shadow:0 0 0 3px rgba(12,90,166,.14);}
.site-search input{flex:1; min-width:0; border:0; padding:0 16px; height:46px; font:inherit; font-size:16px; color:var(--text); background:transparent;}
.site-search input:focus{outline:none;}
.site-search input::placeholder{color:#8792A2;}
.site-search button{border:0; background:var(--blue); color:#fff; padding:0 20px; font-family:var(--font-head); font-weight:600; font-size:16px; display:flex; align-items:center; gap:8px;}
.site-search button:hover{background:var(--blue-deep);}
.site-search button svg{width:18px; height:18px;}
.hdr-actions{grid-area:actions; display:flex; align-items:center; gap:10px; white-space:nowrap;}
.hdr-cart{position:relative; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 14px; border:1px solid var(--line); border-radius:4px; color:var(--ink); font-family:var(--font-head); font-weight:600; font-size:16px;}
.hdr-cart:hover{border-color:var(--chrome);}
.hdr-cart svg{width:20px; height:20px; stroke:var(--ink);}
.cart-badge{background:var(--blue); color:#fff; font-family:var(--font-head); font-weight:700; font-size:12px; min-width:20px; height:20px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; padding:0 5px; line-height:1;}
.burger{display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:4px; background:#fff; flex-direction:column; align-items:center; justify-content:center; gap:5px;}
.burger span{width:20px; height:2px; background:var(--ink); display:block;}

.navbar{background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:150;}
.nav-inner{display:flex; align-items:stretch; gap:6px; min-height:52px; position:relative;}
.nav-links{display:flex; align-items:stretch;}
.nav-links a{display:inline-flex; align-items:center; padding:0 14px; font-family:var(--font-head); font-weight:600; font-size:16px; color:var(--ink); border-bottom:2px solid transparent; margin-bottom:-1px;}
.nav-links a:hover{color:var(--blue);}
.nav-links a.is-current{border-bottom-color:var(--blue); color:var(--blue-deep);}
.nav-links .nav-account{display:none;}

/* ---------- kategori menüsü (iki panelli) ---------- */
.cat-dropdown{position:static; display:flex;}
.cat-dropdown-btn{display:inline-flex; align-items:center; gap:10px; min-width:260px; height:52px; margin-bottom:-1px; padding:0 18px; border:0; border-radius:0;
  background:var(--ink); color:#fff; font-family:var(--font-head); font-weight:600; font-size:16px;}
.cat-dropdown-btn:hover, .cat-dropdown-btn[aria-expanded="true"]{background:var(--ink-3);}
.cat-dropdown-btn svg{width:18px; height:18px; stroke:currentColor; flex-shrink:0;}
.cat-dropdown-btn .cat-chevron{width:14px; height:14px; margin-left:auto; transition:transform .2s;}
.cat-dropdown-btn[aria-expanded="true"] .cat-chevron{transform:rotate(180deg);}
.mega{display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border:1px solid var(--line); border-top:2px solid var(--blue); box-shadow:0 20px 40px rgba(10,22,40,.16); z-index:200;}
.mega.open{display:grid; grid-template-columns:290px minmax(0,1fr);}
.mega-side{border-right:1px solid var(--line); padding:14px; display:flex; flex-direction:column; max-height:min(72vh,640px);}
.mega-search{position:relative; margin-bottom:10px;}
.mega-search svg{position:absolute; left:11px; top:50%; transform:translateY(-50%); width:16px; height:16px; stroke:var(--steel);}
.mega-search input{width:100%; height:40px; border:1px solid var(--line); border-radius:4px; padding:0 12px 0 34px; font:inherit; font-size:15px; color:var(--text);}
.mega-search input:focus{outline:none; border-color:var(--blue);}
.mega-mains{overflow-y:auto; flex:1;}
.mega-main{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 12px; border-radius:4px; color:var(--ink); font-size:15.5px; font-weight:500;}
.mega-main em{font-style:normal; font-size:13px; color:var(--steel);}
.mega-main:hover, .mega-main.is-active{background:var(--blue-tint); color:var(--blue-deep);}
.mega-main.is-active em{color:var(--blue-deep);}
.mega-all{margin-top:10px; padding:11px 12px 2px; border-top:1px solid var(--line); font-family:var(--font-head); font-weight:600; font-size:15.5px; color:var(--blue);}
.mega-all:hover{color:var(--blue-deep); text-decoration:underline;}
.mega-panels{padding:20px 26px 26px; max-height:min(72vh,640px); overflow-y:auto;}
.mega-panel{display:none;}
.mega-panel.is-active{display:block;}
.mega-panel-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:12px; margin-bottom:18px; border-bottom:1px solid var(--line);}
.mega-panel-title{font-family:var(--font-head); font-weight:700; font-size:23px; color:var(--ink);}
.mega-panel-title:hover{color:var(--blue);}
.mega-panel-all{font-size:15px; color:var(--blue); font-weight:600; white-space:nowrap;}
.mega-panel-all:hover{text-decoration:underline;}
.mega-cols{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:22px 30px;}
.mega-group-title{display:block; font-family:var(--font-head); font-weight:700; font-size:16px; color:var(--ink); margin-bottom:5px;}
.mega-group-title:hover{color:var(--blue);}
.mega-group-title em{font-style:normal; font-weight:500; font-size:13px; color:var(--steel); margin-left:4px;}
.mega-group li a{display:block; padding:3px 0; font-size:15px; color:var(--muted);}
.mega-group li a:hover{color:var(--blue); text-decoration:underline;}
.mega [hidden]{display:none !important;}
.mega-empty{padding:16px 12px; color:var(--muted); font-size:15px;}
.mega-back{display:none;}
.mega-lone{color:var(--muted); font-size:15px;}

/* ---------- mobil üst alan ---------- */
@media(max-width:960px){
  .utilbar .util-hide-sm{display:none;}
  .mainbar-inner{grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"logo actions" "search search"; gap:12px; padding:12px 0; min-height:0;}
  .logo{font-size:20px;}
  .logo-img{height:38px; max-width:200px;}
  .site-search{max-width:none;}
  .hdr-cart .hdr-cart-label{display:none;}
  .hdr-cta{display:none;}
  .burger{display:flex;}
  .navbar{position:relative;}
  .nav-inner{min-height:0;}
  .cat-dropdown{flex:1;}
  .cat-dropdown-btn{width:100%; min-width:0; height:48px;}
  .nav-links{display:none; position:absolute; top:100%; left:0; right:0; background:#fff; border-bottom:1px solid var(--line); flex-direction:column; z-index:190; box-shadow:0 18px 30px rgba(10,22,40,.12);}
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 24px; border-bottom:1px solid var(--line); margin:0; font-size:17px;}
  .nav-links a.is-current{border-bottom-color:var(--line); box-shadow:inset 3px 0 0 var(--blue);}
  .nav-links .nav-account{display:flex;}
  .mega{left:0; right:0; max-height:calc(100vh - 150px); overflow-y:auto;}
  .mega.open{display:block;}
  .mega-side{border-right:0; max-height:none;}
  .mega-panels{display:none; max-height:none; padding:16px 20px 24px;}
  .mega.show-panel .mega-side{display:none;}
  .mega.show-panel .mega-panels{display:block;}
  .mega-back{display:inline-flex; align-items:center; gap:6px; background:none; border:0; color:var(--blue); font-family:var(--font-head); font-weight:600; font-size:16px; padding:4px 0 12px;}
  .mega-panel-head{flex-direction:column; gap:4px;}
  .mega-cols{grid-template-columns:1fr; gap:16px;}
}
@media(max-width:560px){ .utilbar{display:none;} }

/* =====================================================================
   HERO (anasayfa slayt gösterisi)
   ===================================================================== */
.hero{position:relative; min-height:520px; display:flex; align-items:center; background:var(--ink); overflow:hidden;}
.hero-art{position:absolute; inset:0; opacity:.35;}
.hero-content{position:relative; z-index:2; padding:80px 0; max-width:640px;}
.hero-content h1{color:#fff; font-size:clamp(34px,5vw,58px); line-height:1.02; margin-bottom:18px;}
.hero-content p{color:#C9D3E0; font-size:18px; max-width:52ch; margin-bottom:30px;}
.hero-actions{display:flex; gap:12px; flex-wrap:wrap;}

/* =====================================================================
   KARŞILAMA (anasayfa): görselli slaytlar (çapraz silme geçişi), devre
   izleri animasyonu, yazılan slogan, arama ve hızlı kısayollar
   ===================================================================== */
.welcome{position:relative; min-height:clamp(560px,78vh,720px); display:flex; align-items:center; background:var(--ink); overflow:hidden; color:#fff;}
.welcome-bgs{position:absolute; inset:0; z-index:0; overflow:hidden;}
.welcome-bg{position:absolute; inset:0; background-size:cover; background-position:center; background-color:var(--ink); z-index:1; opacity:0;
  clip-path:polygon(100% 0, 100% 0, 100% 100%, 120% 100%);
  transition:opacity 0s linear 1.25s, clip-path 0s linear 1.25s;}
.welcome-bg.is-active{opacity:1; z-index:2; clip-path:polygon(-20% 0, 100% 0, 100% 100%, 0 100%);
  transition:clip-path 1.15s cubic-bezier(.7,.05,.3,1), opacity 0s; animation:wbDrift 9s ease-out forwards;}
.welcome-bg.no-image{background-image:none !important;}
@keyframes wbDrift{from{transform:scale(1.08) translateX(2%);} to{transform:scale(1) translateX(0);}}
.welcome-bgs::after{content:""; position:absolute; inset:0; z-index:3;
  background:linear-gradient(90deg, rgba(14,33,73,.80) 0%, rgba(14,33,73,.58) 36%, rgba(14,33,73,.22) 62%, rgba(14,33,73,.06) 100%),
             linear-gradient(180deg, rgba(14,33,73,0) 70%, rgba(14,33,73,.45) 100%);}
.welcome-circuit{position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; mix-blend-mode:screen;}
.welcome-inner{position:relative; z-index:3; width:100%;}
.welcome-content{max-width:660px; padding:64px 0 96px;}
.welcome-kicker{font-family:var(--font-head); font-weight:600; font-size:18px; color:#CFD8E5; margin-bottom:10px; text-shadow:0 1px 8px rgba(4,12,30,.5);}
.welcome-title{color:#fff; font-size:clamp(34px,4.8vw,60px); line-height:1.05; margin-bottom:14px; text-shadow:0 2px 18px rgba(4,12,30,.55);}
.welcome-typed{color:#fff;}
.welcome-caret{display:inline-block; width:.08em; height:.95em; margin-left:.08em; background:var(--blue-bright); vertical-align:-.1em; animation:caretBlink 1s steps(1) infinite;}
@keyframes caretBlink{50%{opacity:0;}}
.welcome-sub{color:#E3E9F2; font-size:18px; max-width:56ch; margin-bottom:26px; text-shadow:0 1px 10px rgba(4,12,30,.55);}
.welcome-search{display:flex; max-width:640px; background:#fff; border:1px solid rgba(255,255,255,.4); border-radius:4px; overflow:hidden; margin-bottom:16px;}
.welcome-search:focus-within{box-shadow:0 0 0 4px rgba(42,140,249,.38);}
.welcome-search input{flex:1; min-width:0; border:0; height:54px; padding:0 18px; font:inherit; font-size:17px; color:var(--text); background:transparent;}
.welcome-search input:focus{outline:none;}
.welcome-search input::placeholder{color:#8792A2;}
.welcome-search .btn{border-radius:0; min-height:54px; padding:0 26px; font-size:17px;}
.welcome-quick{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.welcome-chip{display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border:1px solid rgba(255,255,255,.28); border-radius:4px;
  color:#F1F4F9; font-size:15px; font-weight:500; background:rgba(14,33,73,.62); transition:background-color .15s, border-color .15s; backdrop-filter:blur(2px);}
.welcome-chip:hover{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.6); color:#fff;}
.welcome-chip-cta{border-color:var(--blue-bright); color:#fff; background:rgba(42,140,249,.22); font-weight:600;}
.welcome-chip-cta:hover{background:var(--blue-bright); border-color:var(--blue-bright);}
.welcome-nav{position:absolute; left:0; right:0; bottom:26px; z-index:4; pointer-events:none;}
.welcome-nav > *{pointer-events:auto;}
.welcome-dashes{position:absolute; left:max(24px, calc((100vw - var(--maxw))/2 + 24px)); bottom:0; display:flex; gap:8px;}
.welcome-dash{width:44px; height:18px; padding:0; border:0; background:none; cursor:pointer; display:flex; align-items:center;}
.welcome-dash span{display:block; width:100%; height:3px; border-radius:2px; background:rgba(255,255,255,.3); position:relative; overflow:hidden;}
.welcome-dash span::after{content:""; position:absolute; inset:0; background:var(--blue-bright); transform:scaleX(0); transform-origin:left;}
.welcome-dash.is-active span::after{transform:scaleX(1); transition:transform var(--dash-time, 6s) linear;}
.welcome-arrows{position:absolute; right:max(24px, calc((100vw - var(--maxw))/2 + 24px)); bottom:-4px; display:flex; gap:8px;}
.welcome-arrow{width:44px; height:44px; border-radius:4px; background:rgba(14,33,73,.55); border:1px solid rgba(255,255,255,.35); color:#fff; font-size:18px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.welcome-arrow:hover{background:var(--blue);}
@media(max-width:700px){
  .welcome{min-height:0;}
  .welcome-bgs::after{background:linear-gradient(180deg, rgba(14,33,73,.42) 0%, rgba(14,33,73,.62) 55%, rgba(14,33,73,.8) 100%);}
  .welcome-content{padding:40px 0 70px;}
  .welcome-search{flex-direction:column; border:0; background:none; gap:8px;}
  .welcome-search input{flex:none; width:100%; background:#fff; border-radius:4px; height:50px; min-height:50px; padding:0 14px;}
  .welcome-search .btn{border-radius:4px; min-height:48px;}
  .welcome-quick{gap:6px;}
  .welcome-chip{min-height:34px; font-size:14px; padding:0 11px;}
  .welcome-nav{bottom:18px;}
  .welcome-arrows{display:none;}
  .welcome-dash{width:32px;}
}
@media (prefers-reduced-motion: reduce){
  .welcome-circuit{display:none;} .welcome-caret{animation:none;}
  .welcome-bg{transition:opacity .4s; clip-path:none; animation:none !important;}
  .welcome-bg.is-active{transition:opacity .4s;}
  .welcome-dash.is-active span::after{transition:none;}
}
.trust-strip{background:var(--blue-deep); color:#fff;}
.trust-strip-inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 44px; min-height:64px; padding:12px 24px;}
.trust-strip img{max-height:34px; max-width:140px; width:auto; filter:brightness(0) invert(1); opacity:.85;}
.trust-strip span{font-family:var(--font-head); font-weight:600; font-size:16px; color:#DCE8F6;}
@media(max-width:960px){ .welcome-brand{display:none;} }
@media(max-width:700px){
  .welcome{min-height:0;}
  .welcome-content{padding:44px 0 52px;}
  .welcome-title{min-height:0;}
  .welcome-search{flex-direction:column; border:0; background:none; gap:8px;}
  .welcome-search input{flex:none; width:100%; background:#fff; border-radius:4px; height:50px; min-height:50px; padding:0 14px;}
  .welcome-search .btn{border-radius:4px; min-height:48px;}
  .welcome-quick{gap:6px;}
  .welcome-chip{min-height:34px; font-size:14px; padding:0 11px;}
  .trust-strip img{max-height:26px; max-width:110px;}
}
@media (prefers-reduced-motion: reduce){ .welcome-rain{display:none;} .welcome-caret{animation:none;} .welcome-bg{transition:none;} }

/* ---------- anasayfa: kategori girişleri ---------- */
.cat-entry{padding:40px 0 8px;}
.cat-entry-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line);}
.cat-entry-item{display:block; padding:20px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; transition:background-color .15s;}
.cat-entry-item:hover{background:var(--ice);}
.cat-entry-name{display:block; font-family:var(--font-head); font-weight:700; font-size:19px; color:var(--ink); margin-bottom:2px;}
.cat-entry-item:hover .cat-entry-name{color:var(--blue);}
.cat-entry-count{display:block; font-size:14px; color:var(--steel); margin-bottom:8px;}
.cat-entry-subs{display:block; font-size:14.5px; color:var(--muted); line-height:1.5;}

/* ---------- markalar / referans logoları ---------- */
.brands{padding:56px 0; border-top:1px solid var(--line);}
.brands-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:28px; align-items:center;}
.brand-slot{height:64px; display:flex; align-items:center; justify-content:center; color:var(--steel); font-family:var(--font-head); font-weight:700;}
@media(max-width:860px){ .brands-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:480px){ .brands-grid{grid-template-columns:repeat(2,1fr);} }

/* ---------- hizmetler ---------- */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.svc-card{display:block; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#fff; transition:border-color .15s;}
.svc-card:hover{border-color:var(--chrome);}
.svc-thumb{height:170px; position:relative; background:var(--ink);}
.svc-thumb svg{width:100%; height:100%; position:relative; z-index:1;}
.svc-label{padding:14px 18px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px;}
.svc-label h4{font-size:18px; color:var(--ink);}
.svc-label span{display:none;}
.svc-card:hover .svc-label h4{color:var(--blue);}
@media(max-width:860px){ .svc-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .svc-grid{grid-template-columns:1fr;} }
.svc-list{display:flex; flex-direction:column; border-top:1px solid var(--line);}
.svc-list-item{display:flex; align-items:stretch; gap:28px; padding:24px 0; border-bottom:1px solid var(--line); background:#fff;}
.svc-list-item:hover .svc-list-body h3{color:var(--blue);}
.svc-list-thumb{flex:0 0 240px; min-height:150px; position:relative; display:flex; align-items:center; justify-content:center; border-radius:var(--radius); overflow:hidden; background:var(--ink);}
.svc-list-thumb svg{width:44px; height:44px;}
.svc-list-body{flex:1; min-width:0;}
.svc-list-body h3{font-size:23px; color:var(--ink); margin-bottom:6px;}
.svc-list-body p{color:var(--muted); font-size:16px; line-height:1.6; margin-bottom:12px; max-width:65ch;}
.svc-list-features{display:flex; flex-wrap:wrap; gap:6px 20px;}
.svc-list-features li{font-size:15px; color:var(--text); position:relative; padding-left:16px;}
.svc-list-features li::before{content:""; position:absolute; left:0; top:.65em; width:7px; height:7px; border-radius:50%; background:var(--blue);}
.svc-list-cta{flex:0 0 auto; display:flex; align-items:center;}
.svc-list-cta .btn{white-space:nowrap; pointer-events:none;}
@media(max-width:820px){ .svc-list-item{flex-direction:column; gap:16px;} .svc-list-thumb{flex:0 0 160px;} }

/* ---------- katalog: kenar çubuğu + ürün ızgarası ---------- */
.catalog{display:grid; grid-template-columns:260px minmax(0,1fr); gap:36px; align-items:start;}
.catalog-main{min-width:0;}
.cat-side{position:sticky; top:68px;}
.cat-side-title{font-family:var(--font-head); font-weight:700; font-size:19px; color:var(--ink); margin-bottom:10px;}
.cat-side-back{display:block; font-size:15px; color:var(--blue); padding:4px 0;}
.cat-side-back:hover{text-decoration:underline;}
.cat-side-current{display:block; font-family:var(--font-head); font-weight:700; font-size:17px; color:var(--ink); padding:8px 0 6px; border-bottom:1px solid var(--line); margin-bottom:6px;}
.cat-side-list a{display:flex; justify-content:space-between; gap:10px; padding:7px 10px; border-radius:4px; font-size:15.5px; color:var(--text);}
.cat-side-list a:hover{background:var(--ice); color:var(--blue-deep);}
.cat-side-list em{font-style:normal; color:var(--steel); font-size:13.5px;}
.cat-side-list a.is-current{background:var(--blue-tint); color:var(--blue-deep); font-weight:600;}
.product-toolbar{display:flex; gap:14px; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:24px;}
.product-search{display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.product-search input, .product-search select{height:44px; border:1px solid var(--line); border-radius:4px; padding:0 14px; font:inherit; font-size:15.5px; background:#fff; color:var(--text);}
.product-search input:focus, .product-search select:focus{outline:none; border-color:var(--blue);}
.result-count{color:var(--muted); font-size:15px;}
.pgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
.catalog .pgrid{grid-template-columns:repeat(3,1fr);}
@media(max-width:960px){
  .catalog{grid-template-columns:1fr; gap:18px;}
  .cat-side{position:static; min-width:0; max-width:100%;}
  .cat-side-title{display:none;}
  .cat-side-back, .cat-side-current{display:inline-block; margin:0 14px 6px 0; padding:0; border:0;}
  .cat-side-list{display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scrollbar-width:thin; max-width:100%; -webkit-overflow-scrolling:touch;}
  .catalog{grid-template-columns:minmax(0,1fr);}
  .catalog-main{min-width:0;}
  .cat-side-list li{flex:0 0 auto;}
  .cat-side-list a{border:1px solid var(--line); white-space:nowrap;}
  .pgrid, .catalog .pgrid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:700px){ .pgrid, .catalog .pgrid{grid-template-columns:repeat(2,1fr); gap:12px;} }

/* ---------- ürün kartı ---------- */
.pcard-wrap{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius); background:#fff; overflow:hidden; transition:border-color .15s;}
.pcard-wrap:hover{border-color:var(--chrome);}
.pcard-wrap .pcard{border:none; border-radius:0; flex:1; display:block;}
.pcard{display:block; border:1px solid var(--line); border-radius:var(--radius); background:#fff; overflow:hidden;}
.pcard-img{position:relative; height:184px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; padding:14px; border-bottom:1px solid var(--line);}
.pcard-img img{width:100%; height:100%; object-fit:contain;}
.pcard-img .noimg{color:var(--steel); font-size:14px;}
.pcard-body{padding:12px 14px 6px;}
.pcard-cat{font-size:13.5px; color:var(--steel); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pcard-name{font-size:15.5px; line-height:1.35; margin:4px 0 10px; color:var(--ink); font-weight:600; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:3.2em;}
.pcard-wrap:hover .pcard-name{color:var(--blue-deep);}
.pcard-price{font-family:var(--font-head); font-weight:700; color:var(--ink); font-size:20px;}
.vat-label{font-family:var(--font-body); font-weight:500; font-size:12px; color:var(--muted); margin-left:4px;}
.pcard-stock{font-size:13.5px; margin-top:2px; display:flex; align-items:center; gap:6px;}
.pcard-stock::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor;}
.stock-in{color:var(--ok);}
.stock-out{color:#9A6A0A;}
.pcard-quickadd{padding:8px 14px 14px;}
.pcard-quickadd .btn, .pcard-wrap > .btn{min-height:40px; font-size:15px;}
.pcard-wrap > .btn{margin:8px 14px 14px; width:auto;}

/* ---------- kayan ürün şeritleri ---------- */
.pcarousel{position:relative;}
.pcarousel-track{display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x proximity; padding:2px 2px 14px; scrollbar-width:thin;}
.pcarousel-track::-webkit-scrollbar{height:6px;}
.pcarousel-track::-webkit-scrollbar-thumb{background:var(--chrome); border-radius:3px;}
.pcarousel-slide{flex:0 0 auto; width:226px; scroll-snap-align:start;}
.pcarousel-arrow{position:absolute; top:calc(50% - 20px); transform:translateY(-50%); z-index:5; width:40px; height:40px; border-radius:4px; background:#fff; border:1px solid var(--chrome); color:var(--ink); font-size:16px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.pcarousel-arrow:hover{border-color:var(--blue); color:var(--blue);}
.pcarousel-prev{left:-20px;}
.pcarousel-next{right:-20px;}
.svc-slide{width:250px;}
.svc-track .svc-thumb{height:210px;}
@media(max-width:900px){ .pcarousel-slide{width:210px;} .svc-slide{width:240px;} .svc-track .svc-thumb{height:170px;} .pcarousel-arrow{display:none;} }

/* ---------- sayfalama ---------- */
.pagination-wrap{margin-top:36px; text-align:center;}
.pagination-info{font-size:15px; color:var(--muted); margin-bottom:12px;}
.pagination{display:flex; gap:6px; justify-content:center; flex-wrap:wrap;}
.pagination a, .pagination span{min-width:40px; height:40px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:4px; font-size:15px; font-weight:600; color:var(--ink);}
.pagination a:hover{border-color:var(--blue); color:var(--blue);}
.pagination .active{background:var(--blue); border-color:var(--blue); color:#fff;}
.pagination .pg-dots{border:none; min-width:0; color:var(--muted);}

/* ---------- kategori yolu ve alt kategori seçenekleri ---------- */
.cat-breadcrumb{display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:15px; color:var(--muted); margin-top:6px;}
.cat-breadcrumb a{color:var(--blue);}
.cat-breadcrumb a:hover{text-decoration:underline;}
.cat-breadcrumb b{color:var(--ink); font-weight:600;}
.cat-chips{display:flex; flex-wrap:wrap; gap:8px; margin:-8px 0 22px;}
.cat-chip{display:inline-flex; align-items:center; gap:8px; padding:7px 14px; border:1px solid var(--line); border-radius:4px; background:#fff; font-size:15px; color:var(--ink);}
.cat-chip:hover{border-color:var(--blue); color:var(--blue-deep);}
.cat-chip em{font-style:normal; font-size:13px; color:var(--steel);}

/* ---------- formlar (giriş, kayıt, iletişim) ---------- */
.auth-wrap{max-width:460px; margin:64px auto; padding:0 20px;}
.card-box{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:32px;}
.card-box h1{font-size:30px; margin-bottom:6px;}
.card-box .sub{color:var(--muted); font-size:16px; margin-bottom:24px;}
.form-field{margin-bottom:16px;}
.form-field label{font-size:15px; color:var(--ink); display:block; margin-bottom:6px; font-weight:600;}
.form-field input, .form-field select, .form-field textarea{width:100%; border:1px solid var(--chrome); border-radius:4px; padding:11px 13px; font:inherit; font-size:16px; color:var(--text); background:#fff;}
.form-field textarea{min-height:120px; resize:vertical;}
.form-field input:focus, .form-field textarea:focus, .form-field select:focus{border-color:var(--blue); outline:none; box-shadow:0 0 0 3px rgba(12,90,166,.14);}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.form-foot{margin-top:18px; font-size:15px; color:var(--muted); text-align:center;}
.form-foot a{color:var(--blue); font-weight:600;}
@media(max-width:560px){ .form-row{grid-template-columns:1fr;} }

/* ---------- hesabım ---------- */
.acc-grid{display:grid; grid-template-columns:260px 1fr; gap:28px;}
.acc-side{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px;}
.acc-side h3{font-size:19px; margin-bottom:2px;}
.acc-side p{color:var(--muted); font-size:14.5px; margin-bottom:16px;}
.acc-side ul li{margin-bottom:2px;}
.acc-side ul a{display:block; padding:9px 12px; border-radius:4px; font-size:15.5px; font-weight:500; color:var(--text);}
.acc-side ul a:hover, .acc-side ul a.active{background:var(--blue-tint); color:var(--blue-deep);}
.acc-main{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px;}
.status-badge{display:inline-block; padding:3px 10px; border-radius:4px; font-size:13px; font-weight:600;}
.status-open{background:#FFF4E0; color:#8A5A06;}
.status-in_progress{background:var(--blue-tint); color:var(--blue-deep);}
.status-closed{background:#EDF7F1; color:#115C38;}
.data-table{width:100%; border-collapse:collapse; font-size:15px;}
.data-table th{text-align:left; font-size:14px; font-weight:600; color:var(--muted); padding:10px 12px; border-bottom:1px solid var(--chrome);}
.data-table td{padding:12px; border-bottom:1px solid var(--line); vertical-align:top;}
@media(max-width:800px){ .acc-grid{grid-template-columns:1fr;} }

/* ---------- neden biz ---------- */
.neden-alt{background:var(--ice);}
.neden-grid{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line);}
.neden-item{padding:26px 26px 6px 0; margin-right:26px;}
.neden-item + .neden-item{border-left:1px solid var(--line); padding-left:26px;}
.neden-icon{width:40px; height:40px; border-radius:4px; background:var(--ink); display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.neden-icon svg{width:20px; height:20px; stroke:var(--blue-bright);}
.neden-item h4{font-size:20px; margin-bottom:6px;}
.neden-item p{font-size:15.5px; color:var(--muted);}
.neden-grid-2{grid-template-columns:1fr 1fr;}
@media(max-width:860px){ .neden-grid{grid-template-columns:1fr 1fr;} .neden-item + .neden-item{border-left:0; padding-left:0;} .neden-item{margin-right:0; padding-right:18px;} }
@media(max-width:480px){ .neden-grid, .neden-grid-2{grid-template-columns:1fr;} }

/* ---------- süreç (gerçek bir sıra olduğu için numaralı) ---------- */
.proc-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0; counter-reset:proc;}
.proc-item{position:relative; padding:0 24px 0 0;}
.proc-item::before{content:""; position:absolute; left:52px; right:0; top:22px; height:1px; background:var(--chrome);}
.proc-item:last-child::before{display:none;}
.proc-num{position:relative; z-index:1; width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--chrome); color:var(--ink); display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:700; font-size:19px; margin-bottom:16px;}
.proc-item h4{font-size:20px; margin-bottom:6px;}
.proc-item p{font-size:15.5px; color:var(--muted);}
@media(max-width:860px){ .proc-grid{grid-template-columns:1fr 1fr; row-gap:32px;} .proc-item::before{display:none;} }
@media(max-width:480px){ .proc-grid{grid-template-columns:1fr;} }

/* ---------- teklif bölümü ---------- */
.teklif{background:var(--ice);}
.teklif-grid{display:grid; grid-template-columns:1fr 1fr; align-items:stretch; max-width:1040px; margin:0 auto; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.teklif-art{min-height:420px; background:var(--ink); position:relative; overflow:hidden;}
.teklif-form{background:#fff; padding:40px;}
.teklif-form h3{font-size:28px; margin-bottom:6px;}
@media(max-width:860px){ .teklif-grid{grid-template-columns:1fr;} .teklif-art{min-height:200px;} .teklif-form{padding:28px;} }

/* ---------- müşteri yorumları ---------- */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:34px;}
.testi-card{padding:4px 0 0 20px; border-left:2px solid var(--chrome); background:none;}
.testi-card .stars{color:#C98A0B; font-size:14px; margin-bottom:10px; letter-spacing:2px;}
.testi-card p{font-size:17px; line-height:1.55; color:var(--text); margin-bottom:16px;}
.testi-who{display:flex; align-items:center; gap:12px;}
.testi-avatar{width:36px; height:36px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--font-head); font-weight:700; font-size:14px;}
.testi-who b{font-size:15.5px; display:block; color:var(--ink);}
.testi-who span{font-size:14px; color:var(--muted);}
@media(max-width:860px){ .testi-grid{grid-template-columns:1fr; gap:26px;} }

/* =====================================================================
   ALT BİLGİ
   ===================================================================== */
footer{background:var(--ink); color:#B7C2D2; position:relative;}
.newsletter-panel{display:none;}
.map-embed{display:block; width:100%; height:280px; border:0; filter:grayscale(.85) contrast(1.05);}
.footer-top{display:grid; grid-template-columns:1.4fr .9fr .9fr 1.1fr; gap:40px; padding:56px 0 40px;}
.footer-top h5{color:#fff; font-size:18px; margin-bottom:14px;}
.footer-top li{margin-bottom:9px; font-size:15.5px;}
.footer-top a{color:#B7C2D2; transition:color .15s;}
.footer-top a:hover{color:#fff;}
.footer-brand .logo{color:#fff;}
.footer-brand p{color:#98A5B8; font-size:15.5px; margin-top:14px; max-width:32ch;}
.footer-bottom{border-top:1px solid rgba(198,206,217,.18); padding:20px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; font-size:14px; color:#8E9BAE;}
.footer-legal{display:flex; flex-wrap:wrap; gap:4px 18px;}
.footer-legal a{color:#B7C2D2; text-decoration:underline;}
@media(max-width:860px){ .footer-top{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .footer-top{grid-template-columns:1fr; gap:28px;} }

/* ---------- çerez onayı ---------- */
.cookie-banner{position:fixed; left:0; right:0; bottom:0; z-index:500; background:var(--ink); border-top:1px solid rgba(198,206,217,.2);}
.cookie-banner-inner{display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; padding:16px 24px;}
.cookie-banner-inner p{color:#CDD6E3; font-size:14.5px; line-height:1.55; max-width:760px; margin:0;}
.cookie-banner-inner a{color:#fff; text-decoration:underline;}
.cookie-banner-actions{display:flex; gap:10px; flex-shrink:0;}
.cookie-banner-actions .btn{min-height:40px; font-size:15px; white-space:nowrap;}
@media(max-width:700px){ .cookie-banner-inner{flex-direction:column; align-items:stretch; padding:12px 16px; gap:10px;} .cookie-banner-inner p{font-size:13px; line-height:1.45;} .cookie-banner-actions{justify-content:stretch;} .cookie-banner-actions .btn{flex:1; min-height:38px; font-size:14px;} }

::selection{background:#CFE1F6; color:var(--ink);}

/* ---------- ürün sayfası ---------- */
.product-hero{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:44px; align-items:start;}
.product-hero > *{min-width:0;}
.product-media{height:420px; border:1px solid var(--line); border-radius:var(--radius); background:#fff; display:flex; align-items:center; justify-content:center; padding:28px;}
.product-media img{width:100%; height:100%; object-fit:contain;}
.product-media .noimg{color:var(--steel);}
.product-meta{display:flex; flex-wrap:wrap; gap:6px 18px; font-size:15px; color:var(--muted); margin-bottom:4px;}
.product-meta b{color:var(--ink); font-weight:600;}
.product-title{font-size:clamp(26px,3vw,34px); line-height:1.12; margin:8px 0 14px;}
.product-price{font-family:var(--font-head); font-weight:700; font-size:34px; color:var(--ink); margin-bottom:6px;}
@media(max-width:860px){ .product-hero{grid-template-columns:1fr; gap:24px;} .product-media{height:300px;} }

.split-2{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:40px; align-items:start;}
.split-2 > *{min-width:0;}
.info-row{flex-wrap:wrap;}
@media(max-width:860px){ .split-2{grid-template-columns:1fr; gap:24px;} }
.cat-breadcrumb{overflow-wrap:anywhere;}
.product-title{overflow-wrap:anywhere;}
.wrap{min-width:0;}
body{overflow-x:hidden;}

/* ---------- tedarikçiden gelen zengin açıklama ---------- */
.product-description{max-width:880px; color:var(--text); font-size:16.5px; line-height:1.7;}
.product-description h2{font-size:24px; margin:30px 0 10px;}
.product-description h3{font-size:21px; margin:26px 0 8px;}
.product-description h4, .product-description h5, .product-description h6{font-size:18px; margin:22px 0 8px;}
.product-description p{margin:0 0 12px;}
.product-description ul, .product-description ol{margin:0 0 14px; padding-left:22px;}
.product-description ul{list-style:disc;} .product-description ol{list-style:decimal;}
.product-description li{margin-bottom:6px;}
.product-description strong, .product-description b{color:var(--ink);}
.product-description a{color:var(--blue); text-decoration:underline;}
.product-description img{display:block; max-width:100%; height:auto; margin:14px 0; border-radius:var(--radius);}
.product-description li img{display:inline-block; max-height:48px; margin:0;}
.product-description blockquote{margin:0 0 18px; padding:14px 18px; background:var(--ice); border-left:3px solid var(--chrome); font-size:15.5px; color:var(--muted);}
.product-description blockquote p:last-child{margin-bottom:0;}
.product-description .pd-table{overflow-x:auto; margin:0 0 18px; border:1px solid var(--line); border-radius:var(--radius);}
.product-description table{width:100%; border-collapse:collapse; font-size:15.5px; min-width:420px;}
.product-description th, .product-description td{padding:10px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top;}
.product-description th{background:var(--ice); color:var(--ink); font-weight:600;}
.product-description tr:last-child td{border-bottom:none;}
.product-description hr{border:none; border-top:1px solid var(--line); margin:24px 0;}

/* ---------- hareket azaltma tercihi ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *, *::before, *::after{transition-duration:.01ms !important;}
}