/* ============================================================
   Design system — UI/UX Pro Max: "Trust & Authority + Conversion"
   pattern, "Accessible & Ethical" style, B2B/SaaS enterprise
   typography (Plus Jakarta Sans). Navy/blue corporate palette.
   ============================================================ */
:root{
  --color-primary:#0F172A;
  --color-on-primary:#FFFFFF;
  --color-secondary:#334155;
  --color-on-secondary:#FFFFFF;
  --color-accent:#0369A1;
  --color-on-accent:#FFFFFF;
  --color-background:#F8FAFC;
  --color-foreground:#020617;
  --color-card:#FFFFFF;
  --color-card-foreground:#020617;
  --color-muted:#E8ECF1;
  --color-muted-foreground:#475569;
  --color-border:#E2E8F0;
  --color-destructive:#DC2626;
  --color-on-destructive:#FFFFFF;
  --color-ring:#0F172A;
  --font-sans:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-nav:'Outfit', var(--font-sans);
  --radius:12px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --container:1200px;
  --shadow-sm:0 1px 2px rgba(15,23,42,0.06);
  --shadow-md:0 4px 16px rgba(15,23,42,0.08);
  --shadow-lg:0 12px 32px rgba(15,23,42,0.12);
  --header-bg:rgba(248,250,252,0.88);
  --eyebrow-bg:rgba(3,105,161,0.1);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
section[id], footer[id], #top{scroll-margin-top:100px;}
body{
  margin:0; background:var(--color-background); color:var(--color-foreground); font-family:var(--font-sans);
  font-size:16px; line-height:1.6; transition:background .25s ease, color .25s ease;
}
h1,h2,h3,h4{font-family:var(--font-sans); font-weight:800; line-height:1.18; margin:0; letter-spacing:-.01em;}
p{margin:0;}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
button{font:inherit; cursor:pointer;}
ul{margin:0; padding:0; list-style:none;}
.container{max-width:var(--container); margin:0 auto; padding:0 24px;}
.container-narrow{max-width:800px;}
.container-wide{max-width:1400px;}
:focus-visible{outline:3px solid var(--color-ring); outline-offset:2px; border-radius:4px;}
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.skip-link{position:absolute; left:-9999px; top:0; background:var(--color-primary); color:var(--color-on-primary); padding:12px 18px; border-radius:0 0 8px 0; z-index:1000;}
.skip-link:focus{left:0;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; min-height:44px;
  border-radius:8px; font-weight:700; font-size:.95rem; border:1.5px solid transparent; cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.btn svg{width:18px; height:18px;}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn-primary{background:var(--color-accent); color:var(--color-on-accent); box-shadow:var(--shadow-sm);}
.btn-primary:hover{box-shadow:var(--shadow-md);}
.btn-secondary{background:var(--color-card); color:var(--color-foreground); border-color:var(--color-border);}
.btn-secondary:hover{border-color:var(--color-accent); color:var(--color-accent);}
.btn-dark{background:var(--color-primary); color:var(--color-on-primary);}
.btn-sm{padding:9px 13px; min-height:38px; font-size:.83rem;}
.btn-block{width:100%;}

/* ---------- Header ---------- */
.site-header{
  position:sticky; top:0; z-index:100; background:var(--header-bg);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid transparent; transition:border-color .2s ease;
}
@supports not (backdrop-filter: blur(1px)){ .site-header{background:var(--color-background);} }
.site-header.scrolled{border-bottom-color:var(--color-border);}
.header-row{display:flex; align-items:center; gap:10px; padding:12px 24px;}
.brand{display:flex; align-items:center; flex-shrink:0;}
.brand-badge{display:flex; align-items:center;}
.brand-badge img{height:clamp(60px,5.4vw,88px); width:auto; filter:none;}
nav.primary{flex:1; display:flex; justify-content:center;}
.nav-list{display:flex; gap:2px;}
.nav-list a{
  position:relative; font-family:var(--font-nav); font-size:clamp(.88rem,1.06vw,1.06rem); font-weight:600; letter-spacing:0;
  padding:12px clamp(6px,.8vw,14px); border-radius:10px; color:var(--color-secondary); overflow:visible; white-space:nowrap;
  transition:color .18s ease, background-color .2s ease, transform .2s var(--ease-out);
}
.nav-list a:hover{color:var(--color-primary); background:rgba(3,105,161,.07); transform:translateY(-1px);}
.nav-list a:active{transform:scale(.97);}
/* CMYK baskı geçişi: dört renk soldan sağa sırayla "basılır" */
.nav-list a::after{
  content:""; position:absolute; left:clamp(6px,.8vw,14px); right:clamp(6px,.8vw,14px); bottom:5px; height:3px; border-radius:2px;
  background:linear-gradient(90deg,#0EA5E9 0 25%,#DB2777 25% 50%,#EAB308 50% 75%,#0F172A 75% 100%);
  clip-path:inset(0 100% 0 0); transition:clip-path .4s var(--ease-out);
}
.nav-list a:hover::after, .nav-list a:focus-visible::after{clip-path:inset(0 0 0 0);}
/* "Toner tozu" partikülleri */
.nav-dust{position:absolute; inset:0; pointer-events:none; overflow:visible;}
.nav-dust i{
  position:absolute; top:50%; left:50%; width:5px; height:5px; border-radius:50%; opacity:0; filter:blur(.3px);
  transform:translate(-50%,-50%) scale(.4); transition:transform .45s cubic-bezier(.2,.8,.3,1), opacity .45s ease;
}
.nav-dust i:nth-child(1){background:var(--dust-cyan,#0EA5E9);}
.nav-dust i:nth-child(2){background:var(--dust-magenta,#DB2777);}
.nav-dust i:nth-child(3){background:var(--dust-yellow,#EAB308);}
.nav-dust i:nth-child(4){background:var(--dust-ink,#0F172A);}
.nav-list a:hover .nav-dust i{opacity:.75;}
.nav-list a:hover .nav-dust i:nth-child(1){transform:translate(-22px,-16px) scale(1) rotate(-20deg);}
.nav-list a:hover .nav-dust i:nth-child(2){transform:translate(18px,-20px) scale(1) rotate(15deg);}
.nav-list a:hover .nav-dust i:nth-child(3){transform:translate(-16px,18px) scale(1) rotate(25deg);}
.nav-list a:hover .nav-dust i:nth-child(4){transform:translate(20px,16px) scale(1) rotate(-15deg);}
@media (prefers-reduced-motion: reduce){
  .nav-dust i{transition:opacity .2s ease;}
  .nav-list a:hover .nav-dust i{transform:translate(-50%,-50%) scale(.4) !important;}
}
.header-actions{display:flex; align-items:center; gap:8px; flex-shrink:0;}
.burger{display:none; width:44px; height:44px; border-radius:8px; border:1.5px solid var(--color-border); background:var(--color-card); align-items:center; justify-content:center;}
.burger svg{width:20px; height:20px;}

.mobile-nav{
  display:none; position:fixed; inset:0; z-index:200; background:var(--color-background);
  padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 22px; flex-direction:column; gap:22px; overflow-y:auto;
}
.mobile-nav.open{display:flex;}
.mobile-nav-top{display:flex; justify-content:space-between; align-items:center;}
.mobile-nav-close{width:44px; height:44px; border-radius:8px; border:1.5px solid var(--color-border); display:flex; align-items:center; justify-content:center; background:var(--color-card);}
.mobile-nav-close svg{width:18px; height:18px;}
.mobile-nav-links{display:flex; flex-direction:column; gap:4px;}
.mobile-nav-links a{font-size:1.15rem; font-weight:700; padding:14px 4px; border-bottom:1px solid var(--color-border);}
.mobile-nav .btn{margin-top:8px;}

/* ---------- Hero ---------- */
.hero{padding:0;}
.hero-video-overlay .eyebrow-on-video{color:#fff; align-self:flex-start; margin-bottom:22px; color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.32); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); letter-spacing:.02em; font-size:.84rem; padding:8px 16px;}
.hero-video-overlay .eyebrow-on-video svg{color:#7DD3FC;}
.eyebrow-on-video.eyebrow-animated{animation-name:eyebrowPulseVideo;}
@keyframes eyebrowPulseVideo{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0);} 50%{box-shadow:0 0 0 8px rgba(255,255,255,.12);}}
.hero-video-banner{position:relative; width:100%; height:min(52vw,460px); min-height:280px; overflow:hidden; background:var(--color-primary);}
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.hero-video-scrim{position:absolute; inset:0; background:linear-gradient(90deg, rgba(15,23,42,.82) 0%, rgba(15,23,42,.55) 45%, rgba(15,23,42,.15) 100%);}
.hero-video-overlay{position:relative; z-index:1; height:100%; display:flex; flex-direction:column; justify-content:center;}
.hero-video-overlay h1{color:#fff; font-size:clamp(1.8rem,3.6vw,2.8rem); max-width:620px;}
.hero-video-overlay .hero-sub{color:rgba(255,255,255,.85); max-width:520px; margin-top:16px;}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-size:.82rem; font-weight:700; color:var(--color-accent);
  background:var(--eyebrow-bg); padding:6px 12px; border-radius:999px; margin-bottom:18px;
}
.eyebrow-animated{
  position:relative; overflow:hidden; isolation:isolate;
  animation:eyebrowPulse 2.4s ease-in-out infinite;
}
.eyebrow-animated::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.75) 50%, transparent 70%);
  background-size:220% 100%; background-repeat:no-repeat;
  animation:eyebrowShine 3s ease-in-out infinite;
}
@keyframes eyebrowShine{
  0%{background-position:160% 0;}
  55%{background-position:-60% 0;}
  100%{background-position:-60% 0;}
}
@keyframes eyebrowPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(3,105,161,0);}
  50%{box-shadow:0 0 0 7px rgba(3,105,161,.10);}
}
.hero h1{font-size:clamp(2rem,4vw,3rem);}
.hero-sub{margin-top:18px; font-size:1.1rem; color:var(--color-muted-foreground); max-width:520px; line-height:1.65;}
.hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px;}
.hero-meta{display:flex; gap:32px; margin-top:36px; padding-top:24px; border-top:1px solid var(--color-border); flex-wrap:wrap;}
.hero-meta div strong{display:block; font-size:1.4rem; font-weight:800;}
.hero-meta div span{font-size:.8rem; color:var(--color-muted-foreground);}
.hero-visual{display:flex; flex-direction:column; align-items:center; gap:16px;}
.hero-card{
  background:var(--color-card); border:1px solid var(--color-border); border-radius:16px; box-shadow:var(--shadow-lg);
  padding:28px; width:100%; max-width:420px;
}
.hero-card-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
.hero-card-header span{font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--color-muted-foreground);}
.hero-card-badge{display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:#16A34A; background:rgba(22,163,74,.1); padding:4px 10px; border-radius:999px;}
.hero-card-badge svg{width:14px; height:14px;}
.hero-device-row{display:flex; align-items:center; gap:14px; padding:14px; border:1px solid var(--color-border); border-radius:10px; margin-bottom:10px;}
.hero-device-icon{width:40px; height:40px; border-radius:8px; background:var(--color-muted); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--color-accent);}
.hero-device-icon svg{width:22px; height:22px;}
.hero-device-info strong{display:block; font-size:.88rem;}
.hero-device-info span{font-size:.76rem; color:var(--color-muted-foreground);}

/* ---------- Section shell ---------- */
.section{padding:72px 0;}
.section-alt{background:var(--color-card); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.section-head{max-width:760px; margin:0 auto 48px; text-align:center;}
.section-head.align-left{margin:0 0 40px; text-align:left;}
.section-head h2{font-size:clamp(2rem,4.2vw,3.1rem); font-weight:800; letter-spacing:-.03em; line-height:1.08;}
.section-head p{margin:18px auto 0; color:var(--color-muted-foreground); font-size:1.12rem; line-height:1.6; max-width:60ch;}

/* ---------- Proof (brands + stats) ---------- */
.proof-brands{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:48px;}
.proof-brand-chip{
  padding:10px 18px; border:1px solid var(--color-border); border-radius:8px; font-weight:700; font-size:.9rem;
  color:var(--color-muted-foreground); background:var(--color-card); display:flex; align-items:center;
}
.proof-brand-chip.has-logo{padding:12px 20px;}
.proof-brand-chip.tall img{height:40px;}
.proof-brand-chip img{height:26px; width:auto; max-width:120px; object-fit:contain;}
.proof-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:720px; margin:0 auto;}
.proof-stat{text-align:center;}
.proof-stat strong{display:block; font-size:2rem; font-weight:800; color:var(--color-primary);}
.proof-stat span{font-size:.85rem; color:var(--color-muted-foreground);}

/* ---------- Services grid ---------- */
.services-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.services-visual{margin-top:32px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--color-border); box-shadow:var(--shadow-md);}
.services-visual img{width:100%; height:auto; display:block;}
.service-card{
  background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:26px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.service-card:hover{border-color:var(--color-accent); box-shadow:var(--shadow-md); transform:translateY(-2px);}
.service-icon{width:44px; height:44px; border-radius:10px; background:var(--color-muted); color:var(--color-accent); display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.service-icon svg{width:22px; height:22px;}
.service-card h3{font-size:1.1rem; margin-bottom:8px;}
.service-card p{color:var(--color-muted-foreground); font-size:.9rem; line-height:1.6; margin-bottom:14px;}
.service-link{font-weight:700; font-size:.85rem; color:var(--color-accent); display:inline-flex; align-items:center; gap:4px;}
.service-link svg{width:15px; height:15px; transition:transform .15s ease;}
.service-card:hover .service-link svg{transform:translateX(3px);}

/* ---------- Calculator ---------- */
.calc-disclaimer{list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; max-width:560px; margin-left:auto; margin-right:auto;}
.calc-disclaimer li{font-size:.85rem; color:var(--color-muted-foreground); padding-left:18px; position:relative; text-align:left;}
.calc-disclaimer li::before{content:"✓"; position:absolute; left:0; color:var(--color-accent); font-weight:700;}
.calc-disclaimer strong{color:var(--color-foreground); font-weight:700;}
.calc-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:start; margin-top:36px;}
.calc-form{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm);}
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:16px; font-size:.86rem; font-weight:600;}
.field span{color:var(--color-foreground);}
.field select, .field input, .field textarea{
  padding:11px 13px; min-height:44px; border-radius:8px; border:1.5px solid var(--color-border); background:var(--color-background);
  color:var(--color-foreground); font:inherit;
}
.field select:focus, .field input:focus, .field textarea:focus{outline:none; border-color:var(--color-accent); box-shadow:0 0 0 3px var(--eyebrow-bg);}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.term-toggle{display:flex; gap:8px;}
.term-toggle button{
  flex:1; padding:10px; min-height:44px; border-radius:8px; border:1.5px solid var(--color-border); background:var(--color-background);
  color:var(--color-foreground); font-weight:700; font-size:.86rem;
}
.term-toggle button.active{border-color:var(--color-accent); background:var(--color-accent); color:var(--color-on-accent);}

.calc-result{
  background:var(--color-background); color:var(--color-foreground); border-radius:var(--radius); padding:32px;
  box-shadow:var(--shadow-md); border:1px solid var(--color-border);
}
.calc-result-label{font-size:.8rem; color:var(--color-muted-foreground); text-transform:uppercase; letter-spacing:.05em; font-weight:700;}
.calc-result-num{font-size:clamp(2rem,4vw,2.8rem); font-weight:800; margin:10px 0 4px; color:var(--color-primary); animation:resultPop .35s cubic-bezier(.2,.8,.3,1) both;}
@keyframes resultPop{0%{opacity:0; transform:translateY(6px);} 100%{opacity:1; transform:translateY(0);}}
.calc-result-sub{font-size:.85rem; color:var(--color-muted-foreground);}
.calc-breakdown{margin-top:24px; padding-top:20px; border-top:1px solid var(--color-border); display:grid; grid-template-columns:1fr 1fr; gap:12px; font-size:.85rem;}
.calc-breakdown div{display:flex; justify-content:space-between; color:var(--color-foreground); opacity:.88;}
.calc-actions{display:flex; gap:12px; margin-top:24px; flex-wrap:wrap;}
.calc-note{margin-top:14px; font-size:.76rem; color:var(--color-muted-foreground);}
.calc-result .btn-secondary{background:var(--color-card); border-color:var(--color-border); color:var(--color-foreground);}
.calc-result .btn-primary{background:var(--color-accent); color:var(--color-on-accent);}

/* ---------- Products ---------- */
.product-toolbar{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px;}
.filter-chip{
  padding:9px 16px; min-height:38px; border-radius:8px; border:1.5px solid var(--color-border); background:var(--color-card);
  font-size:.85rem; font-weight:700; color:var(--color-muted-foreground);
}
.filter-chip.active{border-color:var(--color-accent); background:var(--color-accent); color:var(--color-on-accent);}
.product-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.product-card{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); overflow:hidden; transition:box-shadow .2s ease, border-color .2s ease;}
.product-card:hover{box-shadow:var(--shadow-md); border-color:var(--color-accent);}
.product-media{aspect-ratio:16/10; background:var(--color-muted); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.product-media .machine-illustration{width:78%; height:auto;}
.product-media .product-photo{width:100%; height:100%; object-fit:contain; padding:10px;}
.product-badge{position:absolute; top:10px; left:10px; font-size:.7rem; font-weight:700; padding:4px 10px; border-radius:999px; background:var(--color-card); border:1px solid var(--color-border);}
.product-body{padding:18px 20px 20px;}
.product-brand{font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--color-muted-foreground);}
.product-name{font-size:1.05rem; margin-top:4px;}
.product-specs{display:flex; gap:16px; margin:12px 0; padding:12px 0; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);}
.product-specs div{flex:1;}
.product-specs strong{display:block; font-size:.95rem;}
.product-specs span{font-size:.72rem; color:var(--color-muted-foreground);}
.product-foot{display:flex; gap:10px;}

