/* ===== SELF-HOSTED FONTS (latin + Türkçe subset, css/fonts/) ===== */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;src:url('fonts/archivo-var.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url('fonts/plexsans-var.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plexmono-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plexmono-500.woff2') format('woff2');}

/* ============================================================
   MOTOR TENTE MARKET — v2 Premium Design
   ============================================================ */

/* === CSS VARIABLES === */
:root {
  --font-body: 'IBM Plex Sans', 'Inter', system-ui, sans-serif;
  --font-display: 'Archivo', 'Inter', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  /* legacy palette */
  --primary: #0F172A;
  --primary-dark: #081A2E;
  --primary-light: #1E3A5F;
  --secondary: #0f172a;
  --accent: #F25C05;
  --accent-light: #F59E0B;
  --text: #14202E;
  --text-light: #5B6573;
  --text-lighter: #8A94A3;
  --bg: #ffffff;
  --bg-light: #F2F3EE;
  --bg-gray: #E9EBE3;
  --border: #D5D8CE;
  --success: #22c55e;
  --danger: #ef4444;
  --radius: 4px;
  --radius-lg: 6px;
  --transition: color .3s cubic-bezier(.4,0,.2,1), background-color .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1);
}

/* === V2 BASE RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:#0f172a;background:#F2F3EE;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;}
.container{max-width:1320px;margin:0 auto;padding:0 32px;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;touch-action:manipulation;}
a{text-decoration:none;color:inherit;cursor:pointer;touch-action:manipulation;}

/* === ANNOUNCEMENT BAR === */
.announce{
  background:#0f172a;color:#fff;
  font-size:12.5px;
  display:flex;align-items:center;justify-content:center;
  padding:9px 20px;gap:36px;
  position:relative;overflow:hidden;
  letter-spacing:0.2px;
}
.announce strong{color:#F59E0B;font-weight:700;}
.announce .pipe{color:rgba(255,255,255,.25);}
.announce-item{display:inline-flex;align-items:center;gap:8px;}
.announce i{font-size:11px;color:#F59E0B;}

/* Mobile: single rotating item */
@media(max-width:640px){
  .announce{padding:8px 16px;gap:0;}
  .announce .pipe{display:none;}
  .announce .announce-item{
    display:none;position:absolute;
    width:100%;justify-content:center;
    animation:none;opacity:0;transition:opacity .4s;
  }
  .announce .announce-item.ann-active{display:inline-flex;position:static;opacity:1;}
}

/* === HEADER (h2) === */
.h2{
  background:#fff;
  border-bottom:1px solid #D5D8CE;
  position:sticky;top:0;z-index:80;
}
.h2.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.09);}
.h2-row{
  display:grid;
  grid-template-columns:220px 1fr auto;
  align-items:center;
  gap:32px;
  padding:18px 0;
}
.brand{display:flex;align-items:center;gap:12px;}
.brand .emblem{width:44px;height:44px;flex-shrink:0;border-radius:50%;}
.brand .word{display:flex;flex-direction:column;line-height:1;}
.brand .word .top{font-family:var(--font-display);font-weight:700;font-stretch:108%;font-size:14px;letter-spacing:.9px;color:#0F172A;white-space:nowrap;}
.brand .word .rule{height:1px;background:linear-gradient(90deg,#0F172A,#f59e0b);margin:5px 0 4px;}
.brand .word .bot{font-family:var(--font-mono);font-weight:600;font-size:9px;letter-spacing:2.6px;color:#0F172A;display:flex;justify-content:space-between;gap:10px;white-space:nowrap;}
.brand .word .bot .est{color:#8A94A3;}
.f2 .brand .word .top,.f2 .brand .word .bot{color:#fff;}
.f2 .brand .word .est{color:#A9B6C6;}
.f2 .brand .word .rule{background:linear-gradient(90deg,rgba(255,255,255,.5),#F59E0B);}

.h2-search{position:relative;max-width:520px;justify-self:center;width:100%;}
.h2-search input{
  width:100%;height:46px;
  border:1px solid #D5D8CE;background:#F2F3EE;
  border-radius:4px;padding:0 18px 0 46px;
  font-family:inherit;font-size:14px;color:#0f172a;outline:none;
  transition:all .25s;
}
.h2-search input:focus{background:#fff;border-color:#0F172A;box-shadow:0 0 0 4px rgba(15,23,42,.08);}
.h2-search > i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#8A94A3;font-size:14px;}
.h2-search-tags{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;gap:4px;}
.h2-search-tag{font-size:10.5px;color:#5B6573;background:#F2F3EE;padding:4px 10px;border-radius:4px;}

.h2-actions{display:flex;align-items:center;gap:8px;}
.h2-action{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 16px;border-radius:4px;
  font-weight:500;font-size:13px;color:#0f172a;
  background:transparent;border:1px solid transparent;
  position:relative;
  transition:background .25s;
}
.h2-action:hover{background:#F2F3EE;}
.h2-action i{font-size:14px;}
.h2-action--wp{background:#25d366;color:#fff;padding:11px 18px 11px 14px;}
.h2-action--wp:hover{background:#1fb857;color:#fff;}

.h2-mobile-btn{
  display:none;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:4px;
  border:1px solid #D5D8CE;background:#fff;color:#0f172a;font-size:16px;
}

/* === MOBILE DRAWER === */
.drawer-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 20px 18px;
  border-bottom:1px solid #F2F3EE;
  background:#0f172a;
  flex-shrink:0;
}
.drawer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.3px;}
.drawer-close{
  width:36px;height:36px;border-radius:4px;border:none;
  background:rgba(255,255,255,.1);color:#fff;font-size:14px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .2s;
}
.drawer-close:hover{background:rgba(255,255,255,.2);}
.drawer-body{flex:1;overflow-y:auto;padding:12px 0;}
.drawer-section-label{
  font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:#8A94A3;padding:14px 20px 6px;
}
.drawer-link{
  display:flex;align-items:center;gap:12px;
  padding:12px 20px;font-size:14.5px;font-weight:500;color:#14202E;
  text-decoration:none;transition:background .15s,color .15s;border-radius:0;
}
.drawer-link i{width:18px;text-align:center;font-size:14px;color:#8A94A3;flex-shrink:0;}
.drawer-link:hover{background:#F2F3EE;color:#0F172A;}
.drawer-link:hover i{color:#0F172A;}
.drawer-link--highlight{color:#0F172A;font-weight:700;}
.drawer-link--highlight i{color:#0F172A;}
.drawer-divider{height:1px;background:#F2F3EE;margin:6px 0;}
.drawer-foot{
  padding:16px 20px 28px;border-top:1px solid #F2F3EE;flex-shrink:0;
}
.drawer-wa{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:#25d366;color:#fff;border-radius:4px;
  padding:13px;font-size:14px;font-weight:700;text-decoration:none;
  margin-bottom:14px;transition:background .2s;
}
.drawer-wa:hover{background:#1da851;}
.drawer-wa i{font-size:16px;}
.drawer-copy{font-size:11.5px;color:#8A94A3;text-align:center;line-height:1.6;margin:0;}

/* === CATEGORY NAV === */
.h2-nav{
  background:#fff;
  border-bottom:1px solid #D5D8CE;
  position:sticky;top:83px;z-index:79;
}
.h2-nav-row{
  display:flex;align-items:center;gap:2px;
  padding:0;
  overflow-x:auto;
}
.h2-nav-row::-webkit-scrollbar{display:none;}
.h2-nav-link{
  padding:14px 18px;
  font-size:13.5px;font-weight:500;
  color:#5B6573;
  border-bottom:2px solid transparent;
  white-space:nowrap;
  transition:all .2s;
  display:inline-flex;align-items:center;gap:8px;
}
.h2-nav-link:hover{color:#0f172a;}
.h2-nav-link.active{color:#0f172a;border-bottom-color:#0F172A;}
.h2-nav-link i{font-size:11px;color:#0F172A;}
.h2-nav-link.deal{color:#dc2626;}
.h2-nav-link.deal i{color:#dc2626;}
.h2-nav-spacer{flex:1;}
.h2-nav-meta{
  display:flex;align-items:center;gap:18px;
  font-size:12px;color:#5B6573;
}
.h2-nav-meta i{color:#22c55e;font-size:11px;}

/* === HERO === */
.hero2{position:relative;overflow:hidden;background:#081A2E;}
.hero2-inner{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr 1fr;
  align-items:stretch;
  min-height:560px;
  background:
    radial-gradient(ellipse 70% 90% at 80% 30%, rgba(242,92,5,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 70% 90% at 25% 70%, rgba(30,77,140,0.55) 0%, transparent 60%),
    linear-gradient(135deg, #081A2E 0%, #081A2E 50%, #081A2E 100%);
}
.hero2-inner::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 50% 60%, #000 30%, transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 60%, #000 30%, transparent 75%);
  pointer-events:none;
}
.hero2-left{
  padding:72px 64px;color:#fff;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;z-index:2;
}
.hero2-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#F59E0B;margin-bottom:26px;
}
.hero2-eyebrow .line{width:38px;height:1px;background:#F59E0B;opacity:.6;}
.hero2-eyebrow .est{color:rgba(255,255,255,.5);font-weight:600;letter-spacing:2px;}
.hero2-title{
  font-family:var(--font-display);
  font-size:64px;font-weight:800;
  line-height:0.98;letter-spacing:-2.2px;
  margin-bottom:24px;color:#fff;
  text-wrap:balance;
}
.hero2-title em{
  font-style:italic;font-weight:500;
  background:linear-gradient(135deg,#F59E0B 0%, #f59e0b 60%, #F25C05 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero2-lede{
  font-size:15.5px;line-height:1.75;
  color:rgba(255,255,255,.72);
  margin-bottom:34px;max-width:480px;
}
.hero2-ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:42px;}
.btn2{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 28px;border-radius:4px;
  font-weight:600;font-size:14px;
  border:1.5px solid transparent;
  transition:all .25s;
}
.btn2-primary{background:#C2410C;color:#fff;}
.btn2-primary:hover{background:#9A3412;transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(242,92,5,.7);}
.btn2-primary i{background:rgba(255,255,255,.18);color:#fff;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9px;}
.btn2-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.2);}
.btn2-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4);}
.btn2-ghost .av{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#25d366;font-size:10px;}

/* trust ribbon */
.hero2-trust{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(255,255,255,.08);
  border-radius:6px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.hero2-trust-item{
  background:rgba(15,30,55,.6);
  padding:16px 18px;
  display:flex;align-items:center;gap:12px;
  backdrop-filter:blur(10px);
}
.hero2-trust-item i{
  width:32px;height:32px;border-radius:4px;
  background:rgba(242,92,5,.14);
  color:#F59E0B;font-size:12px;
  display:inline-flex;align-items:center;justify-content:center;
}
.hero2-trust-item .t{display:flex;flex-direction:column;line-height:1.15;}
.hero2-trust-item .t b{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;}
.hero2-trust-item .t span{font-size:10.5px;color:rgba(255,255,255,.55);margin-top:2px;}

/* RIGHT product showcase */
.hero2-right{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  padding:48px;
}
.hero2-card{
  position:relative;width:100%;max-width:440px;
  background:#fff;border-radius:6px;padding:0;overflow:hidden;
  box-shadow:0 50px 100px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);
  transform:rotate(-2deg);
}
.hero2-card-img{
  height:280px;
  background:linear-gradient(135deg,#1E3A5F 0%, #1E3A5F 50%, #1E3A5F 100%);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.92);font-size:90px;
  position:relative;
}
.hero2-card-img picture,.hero2-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform:scale(0.75);}
.hero2-card-img::after{
  content:'';position:absolute;
  inset:auto -10% -30% -10%;height:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.45),transparent 70%);
}
.hero2-card-stamp{
  position:absolute;top:18px;left:18px;
  display:inline-flex;align-items:center;gap:6px;
  background:#0f172a;color:#F59E0B;
  font-family:var(--font-display);font-weight:800;font-size:10.5px;
  padding:6px 12px;border-radius:4px;letter-spacing:0.5px;
}
.hero2-card-stamp i{font-size:9px;}
.hero2-card-rating{
  position:absolute;top:18px;right:18px;
  background:rgba(255,255,255,.95);
  padding:5px 10px;border-radius:4px;
  font-family:var(--font-display);font-weight:700;font-size:11.5px;
  color:#0f172a;display:inline-flex;align-items:center;gap:4px;
}
.hero2-card-rating i{color:#f59e0b;font-size:10px;}
.hero2-card-body{padding:22px 24px 24px;}
.hero2-card-cat{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0F172A;margin-bottom:8px;}
.hero2-card-title{
  font-family:var(--font-display);font-weight:800;
  font-size:19px;line-height:1.25;margin-bottom:14px;color:#0f172a !important;
}
.hero2-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;}
.hero2-card-tags span{
  font-size:10.5px;font-weight:600;color:#5B6573;
  background:#F2F3EE;padding:5px 10px;border-radius:6px;
  display:inline-flex;align-items:center;gap:4px;
}
.hero2-card-tags i{color:#22c55e;font-size:9px;}
.hero2-card-foot{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding-top:18px;border-top:1px solid #D5D8CE;
}
.hero2-card-price-old{display:block;font-size:12px;color:#8A94A3;text-decoration:line-through;line-height:1;margin-bottom:4px;}
.hero2-card-price{font-family:var(--font-display);font-weight:800;font-size:24px;color:#0f172a;line-height:1;}
.hero2-card-price-tl{font-size:13px;color:#5B6573;font-weight:600;margin-left:2px;}
.hero2-card-cta{
  width:44px;height:44px;border-radius:50%;
  background:#0f172a;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:14px;
}

/* Floating orbs */
.hero2-orb{position:absolute;border-radius:50%;pointer-events:none;}
.hero2-orb.a{
  width:120px;height:120px;top:48px;right:42%;
  background:linear-gradient(135deg,#F59E0B,#f59e0b);opacity:.9;
  display:flex;align-items:center;justify-content:center;
  color:#0f172a;font-family:var(--font-display);font-weight:800;text-align:center;
  font-size:11px;line-height:1.2;letter-spacing:.5px;
  transform:rotate(-8deg);box-shadow:0 20px 50px rgba(242,92,5,.4);
}
.hero2-orb.a strong{font-size:28px;display:block;line-height:1;}
.hero2-orb.b{
  width:80px;height:80px;bottom:60px;left:42%;
  background:rgba(255,255,255,.08);
  border:1px dashed rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:11px;font-weight:600;transform:rotate(6deg);
}

/* Slide indicator */
.hero2-pager{
  position:absolute;bottom:24px;left:64px;
  display:flex;align-items:center;gap:14px;z-index:3;
  font-size:11px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:1.5px;
}
.hero2-pager .nums{display:inline-flex;gap:4px;align-items:baseline;}
.hero2-pager .nums b{color:#F59E0B;font-family:var(--font-display);font-weight:800;font-size:14px;}
.hero2-pager .bar{width:120px;height:2px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden;}
.hero2-pager .bar i{display:block;width:33%;height:100%;background:#F59E0B;}

/* === BRAND STRIP === */
.brands{background:#fff;border-bottom:1px solid #D5D8CE;padding:28px 0;}
.brands-row{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.brands-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8A94A3;flex-shrink:0;}
.brands-list{display:flex;align-items:center;gap:42px;flex-wrap:wrap;}
.brand-item{
  font-family:var(--font-display);font-weight:800;font-size:18px;
  color:#0f172a;letter-spacing:0.5px;
  display:inline-flex;align-items:baseline;gap:4px;
  opacity:.5;transition:opacity .25s;
}
.brand-item:hover{opacity:1;}
.brand-item small{font-size:9.5px;font-weight:600;color:#5B6573;letter-spacing:1.5px;}

/* === SECTIONS === */
.section2{padding:96px 0;scroll-margin-top:130px;}
.section2.alt{background:#fff;}
.section2.dark{background:#0f172a;color:#fff;}

.section2-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px;}
.section2-head .left{flex:1;max-width:560px;}
.section2-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;
  color:#0F172A;margin-bottom:14px;
}
.section2-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#0F172A;}
.section2-head h2{
  font-family:var(--font-display);font-weight:800;
  font-size:44px;line-height:1.05;letter-spacing:-1.4px;
  margin-bottom:14px;color:#0f172a !important;
  text-wrap:balance;
}
.section2-head h2 em{font-style:italic;font-weight:500;color:#0F172A;}
.section2.dark .section2-head h2{color:#fff;}
.section2.dark .section2-eyebrow{color:#F59E0B;}
.section2.dark .section2-eyebrow .dot{background:#F59E0B;}
.section2-head p{font-size:15px;color:#5B6573;line-height:1.7;}
.section2.dark .section2-head p{color:rgba(255,255,255,.6);}
.section2-head .right{display:flex;gap:10px;align-items:center;}
.h-pager{
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid #D5D8CE;border-radius:4px;padding:6px;
}
.h-pager button{
  width:36px;height:36px;border-radius:50%;border:none;background:transparent;
  font-size:12px;color:#5B6573;
}
.h-pager button:hover{background:#F2F3EE;color:#0f172a;}

/* === CATEGORY GRID (v2) === */
.cat2-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:240px;
  gap:18px;
}
.cat2{
  position:relative;background:#fff;border-radius:6px;overflow:hidden;
  border:1px solid #D5D8CE;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:24px;cursor:pointer;transition:all .3s;isolation:isolate;
}
.cat2::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,#1E3A5F 0%,#1E3A5F 100%);
  opacity:0.92;z-index:-1;transition:opacity .3s;
}
.cat2.amber::before{background:linear-gradient(135deg,#7c2d12 0%, #c2410c 50%, #f59e0b 100%);}
.cat2.dark::before{background:linear-gradient(135deg,#0f172a 0%, #14202E 100%);}
.cat2.green::before{background:linear-gradient(135deg,#14532d 0%, #166534 100%);}
.cat2.violet::before{background:linear-gradient(135deg,#312e81 0%, #4c1d95 100%);}
.cat2.cyan::before{background:linear-gradient(135deg,#155e75 0%, #0e7490 100%);}
.cat2:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15);}
.cat2-glyph{
  position:absolute;right:-14px;bottom:-14px;
  font-size:160px;color:rgba(255,255,255,.07);line-height:1;z-index:-1;
}
.cat2-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.cat2-count{
  background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:700;
  padding:5px 11px;border-radius:4px;backdrop-filter:blur(8px);
}
.cat2-arrow{
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;backdrop-filter:blur(8px);transition:all .25s;
}
.cat2:hover .cat2-arrow{background:#fff;color:#0f172a;}
.cat2 h3{
  font-family:var(--font-display);font-weight:800;
  font-size:22px;letter-spacing:-0.5px;line-height:1.15;
  margin-bottom:6px;color:#fff !important;
}
.cat2.featured h3{font-size:26px;}
.cat2 p{font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.5;}
.cat2.featured{grid-row:span 1;}
.cat2.featured .cat2-glyph{font-size:160px;}

/* === PRODUCT CARDS (v2) === */
.prods2{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.prod2{
  background:#fff;border-radius:6px;overflow:hidden;
  border:1px solid #D5D8CE;cursor:pointer;position:relative;
  transition:transform .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1);
  display:block;text-decoration:none;color:inherit;
}
.prod2:hover{transform:translateY(-6px);border-color:#0f172a;box-shadow:0 24px 40px rgba(0,0,0,.1);}
.prod2-img{
  height:230px;background:#F2F3EE;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.prod2-img i{font-size:80px;color:#D5D8CE;transition:transform .4s;}
.prod2:hover .prod2-img i{transform:scale(1.08) rotate(-4deg);}
.prod2-tags{
  position:absolute;top:12px;left:12px;
  display:flex;flex-direction:column;gap:5px;align-items:flex-start;
}
.prod2-tag{font-size:10px;font-weight:700;letter-spacing:0.5px;padding:4px 10px;border-radius:4px;}
.prod2-tag.bestseller{background:#0f172a;color:#F59E0B;}
.prod2-tag.new{background:#22c55e;color:#fff;}
.prod2-tag.sale{background:#dc2626;color:#fff;}
.prod2-fav{
  position:absolute;top:12px;right:12px;
  width:34px;height:34px;border-radius:50%;
  background:#fff;color:#5B6573;border:none;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);transition:color .2s;
}
.prod2-fav:hover{color:#dc2626;}
.prod2-quick{
  position:absolute;bottom:12px;left:12px;right:12px;
  display:flex;gap:6px;
  opacity:0;transform:translateY(8px);transition:all .3s;
}
.prod2:hover .prod2-quick{opacity:1;transform:translateY(0);}
.prod2-quick button{
  flex:1;height:36px;border-radius:4px;border:none;
  background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  font-size:11.5px;font-weight:600;color:#0f172a;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.prod2-quick a.wp{
  flex:1;height:36px;border-radius:4px;border:none;
  background:#25d366;color:#fff;
  font-size:11.5px;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;
}
.prod2-quick a.trendyol{
  flex:1;height:36px;border-radius:4px;border:none;
  background:#F25C05;color:#fff;
  font-size:11.5px;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;
}
.prod2-quick a.hepsiburada{
  flex:1;height:36px;border-radius:4px;border:none;
  background:#F25C05;color:#fff;
  font-size:11.5px;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;
}
.prod2-quick button i,.prod2-quick a.wp i,.prod2-quick a.trendyol i,.prod2-quick a.hepsiburada i{font-size:10px;}
.prod2-info{padding:18px 18px 20px;}
.prod2-cat{
  font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:#0F172A;margin-bottom:7px;
}
.prod2-title{
  font-family:var(--font-display);font-weight:700;
  font-size:14.5px;line-height:1.35;margin-bottom:6px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:40px;color:#0f172a !important;
}
.prod2-rating{
  font-size:11.5px;color:#5B6573;
  display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;
}
.prod2-rating .stars{color:#f59e0b;letter-spacing:1px;}
.prod2-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;border-top:1px solid #F2F3EE;
}
.prod2-price small{
  display:block;font-size:11px;color:#8A94A3;
  text-decoration:line-through;line-height:1;margin-bottom:3px;
}
.prod2-price strong{font-family:var(--font-display);font-weight:800;font-size:18px;color:#0f172a;font-variant-numeric:tabular-nums;}
.prod2-price strong span{font-size:11px;color:#5B6573;font-weight:600;margin-left:1px;}
.prod2-stock{font-size:10.5px;color:#22c55e;font-weight:600;display:inline-flex;align-items:center;gap:4px;}
.prod2-stock i{font-size:7px;}

/* === STORY / ABOUT (v2) === */
.story{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center;}
.story-img{
  position:relative;height:540px;border-radius:6px;overflow:hidden;
  background:linear-gradient(135deg,#1E3A5F 0%,#1E3A5F 50%,#1E3A5F 100%);
  display:flex;align-items:flex-end;padding:36px;color:#fff;
}
.story-img::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 30%, rgba(242,92,5,.18), transparent 60%);
}
.story-img-glyph{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:280px;color:rgba(255,255,255,.06);
}
.story-img-caption{position:relative;z-index:2;border-left:2px solid #F59E0B;padding-left:18px;}
.story-img-caption b{font-family:var(--font-display);font-size:18px;display:block;margin-bottom:4px;}
.story-img-caption span{font-size:12.5px;color:rgba(255,255,255,.65);}
.story-stamp{
  position:absolute;bottom:32px;right:32px;
  width:130px;height:130px;background:#F59E0B;color:#0f172a;
  border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--font-display);text-align:center;
  transform:rotate(-8deg);box-shadow:0 20px 50px rgba(242,92,5,.5);
}
.story-stamp .y{font-size:38px;font-weight:800;line-height:1;}
.story-stamp .l{font-size:10px;font-weight:700;letter-spacing:2px;margin-top:4px;}
.story-stamp .e{font-size:9px;font-weight:600;letter-spacing:1.5px;color:rgba(15,23,42,.6);margin-top:2px;}

.story-content h2{
  font-family:var(--font-display);font-weight:800;
  font-size:54px;line-height:1.05;letter-spacing:-1.8px;
  margin:18px 0 26px;color:#0f172a !important;
}
.story-content h2 em{font-style:italic;font-weight:500;color:#0F172A;}
.story-content > p{font-size:16px;line-height:1.8;color:#5B6573;margin-bottom:18px;}
.story-content > p:first-of-type::first-letter{
  font-family:var(--font-display);font-weight:800;font-size:62px;
  float:left;line-height:0.85;margin:8px 12px 0 0;color:#0F172A;
}
.story-stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:36px;
  border-top:1px solid #D5D8CE;border-bottom:1px solid #D5D8CE;padding:24px 0;
}
.story-stat{text-align:left;padding:0 18px;border-right:1px solid #D5D8CE;}
.story-stat:first-child{padding-left:0;}
.story-stat:last-child{border-right:none;}
.story-stat b{
  display:block;font-family:var(--font-display);font-weight:800;
  font-size:30px;line-height:1;color:#0f172a;letter-spacing:-1px;
}
.story-stat span{font-size:11px;color:#5B6573;font-weight:500;margin-top:6px;display:block;}

/* === GUARANTEES BELT === */
.bel{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:#fff;border:1px solid #D5D8CE;border-radius:6px;overflow:hidden;
}
.bel-item{
  padding:32px 28px;border-right:1px solid #D5D8CE;
  display:flex;flex-direction:column;gap:14px;
}
.bel-item:last-child{border-right:none;}
@media (min-width:769px){ .bel.bel--3{grid-template-columns:repeat(3,1fr);} .bel.bel--3 .bel-item{border-bottom:0;border-right:1px solid #D5D8CE;} .bel.bel--3 .bel-item:last-child{border-right:0;} }
.bel-item i{
  width:48px;height:48px;border-radius:4px;
  background:#F2F3EE;color:#0F172A;
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;
}
.bel-item h4{font-family:var(--font-display);font-weight:800;font-size:16px;color:#0f172a !important;}
.bel-item p{font-size:12.5px;color:#5B6573;line-height:1.6;}

/* === CTA STRIP === */
.cta-strip{
  background:#0f172a;border-radius:6px;padding:64px 56px;
  display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;
  position:relative;overflow:hidden;
}
.cta-strip::before{
  content:'';position:absolute;
  width:500px;height:500px;border-radius:50%;
  background:radial-gradient(circle,rgba(242,92,5,.15),transparent 70%);
  right:-150px;top:-150px;
}
.cta-strip-eyebrow{
  font-size:11.5px;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:#F59E0B;margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.cta-strip-eyebrow .ln{width:28px;height:1px;background:#F59E0B;}
.cta-strip h3{
  font-family:var(--font-display);font-weight:800;
  font-size:42px;line-height:1.05;letter-spacing:-1.2px;
  margin-bottom:14px;color:#fff !important;
}
.cta-strip h3 em{font-style:italic;font-weight:500;background:linear-gradient(135deg,#F59E0B,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.cta-strip p{color:rgba(255,255,255,.65);font-size:14.5px;line-height:1.7;}
.cta-strip-form{
  position:relative;z-index:2;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);border-radius:6px;
  padding:8px;display:flex;gap:8px;backdrop-filter:blur(12px);
}
.cta-strip-form input{
  flex:1;height:48px;border:none;outline:none;
  background:transparent;color:#fff;
  font-family:inherit;font-size:14px;padding:0 16px;
}
.cta-strip-form input::placeholder{color:rgba(255,255,255,.4);}
.cta-strip-form button{
  height:48px;padding:0 22px;border-radius:4px;border:none;
  background:#F59E0B;color:#0f172a;
  font-family:inherit;font-weight:700;font-size:13.5px;
  display:inline-flex;align-items:center;gap:8px;
}

/* === FOOTER (v2) === */
.f2{background:#081A2E;color:rgba(255,255,255,.65);padding:72px 0 0;}
.f2-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);
}
.f2-about p{font-size:13.5px;line-height:1.75;margin:18px 0 22px;max-width:340px;}
.f2-soc{display:flex;gap:8px;margin-top:4px;}
.f2-soc a{
  width:42px;height:42px;border-radius:4px;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  font-size:18px;padding:0 !important;
  transition:background .2s,transform .2s;
  text-decoration:none;
}
.f2-soc a:hover{background:#F59E0B;color:#0f172a !important;transform:translateY(-2px);}
.f2 h3,.f2 h4{
  font-family:var(--font-display);font-weight:800;font-size:13px;
  letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;color:#fff !important;
}
.f2 a{display:block;padding:6px 0;font-size:13px;}
.f2 a:hover{color:#F59E0B;}

/* Footer accordion (mobile only) */
.f2-col-toggle{
  display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;user-select:none;margin-bottom:0;
}
.f2-col-toggle .f2-chevron{
  font-size:11px;color:rgba(255,255,255,.4);
  transition:transform .3s;flex-shrink:0;
}
.f2-col-toggle.open .f2-chevron{transform:rotate(180deg);}
.f2-col-links{
  overflow:hidden;max-height:0;
  transition:max-height .3s ease,opacity .3s ease;
  opacity:0;
}
.f2-col-links.open{max-height:400px;opacity:1;}
.f2-bot{
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 0;font-size:12px;color:rgba(255,255,255,.4);
  flex-wrap:wrap;gap:12px;
}
.f2-pay{display:flex;gap:10px;align-items:center;}
.f2-pay span{
  font-size:11px;font-weight:700;color:rgba(255,255,255,.5);
  padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:6px;
}

/* === WHATSAPP FAB (v2) === */
.fab2{
  position:fixed;bottom:28px;right:28px;
  width:58px;height:58px;border-radius:50%;
  background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:26px;
  box-shadow:0 12px 30px rgba(37,211,102,.5);
  z-index:50;
}
.fab2::after{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:2px solid #25d366;opacity:.5;
  animation:fabp 2s infinite;
}
@keyframes fabp{0%{transform:scale(1);opacity:.5;}100%{transform:scale(1.4);opacity:0;}}

/* === BESTSELLERS SHELF === */
.shelf{display:flex;gap:18px;overflow-x:auto;padding-bottom:14px;margin:0 -32px;padding-left:32px;padding-right:32px;}
.shelf::-webkit-scrollbar{height:6px;}
.shelf::-webkit-scrollbar-track{background:#F2F3EE;border-radius:3px;}
.shelf::-webkit-scrollbar-thumb{background:#D5D8CE;border-radius:3px;}
.shelf .prod2{flex:0 0 280px;}

/* === HOMEPAGE CAROUSEL === */
.crsl{position:relative;display:flex;align-items:center;gap:10px;}
.crsl-viewport{flex:1;overflow:hidden;}
.crsl-track{display:flex;gap:16px;transition:transform .42s cubic-bezier(.4,0,.2,1);will-change:transform;}
.crsl-track .pcard{flex:0 0 calc((100% - 64px) / 5);min-width:0;}
.crsl-btn{
  flex-shrink:0;width:42px;height:42px;border-radius:50%;
  border:1.5px solid #D5D8CE;background:#fff;color:#1E3A5F;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
  box-shadow:0 2px 8px rgba(0,0,0,.07);font-size:14px;
}
.crsl-btn:hover:not(:disabled){background:#0F172A;color:#fff;border-color:#0F172A;box-shadow:0 4px 16px rgba(15,23,42,.25);}
.crsl-btn:disabled{opacity:.32;cursor:default;}
@media(max-width:1199px){.crsl-track .pcard{flex-basis:calc((100% - 32px) / 3);}}
@media(max-width:899px){.crsl-track .pcard{flex-basis:calc((100% - 16px) / 2);}}
@media(max-width:599px){.crsl-track .pcard{flex-basis:calc((100% - 16px) / 2);}.crsl-btn{width:34px;height:34px;font-size:12px;}}
.crsl-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 16px 16px;margin:0 -20px;scrollbar-width:none;}
.crsl-scroll::-webkit-scrollbar{display:none;}
.crsl-scroll .pcard{flex:0 0 72vw;scroll-snap-align:start;min-width:0;}

/* === MOBILE PRODUCT STRIP === */
.mob-strip{display:none;}
@media(max-width:767px){
  .mob-strip{display:block;background:#fff;padding:20px 0 6px;border-bottom:1px solid #f0f0ea;}
  .mob-strip-head{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:12px;}
  .mob-strip-title{font-weight:700;font-size:15px;color:#0f172a;}
  .mob-strip-all{font-size:13px;color:#0F172A;font-weight:600;display:flex;align-items:center;gap:4px;text-decoration:none;}
  .mob-strip .crsl-scroll{margin:0;padding:4px 16px 12px;}
}

/* === LEGACY BUTTONS (for urunler/urun-detay pages) === */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 32px;border-radius:4px;
  font-weight:600;font-size:15px;cursor:pointer;
  border:2px solid transparent;transition:var(--transition);
  font-family:inherit;white-space:nowrap;
}
.btn-primary{background:#C2410C;color:#fff;border-color:#C2410C;}
.btn-primary:hover{background:#9A3412;border-color:#9A3412;transform:translateY(-2px);box-shadow:0 8px 25px rgba(242,92,5,.35);}
.btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,0.4);}
.btn-outline:hover{background:rgba(255,255,255,.1);}
.btn-outline-dark{background:transparent;color:#14202E;border-color:#D5D8CE;}
.btn-outline-dark:hover{border-color:#0F172A;color:#0F172A;transform:translateY(-2px);}
.btn-full{width:100%;justify-content:center;}
.btn-sm{padding:10px 20px;font-size:13px;}
.btn-whatsapp{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 28px;border-radius:4px;font-weight:600;font-size:15px;
  background:#25d366;color:#fff;border:2px solid #25d366;transition:var(--transition);
}
.btn-whatsapp:hover{background:#1da851;border-color:#1da851;transform:translateY(-2px);box-shadow:0 8px 25px rgba(37,211,102,.35);}

/* === CART SIDEBAR === */
.cart-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,.5);z-index:2000;display:none;opacity:0;transition:opacity .3s ease;
}
.cart-overlay.active{display:block;opacity:1;}
.cart-sidebar{
  position:absolute;top:0;right:0;width:400px;max-width:100%;height:100%;
  background:#fff;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s ease;
  overscroll-behavior:contain;
}
.cart-overlay.active .cart-sidebar{transform:translateX(0);}
.cart-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 24px;border-bottom:1px solid #D5D8CE;
}
.cart-header h3{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;}
.cart-close{
  width:36px;height:36px;border-radius:50%;border:none;
  background:#F2F3EE;cursor:pointer;font-size:16px;
  display:flex;align-items:center;justify-content:center;transition:var(--transition);
}
.cart-close:hover{background:#ef4444;color:#fff;}
.cart-items{flex:1;overflow-y:auto;padding:24px;}
.cart-empty{text-align:center;padding:60px 20px;color:#8A94A3;}
.cart-empty i{font-size:48px;margin-bottom:16px;display:block;}
.cart-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #D5D8CE;align-items:center;}
.cart-item-img{width:72px;height:72px;border-radius:4px;background:#F2F3EE;display:flex;align-items:center;justify-content:center;font-size:28px;color:#D5D8CE;flex-shrink:0;}
.cart-item-info{flex:1;}
.cart-item-name{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px;}
.cart-item-price{font-size:16px;font-weight:700;color:#0F172A;}
.cart-item-remove{background:none;border:none;color:#8A94A3;cursor:pointer;font-size:16px;padding:4px;transition:var(--transition);}
.cart-item-remove:hover{color:#ef4444;}
.cart-footer{padding:20px 24px;border-top:1px solid #D5D8CE;background:#F2F3EE;}
.cart-footer--hidden{display:none;}
.cart-total{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;color:#0f172a;margin-bottom:16px;}
.cart-total span:last-child{font-family:var(--font-display);font-size:24px;color:#0F172A;font-variant-numeric:tabular-nums;}
.cart-note{text-align:center;font-size:12px;color:#8A94A3;margin-top:12px;}

/* === SCROLL TOP === */
.scroll-top{
  position:fixed;bottom:28px;left:28px;
  width:48px;height:48px;border-radius:50%;
  background:#0f172a;color:#fff;border:none;font-size:18px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  z-index:999;opacity:0;visibility:hidden;transition:var(--transition);
}
.scroll-top.visible{opacity:1;visibility:visible;}
.scroll-top:hover{background:#0F172A;transform:translateY(-3px);}

/* === ANIMATIONS === */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease, transform .6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* ============================================================
   PRODUCTS PAGE STYLES (urunler.html)
   ============================================================ */
.page-banner{background:linear-gradient(135deg,#0f172a 0%,#14202E 100%);padding:48px 0 40px;color:#fff;}
.page-banner-sm{padding:24px 0;}
.breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.5);margin-bottom:16px;}
.page-banner-sm .breadcrumb{margin-bottom:0;}
.breadcrumb a{color:rgba(255,255,255,.7);transition:var(--transition);}
.breadcrumb a:hover{color:#f59e0b;}
.breadcrumb i{font-size:10px;}
.page-banner h1{font-family:var(--font-display);font-size:36px;font-weight:800;margin-bottom:8px;}
.page-banner p{color:rgba(255,255,255,.6);font-size:16px;}

.products-page{padding:40px 0 80px;background:#F2F3EE;}
.products-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start;}

.sidebar{background:#fff;border-radius:6px;border:1px solid #D5D8CE;padding:24px;position:sticky;top:24px;}
.sidebar-header-mobile{display:none;justify-content:space-between;align-items:center;margin-bottom:20px;}
.sidebar-header-mobile h3,.sidebar-header-mobile .sidebar-mob-title{font-size:18px;font-weight:700;margin:0;}
.sidebar-close{width:36px;height:36px;border-radius:50%;border:none;background:#F2F3EE;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}
.sidebar-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #D5D8CE;}
.sidebar-section:last-of-type{border-bottom:none;margin-bottom:16px;}
.sidebar-section h4,.sidebar-section .sidebar-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px;font-family:var(--v2-body);letter-spacing:normal;line-height:1.3;}
.sidebar-search{position:relative;}
.sidebar-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8A94A3;font-size:14px;}
.sidebar-search input{width:100%;padding:12px 14px 12px 40px;border:2px solid #D5D8CE;border-radius:4px;font-size:14px;font-family:inherit;outline:none;transition:var(--transition);}
.sidebar-search input:focus{border-color:#0F172A;}
.sidebar-cat-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#5B6573;padding:10px 0 2px;margin-top:4px;border-top:1px solid #D5D8CE;}
.sidebar-cat-group:first-of-type{border-top:none;}
.sidebar-radio--sub{padding-left:10px;}
.sidebar-radio,.sidebar-check{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:14px;color:#14202E;transition:var(--transition);}
.sidebar-radio:hover,.sidebar-check:hover{color:#0F172A;}
.sidebar-radio input,.sidebar-check input{display:none;}
.radio-custom{width:18px;height:18px;border-radius:50%;border:2px solid #D5D8CE;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);}
.sidebar-radio input:checked ~ .radio-custom{border-color:#0F172A;background:#0F172A;box-shadow:inset 0 0 0 3px #fff;}
.check-custom{width:18px;height:18px;border-radius:5px;border:2px solid #D5D8CE;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);font-size:10px;color:transparent;}
.check-custom::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;}
.sidebar-check input:checked ~ .check-custom{border-color:#0F172A;background:#0F172A;color:#fff;}
.radio-count,.brand-count{margin-left:auto;background:#F2F3EE;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#5B6573;}
.brand-search-wrap{position:relative;margin-bottom:10px;}
.brand-search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8A94A3;font-size:12px;}
.brand-search-wrap input{width:100%;padding:9px 12px 9px 32px;border:1.5px solid #D5D8CE;border-radius:4px;font-size:13px;font-family:inherit;outline:none;background:#F2F3EE;transition:border-color .2s;}
.brand-search-wrap input:focus{border-color:#0F172A;}
.sidebar-brands{max-height:260px;overflow-y:auto;padding-right:4px;}
.sidebar-brands::-webkit-scrollbar{width:4px;}
.sidebar-brands::-webkit-scrollbar-thumb{background:#D5D8CE;border-radius:4px;}
.brand-selected-badge{background:#0F172A;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:4px;margin-left:6px;}
.filter-badge{background:#0F172A;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:4px;min-width:18px;justify-content:center;}
.price-inputs{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.price-inputs input{width:100%;padding:10px 12px;border:2px solid #D5D8CE;border-radius:4px;font-size:14px;font-family:inherit;outline:none;transition:var(--transition);}
.price-inputs input:focus{border-color:#0F172A;}
.price-inputs span{color:#8A94A3;}
.btn-price-filter{width:100%;padding:10px;background:#F2F3EE;border:2px solid #D5D8CE;border-radius:4px;font-size:14px;font-weight:600;color:#14202E;cursor:pointer;font-family:inherit;transition:var(--transition);}
.btn-price-filter:hover{border-color:#0F172A;color:#0F172A;}
.sidebar-apply{margin-top:8px;font-size:14px;padding:12px;}

.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;}
.toolbar-left{display:flex;align-items:center;gap:16px;}
.filter-toggle{display:none;align-items:center;gap:8px;padding:10px 20px;border:2px solid #D5D8CE;border-radius:4px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition);}
.filter-toggle:hover{border-color:#0F172A;color:#0F172A;}
.result-count{font-size:14px;color:#5B6573;font-weight:500;}
.toolbar-right{display:flex;align-items:center;gap:12px;}
.sort-select select{padding:10px 16px;border:2px solid #D5D8CE;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;outline:none;transition:var(--transition);color:#14202E;}
.sort-select select:focus{border-color:#0F172A;}
.view-toggle{display:flex;border:2px solid #D5D8CE;border-radius:4px;overflow:hidden;}
.view-btn{width:40px;height:40px;border:none;background:#fff;cursor:pointer;font-size:16px;color:#5B6573;display:flex;align-items:center;justify-content:center;transition:var(--transition);}
.view-btn.active{background:#0F172A;color:#fff;}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center;}
.active-filter-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(15,23,42,.08);color:#0F172A;border-radius:4px;font-size:13px;font-weight:500;}
.active-filter-tag button{background:none;border:none;color:#0F172A;cursor:pointer;font-size:12px;padding:0;display:flex;opacity:.6;}
.active-filter-tag button:hover{opacity:1;}
.clear-all-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;padding:6px 0;}

.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;}
.list-view{grid-template-columns:1fr !important;gap:12px !important;}

/* === LIST CARD — unified single-row design === */
.product-card-list{
  display:flex;align-items:center;gap:20px;
  padding:18px 22px;
  background:#fff;border-radius:6px;
  border:1px solid #D5D8CE;cursor:pointer;
  transition:border-color .25s,box-shadow .25s;
  text-decoration:none;color:inherit;
}
.product-card-list:hover{border-color:#0F172A;box-shadow:0 6px 24px rgba(15,23,42,.1);}
.product-card-list .product-image{
  width:120px;height:120px;flex-shrink:0;
  background:#F2F3EE;border-radius:4px;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.product-card-list .product-image i{font-size:48px;color:#c8d5e8;transition:transform .3s;}
.product-card-list:hover .product-image i{transform:scale(1.1);}
.product-card-list .product-info{
  flex:1;min-width:0;
  display:flex;align-items:center;gap:24px;
}
.product-card-list .prod-main{flex:1;min-width:0;}
.product-card-list .prod-price-col{flex-shrink:0;text-align:right;}
.product-card-list .prod-actions-col{flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:flex-end;}

.product-image{height:240px;background:#F2F3EE;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.product-image i{font-size:64px;color:#D5D8CE;}
.product-badge{position:absolute;top:8px;left:8px;background:#f59e0b;color:#fff;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;}
.product-badge.new{background:#22c55e;}
.product-info{padding:22px;}
.product-category{font-size:11px;font-weight:700;color:#0F172A;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px;}
.product-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:4px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-brand{font-size:12px;color:#8A94A3;font-weight:500;margin-bottom:8px;}
.product-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #F2F3EE;margin-top:auto;}
.product-price{font-family:var(--font-display);font-size:22px;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums;line-height:1;}
.product-price small{font-size:12px;font-weight:400;color:#8A94A3;text-decoration:line-through;display:block;margin-bottom:3px;}
.product-desc-list{font-size:13px;color:#5B6573;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.product-features-list{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:0;}
.feature-tag{background:#F2F3EE;padding:3px 9px;border-radius:4px;font-size:11.5px;color:#334155;font-weight:500;}
.feature-tag i{color:#22c55e;margin-right:4px;}
.product-list-actions{display:flex;gap:8px;align-items:center;}

/* ============================================================
   PCARD — new unified card system (replaces prod2 + product-card-list)
   ============================================================ */

/* ============================================================
   PCARD — Trendyol / Hepsiburada tarzı ürün kartı
   ============================================================ */

/* Grid: 4 sütun masaüstü, 2 mobil */
.pcard-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.pcard-list{display:flex;flex-direction:column;gap:8px;}

/* Kart */
.pcard{
  display:flex;flex-direction:column;
  background:#fff;border-radius:4px;
  border:1px solid #e8e8e8;
  overflow:hidden;
  transition:box-shadow .2s,transform .2s;
  position:relative;cursor:pointer;
}
.pcard:hover{box-shadow:0 4px 20px rgba(0,0,0,.12);transform:translateY(-2px);}
/* Tam kaplayan görünmez link — iç içe <a> sorununu çözer */
.pcard-link{position:absolute;inset:0;z-index:1;border-radius:4px;}
/* WA butonu ve badge linkin üstüne çıkar */
.pcard-wa{position:relative;z-index:2;}
.pcard-badge{position:absolute;top:8px;left:8px;z-index:2;}

/* Ürün görseli alanı */
.pcard-img{
  width:100%;aspect-ratio:1/1;
  background:#f7f8fa;
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  border-radius:4px 10px 0 0;
}
.pcard-img i{font-size:56px;color:#bdc8d9;transition:transform .3s;}
.pcard-img img{width:100%;height:100%;object-fit:contain;transform:scale(0.97);transition:transform .3s;}
.pcard:hover .pcard-img i,.pcard:hover .pcard-img img{transform:scale(1.02);}

/* List view: ikon ayrı kutu gibi durmasın, kart tek renk */
.pcard-list .pcard-img{
  background:transparent;
  border-radius:0;
  width:80px;min-width:80px;height:80px;aspect-ratio:auto;
  flex-shrink:0;
}
.pcard-list .pcard-img i{font-size:32px;color:#0F172A;opacity:.45;}

/* Badge */
.pcard-badge{
  padding:3px 8px;border-radius:4px;
  font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;
}
.pcard-badge.bestseller{background:#F25C05;color:#fff;}
.pcard-badge.new{background:#00a650;color:#fff;}
.pcard-badge.sale{background:#ff0000;color:#fff;}

/* Kart içeriği */
.pcard-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1;}
.pcard-brand{font-size:11px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
.pcard-name{
  font-size:13px;font-weight:400;color:#1e1e1e;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:36px;margin-bottom:10px;
}
.pcard-price{
  font-size:17px;font-weight:700;color:#1e1e1e;
  font-variant-numeric:tabular-nums;margin-bottom:8px;margin-top:auto;
}
.pcard-price small{
  font-size:12px;font-weight:400;color:#999;
  text-decoration:line-through;display:block;margin-bottom:2px;
}
.pcard-wa{
  display:flex;align-items:center;justify-content:center;gap:6px;
  background:#25d366;color:#fff;border:none;border-radius:6px;
  padding:8px;font-size:12px;font-weight:600;
  text-decoration:none;cursor:pointer;
  transition:background .2s;font-family:inherit;
  width:100%;
}
.pcard-wa:hover{background:#1da851;}
.pcard-wa i{font-size:13px;}

/* Favori kalp butonu */
/* List view */
.pcard-list .pcard{
  flex-direction:row;border-radius:4px;
}
.pcard-list .pcard-img{
  width:120px;min-width:120px;aspect-ratio:auto;height:120px;
  border-radius:0;flex-shrink:0;
}
.pcard-list .pcard-img i{font-size:40px;}
.pcard-list .pcard-body{
  padding:12px 14px;flex-direction:row;
  align-items:center;gap:12px;flex:1;
}
.pcard-list .pcard-info{flex:1;min-width:0;}
.pcard-list .pcard-name{min-height:auto;-webkit-line-clamp:1;margin-bottom:4px;}
.pcard-list .pcard-price{margin-bottom:0;margin-top:0;}
.pcard-list .pcard-wa{width:auto;padding:8px 16px;white-space:nowrap;flex-shrink:0;}

/* Responsive */
@media(max-width:1024px){
  .pcard-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .pcard-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .pcard-name{font-size:12px;}
  .pcard-price{font-size:15px;}
  .pcard-body{padding:8px 10px 10px;}
  .pcard-img i{font-size:42px;}
}
@media(max-width:400px){
  .pcard-img i{font-size:34px;}
  .pcard-price{font-size:14px;}
}

/* products page grid (uses prod2 cards but auto-fill columns) */
.prods2-page{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:22px;
}

.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;}
.page-btn{min-width:44px;height:44px;border:2px solid #D5D8CE;border-radius:4px;background:#fff;font-size:15px;font-weight:600;color:#14202E;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-family:inherit;}
.page-btn:hover,.page-btn.active{background:#0F172A;color:#fff;border-color:#0F172A;}
.page-dots{color:#8A94A3;font-size:16px;}
.no-results{text-align:center;padding:80px 20px;color:#5B6573;}
.no-results i{font-size:56px;color:#D5D8CE;margin-bottom:20px;}
.no-results h3{font-size:22px;color:#0f172a;margin-bottom:10px;}
.no-results p{margin-bottom:24px;}

/* ============================================================
   PRODUCT DETAIL PAGE STYLES (urun-detay.html)
   ============================================================ */
.product-detail{padding:40px 0 80px;background:#F2F3EE;}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px;}
.detail-gallery{position:sticky;top:24px;}
.gallery-main{background:#fff;border:1px solid #D5D8CE;border-radius:6px;height:440px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:16px;}
.gallery-placeholder{text-align:center;color:#D5D8CE;}
.gallery-placeholder i{font-size:100px;opacity:.4;}
.gallery-main-img{width:100%;height:100%;object-fit:contain;padding:12px;transition:opacity .15s;}
.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:thin;margin-bottom:8px;}
.gallery-thumb{width:72px;height:72px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .15s;}
.gallery-thumb:hover{border-color:#93c5fd;}
.gallery-thumb.active{border-color:#0F172A;}
.detail-badge{position:absolute;top:16px;left:16px;background:#f59e0b;color:#fff;padding:6px 18px;border-radius:4px;font-size:13px;font-weight:700;}
/* Gallery nav arrows */
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,.92);border:1px solid #D5D8CE;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#14202E;font-size:15px;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(0,0,0,.10);}
.gallery-nav:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.16);}
.gallery-nav--prev{left:10px;}
.gallery-nav--next{right:10px;}
.gallery-counter{position:absolute;bottom:10px;right:12px;background:rgba(0,0,0,.48);color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px;pointer-events:none;letter-spacing:.3px;}
/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .28s;}
.lightbox.active{opacity:1;}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);}
.lightbox-body{position:relative;z-index:1;max-width:92vw;max-height:90vh;display:flex;align-items:center;justify-content:center;}
.lightbox-img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:4px;display:block;transition:opacity .12s;}
.lightbox-img--fade{opacity:0;}
.lightbox-close{position:absolute;top:16px;right:16px;z-index:2;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:44px;height:44px;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;}
.lightbox-close:hover{background:rgba(255,255,255,.24);}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:52px;height:52px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;}
.lightbox-nav:hover{background:rgba(255,255,255,.24);}
.lightbox-prev{left:16px;}
.lightbox-next{right:16px;}
.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:600;padding:5px 16px;border-radius:6px;letter-spacing:.3px;}
@media(max-width:600px){.lightbox-nav{width:40px;height:40px;font-size:16px;}.lightbox-prev{left:6px;}.lightbox-next{right:6px;}}
.gallery-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.gallery-feature-item{background:#fff;border:1px solid #D5D8CE;border-radius:4px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;}
.gallery-feature-item i{font-size:20px;color:#0F172A;}
.gallery-feature-item span{font-size:12px;font-weight:600;color:#14202E;}
.detail-category{display:inline-block;background:rgba(15,23,42,.08);color:#0F172A;padding:6px 16px;border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:14px;}
.detail-title{font-family:var(--font-display);font-size:30px;font-weight:800;color:#0f172a;line-height:1.3;margin-bottom:10px;}
.detail-brand{font-size:14px;color:#5B6573;margin-bottom:16px;}
.detail-brand strong{color:#14202E;}
.detail-rating{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.stars{display:flex;gap:2px;color:#f59e0b;font-size:16px;}
.detail-rating span{font-size:14px;color:#5B6573;}
.detail-price-box{background:#F2F3EE;border-radius:4px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.detail-old-price{font-size:18px;color:#8A94A3;text-decoration:line-through;}
.detail-price{font-family:var(--font-display);font-size:36px;font-weight:800;color:#0F172A;font-variant-numeric:tabular-nums;}
.detail-discount{background:#ef4444;color:#fff;padding:4px 14px;border-radius:4px;font-size:13px;font-weight:700;}
.detail-desc{font-size:15px;color:#5B6573;line-height:1.7;margin-bottom:20px;}
.detail-features-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;}
.detail-feature-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#14202E;}
.detail-feature-item i{color:#22c55e;font-size:16px;}
.detail-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;align-items:center;}
.detail-wp-order{flex:1;justify-content:center;font-size:16px;padding:14px 28px;}
.detail-secondary-actions{display:flex;gap:8px;margin-left:auto;}
.detail-icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid #D5D8CE;background:#fff;color:#5B6573;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s;}
.detail-icon-btn:hover{border-color:#0F172A;color:#0F172A;background:#E9EBE3;}
.detail-platforms{padding:24px 0;border-top:1px solid #D5D8CE;border-bottom:1px solid #D5D8CE;margin-bottom:24px;}
.detail-platforms h4{font-size:14px;font-weight:600;color:#5B6573;margin-bottom:14px;}
.detail-platform-links{display:flex;gap:12px;}
.detail-platform{display:flex;align-items:center;gap:12px;padding:14px 24px;border-radius:4px;color:#fff;transition:var(--transition);flex:1;}
.detail-platform:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2);}
.detail-platform i{font-size:24px;}
.detail-platform span{font-weight:700;font-size:15px;display:block;}
.detail-platform small{font-size:12px;opacity:.8;}
.detail-guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.guarantee-item{display:flex;align-items:center;gap:12px;padding:16px;background:#F2F3EE;border-radius:4px;}
.guarantee-item i{font-size:22px;color:#0F172A;flex-shrink:0;}
.guarantee-item strong{display:block;font-size:14px;color:#0f172a;}
.guarantee-item small{font-size:12px;color:#5B6573;}
.detail-tabs{margin-bottom:60px;}
.tabs-header{display:flex;border-bottom:2px solid #D5D8CE;margin-bottom:32px;overflow-x:auto;}
.tab-btn{padding:16px 32px;border:none;background:none;font-size:15px;font-weight:600;color:#5B6573;cursor:pointer;font-family:inherit;transition:var(--transition);position:relative;white-space:nowrap;}
.tab-btn::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#0F172A;transform:scaleX(0);transition:var(--transition);}
.tab-btn.active{color:#0F172A;}
.tab-btn.active::after{transform:scaleX(1);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.tab-panel h3{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:16px;}
.tab-panel h4{font-size:17px;font-weight:700;color:#0f172a;}
.tab-panel p{font-size:15px;color:#5B6573;line-height:1.7;}
.desc-features{list-style:none;padding:0;margin-top:12px;}
.desc-features li{padding:8px 0;font-size:14px;color:#14202E;display:flex;align-items:center;gap:10px;}
.desc-features li i{color:#22c55e;}
.specs-table{width:100%;border-collapse:collapse;}
.specs-table tr:nth-child(even){background:#F2F3EE;}
.specs-table th,.specs-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid #D5D8CE;}
.specs-table th{text-align:left;font-weight:600;color:#0f172a;width:200px;}
.specs-table td:last-child{color:#5B6573;}
.shipping-info{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.shipping-item h4{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.shipping-item h4 i{color:#0F172A;}
.shipping-item ul{list-style:none;padding:0;}
.shipping-item li{padding:6px 0;font-size:14px;color:#5B6573;padding-left:20px;position:relative;}
.shipping-item li::before{content:'•';position:absolute;left:4px;color:#0F172A;}
.related-products{padding-top:40px;border-top:1px solid #D5D8CE;}
.related-products h2{font-family:var(--font-display);font-size:28px;font-weight:800;color:#0f172a;margin-bottom:32px;}
.related-grid{grid-template-columns:repeat(4,1fr) !important;}

/* Trendyol/Hepsiburada bg */
.trendyol-bg{background:linear-gradient(135deg,#F25C05,#ff9a44);}
.hepsiburada-bg{background:linear-gradient(135deg,#F25C05,#ff8533);}
.whatsapp-bg{background:linear-gradient(135deg,#25d366,#4cdf7f);}

/* quantity selector */
.quantity-selector{display:flex;align-items:center;border:2px solid #D5D8CE;border-radius:4px;overflow:hidden;}
.qty-btn{width:40px;height:40px;border:none;background:#fff;font-size:18px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;}
.qty-btn:hover{background:#F2F3EE;}
#qtyInput{width:48px;height:40px;text-align:center;border:none;font-size:16px;font-weight:600;font-family:inherit;outline:none;-moz-appearance:textfield;appearance:textfield;}
#qtyInput::-webkit-outer-spin-button,#qtyInput::-webkit-inner-spin-button{-webkit-appearance:none;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
  .prods2{grid-template-columns:repeat(3,1fr);}
  .hero2-title{font-size:52px;}
  .section2-head h2{font-size:36px;}
}

/* Mobil arama expanded bar */
.h2-search-mobile{display:none;width:100%;padding:0 0 12px;order:99;}
.h2-search-mobile input{width:100%;padding:11px 16px 11px 42px;border:1.5px solid #D5D8CE;border-radius:4px;font-size:14px;font-family:inherit;outline:none;background:#F2F3EE;transition:border-color .2s;}
.h2-search-mobile input:focus{border-color:#0F172A;}
.h2-search-mobile i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8A94A3;font-size:14px;}
.h2-search-mobile-wrap{position:relative;}
.h2-search-btn{display:none;width:38px;height:38px;border-radius:4px;border:1.5px solid #D5D8CE;background:#F2F3EE;align-items:center;justify-content:center;cursor:pointer;color:#5B6573;font-size:15px;transition:all .2s;}
.h2-search-btn:hover{border-color:#0F172A;color:#0F172A;}

@media (max-width: 1024px) {
  .h2-row{grid-template-columns:200px auto;}
  .h2-search{display:none;}
  .h2-search-btn{display:flex;}
  .hero2-inner{grid-template-columns:1fr;min-height:auto;}
  .hero2-right{display:none;}
  .hero2-orb{display:none;}
  .hero2-pager{display:none;}
  .hero2-left{padding:60px 40px;}
  .cat2-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .cat2.featured{grid-row:span 1;}
  .cat2.featured h3{font-size:24px;}
  .prods2{grid-template-columns:repeat(2,1fr);}
  .story{grid-template-columns:1fr;}
  .story-img{height:360px;}
  .story > div:last-child:not(.story-img):not(.story-content){display:none;}
  .story-content h2{font-size:40px;}
  .bel{grid-template-columns:repeat(2,1fr);}
  .bel-item:nth-child(2){border-right:none;}
  .bel-item:nth-child(1),.bel-item:nth-child(2){border-bottom:1px solid #D5D8CE;}
  .cta-strip{grid-template-columns:1fr;padding:48px 40px;}
  .f2-grid{grid-template-columns:1fr 1fr;gap:36px;}
  .story-stats{grid-template-columns:repeat(2,1fr);}
  .hero2-trust{grid-template-columns:repeat(2,1fr);}
  /* legacy */
  .products-layout{grid-template-columns:1fr;}
  .detail-grid{gap:32px;}
  .related-grid{grid-template-columns:repeat(2,1fr) !important;}
  .detail-guarantees{grid-template-columns:1fr;}
  .shipping-info{grid-template-columns:1fr;}
  .gallery-features{grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 768px) {
  .container{padding:0 20px;}
  .announce{gap:16px;font-size:11.5px;}
  .h2-row{grid-template-columns:1fr auto;padding:14px 0;}
  .h2-actions .h2-action:not(.h2-action--wp){display:none;}
  .h2-mobile-btn{display:flex;}
  .h2-nav{
    position:fixed;top:0;right:0;bottom:0;
    width:min(320px,88vw);
    background:#fff;z-index:1001;
    overflow-y:auto;overflow-x:hidden;
    transform:translateX(100%);
    transition:transform .32s cubic-bezier(.4,0,.2,1);
    box-shadow:-8px 0 40px rgba(0,0,0,.18);
    display:flex;flex-direction:column;
  }
  .h2-nav.active{transform:translateX(0);}
  .h2-nav-row{display:contents;}
  .h2-nav-spacer,.h2-nav-meta{display:none;}
  .hero2-left{padding:48px 24px;}
  .hero2-title{font-size:38px;letter-spacing:-1.2px;}
  .hero2-trust{grid-template-columns:repeat(2,1fr);}
  .brands-row{justify-content:center;}
  .brands-label{width:100%;text-align:center;}
  .brands-list{justify-content:center;gap:24px;}
  .brand-item{font-size:14px;}
  .section2{padding:64px 0;}
  .section2-head{flex-direction:column;align-items:flex-start;}
  .section2-head h2{font-size:30px;}
  .cat2-grid{grid-template-columns:1fr;grid-template-rows:auto;}
  .cat2{min-height:160px;}
  .prods2{grid-template-columns:1fr;gap:14px;}
  .product-grid,.prods2-page{grid-template-columns:1fr !important;}
  .prod2-img{height:180px;}
  .prod2-img i{font-size:56px;}
  .story-content h2{font-size:30px;}
  .bel{grid-template-columns:1fr;}
  .bel-item{border-right:none;border-bottom:1px solid #D5D8CE;}
  .bel-item:last-child{border-bottom:none;}
  .cta-strip{padding:40px 24px;}
  .cta-strip h3{font-size:28px;}
  .cta-strip-form{flex-direction:column;}
  .f2-grid{grid-template-columns:1fr;}
  .f2-col-toggle{display:flex;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .f2-col-toggle.open{border-bottom-color:transparent;}
  .f2-col-links{padding-left:4px;}
  .f2-col-links a{padding:8px 0;font-size:14px;}
  .f2-grid > div:not(.f2-about){border-bottom:1px solid rgba(255,255,255,.08);}
  .f2-grid > div:not(.f2-about) h3,.f2-grid > div:not(.f2-about) h4{margin-bottom:0;}
  .shelf{margin:0 -20px;padding-left:20px;padding-right:20px;}
  .shelf .prod2{flex:0 0 240px;}
  /* legacy */
  /* Filtre çekmecesi: soldan, dar (≤360px), karartmalı; gövde kayar, alt butonlar sabit */
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,360px);height:auto;z-index:2000;border-radius:0;
    display:flex;flex-direction:column;padding:16px 18px 0;overflow:hidden;transform:translateX(-100%);
    transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:8px 0 40px rgba(0,0,0,.18);}
  .sidebar.active{transform:translateX(0);}
  .sidebar-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -18px;padding:0 18px;}
  .sidebar-section{margin-bottom:18px;padding-bottom:16px;}
  .sidebar-brands{max-height:none;}
  .sidebar-foot{flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid #D5D8CE;background:#fff;}
  .sidebar-foot .sidebar-apply{margin:0;font-size:13px;padding:12px 8px;background:#fff;color:#0F172A;border:1.5px solid #D5D8CE;}
  .sidebar-done{display:flex;align-items:center;justify-content:center;gap:6px;background:#F25C05;color:#fff;border:0;border-radius:4px;font:600 14px var(--v2-body);padding:12px 8px;cursor:pointer;}
  .sidebar-done span{font-family:var(--v2-mono);font-weight:500;}
  .sidebar-overlay{position:fixed;inset:0;background:rgba(8,26,46,.5);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s;}
  .sidebar-overlay.active{opacity:1;pointer-events:auto;}
  .sidebar-header-mobile{display:flex;}
  .filter-toggle{display:flex;}
  .detail-grid{grid-template-columns:1fr;}
  .detail-gallery{position:static;}
  .gallery-main{height:300px;}
  .gallery-nav{width:34px;height:34px;font-size:13px;}
  .detail-title{font-size:24px;}
  .detail-price{font-size:28px;}
  .detail-actions{flex-direction:column;}
  .detail-platform-links{flex-direction:column;}
  .detail-features-list{grid-template-columns:1fr;}
  .product-card-list{flex-wrap:wrap;gap:14px;padding:14px;}
  .product-card-list .product-image{width:80px;height:80px;border-radius:4px;}
  .product-card-list .product-image i{font-size:34px;}
  .product-card-list .product-info{flex-direction:column;gap:10px;align-items:flex-start;}
  .product-card-list .prod-price-col{text-align:left;}
  .product-card-list .prod-actions-col{flex-direction:row;align-items:flex-start;}
  .product-title{font-size:14px;}
  .product-price{font-size:18px;}
  .page-banner h1{font-size:28px;}
  .related-grid{grid-template-columns:1fr !important;}
  .tabs-header{gap:0;}
  .tab-btn{padding:12px 16px;font-size:13px;}

  /* Ürün kartları — butonlar mobilde her zaman görünür */
  .prod2-quick{opacity:1;transform:translateY(0);background:rgba(15,23,42,.78);backdrop-filter:blur(4px);}
  .prod2-img{height:170px;}
  .prod2-img i{font-size:52px;}

  /* Ürün listesi toolbar mobil */
  .products-toolbar{flex-direction:column;align-items:flex-start;gap:12px;}
  .toolbar-right{width:100%;justify-content:space-between;}
  .sort-select select{font-size:13px;padding:9px 12px;}

  /* Nav mobile scroll göstergesi */
  .h2-nav-row{padding:0 4px;}
  .h2-nav-link{padding:12px 14px;font-size:13px;}
}

/* ============================================================
   INFO / STATIC PAGES
   ============================================================ */

/* --- FAQ --- */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{background:#fff;border:1px solid #D5D8CE;border-radius:6px;overflow:hidden;}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:22px 28px;text-align:left;border:none;background:none;cursor:pointer;
  font-family:inherit;font-size:15.5px;font-weight:600;color:#0f172a;gap:16px;transition:color .2s;}
.faq-q:hover{color:#0F172A;}
.faq-q.open{color:#0F172A;}
.faq-q i{font-size:14px;color:#0F172A;flex-shrink:0;transition:transform .3s;}
.faq-q.open i{transform:rotate(45deg);}
.faq-a{display:none;padding:0 28px 22px;font-size:14.5px;color:#5B6573;line-height:1.75;}
.faq-a.open{display:block;}
.faq-cat{font-size:11.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:#0F172A;margin:32px 0 14px;display:flex;align-items:center;gap:12px;}
.faq-cat::after{content:'';flex:1;height:1px;background:#D5D8CE;}

/* --- Contact --- */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start;}
.contact-info-cards{display:flex;flex-direction:column;gap:16px;}
.contact-card{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:24px;
  display:flex;align-items:flex-start;gap:18px;}
.contact-card-icon{width:48px;height:48px;border-radius:4px;background:rgba(15,23,42,.08);
  color:#0F172A;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.contact-card-body h3{font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:5px;color:#0f172a;}
.contact-card-body p,.contact-card-body a{font-size:14px;color:#5B6573;line-height:1.65;display:block;}
.contact-card-body a:hover{color:#0F172A;}
.contact-form-card{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:36px;}
.contact-form-card h3{font-family:var(--font-display);font-weight:800;font-size:24px;margin-bottom:24px;color:#0f172a;}
.form-group{margin-bottom:18px;}
.form-group label{display:block;font-size:13.5px;font-weight:600;color:#14202E;margin-bottom:7px;}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:13px 16px;border:1.5px solid #D5D8CE;border-radius:4px;
  font-family:inherit;font-size:14.5px;color:#0f172a;outline:none;
  background:#F2F3EE;transition:border-color .2s,box-shadow .2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:#0F172A;box-shadow:0 0 0 4px rgba(15,23,42,.08);background:#fff;}
.form-group textarea{resize:vertical;min-height:120px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.map-wrap{border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#1E3A5F,#1E3A5F);
  height:260px;display:flex;align-items:center;justify-content:center;margin-top:24px;
  border:1px solid #D5D8CE;}
.map-placeholder{text-align:center;color:rgba(255,255,255,.7);}
.map-placeholder i{font-size:48px;display:block;margin-bottom:12px;color:#F59E0B;}
.map-placeholder strong{display:block;font-size:17px;color:#fff;margin-bottom:6px;}
.map-placeholder span{font-size:13px;}

/* --- Info cards (kargo, garanti…) --- */
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.info-card{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:28px 24px;
  display:flex;flex-direction:column;gap:14px;}
.info-card-icon{width:52px;height:52px;border-radius:6px;background:rgba(15,23,42,.08);
  color:#0F172A;display:flex;align-items:center;justify-content:center;font-size:20px;}
.info-card h4{font-family:var(--font-display);font-weight:700;font-size:17px;color:#0f172a;}
.info-card p{font-size:13.5px;color:#5B6573;line-height:1.65;}

/* Process steps */
.steps-list{display:flex;flex-direction:column;}
.step-item{display:grid;grid-template-columns:56px 1fr;gap:24px;padding:28px 0;
  border-bottom:1px solid #D5D8CE;align-items:start;}
.step-item:last-child{border-bottom:none;}
.step-num{width:48px;height:48px;border-radius:50%;background:#0f172a;color:#F59E0B;
  font-family:var(--font-display);font-weight:800;font-size:20px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.step-body h4{font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:8px;color:#0f172a;}
.step-body p{font-size:14.5px;color:#5B6573;line-height:1.7;}

/* Policy boxes */
.policy-box{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:28px 32px;margin-bottom:20px;}
.policy-box h4{font-family:var(--font-display);font-weight:700;font-size:18px;color:#0f172a;margin-bottom:14px;
  display:flex;align-items:center;gap:12px;}
.policy-box h4 i{color:#0F172A;font-size:16px;}
.policy-box ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;}
.policy-box li{font-size:14.5px;color:#5B6573;line-height:1.65;display:flex;align-items:flex-start;gap:10px;}
.policy-box li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;
  color:#22c55e;font-size:11px;flex-shrink:0;margin-top:3px;}
.policy-box li.x::before{content:'\f00d';color:#ef4444;}
.policy-box.warning{border-color:#F59E0B;background:#fffbeb;}
.policy-box.warning h4 i{color:#f59e0b;}

/* Size table */
.size-table-wrap{overflow-x:auto;border-radius:6px;border:1px solid #D5D8CE;}
.size-table{width:100%;border-collapse:collapse;font-size:14px;}
.size-table th{background:#0f172a;color:#fff;padding:14px 18px;text-align:left;
  font-weight:600;font-size:12.5px;letter-spacing:.5px;text-transform:uppercase;}
.size-table td{padding:13px 18px;border-bottom:1px solid #D5D8CE;color:#14202E;}
.size-table tr:last-child td{border-bottom:none;}
.size-table tr:nth-child(even) td{background:#F2F3EE;}
.size-table .hl{color:#0F172A;font-weight:700;}

/* About/hakkimizda */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.value-card{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:32px 28px;}
.value-card-icon{width:56px;height:56px;border-radius:6px;background:linear-gradient(135deg,#0f172a,#14202E);
  color:#F59E0B;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px;}
.value-card h4{font-family:var(--font-display);font-weight:800;font-size:18px;margin-bottom:10px;color:#0f172a;}
.value-card p{font-size:14px;color:#5B6573;line-height:1.7;}

/* Timeline strip */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:#fff;border:1px solid #D5D8CE;border-radius:6px;overflow:hidden;}
.timeline-item{padding:28px 24px;border-right:1px solid #D5D8CE;position:relative;}
.timeline-item:last-child{border-right:none;}
.timeline-num{font-family:var(--font-display);font-weight:800;font-size:36px;
  color:#D5D8CE;line-height:1;margin-bottom:12px;}
.timeline-item h4{font-family:var(--font-display);font-weight:700;font-size:15px;margin-bottom:6px;color:#0f172a;}
.timeline-item p{font-size:13px;color:#5B6573;line-height:1.6;}

/* Account page */
.account-grid{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;}
.account-nav{background:#fff;border:1px solid #D5D8CE;border-radius:6px;overflow:hidden;}
.account-nav a{display:flex;align-items:center;gap:14px;padding:16px 20px;
  font-size:14.5px;font-weight:500;color:#5B6573;border-bottom:1px solid #D5D8CE;transition:all .2s;}
.account-nav a:last-child{border-bottom:none;}
.account-nav a:hover,.account-nav a.active{background:#f8f9ff;color:#0F172A;}
.account-nav a i{width:18px;color:#0F172A;}
.account-panel{background:#fff;border:1px solid #D5D8CE;border-radius:6px;padding:32px;}
.account-panel h3{font-family:var(--font-display);font-weight:800;font-size:22px;margin-bottom:24px;color:#0f172a;}
.account-info-row{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #D5D8CE;}
.account-info-row:last-child{border-bottom:none;}
.account-info-row i{width:36px;height:36px;border-radius:4px;background:rgba(15,23,42,.08);
  color:#0F172A;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.account-info-label{font-size:12px;color:#8A94A3;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.account-info-val{font-size:15px;font-weight:500;color:#0f172a;}

/* Responsive for new pages */
@media (max-width:1024px){
  .contact-grid{grid-template-columns:1fr;}
  .info-cards{grid-template-columns:1fr 1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .account-grid{grid-template-columns:1fr;}
  .timeline{grid-template-columns:1fr 1fr;}
  .timeline-item:nth-child(2){border-right:none;}
  .timeline-item:nth-child(1),.timeline-item:nth-child(2){border-bottom:1px solid #D5D8CE;}
}
@media (max-width:768px){
  .info-cards{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .timeline{grid-template-columns:1fr;}
  .timeline-item{border-right:none;border-bottom:1px solid #D5D8CE;}
  .timeline-item:last-child{border-bottom:none;}
}

/* === ORDER FORM === */
.order-progress{display:flex;align-items:center;margin-bottom:48px;}
.order-progress-step{display:flex;align-items:center;gap:10px;}
.order-progress-num{width:36px;height:36px;border-radius:50%;background:#D5D8CE;color:#8A94A3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:all .3s;}
.order-progress-step.active .order-progress-num{background:#0F172A;color:#fff;}
.order-progress-step.done .order-progress-num{background:#22c55e;color:#fff;}
.order-progress-label{font-size:13px;font-weight:600;color:#8A94A3;white-space:nowrap;}
.order-progress-step.active .order-progress-label{color:#0F172A;}
.order-progress-step.done .order-progress-label{color:#22c55e;}
.order-progress-line{flex:1;height:2px;background:#D5D8CE;margin:0 12px;}
.order-progress-line.done{background:#22c55e;}
.order-panel{display:none;}
.order-panel.active{display:block;}
.vehicle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;}
.vehicle-card{border:2px solid #D5D8CE;border-radius:6px;padding:22px 14px;text-align:center;cursor:pointer;transition:all .2s;background:#fff;}
.vehicle-card:hover{border-color:#0F172A;background:#f0f5ff;}
.vehicle-card.selected{border-color:#0F172A;background:#E9EBE3;box-shadow:0 0 0 3px rgba(15,23,42,.12);}
.vehicle-card i{font-size:30px;color:#8A94A3;margin-bottom:10px;display:block;transition:color .2s;}
.vehicle-card.selected i{color:#0F172A;}
.vehicle-card h4{font-size:13px;font-weight:700;color:#0f172a;margin:0;}
.vehicle-card p{font-size:11.5px;color:#8A94A3;margin:3px 0 0;}
.order-field{margin-bottom:20px;}
.order-field label{display:block;font-size:13px;font-weight:600;color:#14202E;margin-bottom:7px;}
.order-field input,.order-field select,.order-field textarea{width:100%;padding:12px 16px;border:1.5px solid #D5D8CE;border-radius:4px;font-family:var(--font-body);font-size:15px;color:#0f172a;background:#fff;transition:border-color .2s;outline:none;box-sizing:border-box;appearance:auto;}
.order-field input:focus,.order-field select:focus,.order-field textarea:focus{border-color:#0F172A;box-shadow:0 0 0 3px rgba(15,23,42,.08);}
.order-field textarea{resize:vertical;min-height:96px;}
.order-field.has-error input,.order-field.has-error select,.order-field.has-error textarea{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.08);}
.field-error-msg{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;font-weight:500;color:#dc2626;}
.field-error-msg i{font-size:12px;flex-shrink:0;}
.order-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.order-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid #F2F3EE;}
.order-summary{background:#f8faff;border:1.5px solid #dbe8ff;border-radius:6px;padding:22px 28px;margin-bottom:24px;}
.order-summary-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e9efff;font-size:14px;gap:12px;}
.order-summary-row:last-child{border:none;}
.order-summary-row span:first-child{color:#5B6573;font-weight:500;flex-shrink:0;}
.order-summary-row span:last-child{font-weight:700;color:#0f172a;text-align:right;}
@media(max-width:768px){
  .vehicle-cards{grid-template-columns:repeat(2,1fr);}
  .order-field-row{grid-template-columns:1fr;}
  .order-progress-label{display:none;}
}

/* === INSTALLATION GUIDE === */
.install-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;background:#F2F3EE;padding:6px;border-radius:6px;}
.install-tab-btn{flex:1;min-width:140px;padding:12px 18px;border:none;border-radius:4px;font-family:var(--font-body);font-size:14px;font-weight:600;color:#5B6573;background:transparent;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center;}
.install-tab-btn:hover{color:#0f172a;}
.install-tab-btn.active{background:#fff;color:#0F172A;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.install-section{display:none;}
.install-section.active{display:block;}
.install-steps{display:flex;flex-direction:column;gap:0;}
.install-step{display:grid;grid-template-columns:56px 1fr auto;gap:0 24px;align-items:start;padding:28px 0;border-bottom:1px solid #F2F3EE;}
.install-step:last-child{border-bottom:none;}
.install-step-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0F172A,#1E3A5F);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px rgba(15,23,42,.25);}
.install-step-body h4{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:6px;}
.install-step-body p{font-size:14px;color:#5B6573;line-height:1.7;margin:0;}
.install-step-img{width:96px;height:72px;background:#F2F3EE;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#8A94A3;font-size:22px;border:1.5px dashed #D5D8CE;}
.install-tip{background:#f0f9ff;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;padding:14px 18px;margin:8px 0;font-size:13.5px;color:#0369a1;display:flex;gap:10px;align-items:flex-start;}
.install-tip i{flex-shrink:0;margin-top:2px;}
.install-warn{background:#fff7ed;border-left:4px solid #F25C05;border-radius:0 12px 12px 0;padding:14px 18px;margin:8px 0;font-size:13.5px;color:#9a3412;display:flex;gap:10px;align-items:flex-start;}
.install-warn i{flex-shrink:0;margin-top:2px;}
.install-video-placeholder{background:linear-gradient(135deg,#0f172a,#1E3A5F);border-radius:6px;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;text-align:center;padding:32px;margin-top:40px;}
.install-video-placeholder i{font-size:52px;color:#F59E0B;opacity:.9;}
.install-video-placeholder h4{font-family:var(--font-display);font-size:20px;font-weight:800;margin:0;}
.install-video-placeholder p{font-size:14px;color:#8A94A3;margin:0;}
@media(max-width:640px){
  .install-step{grid-template-columns:44px 1fr;gap:0 16px;}
  .install-step-img{display:none;}
  .install-tabs{gap:4px;}
  .install-tab-btn{font-size:12px;padding:10px 12px;}
}

/* === REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  .fab2::after{animation:none;}
  .fade-up{opacity:1;transform:none;transition:none;}
}

@media (max-width: 480px) {
  .prods2{grid-template-columns:1fr;}
  .shelf .prod2{flex:0 0 200px;}
  .hero2-title{font-size:30px;}
  .hero2-trust{grid-template-columns:1fr 1fr;}
}

@media print {
  .announce,.h2,.h2-nav,.h2-search-mobile,.fab2,.scroll-top,
  .detail-tabs,.related-products,.detail-actions,.detail-guarantees,
  .detail-secondary-actions,.gallery-nav,.gallery-thumbs,.gallery-counter,
  footer,.breadcrumb a[href]::after { display:none !important; }

  body { font-size:12pt; color:#000; background:#fff; }
  .product-detail { padding:0; }
  .detail-grid { display:block; }
  .detail-gallery { margin-bottom:16pt; }
  .gallery-main-img { max-width:240pt; max-height:200pt; border-radius:4pt; display:block; margin:0 auto; }
  .detail-title { font-size:18pt; font-weight:700; color:#000; margin:8pt 0 4pt; }
  .detail-price { font-size:16pt; font-weight:700; color:#0F172A; }
  .detail-old-price { font-size:11pt; color:#666; text-decoration:line-through; }
  .detail-brand { font-size:10pt; color:#444; margin-bottom:8pt; }
  .detail-desc { font-size:10pt; color:#222; margin:8pt 0; }
  .detail-feature-item { font-size:10pt; display:block; margin:2pt 0; }
  .breadcrumb { font-size:9pt; color:#666; margin-bottom:8pt; }

  .print-wa { display:block !important; font-size:11pt; margin-top:12pt;
              border:1pt solid #000; padding:6pt 10pt; border-radius:4pt; }
  a { color:#000; text-decoration:none; }

  @page { margin:15mm; }
}

/* ===== MÜŞTERİ YORUMLARI ===== */
.reviews-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:40px;
}
@media(max-width:900px){ .reviews-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .reviews-grid{ grid-template-columns:1fr; } }

.review-card {
  background:#fff;
  border:1.5px solid #e8edf5;
  border-radius:6px;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
  box-shadow:0 2px 12px rgba(15,23,42,.04);
  transition:box-shadow .2s,transform .2s;
}
.review-card:hover {
  box-shadow:0 8px 28px rgba(15,23,42,.10);
  transform:translateY(-2px);
}
.review-stars { color:#f59e0b; font-size:18px; letter-spacing:2px; }
.review-text {
  font-size:14px;
  color:#5B6573;
  line-height:1.65;
  font-style:italic;
  flex:1;
}
.review-author {
  display:flex;
  align-items:center;
  gap:12px;
}
.review-avatar {
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(135deg,#0F172A,#1E3A5F);
  color:#fff;
  font-size:13px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.review-author strong { font-size:14px; color:#0f172a; display:block; }
.review-author small  { font-size:12px; color:#8A94A3; }

/* ============================================================
   ÇINAR MOTOR TENTE — "Atölye" tasarım sistemi (v2)
   Palet  : Brandal laciverti #0E2A47 · Kanvas #F2F3EE · Sinyal turuncu #F25C05
            Pirinç kuşgözü #B8860B (mikro vurgu) · Mürekkep #14202E
   Tipo   : Archivo (display, width ekseni) · IBM Plex Sans (metin)
            IBM Plex Mono (ölçü/sayı)
   İmza   : Dikiş çizgisi + kuşgözü + ölçü bandı (terzi/atölye dili)
   Token'lar yukarıdaki :root ile uyumlu; .v2-* sınıfları ana sayfa ve
   ortak bileşenler (buton, kart, başlık) için kullanılır.
   ============================================================ */

:root{
  --v2-ink:#0F172A;
  --v2-ink-deep:#081A2E;
  --v2-canvas:#F2F3EE;
  --v2-canvas-2:#E9EBE3;
  --v2-paper:#FFFFFF;
  --v2-cta:#C2410C;
  --v2-cta-dark:#9A3412;
  --v2-brass:#B8860B;
  --v2-text:#14202E;
  --v2-muted:#5B6573;
  --v2-line:#D5D8CE;
  --v2-display:'Archivo', 'Inter', system-ui, sans-serif;
  --v2-body:'IBM Plex Sans', 'Inter', system-ui, sans-serif;
  --v2-mono:'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  /* dikiş: 6px çizgi, 4px boşluk */
  --v2-stitch:repeating-linear-gradient(90deg, currentColor 0 6px, transparent 6px 10px);
  --v2-stitch-v:repeating-linear-gradient(180deg, currentColor 0 6px, transparent 6px 10px);
}

html{scroll-behavior:smooth;}
body{background:var(--v2-canvas);color:var(--v2-text);font-family:var(--v2-body);}
h1,h2,h3,h4{font-family:var(--v2-display);letter-spacing:-.01em;}
body :focus-visible{outline:3px solid var(--v2-cta);outline-offset:3px;border-radius:2px;}

.skip-link{position:absolute;top:-48px;left:8px;z-index:2000;background:var(--v2-ink);color:#fff;padding:12px 20px;border-radius:6px;font-family:var(--v2-body);font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;}
.skip-link:focus{top:8px;}

/* ---------- Üst şerit + header renk geçişleri ---------- */
.announce{background:var(--v2-ink-deep);color:#CBD5E1;font-family:var(--v2-mono);font-size:12px;letter-spacing:.02em;}
.announce strong{color:#fff;}
.h2{background:var(--v2-paper);border-bottom:1px solid var(--v2-line);}
.h2-nav{background:var(--v2-paper);border-bottom:1px solid var(--v2-line);}
.h2-nav-link{font-family:var(--v2-body);color:var(--v2-text);}
.h2-nav-link.active,.h2-nav-link:hover{color:var(--v2-ink);}
.h2-nav-link.active{box-shadow:inset 0 -3px 0 var(--v2-cta);}
.h2-nav-link[style]{color:var(--v2-cta-dark)!important;}
.h2-search input:focus{border-color:var(--v2-ink);box-shadow:0 0 0 3px rgba(15,23,42,.12);}
.h2-action--wp{background:#25D366;}

/* ---------- Ortak yapı ---------- */
.v2-wrap{max-width:1320px;margin:0 auto;padding:0 32px;}
.v2-section{padding:88px 0;}
.v2-section--paper{background:var(--v2-paper);}
.v2-section--ink{background:var(--v2-ink);color:#fff;}

/* Dikişli bölüm başlığı */
.v2-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:44px;}
.v2-head h2{font-size:clamp(28px,3.2vw,42px);font-weight:600;line-height:1.08;margin:0;font-stretch:105%;}
.v2-head p{margin:10px 0 0;color:var(--v2-muted);max-width:56ch;font-size:15.5px;line-height:1.6;}
.v2-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--v2-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--v2-muted);margin-bottom:14px;
}
.v2-eyebrow::before{content:'';width:28px;height:2px;color:var(--v2-brass);background:var(--v2-stitch);}
.v2-section--ink .v2-eyebrow{color:#A9B6C6;}
.v2-section--ink .v2-head p{color:#C8D1DC;}

/* Butonlar */
.v2-btn{
  display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;
  font-family:var(--v2-body);font-weight:600;font-size:15px;text-decoration:none;
  border-radius:4px;border:1.5px solid transparent;cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.v2-btn--cta{background:var(--v2-cta);color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 20px -10px rgba(242,92,5,.7);}
.v2-btn--cta:hover{background:var(--v2-cta-dark);transform:translateY(-1px);}
.v2-btn--ghost{background:transparent;color:var(--v2-text);border-color:var(--v2-line);}
.v2-btn--ghost:hover{border-color:var(--v2-ink);color:var(--v2-ink);}
.v2-btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);}
.v2-btn--ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.06);}
.v2-btn .fa-whatsapp{color:#25D366;font-size:18px;}
.v2-btn--cta .fa-arrow-right{transition:transform .2s;}
.v2-btn--cta:hover .fa-arrow-right{transform:translateX(3px);}

/* Kuşgözü (pirinç halka) */
.v2-eyelet{
  position:absolute;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #E7C157 0%, var(--v2-brass) 55%, #7A5806 100%);
  box-shadow:inset 0 0 0 3px var(--v2-paper),0 0 0 1px rgba(0,0,0,.18);
}

/* ================= HERO ================= */
.v2-hero{background:var(--v2-canvas);position:relative;overflow:hidden;}
.v2-hero-in{
  max-width:1320px;margin:0 auto;padding:64px 32px 0;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;
}
.v2-hero-copy{padding-bottom:56px;}
.v2-label{
  position:relative;display:inline-flex;align-items:center;gap:12px;
  padding:8px 14px 8px 12px;background:var(--v2-paper);border:1px solid var(--v2-line);
  font-family:var(--v2-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v2-ink);
  margin-bottom:28px;
}
.v2-label::after{content:'';position:absolute;inset:3px;border:1px dashed rgba(15,23,42,.35);pointer-events:none;}
.v2-label .v2-eyelet{position:static;width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--v2-paper),0 0 0 1px rgba(0,0,0,.18);}
.v2-hero h1{
  font-size:clamp(40px,5.4vw,76px);line-height:.98;font-weight:700;font-stretch:112%;
  margin:0 0 22px;color:var(--v2-ink);
}
.v2-hero h1 .line{display:block;}
.v2-hero h1 .dim{color:var(--v2-muted);font-weight:500;font-stretch:100%;}
.v2-hero h1 .mark{position:relative;display:inline-block;white-space:nowrap;}
.v2-hero h1 .mark::after{
  content:'';position:absolute;left:0;right:0;bottom:.02em;height:3px;color:var(--v2-cta);background:var(--v2-stitch);
  transform-origin:left;
}
.v2-hero-lede{font-size:17.5px;line-height:1.6;color:var(--v2-muted);max-width:52ch;margin:0 0 30px;}
.v2-hero-lede b{color:var(--v2-text);font-weight:600;}
.v2-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px;}
.v2-hero-facts{display:flex;flex-wrap:wrap;gap:0 28px;font-family:var(--v2-mono);font-size:12.5px;color:var(--v2-muted);letter-spacing:.02em;}
.v2-hero-facts span{display:inline-flex;align-items:center;gap:8px;padding:6px 0;}
.v2-hero-facts i{color:var(--v2-ink);font-size:12px;width:14px;text-align:center;}

/* Kesim masası paneli */
.v2-bench{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:0;}
.v2-mat{
  position:relative;background:var(--v2-paper);border:1px solid var(--v2-line);
  background-image:
    linear-gradient(rgba(15,23,42,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.06) 1px, transparent 1px),
    linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
  background-size:80px 80px,80px 80px,16px 16px,16px 16px;
  background-position:-1px -1px;
  aspect-ratio:1/1;max-height:520px;width:100%;
  display:flex;align-items:center;justify-content:center;
}
.v2-mat img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(8,26,46,.18));}
.v2-mat .v2-eyelet{z-index:2;}
.v2-mat .v2-eyelet.tl{top:10px;left:10px;} .v2-mat .v2-eyelet.tr{top:10px;right:10px;}
.v2-mat .v2-eyelet.bl{bottom:10px;left:10px;} .v2-mat .v2-eyelet.br{bottom:10px;right:10px;}
/* asılı etiket */
.v2-tag{
  position:absolute;right:-10px;top:28px;z-index:3;
  background:var(--v2-ink);color:#fff;padding:12px 14px 12px 16px;min-width:190px;
  box-shadow:0 10px 24px -10px rgba(8,26,46,.5);text-decoration:none;
  transform:rotate(2.5deg);transition:transform .25s;
}
.v2-tag:hover{transform:rotate(0deg) translateY(-2px);}
.v2-tag .v2-eyelet{left:-2px;top:50%;margin-top:-6px;box-shadow:inset 0 0 0 3px var(--v2-ink),0 0 0 1px rgba(0,0,0,.3);}
.v2-tag small{display:block;font-family:var(--v2-mono);font-size:10px;letter-spacing:.16em;color:#A9B6C6;text-transform:uppercase;margin-bottom:4px;}
.v2-tag b{display:block;font-family:var(--v2-display);font-weight:600;font-size:15px;line-height:1.2;margin-bottom:6px;}
.v2-tag .price{font-family:var(--v2-mono);font-size:14px;color:#FFD7B8;}
.v2-tag .price em{font-style:normal;color:#fff;font-weight:600;}
/* ölçü bandı */
.v2-ruler{
  position:relative;height:34px;margin-top:-1px;
  background:
    repeating-linear-gradient(90deg, var(--v2-ink) 0 1px, transparent 1px 20px),
    repeating-linear-gradient(90deg, var(--v2-ink) 0 1px, transparent 1px 100px);
  background-size:20px 10px,100px 18px;background-repeat:repeat-x;background-position:0 0,0 0;
  border-top:2px solid var(--v2-ink);overflow:hidden;
}
.v2-ruler-nums{position:absolute;left:0;right:0;bottom:2px;display:flex;justify-content:space-between;font-family:var(--v2-mono);font-size:10px;color:var(--v2-ink);padding:0 0 0 0;}
.v2-ruler-nums span{transform:translateX(-50%);}
.v2-ruler-nums span:first-child{transform:none;}
.v2-ruler-nums span:last-child{transform:translateX(-100%);}

/* ================= ÖLÇÜ BANDI (istatistik) ================= */

/* ================= KATEGORİ ================= */

/* ================= ÜRÜN KARTLARI (override) ================= */
.pcard{border:1px solid var(--v2-line);border-radius:4px;background:var(--v2-paper);box-shadow:none;}
.pcard:hover{box-shadow:0 16px 30px -20px rgba(8,26,46,.4);transform:translateY(-2px);border-color:var(--v2-ink);}
.pcard-link{border-radius:4px;}
.pcard-img{background:var(--v2-canvas);border-radius:0;}
.pcard-brand{font-family:var(--v2-mono);letter-spacing:.12em;color:var(--v2-muted);}
.pcard-name{font-family:var(--v2-body);font-weight:600;}
.pcard-price{font-family:var(--v2-mono);color:var(--v2-ink);font-weight:600;}
.pcard-badge{border-radius:2px;font-family:var(--v2-mono);letter-spacing:.08em;}
.pcard-badge.bestseller{background:var(--v2-cta);}
.pcard-badge.new{background:var(--v2-ink);}
.pcard-wa{border-radius:3px;}
.crsl-btn{border-radius:4px;border-color:var(--v2-line);color:var(--v2-ink);box-shadow:none;}
.crsl-btn:hover:not(:disabled){background:var(--v2-ink);border-color:var(--v2-ink);box-shadow:none;}

/* ================= SÜREÇ (3 adım, gerçek sıra) ================= */
.v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16);}
.v2-step{padding:34px 28px 8px 0;position:relative;}
.v2-step + .v2-step{padding-left:28px;border-left:1px solid rgba(255,255,255,.16);}
.v2-step .no{
  font-family:var(--v2-mono);font-size:12px;letter-spacing:.16em;color:#FFD7B8;margin-bottom:18px;display:flex;align-items:center;gap:10px;
}
.v2-step .no::after{content:'';flex:1;height:2px;color:rgba(255,255,255,.28);background:var(--v2-stitch);}
.v2-step h3{margin:0 0 10px;font-size:22px;font-weight:600;color:#fff;}
.v2-step p{margin:0;color:#C8D1DC;font-size:15px;line-height:1.6;}
.v2-step .hint{display:inline-block;margin-top:14px;font-family:var(--v2-mono);font-size:12px;color:#A9B6C6;}
.v2-steps-cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.v2-steps-cta .note{font-size:13.5px;color:#A9B6C6;}

/* ================= HİKÂYE ================= */
.v2-story{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;}
.v2-story-card{
  position:relative;background:var(--v2-ink);color:#fff;aspect-ratio:4/3;padding:32px;
  display:flex;flex-direction:column;justify-content:space-between;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:40px 40px;
}
.v2-story-card::after{content:'';position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.28);pointer-events:none;}
.v2-story-card .stamp{
  align-self:flex-start;border:2px solid #FFD7B8;color:#FFD7B8;padding:10px 14px;transform:rotate(-4deg);
  font-family:var(--v2-mono);text-transform:uppercase;letter-spacing:.14em;font-size:11px;line-height:1.35;text-align:center;
}
.v2-story-card .stamp b{display:block;font-family:var(--v2-display);font-size:40px;letter-spacing:-.02em;line-height:1;margin-bottom:4px;color:#fff;}
.v2-story-card address{font-style:normal;font-family:var(--v2-mono);font-size:12.5px;color:#C8D1DC;line-height:1.6;}
.v2-story-card address b{display:block;color:#fff;font-family:var(--v2-display);font-size:18px;margin-bottom:4px;}
.v2-story h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.1;margin:0 0 18px;font-stretch:105%;}
.v2-story p{color:var(--v2-muted);font-size:16px;line-height:1.65;margin:0 0 14px;}
.v2-story p b{color:var(--v2-text);font-weight:600;}
.v2-story-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}

/* ================= YORUMLAR (override) ================= */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.review-card{background:var(--v2-paper);border:1px solid var(--v2-line);border-radius:4px;padding:22px;box-shadow:none;position:relative;}
.review-card::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;color:var(--v2-brass);background:var(--v2-stitch);}
.review-stars{color:var(--v2-cta);letter-spacing:2px;font-size:14px;margin-bottom:10px;}
.review-text{color:var(--v2-text);font-size:15px;line-height:1.6;margin:0 0 16px;}
.review-author{display:flex;align-items:center;gap:12px;}
.review-avatar{width:38px;height:38px;border-radius:4px;background:var(--v2-ink);color:#fff;font-family:var(--v2-mono);font-size:12px;display:flex;align-items:center;justify-content:center;}
.review-author strong{display:block;font-size:14px;}
.review-author small{font-family:var(--v2-mono);font-size:11.5px;color:var(--v2-muted);}
.v2-rating{display:inline-flex;align-items:center;gap:10px;font-family:var(--v2-mono);font-size:13px;color:var(--v2-muted);}
.v2-rating b{font-size:28px;color:var(--v2-ink);font-weight:500;}
.v2-rating .stars{color:var(--v2-cta);letter-spacing:2px;}

/* ================= SON ÇAĞRI ================= */
.v2-final{background:var(--v2-paper);border-top:1px solid var(--v2-line);}
.v2-final-in{max-width:1320px;margin:0 auto;padding:72px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.v2-final h2{font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.05;margin:0 0 12px;font-stretch:108%;}
.v2-final p{color:var(--v2-muted);font-size:16px;margin:0;max-width:50ch;}
.v2-final-act{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-self:end;}
.v2-final-act .v2-btn{min-width:260px;justify-content:center;}
.v2-final-act .phone{font-family:var(--v2-mono);font-size:13px;color:var(--v2-muted);}
.v2-final-act .phone a{color:var(--v2-ink);text-decoration:none;font-weight:600;}

/* Footer renk */
.f2{background:var(--v2-ink-deep);}
.fab2{border-radius:6px;}

/* ================= GİRİŞ ANİMASYONU (tek orkestre an) ================= */
@media (prefers-reduced-motion:no-preference){
  .v2-hero-copy > *{opacity:0;transform:translateY(14px);animation:v2up .6s cubic-bezier(.2,.7,.2,1) forwards;}
  .v2-hero-copy > :nth-child(1){animation-delay:.05s}
  .v2-hero-copy > :nth-child(2){animation-delay:.15s}
  .v2-hero-copy > :nth-child(3){animation-delay:.28s}
  .v2-hero-copy > :nth-child(4){animation-delay:.38s}
  .v2-hero-copy > :nth-child(5){animation-delay:.48s}
  .v2-hero h1 .mark::after{transform:scaleX(0);animation:v2draw .7s .75s cubic-bezier(.2,.7,.2,1) forwards;}
  .v2-bench{opacity:0;animation:v2fade .7s .25s ease forwards;}
  .v2-tag{animation:v2swing 3.2s 1.2s ease-in-out infinite;}
}
@keyframes v2up{to{opacity:1;transform:none}}
@keyframes v2fade{to{opacity:1}}
@keyframes v2draw{to{transform:scaleX(1)}}
@keyframes v2swing{0%,100%{transform:rotate(2.5deg)}50%{transform:rotate(.5deg)}}
.v2-tag:hover{animation:none;}

/* ================= RESPONSIVE ================= */
@media (max-width:1100px){
  .v2-hero h1{font-size:clamp(38px,6vw,60px);}
}
@media (max-width:900px){
  /* Mobil ana sayfa sırası (2026-10-13 sade düzen): giriş → "uyan kabini bulun" formu → 6'lı fiyatlı vitrin
     → güven şeridi → yorumlar → son çağrı. Araç tipi kartları ve lacivert rakam bandı siteden kaldırıldı. */
  #main{display:flex;flex-direction:column;}
  .m-intro{order:0;}
  .v2-hero{order:1;}
  .v2-sec-featured{order:2;}
  .m-trust{order:3;}
  #yorumlar{order:4;}
  .v2-all{order:5;}
  /* hero içinde yalnız form görünür */
  .v2-hero-copy{display:flex;flex-direction:column;padding-bottom:0;}
  .v2-hero-copy .hp{order:-1;margin-bottom:0;}
  .v2-sec-featured .v2-head{display:none;}
  /* mobilde gizlenenler: hero başlığı/metni (h1 ekran okuyucuda kalır), hikâye, "Sipariş nasıl ilerler", vitrin görseli */
  .v2-hero-copy .v2-label,.v2-hero-lede,.v2-hero-facts,.v2-sec-story,.v2-section--ink,.v2-bench{display:none;}
  .v2-hero h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
  #yorumlar .review-card:nth-child(n+3){display:none;}
  .v2-sec-featured .v2-wrap{padding-left:12px;padding-right:12px;}
  .v2-hero-in{grid-template-columns:1fr;gap:0;padding-top:0;padding-bottom:0;}
  .v2-head{grid-template-columns:1fr;align-items:start;}
  .v2-steps{grid-template-columns:1fr;}
  .v2-step + .v2-step{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.16);}
  .v2-story{grid-template-columns:1fr;gap:28px;}
  .reviews-grid{grid-template-columns:1fr 1fr;}
  .v2-final-in{grid-template-columns:1fr;}
  .v2-final-act{justify-self:start;}
}
@media (max-width:600px){
  .v2-wrap,.v2-hero-in,.v2-final-in{padding-left:20px;padding-right:20px;}
  .v2-section{padding:56px 0;}
  .v2-hero h1{font-size:clamp(34px,10.5vw,46px);}
  .v2-hero-lede{font-size:16px;}
  .v2-hero-ctas .v2-btn{flex:1 1 100%;justify-content:center;}
  .reviews-grid{grid-template-columns:1fr;}
  .v2-final-act .v2-btn{min-width:0;width:100%;}
}
@media print{.v2-hero,.v2-final{background:#fff;color:#000;}}

/* ===== BRAND — mobil daraltma ===== */
@media (max-width:768px){
  .brand{gap:9px;min-width:0;}
  .brand .emblem{width:36px;height:36px;}
  .brand .word .top{font-size:11.5px;letter-spacing:.8px;}
  .brand .word .rule{margin:4px 0 3px;}
  .brand .word .bot{font-size:7.5px;letter-spacing:1.6px;gap:8px;}
}
@media (max-width:360px){
  .brand .word .bot .est{display:none;}
}
.f2 a.brand{display:flex;padding:0;margin-bottom:4px;}
.f2 .brand .emblem{width:48px;height:48px;box-shadow:0 0 0 1px rgba(255,255,255,.18);}

/* ===== Garanti sayfası özet kutusu ===== */
.v2-policy-split{background:#0F172A;padding:36px 40px;margin-bottom:40px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.v2-policy-split-a{padding-right:28px;border-right:1px solid rgba(255,255,255,.14);}
@media (max-width:700px){
  .v2-policy-split{grid-template-columns:1fr;padding:26px 22px;gap:22px;}
  .v2-policy-split-a{padding-right:0;border-right:0;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14);}
}

/* ============================================================
   V2 — İÇ SAYFA VE BİLEŞEN GÜNCELLEMELERİ (2026-08-21, 2. tur)
   ============================================================ */
/* --- Page banner: iç sayfa başlığı (kanvas zemin, dikiş çizgisi) --- */
.page-banner{background:var(--v2-canvas);color:var(--v2-ink);padding:44px 0 36px;border-bottom:1px solid var(--v2-line);position:relative;}
.page-banner::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;color:var(--v2-brass);background:var(--v2-stitch);opacity:.7;}
.page-banner .breadcrumb{font-family:var(--v2-mono);font-size:12px;letter-spacing:.04em;color:var(--v2-muted);display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.page-banner .breadcrumb a{color:var(--v2-muted);text-decoration:none;}
.page-banner .breadcrumb a:hover{color:var(--v2-ink);}
.page-banner .breadcrumb i{font-size:9px;}
.page-banner h1{font-family:var(--v2-display);font-size:clamp(30px,4vw,46px);font-weight:600;font-stretch:108%;letter-spacing:-.01em;line-height:1.05;margin-bottom:10px;color:var(--v2-ink);}
.page-banner p{color:var(--v2-muted);font-size:16.5px;max-width:62ch;line-height:1.55;}
.page-banner-sm{padding:18px 0;}
/* --- Eyebrow: tek stil (mono + dikiş) --- */
.section2-eyebrow{font-family:var(--v2-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--v2-muted);display:inline-flex;align-items:center;gap:10px;font-weight:500;}
.section2-eyebrow .dot{width:28px;height:2px;border-radius:0;background:var(--v2-stitch);color:var(--v2-brass);}
.section2.dark .section2-eyebrow .dot{color:#F59E0B;background:var(--v2-stitch);}
.section2-head h2{font-family:var(--v2-display);font-weight:600;font-stretch:105%;letter-spacing:-.01em;}
.section2-head h2 em{font-style:normal;color:var(--v2-cta-dark);font-weight:600;}
/* --- Policy box / steps / bel --- */
.policy-box{border-radius:4px;}
.policy-box h4{font-family:var(--v2-display);font-weight:600;}
.step-num{border-radius:4px;background:var(--v2-ink);color:#FFD7B8;font-family:var(--v2-mono);font-weight:500;}
.step-body h4{font-family:var(--v2-display);font-weight:600;}
.bel-item h4{font-weight:600 !important;}
.bel-item i{color:var(--v2-ink);}
/* --- Ürün kartı: uyumlu araç, temsili görsel, sakin CTA --- */
.pcard-fit{font-size:12px;color:var(--v2-muted);margin:2px 0 8px;display:flex;align-items:center;gap:6px;line-height:1.3;}
.pcard-fit i{color:#1f9d55;font-size:10px;}
.pcard-fit em{font-style:normal;color:var(--v2-cta-dark);}
.pcard-note{position:absolute;left:8px;bottom:8px;z-index:2;font-family:var(--v2-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;background:rgba(15,23,42,.78);color:#fff;padding:4px 7px;border-radius:2px;}
.pcard-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--v2-line);}
.pcard-go{font-size:13px;font-weight:600;color:var(--v2-ink);display:inline-flex;align-items:center;gap:6px;}
.pcard-go i{font-size:11px;transition:transform .2s;}
.pcard:hover .pcard-go i{transform:translateX(3px);}
.pcard-wa-ic{position:relative;z-index:2;width:34px;height:34px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#1da851;border:1px solid var(--v2-line);background:#fff;font-size:17px;transition:background .2s,color .2s,border-color .2s;}
.pcard-wa-ic:hover{background:#25D366;color:#fff;border-color:#25D366;}
.pcard-list .pcard-actions{border-top:0;padding-top:0;margin-left:auto;flex-direction:column;align-items:flex-end;}
/* --- Ürün detay: uyumlu araç satırı, video --- */
.detail-fit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;color:var(--v2-text);margin:8px 0 18px;}
.detail-fit > i{color:#1f9d55;}
.detail-fit-note{font-family:var(--v2-mono);font-size:11.5px;color:var(--v2-cta-dark);display:inline-flex;align-items:center;gap:6px;}
.video-embed{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--v2-line);}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
/* --- WhatsApp FAB: footer'da gizle, mobilde daha küçük --- */
.fab2{transition:opacity .25s,transform .25s;}
.fab2--hide{opacity:0;pointer-events:none;transform:translateY(12px);}
@media (max-width:600px){.fab2{width:50px;height:50px;font-size:24px;right:14px;bottom:14px;}}
/* --- Araç seçici (hero + boyut rehberi) --- */
.hp{background:var(--v2-paper);border:1px solid var(--v2-line);padding:18px 18px 16px;margin:0 0 26px;position:relative;box-shadow:0 18px 40px -28px rgba(8,26,46,.35);}
.hp::before{content:'';position:absolute;left:0;right:0;top:-1px;height:3px;color:var(--v2-cta);background:var(--v2-stitch);}
.hp-title{font-family:var(--v2-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--v2-muted);display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.hp-num{width:18px;height:18px;border-radius:2px;background:var(--v2-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;}
.hp-sep{width:16px;height:2px;color:var(--v2-line);background:var(--v2-stitch);}
.hp-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;}
.hp-field{display:flex;flex-direction:column;gap:5px;min-width:0;}
.hp-field span{font-family:var(--v2-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--v2-muted);}
.hp-field select{appearance:none;-webkit-appearance:none;width:100%;height:48px;padding:0 36px 0 12px;border:1.5px solid var(--v2-line);border-radius:4px;background:var(--v2-canvas) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230F172A' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 12px center;font:500 15px var(--v2-body);color:var(--v2-text);cursor:pointer;}
.hp-field select:focus{outline:none;border-color:var(--v2-ink);box-shadow:0 0 0 3px rgba(15,23,42,.12);}
.hp-field select:disabled{color:var(--v2-muted);cursor:not-allowed;opacity:.7;}
.hp-go{height:48px;white-space:nowrap;}
.hp-go:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}
.hp-hint{min-height:18px;margin-top:10px;font-size:13.5px;color:var(--v2-muted);}
.hp-hint b{color:var(--v2-ink);}
.hp-alt{margin-top:8px;font-size:13px;color:var(--v2-muted);}
.hp-alt a{color:var(--v2-ink);font-weight:600;text-decoration:none;}
.hp-alt a:hover{color:var(--v2-cta-dark);}
.hp-alt .fa-whatsapp{color:#25D366;}
.hp--page{padding:22px;}
@media (max-width:700px){.hp-row{grid-template-columns:1fr;}.hp-go{width:100%;justify-content:center;}}
/* --- Boyut rehberi: marka indeksi, ölçü kartları --- */
.brand-index{display:flex;flex-direction:column;border-top:1px solid var(--v2-line);}
.brand-index-row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--v2-line);align-items:start;}
.brand-index-name{font-family:var(--v2-display);font-weight:600;font-size:16px;color:var(--v2-ink);}
.brand-index-name small{display:block;font-family:var(--v2-mono);font-size:11px;color:var(--v2-muted);font-weight:400;margin-top:2px;}
.brand-index-chips{display:flex;flex-wrap:wrap;gap:6px;}
.brand-index-chips a{font-size:13px;padding:6px 10px;border:1px solid var(--v2-line);border-radius:3px;background:#fff;color:var(--v2-text);text-decoration:none;transition:border-color .15s,color .15s,background .15s;}
.brand-index-chips a:hover{border-color:var(--v2-ink);color:var(--v2-ink);background:var(--v2-canvas);}
@media (max-width:600px){.brand-index-row{grid-template-columns:1fr;gap:8px;}}
.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.measure-card{background:#fff;border:1px solid var(--v2-line);padding:22px;position:relative;}
.measure-num{width:34px;height:34px;border-radius:4px;background:var(--v2-ink);color:#FFD7B8;font-family:var(--v2-mono);font-weight:500;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.measure-card h4{font-family:var(--v2-display);font-weight:600;font-size:16px;margin-bottom:6px;color:var(--v2-ink);}
.measure-card p{font-size:14px;color:var(--v2-muted);line-height:1.55;margin:0;}
@media (max-width:760px){.measure-grid{grid-template-columns:1fr;}}
/* --- Hakkımızda: amblem mührü --- */
.story-seal{position:relative;z-index:2;display:block;margin:0 auto;background:#fff;border-radius:50%;padding:12px;box-sizing:border-box;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35));}
.story-img{display:flex;flex-direction:column;justify-content:space-between;}
/* --- Yasal sayfalar --- */
.legal h2{font-family:var(--v2-display);font-weight:600;font-size:20px;margin:30px 0 10px;color:var(--v2-ink);}
.legal h2:first-child{margin-top:0;}
.legal p,.legal li{font-size:15px;line-height:1.7;color:var(--v2-text);}
.legal ul{padding-left:20px;margin:0 0 10px;}
.legal li{margin-bottom:6px;}
.legal a{color:var(--v2-ink);font-weight:600;}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 14px;background:#fff;}
.legal-table th,.legal-table td{border:1px solid var(--v2-line);padding:10px 12px;text-align:left;vertical-align:top;}
.legal-table th{font-family:var(--v2-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--v2-canvas);}
.legal-updated{font-family:var(--v2-mono);font-size:12px;color:var(--v2-muted);margin-top:36px;padding-top:16px;border-top:1px solid var(--v2-line);}
/* --- Çerez çubuğu --- */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:9000;max-width:720px;margin:0 auto;background:var(--v2-ink);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transform:translateY(20px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s,opacity .3s,visibility .3s;}
.cookie-bar.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto;}
.cookie-bar p{margin:0;flex:1 1 320px;font-size:13.5px;line-height:1.5;color:#C8D1DC;}
.cookie-bar a{color:#FFD7B8;}
.cookie-bar-actions{display:flex;gap:8px;margin-left:auto;}
.cookie-btn{height:40px;padding:0 16px;border-radius:4px;font:600 13.5px var(--v2-body);cursor:pointer;border:1.5px solid transparent;}
.cookie-btn--cta{background:var(--v2-cta);color:#fff;}
.cookie-btn--cta:hover{background:var(--v2-cta-dark);}
.cookie-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);}
.cookie-btn--ghost:hover{border-color:#fff;}
@media (max-width:600px){.cookie-bar{left:10px;right:10px;bottom:10px;padding:14px;}.cookie-bar-actions{width:100%;}.cookie-btn{flex:1;}}
/* --- Yorum notu --- */
.v2-reviews-note{font-family:var(--v2-mono);font-size:12px;color:var(--v2-muted);max-width:34ch;text-align:right;margin:0;}
@media (max-width:900px){.v2-reviews-note{text-align:left;}}
/* --- Arama etiketi sadeleştir --- */
.h2-search-tag{font-family:var(--v2-mono);font-size:10px;letter-spacing:.04em;}

.hp-title-long{display:contents;}
.hp-title-short{display:none;}
@media (max-width:600px){.hp-title-long{display:none;}.hp-title-short{display:inline;}}
/* Hakkımızda: sayıyla başlayan paragrafta drop-cap kapalı */
.story-content p:first-of-type::first-letter{float:none;font-size:inherit;line-height:inherit;margin:0;padding:0;font-weight:inherit;color:inherit;font-family:inherit;}

/* ===== 3. tur: yardımcı sınıflar (inline style yerine) ===== */
.nav-accent{font-weight:700;color:#D14C00 !important;}
.mr6{margin-right:6px;}
.req{color:#ef4444;}
.mw900{max-width:900px;} .mw860{max-width:860px;}
.sec-title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:600;color:#0f172a;margin-bottom:28px;}
.btn2--glass{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.2);margin-top:8px;}
.btn2--soft{background:#F2F3EE;color:#0f172a;border:1.5px solid #D5D8CE;}
.box-foot{font-size:13px;color:#5B6573;margin-top:12px;padding-top:12px;border-top:1px solid #D5D8CE;}
/* Erişilebilirlik: eyebrow kontrastı (≥4.5:1) */
.v2-eyebrow,.section2-eyebrow,.hp-title,.hp-field span,.v2-hero-facts,.v2-tag small{color:#4B5563;}
.v2-eyebrow{font-size:12px;} .section2-eyebrow{font-size:12px;}
.v2-section--ink .v2-eyebrow,.section2.dark .section2-eyebrow{color:#C8D1DC;}
.pcard-go{position:relative;z-index:2;text-decoration:none;}
/* Header arama önerileri */
.h2-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--v2-line);border-radius:4px;box-shadow:0 18px 40px -20px rgba(8,26,46,.4);z-index:60;display:none;overflow:hidden;}
.h2-suggest.open{display:block;}
.h2-suggest-it{display:flex;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;color:var(--v2-text);border-bottom:1px solid var(--v2-line);}
.h2-suggest-it img{width:40px;height:40px;object-fit:contain;border:1px solid var(--v2-line);border-radius:3px;background:#fff;flex-shrink:0;}
.h2-suggest-it b{display:block;font-size:14px;font-weight:600;} .h2-suggest-it small{font-family:var(--v2-mono);font-size:11px;color:var(--v2-muted);}
.h2-suggest-it:hover,.h2-suggest-it.is-active{background:var(--v2-canvas);}
.h2-suggest-all{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:13px;font-weight:600;color:var(--v2-ink);text-decoration:none;background:var(--v2-canvas);}
/* Kurulum videosu yedeği */
.install-video{margin-top:18px;}
.install-video-fallback{background:var(--v2-ink);color:#fff;padding:26px;text-align:center;border-radius:4px;}
.install-video-fallback i{font-size:30px;color:#FFD7B8;margin-bottom:8px;display:block;}
.install-video-fallback h4{color:#fff;font-size:18px;margin-bottom:6px;}
.install-video-fallback p{color:#C8D1DC;font-size:14px;max-width:46ch;margin:0 auto 4px;}

/* ===== Lighthouse a11y düzeltmeleri (2026-08-22) ===== */
.brand .word .bot .est{color:#5B6573;}
.h2-action--wp{background:#128C7E !important;}
.btn-whatsapp{background:#128C7E;border-color:#128C7E;} .btn-whatsapp:hover{background:#0F766A;border-color:#0F766A;}
.pcard-wa{background:#128C7E;} .pcard-wa:hover{background:#0F766A;}
.v2-tag small{color:#C8D1DC;}
.pcard-badge.bestseller{background:#C2410C;}
.gallery-counter{background:rgba(0,0,0,.72);}
.pcard-go{min-height:34px;display:inline-flex;align-items:center;padding:0 6px 0 0;}
.f2 h3{font-size:13px;}

/* a11y 2. geçiş */
.brand .word .bot .est{color:#3F4A5A;}
.f2-bot span{color:#C8D1DC;}
.h2-action--wp{background:#0F766A !important;}
.btn-whatsapp{background:#0F766A;border-color:#0F766A;} .pcard-wa{background:#0F766A;}
.nav-accent{color:#C2410C !important;}

/* ===== Ana sayfa vitrini: 12 ürün, fiyatlı; sayfa başına masaüstü 4 / mobil 6 (3×2), kayar ===== */
.v2-feat-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.v2-feat-track::-webkit-scrollbar{display:none;}
.v2-feat-track:focus-visible{outline:3px solid var(--v2-cta);outline-offset:4px;}
.v2-feat-page{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-content:start;}
.v2-feat-card{display:flex;flex-direction:column;text-decoration:none;color:var(--v2-ink);background:#fff;border:1px solid var(--v2-line);border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.v2-feat-card:hover{border-color:var(--v2-ink);box-shadow:0 10px 28px -16px rgba(15,23,42,.45);}
.v2-feat-img{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;}
.v2-feat-img picture,.v2-feat-img img{display:block;width:100%;height:100%;object-fit:contain;}
.v2-feat-img > i{font-size:48px;color:var(--v2-line);}
.v2-feat-brand{padding:10px 12px 0;font-family:var(--v2-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--v2-muted);}
.v2-feat-name{padding:4px 12px 6px;font-weight:600;font-size:14px;line-height:1.3;}
.v2-feat-price{padding:0 12px 12px;margin-top:auto;font-family:var(--v2-mono);font-size:15px;font-weight:600;color:var(--v2-ink);font-variant-numeric:tabular-nums;}
.v2-feat-dots{display:flex;justify-content:center;gap:4px;margin-top:14px;}
.v2-feat-dots button{width:32px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.v2-feat-dots button::before{content:'';width:22px;height:4px;border-radius:2px;background:var(--v2-line);transition:background .2s;}
.v2-feat-dots button[aria-current]::before{background:var(--v2-ink);}
@media (max-width:900px){
  .v2-sec-featured{padding:6px 0 4px;}
  /* JS vitrini çizene kadar yer ayır (3×2 kart + noktalar) → sayfa kaymaz (CLS) */
  #featuredGrid{min-height:calc((100vw - 40px) * 2 / 3 + 200px);}
  .v2-feat-page{grid-template-columns:repeat(3,1fr);gap:8px;}
  .v2-feat-card{border-radius:4px;}
  .v2-feat-brand{padding:7px 8px 0;font-size:9.5px;letter-spacing:.06em;}
  .v2-feat-name{padding:2px 8px 4px;font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;}
  .v2-feat-price{padding:0 8px 9px;font-size:13px;}
  .v2-feat-dots{margin-top:8px;}
}

/* Mobil: müşteri yorumları kompakt (2 yorum, az boşluk) */
@media (max-width:900px){
  #yorumlar.v2-section{padding:32px 0;}
  #yorumlar .v2-head{margin-bottom:16px;}
  #yorumlar .v2-reviews-note{font-size:11px;text-align:left;max-width:none;margin-top:6px;}
  #yorumlar .reviews-grid{grid-template-columns:1fr;gap:10px;}
  #yorumlar .review-card{padding:14px 16px;}
  #yorumlar .review-stars{font-size:12px;margin-bottom:6px;}
  #yorumlar .review-text{font-size:14px;line-height:1.5;margin-bottom:10px;}
}

/* Footer marka: EST. 1975 koyu zeminde okunur kontrast (header'daki açık zemin kuralı footer'ı ezmesin) */
.f2 .brand .word .bot .est{color:#A9B6C6;}

/* ===== MOBİL SADE ANA SAYFA (2026-10-13) — giriş, güven şeridi, büyük butonlar. Masaüstünde gizli. ===== */
.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 18px;border-radius:4px;font:600 16px var(--v2-body);text-decoration:none;border:1.5px solid transparent;}
.m-btn i{font-size:15px;}
.m-btn--dark{background:var(--v2-ink);color:#fff;border-color:var(--v2-ink);}
.m-btn--light{background:#fff;color:var(--v2-ink);border-color:var(--v2-ink);}
.m-btn--cta{background:var(--v2-cta);color:#fff;border-color:var(--v2-cta);}
.m-btn--cta i{color:#fff;}
.m-intro,.m-trust,.m-sec-title,.m-allbtn{display:none;}   /* masaüstünde gizli; aşağıda mobilde açılır */
@media (max-width:900px){
  .m-intro{display:block;background:var(--v2-canvas);padding:22px 20px 18px;border-bottom:1px solid var(--v2-line);}
  .m-intro-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--v2-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#4B5563;margin-bottom:10px;}
  .m-intro h2{margin:0 0 8px;font-size:clamp(26px,7.4vw,32px);line-height:1.1;font-weight:600;font-stretch:105%;color:var(--v2-ink);}
  .m-intro h2 em{font-style:normal;color:var(--v2-cta);}
  .m-intro p{margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--v2-muted);}
  .m-intro-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  /* form kutusu kenardan kenara, araya hava */
  .v2-hero .v2-hero-in{padding:14px 12px 0;}
  .v2-hero .hp{padding:14px 14px 12px;}
  .m-sec-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 2px 10px;}
  .m-sec-title h2{margin:0;font-size:19px;font-weight:600;font-stretch:105%;color:var(--v2-ink);}
  .m-sec-title a{font-size:14px;font-weight:600;color:var(--v2-ink);text-decoration:none;white-space:nowrap;}
  .m-sec-title a i{font-size:12px;margin-left:2px;}
  .m-allbtn{display:flex;width:100%;margin:12px 0 10px;}
  .m-trust{display:grid;gap:0;margin:8px 12px 4px;background:#fff;border:1px solid var(--v2-line);border-radius:4px;overflow:hidden;}
  .m-trust > div{display:flex;align-items:center;gap:14px;padding:12px 14px;}
  .m-trust > div + div{border-top:1px solid var(--v2-line);}
  .m-trust i{width:38px;height:38px;flex-shrink:0;border-radius:4px;background:var(--v2-canvas);color:var(--v2-ink);display:flex;align-items:center;justify-content:center;font-size:16px;}
  .m-trust b{display:block;font-size:14.5px;font-weight:600;color:var(--v2-ink);}
  .m-trust span{display:block;font-size:12.5px;color:var(--v2-muted);margin-top:1px;}
  .v2-all{margin-top:8px;}
}

/* ===== Ürünler sayfası: düz liste; grid taşma düzeltmesi (2026-10-13) ===== */
.products-main{min-width:0;}
.pcard{min-width:0;}
.pcard-img picture{display:block;width:100%;height:100%;}
.pcard-img img{max-width:100%;}
@media (max-width:768px){
  .page-banner{padding:22px 0 18px;}
  .page-banner p{font-size:14px;}
}

/* ===== Footer — mobilde kompakt (2026-10-13): marka + sosyal tek satır, kolonlar kapalı akordeon, alt satır küçük ===== */
@media (max-width:768px){
  .f2{padding:22px 0 0;}
  .f2-grid{gap:0;padding-bottom:10px;}
  .f2-about{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:6px;}
  .f2-about p{display:none;}
  .f2 a.brand{margin-bottom:0;}
  .f2-soc{margin:0;gap:6px;}
  .f2-soc a{width:38px;height:38px;font-size:16px;}
  .f2-col-toggle{padding:12px 0;font-size:12px;margin-bottom:0;}
  .f2-col-links a{padding:7px 0;font-size:14px;}
  .f2-bot{padding:12px 0 16px;font-size:11px;gap:8px;line-height:1.5;}
  .f2-pay{gap:6px;flex-wrap:wrap;}
  .f2-pay span{font-size:10px;padding:3px 7px;}
}

/* Filtre paneli alt barı — masaüstünde yalnız "Temizle" */
@media (min-width:769px){ .sidebar-done,.sidebar-overlay{display:none;} .sidebar-foot{display:block;} }

/* ===== İÇ SAYFALAR — MOBİL KOMPAKT (2026-10-14). Masaüstüne dokunmaz. Kart tipleri ikon-solda tek satır düzenine iner. ===== */
@media (max-width:768px){
  .section2{padding:32px 0;}
  .section2-head{margin-bottom:18px;gap:10px;}
  .section2-head h2{font-size:24px;line-height:1.15;}
  .section2-head p{font-size:14px;}
  .sec-title{font-size:22px;margin-bottom:16px;}
  .page-banner h1{font-size:26px;}
  .page-banner p{font-size:14px;}
  /* ikon + başlık + metin kartları → kompakt satır */
  .bel{display:grid;grid-template-columns:1fr;gap:0;border:1px solid var(--v2-line);border-radius:4px;background:#fff;overflow:hidden;padding:0;}
  .bel-item,.value-card,.info-card,.timeline-item,.measure-card{display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:2px;align-items:start;text-align:left;padding:12px 14px;border-radius:0;}
  .bel-item{border-right:0;border-bottom:1px solid var(--v2-line);}
  .bel-item:last-child{border-bottom:0;}
  .bel-item > i,.value-card-icon,.info-card-icon,.timeline-num,.measure-num{grid-row:1 / 3;width:40px;height:40px;margin:0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;}
  .value-card-icon i,.info-card-icon i{font-size:16px;}
  .timeline-num{font-size:15px;background:var(--v2-canvas);color:var(--v2-ink);}
  .bel-item h4,.value-card h4,.info-card h4,.timeline-item h4,.measure-card h4{grid-column:2;margin:0;font-size:15px;line-height:1.3;}
  .bel-item p,.value-card p,.info-card p,.timeline-item p,.measure-card p{grid-column:2;margin:0;font-size:13px;line-height:1.5;}
  .values-grid,.info-cards,.measure-grid{display:grid;grid-template-columns:1fr;gap:8px;}
  .value-card,.info-card,.measure-card{border:1px solid var(--v2-line);border-radius:4px;}
  .timeline{grid-template-columns:1fr;border:1px solid var(--v2-line);border-radius:4px;overflow:hidden;}
  .timeline-item{border-right:0;border-bottom:1px solid var(--v2-line);}
  .timeline-item:last-child{border-bottom:0;}
  /* adım listeleri */
  .step-item{grid-template-columns:40px 1fr;gap:12px;padding:14px 0;}
  .step-num{width:36px;height:36px;font-size:15px;}
  .step-body h4{font-size:16px;margin-bottom:4px;}
  .step-body p{font-size:14px;}
  .policy-box{padding:16px;margin-bottom:12px;}
  .policy-box h4{font-size:16px;margin-bottom:10px;}
  .policy-box li{font-size:13.5px;}
  .policy-box ul{gap:8px;}
  /* SSS */
  .faq-list{gap:8px;}
  .faq-q{padding:14px 16px;font-size:14.5px;}
  .faq-a{padding:0 16px 14px;font-size:14px;}
  /* iletişim */
  .contact-grid{gap:20px;}
  .contact-info-cards{gap:8px;}
  .contact-card{padding:12px 14px;gap:12px;}
  .contact-card-icon{width:40px;height:40px;font-size:16px;}
  .contact-card-body p,.contact-card-body a{font-size:13.5px;}
  .contact-form-card{padding:18px 16px;}
  .contact-form-card h3{font-size:20px;margin-bottom:14px;}
  .map-wrap,.map-wrap iframe{height:240px;min-height:0;}
  /* hakkımızda */
  .story-img{padding:22px 18px;min-height:0;}
  .story-seal{width:150px;height:150px;background:#fff;border-radius:50%;padding:8px;box-sizing:border-box;}
  .story-stamp{display:none;}   /* 50+ yıl mührü altta istatistikte var; mobilde yazının üstüne biniyordu */
  .atelier-grid{display:block;}
  .atelier-visual{display:none;}
  .atelier-actions{display:flex;flex-direction:column;gap:8px;}
  .atelier-actions .btn2{justify-content:center;}
  .cta-strip{padding:28px 20px;}
  .cta-strip h3{font-size:24px;}
  /* sipariş formu */
  .vehicle-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
  .vehicle-card{padding:14px 6px;}
  .vehicle-card i{font-size:22px;margin-bottom:6px;}
  .vehicle-card h4{font-size:12px;line-height:1.25;}
  .vehicle-card p{display:none;}
  .order-progress{margin-bottom:24px;}
  /* kurulum rehberi */
  .install-tabs{margin-bottom:18px;gap:4px;}
  .install-tab-btn{min-width:0;padding:10px 4px;font-size:12.5px;white-space:nowrap;}
  .install-tab-btn i{display:none;}
  .install-step{grid-template-columns:36px 1fr;gap:0 12px;padding:16px 0;}
  .install-step-num{width:34px;height:34px;font-size:14px;}
  .install-step-img{display:none;}
  .install-step-body h4{font-size:15px;}
  .install-step-body p{font-size:13.5px;}
  /* ürün detay */
  .gallery-features{grid-template-columns:repeat(4,1fr);gap:6px;}
  .gallery-feature-item{padding:10px 4px;gap:4px;}
  .gallery-feature-item i{font-size:16px;}
  .gallery-feature-item span{font-size:10.5px;line-height:1.2;}
  .detail-desc,.detail-features-list{display:none;}   /* aynı metin aşağıdaki sekmede; mobilde tekrar etmesin */
  .detail-guarantees{gap:8px;}
  .guarantee-item{padding:10px 12px;gap:10px;}
  .guarantee-item i{font-size:18px;}
  .tabs-header{margin-bottom:18px;}
  .tab-btn{padding:12px 14px;font-size:13.5px;}
  .related-grid{grid-template-columns:repeat(2,1fr) !important;gap:8px;}
  .related-products h2,.related-products h3{font-size:22px;}
}

/* Hakkımızda: "50+ yıl" mührü masaüstünde yazının üstüne binmesin → sağ üst köşe */
@media (min-width:769px){ .story-stamp{top:22px;right:22px;bottom:auto;left:auto;} }

/* ===== Ana sayfa: "Tüm Ürünler" kaydırılabilir kutu (son çağrı bölümünün yerine, 2026-10-14) ===== */
.v2-all{background:var(--v2-paper);border-top:1px solid var(--v2-line);padding:56px 0 64px;}
.v2-all-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
.v2-all-head h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:600;font-stretch:105%;}
.v2-all-count{font-family:var(--v2-mono);font-size:12px;color:var(--v2-muted);letter-spacing:.04em;}
.v2-all-count b{color:var(--v2-ink);font-weight:500;}
.v2-all-box{height:560px;overflow-y:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--v2-line);border-radius:6px;padding:12px;box-shadow:inset 0 -24px 24px -24px rgba(15,23,42,.18);}
.v2-all-box:focus-visible{outline:3px solid var(--v2-cta);outline-offset:2px;}
.v2-all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.v2-all-more{margin-top:14px;}
@media (max-width:900px){
  .v2-all{padding:20px 0 28px;}
  .v2-all .v2-wrap{padding-left:12px;padding-right:12px;}
  .v2-all-head{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:10px;}
  .v2-all-head h2{font-size:22px;}
  .v2-all-box{height:640px;padding:8px;}
  .v2-all-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .v2-all-more{width:100%;justify-content:center;}
}
/* Sipariş formu adım 1: iki seçenek yan yana */
.vehicle-cards--2{grid-template-columns:repeat(2,1fr) !important;}
@media (max-width:768px){ .vehicle-cards--2 .vehicle-card p{display:block;font-size:11px;line-height:1.3;margin-top:4px;} .vehicle-cards--2 .vehicle-card{padding:16px 10px;} .vehicle-cards--2 .vehicle-card h4{font-size:13.5px;} }

/* Üst sekmeler (Tüm Ürünler · İletişim · Özel Sipariş) mobilde alanı eşit paylaşır (2026-10-14) */
@media (max-width:768px){
  .cmt-nav{padding:0;gap:0;}
  .cmt-nav a{flex:1 1 0;justify-content:center;padding:0 4px;font-size:14px;}
}

/* Panel ayarlarıyla gizlenen alanlar (e-posta kartı, boş yorum bölümü) */
[hidden]{display:none !important;}


/* ===== KURULUM REHBERİ — şema adımları (2026-10-18; kurulum-semasi/kurulum-semasi.html ile aynı çizimler) ===== */
.kr-dl{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1.5px solid #0F172A;border-radius:6px;padding:16px 20px;margin-bottom:20px}
.kr-dl b{display:block;font-family:var(--font-display);font-size:17px;color:#0F172A}
.kr-dl span{font-size:14px;color:#5B6573}
.kr-before{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:#fff;border-radius:6px;padding:18px 22px;margin-bottom:28px}
.kr-before-fig svg{width:100%;height:auto;display:block}
.kr-before h3{font-family:var(--font-display);font-size:21px;font-weight:800;color:#0F172A;margin-bottom:8px}
.kr-before p{font-size:15.5px;line-height:1.55;color:#14202E}
.kr-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kr-legend span{display:flex;align-items:center;gap:8px;border:1px solid #D5D8CE;border-radius:4px;padding:6px 10px;font-size:14px;font-weight:600;background:#fff}
.kr-legend i{width:30px;height:12px;border:1px solid rgba(0,0,0,.35);border-radius:1px;display:inline-block}
.k-sag{color:#E0242F;font-weight:700}
.k-sol{background:#FACC15;color:#0F172A;padding:0 4px;border-radius:2px;font-weight:700}
.kr-sub{font-family:var(--font-display);font-size:19px;font-weight:800;color:#0F172A;margin:0 0 12px}
.kr-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kr-part{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #D5D8CE;border-radius:4px;padding:8px 10px;min-height:54px}
.kr-part svg{flex:none;width:46px;height:36px}
.kr-part b{font-size:14.5px;line-height:1.25;color:#14202E}
.kr-part small{font-weight:400;font-size:12.5px;color:#5B6573}
.kr-pn{flex:none;width:26px;height:26px;border-radius:50%;background:#0F172A;color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.kr-note{font-size:14px;color:#5B6573;margin:10px 0 28px}
.kr-note b{color:#14202E}
.kr-steps{display:flex;flex-direction:column;gap:16px}
.kr-step{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background:#fff;border:1.5px solid #0F172A;border-radius:6px;padding:18px 20px}
.kr-step-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.kr-num{flex:none;width:44px;height:44px;border-radius:50%;background:#F25C05;color:#fff;font-family:var(--font-display);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.kr-step h3{font-family:var(--font-display);font-size:20px;font-weight:800;color:#0F172A;line-height:1.15}
.kr-step ul{list-style:none;display:grid;gap:7px;margin:0;padding:0}
.kr-step li{position:relative;padding-left:20px;font-size:16px;line-height:1.5;color:#14202E}
.kr-step li::before{content:"";position:absolute;left:3px;top:9px;width:8px;height:8px;border-radius:50%;background:#F59E0B}
.kr-use{margin-top:10px;font-size:13.5px;color:#5B6573}
.kr-use b{color:#14202E}
.kr-fig{background:#F2F3EE;border-radius:4px;padding:10px}
.kr-fig svg{width:100%;height:auto;display:block}
.kr-done{display:flex;gap:12px;align-items:center;background:#fff;border-left:4px solid #F25C05;border-radius:4px;padding:14px 18px;margin-top:16px;font-size:15.5px;line-height:1.5}
.kr-done i{font-size:28px;color:#F25C05;flex:none}
.kr-done b{font-family:var(--font-display);color:#0F172A}
@media (max-width:768px){
  .kr-before{grid-template-columns:1fr;gap:12px;padding:14px}
  .kr-before-fig{max-width:300px;margin:0 auto;width:100%}
  .kr-parts{grid-template-columns:1fr 1fr}
  .kr-part b{font-size:13.5px}
  .kr-step{grid-template-columns:1fr;gap:12px;padding:14px}
  .kr-step h3{font-size:18px}
  .kr-step li{font-size:15.5px}
  .kr-dl{padding:14px}
  .kr-dl .btn2{width:100%;justify-content:center}
}
@media (max-width:480px){.kr-parts{grid-template-columns:1fr}}

/* Ürün detay ana görseli (2026-10-18): kutu kare (görseller 1:1), <picture> kutuyu doldurur → görsel kesilmeden tamamı görünür */
.gallery-main{height:auto;aspect-ratio:1/1;max-height:620px}
.gallery-main > picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.gallery-main-img{width:100%;height:100%;object-fit:contain}
@media (max-width:768px){.gallery-main{height:auto;aspect-ratio:1/1;max-height:none}}