/* ---------- Toner ---------- */
.toner-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px;}
.toner-card{
  background:var(--color-card); border:1px solid var(--color-border); border-radius:10px; padding:18px; display:flex; align-items:center; gap:12px;
  transition:border-color .15s ease;
}
.toner-card:hover{border-color:var(--color-accent);}
.toner-icon{width:46px; height:46px; border-radius:8px; background:var(--color-muted); display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}
.toner-icon .toner-illustration{width:78%; height:auto;}
.toner-icon .toner-photo{width:100%; height:100%; object-fit:cover; border-radius:8px;}
.toner-card h4{font-size:.88rem;}
.toner-card span{display:block; font-size:.74rem; color:var(--color-muted-foreground); margin-top:2px;}


/* ---------- Toner marquee ---------- */
.marquee-wrap{display:flex; flex-direction:column; gap:14px; margin-top:8px;}
.marquee{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.marquee-track{display:flex; width:max-content; animation:marqueeMove var(--marquee-duration,70s) linear infinite;}
.marquee.reverse .marquee-track{animation-direction:reverse;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-set{display:flex; gap:14px; padding-right:14px;}
.marquee .toner-card{flex:0 0 auto; min-width:270px; padding:14px 18px;}
.marquee .toner-icon{width:72px; height:72px; border-radius:12px;}
.marquee .toner-icon .toner-photo{object-fit:contain; background:#fff; padding:4px; border-radius:12px;}
@keyframes marqueeMove{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){
  .marquee{overflow-x:auto; -webkit-mask-image:none; mask-image:none;}
  .marquee-track{animation:none;}
  .marquee-set[aria-hidden="true"]{display:none;}
}

/* ---------- Service form ---------- */
.service-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:flex-start;}
.service-points{margin-top:24px; display:flex; flex-direction:column; gap:14px;}
.service-points li{display:flex; align-items:flex-start; gap:10px; font-size:.92rem;}
.service-points svg{width:20px; height:20px; color:#16A34A; flex-shrink:0; margin-top:1px;}
.service-form-card{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm);}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.form-grid .field-full{grid-column:1/-1;}
.field-error{font-size:.78rem; color:var(--color-destructive); font-weight:600; margin-top:2px; display:block;}
.field [aria-invalid="true"]{border-color:var(--color-destructive) !important;}
.error-summary{
  border:1.5px solid var(--color-destructive); background:rgba(220,38,38,.06); border-radius:10px; padding:16px 18px; margin-bottom:20px;
}
.error-summary h3{font-size:.95rem; color:var(--color-destructive); margin-bottom:8px;}
.error-summary ul{display:flex; flex-direction:column; gap:4px;}
.error-summary a{font-size:.86rem; color:var(--color-destructive); text-decoration:underline; font-weight:600;}
.form-message{
  display:flex; align-items:flex-start; gap:14px; background:var(--color-muted); border:1px solid var(--color-border);
  border-radius:10px; padding:20px;
}
.form-message .icon-ok{width:34px; height:34px; border-radius:50%; background:#16A34A; color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.form-message .icon-ok svg{width:18px; height:18px;}
.btn[disabled]{opacity:.65; cursor:not-allowed; transform:none;}
.spinner{width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ---------- Ankara / service area ---------- */
.area-grid{display:grid; grid-template-columns:1fr; gap:48px; align-items:center;}
.area-list{display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-top:24px;}
.area-list li{display:flex; align-items:center; gap:8px; font-size:.92rem; padding:10px 12px; background:var(--color-card); border:1px solid var(--color-border); border-radius:8px;}
.area-list svg{width:16px; height:16px; color:var(--color-accent); flex-shrink:0;}
.area-card{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow-sm);}
.area-card-stat{display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid var(--color-border);}
.area-card-stat:last-child{border-bottom:none;}
.area-card-stat strong{font-size:1.3rem; font-weight:800;}
.area-card-stat span{font-size:.82rem; color:var(--color-muted-foreground);}

/* ---------- FAQ ---------- */
.faq-list{display:flex; flex-direction:column; gap:10px; max-width:820px; margin:0 auto;}
.faq-item{border:1px solid var(--color-border); border-radius:10px; padding:4px 20px; background:var(--color-card);}
.faq-item summary{
  cursor:pointer; list-style:none; padding:16px 0; font-weight:700; font-size:.98rem;
  display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:44px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary svg{width:18px; height:18px; flex-shrink:0; transition:transform .2s ease; color:var(--color-accent);}
.faq-item[open] summary svg{transform:rotate(180deg);}
.faq-item p{padding-bottom:16px; color:var(--color-muted-foreground); line-height:1.7;}

/* ---------- Testimonials ---------- */
.testimonial-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.testimonial-card{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:24px;}
.testimonial-quote{font-size:.94rem; line-height:1.65; color:var(--color-foreground);}
.testimonial-who{display:flex; align-items:center; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid var(--color-border);}
.testimonial-avatar{width:36px; height:36px; border-radius:50%; background:var(--color-muted); color:var(--color-accent); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem; flex-shrink:0;}
.testimonial-who strong{display:block; font-size:.85rem;}
.testimonial-who span{font-size:.76rem; color:var(--color-muted-foreground);}

/* ---------- Info hub ---------- */
.article-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.article-card{background:var(--color-card); border:1px solid var(--color-border); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column; gap:12px; transition:border-color .15s ease, box-shadow .15s ease;}
.article-card:hover{border-color:var(--color-accent); box-shadow:var(--shadow-md);}
.article-kicker{font-size:.72rem; font-weight:700; color:var(--color-accent); text-transform:uppercase; letter-spacing:.04em;}
.article-card h3{font-size:1.05rem; line-height:1.35;}
.article-card p{color:var(--color-muted-foreground); font-size:.88rem;}
.article-read{margin-top:auto; font-weight:700; font-size:.84rem; color:var(--color-accent); display:inline-flex; align-items:center; gap:5px;}

/* ---------- Final CTA ---------- */
.cta-band{background:var(--color-primary); color:var(--color-on-primary); padding:56px 0;}
.cta-band-inner{display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap;}
.cta-band h2{font-size:clamp(1.5rem,3vw,2.1rem); max-width:520px; color:var(--color-on-primary);}
.cta-band p{margin-top:10px; opacity:.8; max-width:480px;}
.cta-band-actions{display:flex; gap:12px; flex-wrap:wrap;}
.cta-band .btn-primary{background:var(--color-on-primary); color:var(--color-primary);}
.cta-band .btn-secondary{background:transparent; border-color:rgba(255,255,255,.3); color:var(--color-on-primary);}

/* ---------- Footer ---------- */
.site-footer{background:var(--color-card); border-top:1px solid var(--color-border);}
.footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding:56px 0 40px;}
.footer-brand-badge{display:inline-flex; margin-bottom:14px;}
.footer-brand-badge img{height:58px;}
.footer-top > div > p{color:var(--color-muted-foreground); font-size:.88rem; max-width:280px; line-height:1.6;}
.footer-col h4{font-size:.82rem; margin-bottom:14px; text-transform:uppercase; letter-spacing:.04em; color:var(--color-muted-foreground);}
.footer-col ul{display:flex; flex-direction:column; gap:10px;}
.footer-col a{font-size:.9rem; display:inline-flex; align-items:center; gap:8px; color:var(--color-foreground);}
.footer-col a:hover{color:var(--color-accent);}
.footer-col svg{width:15px; height:15px; flex-shrink:0; color:var(--color-muted-foreground);}
.footer-map{margin-top:14px; border-radius:10px; overflow:hidden; border:1px solid var(--color-border); background:var(--color-card);}
.footer-map-visual{position:relative; height:110px; background:var(--color-muted); overflow:hidden;}
.footer-map-visual svg{width:100%; height:100%; position:absolute; inset:0;}
.footer-map-visual svg line{stroke:var(--color-border); stroke-width:2;}
.footer-map-pin-halo{fill:var(--color-accent); opacity:.15;}
.footer-map-pin{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-100%); width:30px; height:30px; border-radius:50% 50% 50% 0;
  background:var(--color-accent); color:var(--color-on-accent); display:flex; align-items:center; justify-content:center; transform-origin:center;
  box-shadow:var(--shadow-sm);
}
.footer-map-pin{transform:translate(-50%,-85%) rotate(-45deg);}
.footer-map-pin svg{transform:rotate(45deg); width:15px; height:15px;}
.footer-map-link{display:flex; align-items:center; gap:6px; padding:10px 12px; font-size:.82rem; font-weight:700; border-top:1px solid var(--color-border);}
.footer-bottom{padding:18px 0; text-align:center; font-size:.8rem; color:var(--color-muted-foreground); border-top:1px solid var(--color-border);}

/* ---------- Mobile quickbar ---------- */
.quickbar{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:150; background:var(--color-card);
  border-top:1px solid var(--color-border); padding:6px calc(env(safe-area-inset-bottom,0px) + 4px) calc(env(safe-area-inset-bottom,0px) + 6px);
  box-shadow:0 -6px 20px rgba(0,0,0,.08);
}
.quickbar-row{display:flex; justify-content:space-around;}
.quickbar-row a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font-size:.68rem; font-weight:700; color:var(--color-foreground); min-height:52px; flex:1;}
.quickbar-row svg{width:20px; height:20px;}

/* ---------- Reveal-on-scroll ---------- */
.js .reveal{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease;}
.js .reveal.in{opacity:1; transform:translateY(0);}


/* ---------- Polish: browser surfaces, motion, type ---------- */
::selection{background:rgba(3,105,161,.22); color:var(--color-foreground);}
html{scrollbar-width:thin; scrollbar-color:#94A3B8 transparent;}
::-webkit-scrollbar{width:11px; height:11px;}
::-webkit-scrollbar-thumb{background:#B6C2D2; border-radius:8px; border:3px solid var(--color-background);}
::-webkit-scrollbar-thumb:hover{background:var(--color-accent);}
h1,h2,h3{text-wrap:balance;}
p{text-wrap:pretty;}
.calc-result-num, .proof-stat strong, .calc-breakdown strong{font-variant-numeric:tabular-nums;}
.btn{transition:transform .16s var(--ease-out), background-color .2s ease, border-color .2s ease, box-shadow .25s var(--ease-out);}
.btn:active{transform:scale(.97);}
.nav-dust i{width:6px; height:6px; transition:transform .5s var(--ease-out), opacity .3s ease;}
.nav-list a:hover .nav-dust i{opacity:.9;}
.btn-wa{background:#fff; color:#0F172A; border-color:#fff;}
.btn-wa:hover{box-shadow:0 8px 20px -6px rgba(0,0,0,.35);}
.btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.4);}
.btn-ghost:hover{border-color:#fff;}

/* Staggered entrance (one authored moment for grids) */
.js .stagger>*{opacity:0;}
.js .stagger.in>*{opacity:1; animation:staggerIn .6s var(--ease-out) backwards;}
.js .stagger.in>*:nth-child(2){animation-delay:60ms;}
.js .stagger.in>*:nth-child(3){animation-delay:120ms;}
.js .stagger.in>*:nth-child(4){animation-delay:180ms;}
.js .stagger.in>*:nth-child(5){animation-delay:240ms;}
.js .stagger.in>*:nth-child(6){animation-delay:300ms;}
.js .stagger.in>*:nth-child(n+7){animation-delay:360ms;}
@keyframes staggerIn{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}

/* ---------- Brand marquee ---------- */
.brand-marquee-wrap{margin:0 0 48px;}
.brand-marquee-wrap .marquee{padding:6px 0;}
.brand-marquee-wrap .marquee-set{gap:14px; padding-right:14px;}
.brand-marquee-wrap .proof-brand-chip{flex:0 0 auto; min-height:64px; padding:14px 26px; border-radius:14px; box-shadow:0 1px 2px rgba(15,23,42,.05);
  transition:transform .3s var(--ease-out), border-color .2s ease, box-shadow .3s var(--ease-out);}
.brand-marquee-wrap .proof-brand-chip:hover{transform:translateY(-3px) scale(1.04); border-color:var(--color-accent); box-shadow:0 12px 24px -10px rgba(3,105,161,.35);}
.brand-marquee-wrap .proof-brand-chip img{height:30px; max-width:150px;}
.brand-marquee-wrap .proof-brand-chip.tall img{height:46px;}

/* ---------- Q&A ---------- */
.qa-grid{display:grid; grid-template-columns:.8fr 1.2fr; gap:40px; align-items:start;}
.qa-aside{position:sticky; top:120px; background:var(--color-primary); color:var(--color-on-primary); border-radius:22px; padding:38px 32px; overflow:hidden;
  box-shadow:0 22px 44px -18px rgba(15,23,42,.45);}
.qa-aside::before{content:"?"; position:absolute; right:-6px; bottom:-84px; font-size:17rem; font-weight:800; line-height:1; color:rgba(255,255,255,.07); pointer-events:none;}
.qa-aside h2{color:#fff; font-size:clamp(1.7rem,2.6vw,2.3rem);}
.qa-aside p{margin-top:14px; color:rgba(255,255,255,.85); max-width:38ch;}
.qa-aside-actions{position:relative; z-index:1; display:flex; flex-direction:column; gap:10px; margin-top:28px;}
.qa-tabs{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px;}
.qa-list{display:flex; flex-direction:column; gap:12px;}
.qa-item{background:var(--color-card); border:1px solid var(--color-border); border-radius:16px;
  transition:border-color .2s ease, box-shadow .3s var(--ease-out), transform .25s var(--ease-out);}
.qa-item:hover{border-color:var(--color-accent); transform:translateY(-1px);}
.qa-item.open{border-color:var(--color-accent); box-shadow:0 14px 30px -14px rgba(3,105,161,.35);}
.qa-q{width:100%; display:flex; align-items:center; gap:16px; text-align:left; padding:20px 22px; background:none; border:0; color:inherit;
  font:inherit; font-weight:700; font-size:1.08rem; line-height:1.35; min-height:64px; border-radius:16px;}
.qa-icon{margin-left:auto; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:var(--color-muted); color:var(--color-accent); display:grid; place-items:center;
  transition:transform .35s var(--ease-out), background-color .2s ease, color .2s ease;}
.qa-icon svg{width:18px; height:18px;}
.qa-item.open .qa-icon{transform:rotate(135deg); background:var(--color-accent); color:var(--color-on-accent);}
.qa-panel{display:grid; grid-template-rows:0fr; transition:grid-template-rows .34s var(--ease-out);}
.qa-item.open .qa-panel{grid-template-rows:1fr;}
.qa-panel-inner{overflow:hidden; min-height:0; visibility:hidden; transition:visibility 0s linear .34s;}
.qa-item.open .qa-panel-inner{visibility:visible; transition-delay:0s;}
.qa-answer{padding:0 22px 22px; color:var(--color-muted-foreground); line-height:1.7;}
.qa-answer p{max-width:68ch;}
.qa-link{display:inline-flex; align-items:center; gap:4px; margin-top:12px; font-weight:700; font-size:.9rem; color:var(--color-accent);}
.qa-link svg{width:16px; height:16px; transition:transform .2s var(--ease-out);}
.qa-link:hover svg{transform:translateX(3px);}

/* ---------- Contact + map ---------- */
.contact-grid{display:grid; grid-template-columns:1fr; text-align:center; justify-items:center;}
.contact-grid > div{width:100%; max-width:820px;}
.contact-list{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:36px 0 32px; text-align:left;}
.contact-list li{background:var(--color-card); border:1px solid var(--color-border); border-radius:16px; transition:border-color .2s ease, transform .25s var(--ease-out);}
.contact-list li:hover{border-color:var(--color-accent); transform:translateY(-2px);}
.contact-list li > a, .contact-list li{display:flex; align-items:center; gap:14px;}
.contact-list li > a{width:100%;}
.contact-list li{padding:18px 20px;}
.contact-list li > a{padding:0; margin:-18px -20px; padding:18px 20px;}
.contact-list strong{display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--color-muted-foreground);}
.contact-list span:not(.contact-ico){font-size:1rem; font-weight:600;}
.contact-list a:hover span:not(.contact-ico){color:var(--color-accent);}
.contact-ico{flex:0 0 44px; width:44px; height:44px; border-radius:12px; background:var(--color-muted); color:var(--color-accent); display:grid; place-items:center;}
.contact-ico svg{width:20px; height:20px;}
.footer-col > .footer-map-link{display:inline-flex; border-top:0; padding:0; margin-top:12px; color:var(--color-accent);}
@media (prefers-reduced-motion: reduce){
  .stagger>*{opacity:1;}
  .stagger.in>*{animation:none;}
}


/* ---------- Toner ask CTA ---------- */
.toner-ask{display:flex; flex-direction:column; align-items:center; gap:14px; margin-top:36px; text-align:center;}
.toner-ask p{font-size:1.15rem; font-weight:700; color:var(--color-foreground);}
.toner-ask-note{font-size:.88rem; color:var(--color-muted-foreground);}
.btn-whatsapp{background:#0F7B3F; color:#fff; border-color:#0F7B3F; padding:16px 30px; font-size:1.05rem; min-height:56px; box-shadow:0 12px 26px -12px rgba(15,123,63,.7);}
.btn-whatsapp svg{fill:#fff; width:22px; height:22px;}
.btn-whatsapp:hover{background:#0C6633; box-shadow:0 16px 30px -12px rgba(15,123,63,.8);}


/* ---------- Google Reviews ---------- */
.reviews-layout{display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:44px; align-items:start;}
.reviews-summary h2{font-size:clamp(1.8rem,3.2vw,2.5rem); letter-spacing:-.03em; line-height:1.1; margin-bottom:22px;}
.reviews-score{display:flex; align-items:center; gap:16px; margin:0 0 22px;}
.reviews-score-num{font-size:3.6rem; font-weight:800; letter-spacing:-.04em; line-height:1; font-variant-numeric:tabular-nums;}
.reviews-count{display:block; margin-top:6px; font-size:.9rem; color:var(--color-muted-foreground); font-weight:600;}
.stars{display:inline-flex; gap:2px;}
.stars svg{width:18px; height:18px;}
.stars .on{fill:#F5B301;}
.stars .off{fill:#D5DCE6;}
.reviews-score .stars svg{width:22px; height:22px;}
.reviews-attrib{margin-top:24px; display:flex; flex-direction:column; gap:6px; font-size:.8rem; line-height:1.5; color:var(--color-muted-foreground);}
.reviews-attrib .gm-text{color:var(--color-foreground); font-size:.9rem;}
.reviews-attrib a{text-decoration:underline; text-underline-offset:2px;}
.demo-badge{display:inline-block; padding:6px 12px; border-radius:8px; background:#FEF3C7; color:#7C2D12; border:1px solid #F59E0B; font-weight:700; font-size:.8rem; margin:0 0 18px;}
.demo-badge-sm{margin:0 0 0 auto; padding:2px 8px; font-size:.7rem;}
.reviews-slider-wrap, .reviews-main, .reviews-summary{position:relative; min-width:0;}
.reviews-slider{display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 2px 18px; scrollbar-width:thin; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;}
.reviews-slider:focus-visible{outline-offset:4px;}
.review-card{flex:0 0 min(360px,84%); scroll-snap-align:start; background:var(--color-card); border:1px solid var(--color-border); border-radius:18px; padding:22px; display:flex; flex-direction:column; gap:12px; box-shadow:0 1px 2px rgba(15,23,42,.05);}
.review-head{display:flex; align-items:center; gap:12px;}
.review-avatar{width:40px; height:40px; border-radius:50%; object-fit:cover; flex:0 0 40px; background:var(--color-muted);}
.review-avatar-fallback{display:grid; place-items:center; font-weight:800; color:var(--color-accent);}
.review-who{display:flex; flex-direction:column; min-width:0;}
.review-author-name{font-weight:700; font-size:.95rem; overflow-wrap:anywhere;}
a.review-author-name:hover{color:var(--color-accent);}
.review-who time{font-size:.8rem; color:var(--color-muted-foreground);}
.review-text{font-size:.95rem; line-height:1.65; overflow-wrap:anywhere;}
.review-text.clamp{display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden;}
.review-text-empty{color:var(--color-muted-foreground); font-style:italic;}
.review-more{align-self:flex-start; background:none; border:0; padding:4px 0; min-height:32px; color:var(--color-accent); font-weight:700; font-size:.85rem; margin-left:6px; text-decoration:underline; text-underline-offset:2px;}
.review-card > .review-more{margin-left:0;}
.review-translated{font-size:.8rem; color:var(--color-muted-foreground);}
.review-foot{margin-top:auto; padding-top:12px; border-top:1px solid var(--color-border); display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;}
.review-link{display:inline-flex; align-items:center; gap:4px; font-weight:700; font-size:.88rem; color:var(--color-accent);}
.review-link svg{width:16px; height:16px; transition:transform .2s var(--ease-out);}
.review-link:hover svg{transform:translateX(3px);}
.review-link-off{color:var(--color-muted-foreground); font-weight:600;}
.review-report{font-size:.78rem; color:var(--color-muted-foreground); text-decoration:underline; text-underline-offset:2px;}
.reviews-nav{display:flex; gap:10px; margin-top:6px;}
.reviews-nav-btn{width:44px; height:44px; border-radius:50%; border:1.5px solid var(--color-border); background:var(--color-card); color:var(--color-foreground); display:grid; place-items:center; transition:border-color .2s ease, transform .16s var(--ease-out);}
.reviews-nav-btn:hover{border-color:var(--color-accent);}
.reviews-nav-btn:active{transform:scale(.95);}
.reviews-nav-btn svg{width:20px; height:20px;}
.reviews-nav-btn.prev svg{transform:rotate(180deg);}
.reviews-fallback{background:var(--color-card); border:1px dashed var(--color-border); border-radius:18px; padding:28px; display:flex; flex-direction:column; gap:10px; align-items:flex-start;}
.reviews-fallback strong{font-size:1.1rem;}
.reviews-fallback p{color:var(--color-muted-foreground); max-width:52ch;}
.reviews-debug{font-size:.78rem; background:var(--color-muted); padding:4px 8px; border-radius:6px;}
.sk-card{pointer-events:none;}
.sk{border-radius:8px; background:linear-gradient(90deg,#E5EAF1 25%,#F1F5F9 50%,#E5EAF1 75%); background-size:200% 100%; animation:skShimmer 1.4s linear infinite;}
.sk-line{height:14px;}
.w25{width:25%;} .w40{width:40%;} .w70{width:70%;} .w100{width:100%;}
@keyframes skShimmer{from{background-position:200% 0;} to{background-position:-200% 0;}}
@media (prefers-reduced-motion: reduce){ .sk{animation:none;} }
@media (max-width:1024px){ .reviews-layout{grid-template-columns:minmax(0,1fr); gap:28px;} }
@media (max-width:480px){ .review-card{flex-basis:88%; padding:18px;} .reviews-score-num{font-size:3rem;} }

/* ---------- Responsive ---------- */
@media (max-width:1320px){
  .header-actions .btn-sm{padding:9px 11px; font-size:.8rem;}
}
@media (max-width:1290px){ .header-cta-secondary{display:none;} }
@media (max-width:640px){ .contact-list{grid-template-columns:1fr;} }
@media (max-width:1024px){ .qa-grid, .contact-grid{grid-template-columns:1fr;} .qa-aside{position:static;} .brand-badge img{height:54px;} .header-row{gap:6px;} }
@media (max-width:1024px){
  .hero-grid, .calc-grid, .service-grid, .area-grid{grid-template-columns:1fr;}
  .area-list{grid-template-columns:repeat(3,1fr);}
  .hero-visual{order:-1;}
  .services-grid, .product-grid, .testimonial-grid, .article-grid{grid-template-columns:repeat(2,1fr);}
  .proof-stats{grid-template-columns:repeat(2,1fr); row-gap:28px;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .header-cta-secondary{display:none;}
}
@media (max-width:760px){
  nav.primary, .header-cta{display:none;}
  .burger{display:flex;}
  .services-grid, .product-grid, .testimonial-grid, .article-grid{grid-template-columns:1fr;}
  .form-grid, .field-row{grid-template-columns:1fr;}
  .area-list{grid-template-columns:1fr;}
  .quickbar{display:block;}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));}
  .cta-band-inner{flex-direction:column; align-items:flex-start;}
  .footer-top{grid-template-columns:1fr; padding:44px 0 28px;}
  .section{padding:52px 0;}
  .hero{padding:40px 0 48px;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  .reveal{opacity:1; transform:none;}
}

/* ================= Çok sayfalı yapı: ek stiller ================= */
.page-hero{background:var(--color-card); border-bottom:1px solid var(--color-border); padding:28px 0 44px;}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem); letter-spacing:-.035em; line-height:1.06; max-width:20ch; text-wrap:balance;}
.page-lead{margin-top:16px; font-size:1.15rem; line-height:1.6; color:var(--color-muted-foreground); max-width:62ch;}
.breadcrumbs{margin-bottom:22px;}
.breadcrumbs ol{display:flex; flex-wrap:wrap; gap:6px; font-size:.86rem; color:var(--color-muted-foreground);}
.breadcrumbs li{display:flex; align-items:center; gap:6px;}
.breadcrumbs li + li::before{content:"/"; color:var(--color-border);}
.breadcrumbs a{text-decoration:underline; text-underline-offset:3px;}
.breadcrumbs a:hover{color:var(--color-accent);}
.breadcrumbs [aria-current="page"]{font-weight:700; color:var(--color-foreground);}
.prose-grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start;}
.prose h2{font-size:clamp(1.5rem,2.6vw,2rem); letter-spacing:-.025em; line-height:1.15; margin-bottom:18px;}
.prose p{font-size:1.04rem; line-height:1.75; max-width:64ch; margin-bottom:14px;}
.prose a{color:var(--color-accent); font-weight:700; text-decoration:underline; text-underline-offset:3px;}
.prose strong{color:var(--color-primary);}
.steps{counter-reset:step; display:flex; flex-direction:column; gap:18px;}
.steps li{counter-increment:step; position:relative; padding-left:58px; min-height:44px;}
.steps li::before{content:counter(step); position:absolute; left:0; top:-4px; font-size:2.2rem; font-weight:800; line-height:1; letter-spacing:-.04em; color:var(--color-accent); font-variant-numeric:tabular-nums;}
.steps strong{display:block; font-size:1.08rem; margin-bottom:4px;}
.steps span{display:block; color:var(--color-muted-foreground); line-height:1.65;}
.section-more{display:flex; justify-content:center; margin-top:32px;}
.section-more .btn svg{width:18px; height:18px;}
.nav-list a[aria-current="page"]{color:var(--color-primary);}
.nav-list a[aria-current="page"]::after{clip-path:inset(0 0 0 0);}
@media (max-width:1024px){ .prose-grid{grid-template-columns:1fr; gap:36px;} .page-hero{padding:22px 0 34px;} }

ol{margin:0; padding:0; list-style:none;}

/* ---------- Google'da yorum yazma çağrısı ---------- */
.review-cta-inner{display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center;}
.review-cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem); letter-spacing:-.03em; line-height:1.1; margin-bottom:14px; text-wrap:balance;}
.review-cta p{color:var(--color-muted-foreground); line-height:1.65; max-width:52ch;}
.review-cta-actions{display:flex; flex-direction:column; align-items:flex-start; gap:14px;}
.btn-lg{padding:16px 30px; min-height:56px; font-size:1.05rem;}
.btn-lg svg{width:22px; height:22px; color:#F5B301;}
.review-cta-link{font-weight:700; color:var(--color-accent); text-decoration:underline; text-underline-offset:3px;}
.review-cta .review-cta-note{font-size:.85rem;}
@media (max-width:1024px){ .review-cta-inner{grid-template-columns:1fr; gap:24px;} }

/* Sayım kutuları: sayı ve metin kutuları aynı hizada */
.proof-stat strong{min-height:2.6rem; display:flex; align-items:center; justify-content:center;}
.proof-stat--text strong{font-size:1.5rem; line-height:1.2; letter-spacing:-.02em;}

/* ---------- Mobil hero: video üstündeki rozet ve yazı kesilmesin ---------- */
@media (max-width:760px){
  .hero-video-banner{height:auto; min-height:0;}
  .hero-video-overlay{height:auto; justify-content:flex-start; padding-top:30px; padding-bottom:34px;}
  .hero-video-scrim{background:linear-gradient(180deg, rgba(15,23,42,.80) 0%, rgba(15,23,42,.68) 100%);}
  .hero-video-overlay h1{font-size:clamp(1.6rem,7.4vw,2.1rem); max-width:none; line-height:1.12;}
  .hero-video-overlay .hero-sub{font-size:1rem; max-width:none; margin-top:14px;}
  .hero-video-overlay .eyebrow-on-video{font-size:.72rem; line-height:1.35; padding:7px 13px; margin-bottom:16px; max-width:100%; border-radius:18px; align-items:flex-start;}
  .hero-video-overlay .eyebrow-on-video svg{margin-top:1px; flex:0 0 14px;}
}

/* ---------- Sayfalar arası geçiş: akıcı (tarayıcı destekliyorsa) ---------- */
@view-transition{navigation:auto;}
.site-header{view-transition-name:site-header;}
::view-transition-old(root), ::view-transition-new(root){animation-duration:.16s;}
@media (prefers-reduced-motion: reduce){ @view-transition{navigation:none;} }

/* ---------- Tablet: menü sığmıyorsa hamburger'e geç (760–980 px aralığında yatay taşma düzeltmesi) ---------- */
@media (max-width:980px){
  nav.primary, .header-cta{display:none;}
  .burger{display:flex;}
}

/* ================= Aşama 1: hero düğmeleri, ana sayfa bölümleri, teklif formu, satış/ürün sayfaları ================= */
@media (min-width:761px){ .hero-video-banner{height:min(52vw,520px);} }
.hero-ctas{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.btn-lg{padding:15px 26px; min-height:52px; font-size:1rem;}
.btn-block{display:flex; width:100%; justify-content:center;}
@media (max-width:760px){
  .hero-ctas{flex-direction:column; gap:10px; margin-top:20px;}
  .hero-ctas .btn{width:100%; justify-content:center;}
}
.why-grid, .feature-split, .quote-grid{display:grid; gap:48px; align-items:center;}
.why-grid{grid-template-columns:1fr 1fr; align-items:start;}
.feature-split{grid-template-columns:1.1fr .9fr;}
.quote-grid{grid-template-columns:.95fr 1.05fr; align-items:start;}
.why-grid h2, .feature-split h2, .quote-section h2{font-size:clamp(1.8rem,3.4vw,2.6rem); letter-spacing:-.03em; line-height:1.1; margin-bottom:14px; text-wrap:balance;}
.why-lead, .feature-split p, .quote-section p{color:var(--color-muted-foreground); line-height:1.7; max-width:58ch;}
.why-stats{margin:28px 0 0; max-width:none; grid-template-columns:repeat(3,1fr); gap:16px; text-align:left;}
.why-stats .proof-stat{text-align:left;}
.why-stats .proof-stat strong{justify-content:flex-start;}
.feature-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.quote-points{margin-top:18px; display:flex; flex-direction:column; gap:8px; color:var(--color-muted-foreground); font-size:.92rem; line-height:1.6; list-style:disc; padding-left:1.2rem;}
.quote-points a, .prose td a, .prose th a{color:var(--color-accent); font-weight:700; text-decoration:underline; text-underline-offset:3px;}
.prose h3{font-size:1.15rem; margin:22px 0 8px;}
.check-list{display:flex; flex-direction:column; gap:12px; margin-bottom:14px; list-style:none; padding:0;}
.check-list li{line-height:1.65; padding-left:26px; position:relative;}
.check-list li::before{content:""; position:absolute; left:0; top:.55em; width:12px; height:7px; border-left:2.5px solid var(--color-accent); border-bottom:2.5px solid var(--color-accent); transform:rotate(-45deg);}
.sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.table-wrap{margin:8px 0 18px;}
.fit-table{width:100%; border-collapse:collapse; font-size:.95rem; line-height:1.55;}
.fit-table th, .fit-table td{padding:12px 14px; text-align:left; border-bottom:1px solid var(--color-border); vertical-align:top;}
.fit-table thead th{font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--color-muted-foreground);}
.fit-table tbody th{font-weight:700; width:42%;}
@media (max-width:640px){
  .fit-table, .fit-table tbody, .fit-table tr, .fit-table th, .fit-table td{display:block; width:100%;}
  .fit-table thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}
  .fit-table tr{padding:12px 0; border-bottom:1px solid var(--color-border);}
  .fit-table th, .fit-table td{border:0; padding:2px 0;}
  .fit-table tbody th{width:100%;}
}
.product-links{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; list-style:none; padding:0; margin:0;}
.product-links a{display:flex; align-items:center; gap:14px; padding:12px; background:var(--color-card); border:1px solid var(--color-border); border-radius:16px; min-height:88px; transition:border-color .2s ease, transform .25s var(--ease-out);}
.product-links a:hover{border-color:var(--color-accent); transform:translateY(-2px);}
.product-links img{width:76px; height:76px; object-fit:contain; background:var(--color-muted); border-radius:12px; flex:0 0 76px; padding:4px;}
.product-links strong{display:block; font-size:.98rem;}
.product-links em{display:block; font-style:normal; font-size:.82rem; color:var(--color-muted-foreground); margin-top:3px;}
.product-name a{color:inherit;}
.product-name a:hover{color:var(--color-accent);}
.product-detail{display:grid; grid-template-columns:.9fr 1.1fr; gap:48px; align-items:start;}
.product-detail-media{background:var(--color-muted); border-radius:22px; padding:28px; display:grid; place-items:center; min-height:320px;}
.product-detail-media img{max-width:100%; height:auto; max-height:460px; width:auto; object-fit:contain;}
.product-detail h2{font-size:clamp(1.5rem,2.6vw,2rem); letter-spacing:-.025em; margin-bottom:16px;}
.spec-table{width:100%; border-collapse:collapse; font-size:.98rem;}
.spec-table th, .spec-table td{padding:11px 4px; text-align:left; border-bottom:1px solid var(--color-border);}
.spec-table th{width:42%; color:var(--color-muted-foreground); font-weight:600;}
.spec-note{margin-top:12px; font-size:.86rem; color:var(--color-muted-foreground); line-height:1.6;}
.product-detail-cta{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.quickbar-row{display:grid; grid-template-columns:1fr 1.55fr 1fr;}
.quickbar-row a{font-size:.7rem; line-height:1.15; text-align:center; padding:6px 4px; min-height:56px;}
.quickbar-row a span{display:block;}
.quickbar-row .qb-wa svg{color:#25D366;}
.cta-band .btn-wa{background:#fff; color:#0F172A;}
.btn-wa:hover{box-shadow:0 8px 20px -6px rgba(0,0,0,.35);}
@media (max-width:1024px){
  .why-grid, .feature-split, .quote-grid, .product-detail{grid-template-columns:1fr; gap:28px;}
  .product-links{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .product-links{grid-template-columns:1fr;}
  .why-stats{grid-template-columns:1fr 1fr 1fr; gap:10px;}
  .product-detail-cta .btn{width:100%; justify-content:center;}
  .feature-actions .btn{width:100%; justify-content:center;}
}

/* Hızlı erişim çubuğu: dar ekranlarda etiketler sarılır, çubuk ekrandan taşmaz */
.quickbar-row{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr);}
.quickbar-row a{min-width:0; white-space:normal; overflow-wrap:anywhere;}

/* Uzun kelimeli başlıklar dar ekranda taşmasın */
h1,h2,h3{overflow-wrap:break-word;}

/* ---------- Müşteri yorumları şeridi (WordPress eklentisinden gelen yorumlar) ---------- */
.reviews-slider{list-style:none; margin:0; padding-left:2px;}
.review-card{list-style:none;}
.review-card > article{display:flex; flex-direction:column; gap:12px; height:100%;}
.review-source{font-size:.8rem; color:var(--color-muted-foreground);}
.review-foot{flex-wrap:wrap;}
.review-text{margin:0; display:block;}
.review-text p{margin:0; line-height:1.65; overflow-wrap:anywhere;}