/* Candar Kurumsal 1 — ortak stil dosyası (tüm sayfalar)
   Bölümler: yazı tipi → taban ve ana sayfa → iç sayfalar (ortak) → kurumsal → çözümler → referanslar → iletişim → yasal metinler → çerez politikası → WordPress

   Archivo (SIL Open Font License 1.1) tema içinden yüklenir; Google sunucularına istek gitmez. */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-ext-standard-normal.woff2) format("woff2-variations"),url(../fonts/archivo-latin-ext-standard-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(../fonts/archivo-latin-standard-normal.woff2) format("woff2-variations"),url(../fonts/archivo-latin-standard-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


/* ---------- tokens ---------- */
:root{
  --red:#ED1B24; --red-btn:#D8131C; --red-btn-hover:#B80F17; --red-ink:#C8101A; --red-light:#FF5A60;
  --font-body:"Archivo","Segoe UI",system-ui,sans-serif; --font-head:var(--font-body); --wide:1;
  --graphite:#231F20; --led:#3DDC84;
  --bg:#F2F3F4; --surface:#FFFFFF; --plinth:#E4E6E9;
  --text:#231F20; --muted:#5F646B; --line:#D9DBDE; --line-strong:#B9BDC2;
  --link:var(--red-ink); --focus:var(--red-ink);
  --maxw:1240px; --gutter:clamp(20px,4vw,40px);
  --sec:88px;
  --header-h:88px; --topbar-h:44px;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#17191C; --surface:#212428; --plinth:#2A2E33;
    --text:#E8E9EB; --muted:#A2A7AE; --line:#34383E; --line-strong:#4A4F57;
    --link:var(--red-light); --focus:var(--red-light); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#17191C; --surface:#212428; --plinth:#2A2E33;
  --text:#E8E9EB; --muted:#A2A7AE; --line:#34383E; --line-strong:#4A4F57;
  --link:var(--red-light); --focus:var(--red-light); color-scheme:dark;
}
@media (max-width:767px){ :root{ --sec:44px; --header-h:68px; } }

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-padding-top:calc(var(--header-h) + var(--topbar-h) + env(safe-area-inset-top,0px) + 16px);-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  font-size:1.0625rem; line-height:1.6; font-stretch:100%;
  background:var(--bg); color:var(--text);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%}
a{color:inherit}
ul,ol{padding:0;list-style:none}
h1,h2,h3{font-weight:800;font-stretch:calc(100% + 18% * var(--wide));line-height:1.06;letter-spacing:-.012em;text-wrap:balance}
h1,h2,h3,.sol-title,.cta-phone,.brand-name,.stat-num,.ch-phone,.ok-h,.lr-k,.q-n,.ss-no,.ci-name,.result strong,.fcat-h,.empty-h,.hs-title{font-family:var(--font-head)}
p{text-wrap:pretty}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--surface);padding:12px 16px;border:2px solid var(--focus)}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 12px)}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--sec)}

/* ---------- buttons ---------- */
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 12px}
.btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:0 22px; border-radius:6px; border:2px solid transparent;
  font:inherit; font-weight:700; font-size:1rem; font-stretch:calc(100% + 8% * var(--wide)); letter-spacing:.005em;
  text-decoration:none; cursor:pointer; white-space:nowrap;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.btn-primary{background:var(--red-btn);color:#fff}
.btn-primary:hover{background:var(--red-btn-hover)}
/* logodaki üçgen çıkıntı: birincil CTA'nın sol alt köşesi */
.btn-primary::after{
  content:""; position:absolute; left:14px; bottom:-8px;
  border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid var(--red-btn);
  transition:border-top-color .15s ease;
}
.btn-primary:hover::after{border-top-color:var(--red-btn-hover)}
.btn-secondary{background:transparent;color:var(--text);border-color:var(--text)}
.btn-secondary:hover{background:var(--text);color:var(--bg)}
.btn-block{width:100%}
.text-link{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--link);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;
}
.text-link:hover{text-decoration-thickness:3px}
.icon-btn{
  display:inline-grid;place-items:center;width:44px;height:44px;border-radius:6px;
  background:transparent;border:1px solid var(--line);color:var(--text);cursor:pointer;
}
.icon-btn:hover{border-color:var(--text)}
.ic{width:20px;height:20px;flex:none}

/* ---------- header ---------- */
.site-header{
  position:sticky; top:calc(env(safe-area-inset-top,0px) + var(--topbar-h)); z-index:50;
  background:var(--surface); border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:24px;height:var(--header-h)}
.brand{flex:none;display:block;padding:4px 0}
.logo{height:60px;width:auto}
.logo-on-dark{display:none}
:root[data-theme="dark"] .logo-on-light{display:none}
:root[data-theme="dark"] .logo-on-dark{display:block}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .logo-on-light{display:none}
  :root:not([data-theme="light"]) .logo-on-dark{display:block}
}
.nav{margin-left:auto}
.nav ul{display:flex;gap:4px}
.nav a:not(.btn){
  position:relative; display:flex; align-items:center; min-height:44px; padding:0 14px; border-radius:6px;
  font-weight:600; font-size:1rem; text-decoration:none;
  transition:background-color .15s ease,color .15s ease;
}
/* menü: üzerine gelince gri kutu, aktif sayfada kırmızı tonlu kutu */
.nav ul a:hover{background:var(--plinth)}
.nav ul a[aria-current="page"]{background:var(--red-btn-hover);color:#fff}
.nav ul a[aria-current="page"]:hover{background:color-mix(in srgb,var(--red-btn-hover) 87%,#000)}
:root[data-theme="dark"] .nav ul a:hover{background:rgba(255,255,255,.07)}
:root[data-theme="dark"] .nav ul a[aria-current="page"]{background:color-mix(in srgb,var(--red) 22%,transparent);color:#fff}
:root[data-theme="dark"] .nav ul a[aria-current="page"]:hover{background:color-mix(in srgb,var(--red) 28%,transparent)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .nav ul a:hover{background:rgba(255,255,255,.07)}
  :root:not([data-theme="light"]) .nav ul a[aria-current="page"]{background:color-mix(in srgb,var(--red) 22%,transparent);color:#fff}
  :root:not([data-theme="light"]) .nav ul a[aria-current="page"]:hover{background:color-mix(in srgb,var(--red) 28%,transparent)}
}
.nav-cta{display:none}
.header-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none}
.when-dark,.when-open{display:none}
:root[data-theme="dark"] .when-light{display:none}
:root[data-theme="dark"] .when-dark{display:contents}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .when-light{display:none}
  :root:not([data-theme="light"]) .when-dark{display:contents}
}
.nav-toggle[aria-expanded="true"] .when-closed{display:none}
.nav-toggle[aria-expanded="true"] .when-open{display:contents}

@media (max-width:1139px){
  .nav-toggle{display:inline-grid}
  .nav{
    display:none; position:absolute; left:0; right:0; top:100%;
    background:var(--surface); border-bottom:1px solid var(--line);
    padding:8px var(--gutter) 24px;
  }
  .nav.open{display:block}
  .nav ul{flex-direction:column;gap:0}
  .nav ul li{border-bottom:1px solid var(--line)}
  .nav ul{gap:4px}
  .nav ul li{border-bottom:0}
  .nav a:not(.btn){min-height:52px;padding:0 14px;font-size:1.125rem}
  .nav ul a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--red)}
  .nav-cta{display:flex;margin-top:20px;width:100%}
  .header-actions{margin-left:auto}
}
@media (max-width:559px){
  .header-cta{display:none}
  .logo{height:44px}
}

/* ---------- alt menüler (1.5.3; sınırsız derinlik) ----------
   Masaüstü: açılır panel (üstü kırmızı bantlı), alt seviyeler yana açılır; ekrandan taşarsa ters yöne (.flip, site.js).
   Mobil: akordeon, alt seviyeler girintili. Açma: düğme (.sub-toggle) ya da masaüstünde üzerine gelme. */
.nav{--nav-hover:var(--plinth)}
:root[data-theme="dark"] .nav{--nav-hover:rgba(255,255,255,.07)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .nav{--nav-hover:rgba(255,255,255,.07)} }
.nav li{position:relative}
.sub-toggle{
  position:absolute; display:grid; place-items:center; width:28px; height:28px; padding:0;
  border:0; border-radius:4px; background:transparent; color:inherit; font:inherit; cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.sub-toggle .ic{width:16px;height:16px;transform:rotate(90deg);transition:transform .15s ease}
.nav li.is-open > .sub-toggle .ic{transform:rotate(-90deg)}
.nav a[aria-current="page"] ~ .sub-toggle{color:#fff}
@media (hover:hover){ .nav a[aria-current="page"] ~ .sub-toggle:hover{background:rgba(255,255,255,.14)} }
.nav .sub-menu a:not(.btn){font-weight:500}
.nav .sub-menu li.current-menu-ancestor > a:not([aria-current]){font-weight:700}

@media (min-width:1140px){
  .nav > ul > li.menu-item-has-children > a{padding-right:34px}
  .nav > ul > li > .sub-toggle{right:4px;top:50%;margin-top:-14px}
  .nav > ul > li:not(.current-menu-ancestor):hover > a:not([aria-current]){background:var(--nav-hover)}
  .nav .sub-menu li:hover > a:not([aria-current]){background:var(--nav-hover)}
  .nav .sub-toggle:hover{background:var(--nav-hover)}
  .nav > ul > li:hover > .sub-toggle:hover{background:transparent}
  /* üst menüde, açık sayfa bir alt menüdeyse ana öğe de işaretli */
  .nav > ul > li.current-menu-ancestor > a{background:var(--red-btn-hover);color:#fff}
  .nav > ul > li.current-menu-ancestor:hover > a{background:color-mix(in srgb,var(--red-btn-hover) 87%,#000)}
  .nav > ul > li.current-menu-ancestor > .sub-toggle{color:#fff}
  :root[data-theme="dark"] .nav > ul > li.current-menu-ancestor > a{background:color-mix(in srgb,var(--red) 22%,transparent)}
  :root[data-theme="dark"] .nav > ul > li.current-menu-ancestor:hover > a{background:color-mix(in srgb,var(--red) 28%,transparent)}

  .nav .sub-menu{
    --gap:calc((var(--header-h) - 44px) / 2);
    position:absolute; z-index:60; top:100%; left:0; display:block;
    min-width:232px; max-width:320px; width:max-content; margin-top:var(--gap); padding:6px;
    background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--red); border-radius:0 0 6px 6px;
    box-shadow:0 18px 36px -18px rgba(0,0,0,.3);
    opacity:0; visibility:hidden; transform:translateY(4px);
    transition:opacity .15s ease .1s,transform .15s ease .1s,visibility 0s linear .25s;
  }
  /* imleç öğeden panele geçerken kapanmasın */
  .nav .sub-menu::before{content:"";position:absolute;left:-1px;right:-1px;bottom:100%;height:calc(var(--gap) + 3px)}
  .nav > ul > li > .sub-menu.flip{left:auto;right:0}
  .nav .sub-menu .sub-menu{top:-9px;left:100%;margin:0 0 0 6px}
  .nav .sub-menu .sub-menu::before{left:auto;right:100%;bottom:0;top:0;width:8px;height:auto}
  .nav .sub-menu .sub-menu.flip{left:auto;right:100%;margin:0 6px 0 0}
  .nav .sub-menu .sub-menu.flip::before{right:auto;left:100%}
  .nav li.is-open > .sub-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  @media (hover:hover){
    .nav li:hover > .sub-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
    .nav li:hover > .sub-toggle .ic{transform:rotate(-90deg)}
    .nav .sub-menu li:hover > .sub-toggle .ic{transform:none}
  }
  .nav .sub-menu li + li{margin-top:2px}
  .nav .sub-menu a:not(.btn){min-height:40px;padding:8px 12px;font-size:.9375rem;line-height:1.35}
  .nav .sub-menu li.menu-item-has-children > a{padding-right:38px}
  .nav .sub-menu .sub-toggle{right:6px;top:6px}
  .nav .sub-menu .sub-toggle .ic,.nav .sub-menu li.is-open > .sub-toggle .ic{transform:none}
  .nav .sub-menu li:has(> .sub-menu.flip) > .sub-toggle .ic{transform:rotate(180deg)}
}
@media (min-width:1140px) and (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .nav > ul > li.current-menu-ancestor > a{background:color-mix(in srgb,var(--red) 22%,transparent)}
  :root:not([data-theme="light"]) .nav > ul > li.current-menu-ancestor:hover > a{background:color-mix(in srgb,var(--red) 28%,transparent)}
}
@media (max-width:1139px){
  .nav{max-height:calc(100vh - var(--header-h) - var(--topbar-h) - env(safe-area-inset-top,0px));max-height:calc(100dvh - var(--header-h) - var(--topbar-h) - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}
  .nav li.menu-item-has-children > a{padding-right:60px}
  .nav .sub-toggle{right:0;top:0;width:52px;height:52px;border-radius:6px}
  .nav .sub-toggle .ic{width:20px;height:20px}
  @media (hover:hover){ .nav .sub-toggle:hover{background:var(--nav-hover)} }
  .nav > ul > li.current-menu-ancestor > a:not([aria-current]){box-shadow:inset 3px 0 0 var(--red)}
  .nav .sub-menu{display:none;margin:4px 0 8px 14px;padding-left:10px;border-left:1px solid var(--line)}
  .nav li.is-open > .sub-menu{display:flex}
  .nav .sub-menu a:not(.btn){min-height:46px;font-size:1rem}
  .nav .sub-menu li.menu-item-has-children > a{padding-right:54px}
  .nav .sub-menu .sub-toggle{width:46px;height:46px}
}

/* ---------- rack ---------- */
.rack svg{width:100%;height:auto;overflow:visible}
.rack .frame{fill:#1C1E22}
.rack .band{fill:var(--red)}
.rack .rail{fill:#2B2E33}
.rack .hole{fill:#101114}
.rack .unum{fill:#7C828B;font-size:8px;font-weight:600;text-anchor:middle;font-variant-numeric:tabular-nums}
.rack .ear{fill:#3A3E45;transition:fill .15s ease}
.rack .screw{fill:#666C75}
.rack .face{fill:#2E3238;transition:fill .15s ease}
.rack .bevel{fill:#4A4F57}
.rack .blank{fill:#26292E}
.rack .perf{fill:#141619}
.rack .slit{fill:#0E0F11}
.rack .ring-d{fill:none;stroke:#454A51;stroke-width:2}
.rack .foot{fill:#141518}
.rack .label{fill:#E6E8EB;font-size:11px;font-weight:700;font-stretch:calc(100% + 12% * var(--wide))}
.rack .sublabel{fill:#99A0A9;font-size:9px;font-weight:500}
.rack .port{fill:#111316;stroke:#50555E;stroke-width:.7}
.rack .sfp{fill:#15171A;stroke:#6A707A;stroke-width:.7}
.rack .usb{fill:#111316;stroke:#50555E;stroke-width:.7}
.rack .bay{fill:#3A3F46}
.rack .handle{fill:#23262B}
.rack .bayled{fill:#2F7D55}
.rack .pbtn{fill:#23262B;stroke:#6A707A;stroke-width:1}
.rack .lcd{fill:#15261D}
.rack .lcdtext{fill:#7FE0A8;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.rack .vent{fill:#1A1C20}
.rack .ring{fill:none;stroke:transparent;stroke-width:2}
.rack .unit{cursor:pointer;outline:none}
.rack .unit:hover .face,.rack .unit:focus-visible .face{fill:#3B4047}
.rack .unit:hover .ear,.rack .unit:focus-visible .ear{fill:var(--red)}
.rack .unit:hover .label{fill:#fff}
.rack .unit:focus-visible .ring{stroke:#fff}
.rack .led{fill:#27342C}
.rack .led-halo{fill:var(--led);opacity:0}
.rack.on .led,.rack.on .led-halo{animation:boot .6s linear both;animation-delay:calc(var(--i) * 170ms + 250ms)}
.rack .led-halo{animation-name:halo}
@keyframes boot{0%{fill:#27342C}30%{fill:var(--led)}45%{fill:#27342C}100%{fill:var(--led)}}
@keyframes halo{0%{opacity:0}30%{opacity:.35}45%{opacity:0}100%{opacity:.28}}
@media (prefers-reduced-motion:reduce){
  .rack .led,.rack .led-halo{animation:none}
  .rack .led{fill:var(--led)}
  .rack .led-halo{opacity:.28}
}
:root[data-theme="dark"] .sol-intro .rack .frame{stroke:#3A3E45;stroke-width:1}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .sol-intro .rack .frame{stroke:#3A3E45;stroke-width:1} }

/* ---------- solutions ---------- */
.sol-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px}
.sol-intro{grid-column:1 / span 4;align-self:start;position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 32px)}
.sol-intro h2,.section-head h2,.cta-band h2{font-size:clamp(1.875rem,1.3rem + 2vw,2.75rem)}
.sol-intro p{margin-top:16px;color:var(--muted);max-width:38ch}
.sol-intro .text-link{margin-top:12px}
.sol-list{grid-column:6 / span 7;border-top:1px solid var(--line)}
.sol{
  display:grid;grid-template-columns:44px 1fr;gap:20px;padding:20px 0;
  border-bottom:1px solid var(--line);text-decoration:none;
}
.sol-ic{
  display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;
  transition:color .15s ease,border-color .15s ease;
}
.sol-title{display:block;font-size:1.3125rem;font-weight:800;font-stretch:calc(100% + 15% * var(--wide));line-height:1.2}
.sol-desc{display:block;margin-top:6px;color:var(--muted);max-width:60ch}
.sol-brands{margin-top:8px;font-size:.875rem;font-weight:600;color:var(--muted)}
.sol-title{transition:color .15s ease}
.sol:hover .sol-ic,.sol:focus-visible .sol-ic{color:var(--link);border-color:var(--link)}
.sol:hover .sol-title,.sol:focus-visible .sol-title{color:var(--link)}
@media (max-width:1023px){
  .sol-intro{grid-column:1 / -1;position:static}
  .sol-list{grid-column:1 / -1}
}

.section-head{max-width:640px}
.section-head p{margin-top:16px;color:var(--muted)}
.section-head.split{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.section-head.split>div{max-width:640px}

/* ---------- products ---------- */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:44px}
.product{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:2px}
.product-media{display:grid;place-items:center;aspect-ratio:16 / 10;background:var(--plinth);padding:6%;border-bottom:1px solid var(--line)}
.product-media svg{width:100%}
.product-body{display:flex;flex-direction:column;flex:1;padding:20px}
.product-meta{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--muted)}
.product-brand{font-weight:700;color:var(--text)}
.product-title{margin-top:6px;font-size:1.1875rem;font-stretch:calc(100% + 8% * var(--wide));line-height:1.25}
.product-title a{text-decoration:none}
.product-title a:hover{text-decoration:underline;text-underline-offset:4px}
.specs{margin:16px 0 20px;border-top:1px solid var(--line);flex:1}
.specs div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.specs dt{color:var(--muted)}
.specs dd{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:1100px){ .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:559px){ .product-grid{grid-template-columns:1fr} }

/* ---------- footer ---------- */
.site-footer{background:var(--graphite);color:#D5D7DA}
.site-footer a{color:#fff}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-block:88px 66px;border-bottom:1px solid color-mix(in srgb,var(--graphite) 90%,#fff)}
.cta-band h2{color:#fff}
.cta-band p{margin-top:12px;color:#B4B8BD;max-width:48ch}
.cta-band .actions{margin-top:0;align-items:center;gap:16px 32px}
/* CTA: üçgen sağdaki telefona bakar */
.btn-point-right{margin-right:16px}
.btn-point-right::after{
  left:auto;right:-9px;bottom:auto;top:50%;translate:0 -50%;
  border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:0;border-left:9px solid var(--red-btn);
  transition:border-left-color .15s ease;
}
.btn-point-right:hover::after{border-top-color:transparent;border-left-color:var(--red-btn-hover)}
@media (max-width:559px){
  .btn-point-right{margin-right:0}
  .btn-point-right::after{left:12px;right:auto;top:auto;bottom:-9px;translate:none;
    border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:0;border-top:7px solid var(--red-btn)}
  .btn-point-right:hover::after{border-left-color:transparent;border-top-color:var(--red-btn-hover)}
}
.cta-phone{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.375rem;font-weight:800;font-stretch:calc(100% + 12% * var(--wide));font-variant-numeric:tabular-nums;text-decoration:none}
.cta-phone .ic{color:var(--red);width:22px;height:22px}
.cta-phone:hover span{text-decoration:underline;text-underline-offset:5px}
.footer-grid{display:grid;grid-template-columns:4fr 3fr 2fr 2fr;gap:44px 24px;padding-block:66px 44px}
.f-logo{height:56px;width:auto}
.f-about p{margin-top:20px;color:#B4B8BD;max-width:36ch;font-size:.9375rem}
.site-footer h3{font-size:1rem;font-stretch:calc(100% + 12% * var(--wide));color:#fff;margin-bottom:12px}
.f-contact li{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:6px 0;font-size:.9375rem}
.f-contact .ic{margin-top:3px;color:#9A9FA6}
.f-contact a{text-decoration:none;font-variant-numeric:tabular-nums}
.f-contact .map-link{text-decoration:underline;text-underline-offset:4px}
.f-contact a:hover,.f-links a:hover{text-decoration:underline;text-underline-offset:4px}
.f-links a{display:flex;align-items:center;min-height:36px;font-size:.9375rem;text-decoration:none;color:#D5D7DA}
.footer-bottom{border-top:1px solid color-mix(in srgb,var(--graphite) 90%,#fff);padding-block:20px;font-size:.875rem;color:#9A9FA6;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 24px;text-align:center}
.site-footer :focus-visible{outline-color:var(--red-light)}
@media (max-width:1023px){ .footer-grid{grid-template-columns:1fr 1fr} }
@media (max-width:559px){ .footer-grid{grid-template-columns:1fr} .cta-band{padding-block:66px 44px} }

/* =================== v2 =================== */
:root{ --ink:#111317; --ink-2:#181B20; --on-ink:#ECEDEF; --on-ink-muted:#A9AEB5; --ink-line:rgba(255,255,255,.1); }

/* ---------- topbar ---------- */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:51;background:var(--ink);color:#C9CCD1;font-size:.875rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 92%,#fff)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--topbar-h)}
.tb-contact{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;min-width:0;white-space:nowrap}
.tb-contact a{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;font-variant-numeric:tabular-nums}
.tb-contact a:hover span{color:#fff;text-decoration:underline;text-underline-offset:3px}
.tb-contact .ic{width:16px;height:16px;color:var(--red)}
.tb-right{display:flex;align-items:center}
.social{display:flex;align-items:center}
.social a{display:grid;place-items:center;width:40px;height:44px;color:#C9CCD1;transition:color .15s ease}
.social a:hover{color:#fff}
.social .ic{width:17px;height:17px}
.tb-theme{
  display:grid;place-items:center;width:44px;height:44px;margin-left:12px;
  background:transparent;border:0;border-left:1px solid #2C3036;color:#E6E8EB;cursor:pointer;padding-left:6px;
}
.tb-theme:hover{color:#fff}
.tb-theme .ic{width:18px;height:18px}
.topbar :focus-visible{outline-color:var(--red-light);outline-offset:-2px}
@media (max-width:1023px){ .tb-addr{display:none} }
@media (max-width:767px){ .tb-mail{display:none} }
@media (max-width:479px){ .social li:nth-child(n+3){display:none} }

/* ---------- ortak başlık kalıbı ---------- */
.center-head{text-align:center;max-width:880px;margin-inline:auto}
.center-head h2{font-size:clamp(1.875rem,1.3rem + 2vw,2.75rem)}
.center-head p:not(.eyebrow):not(.pill){margin-top:16px;color:var(--muted);margin-inline:auto;max-width:60ch}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red-ink);margin-bottom:12px}
.pill{
  display:inline-block;margin-bottom:18px;padding:7px 16px;border-radius:999px;
  font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--red-light);background:color-mix(in srgb,var(--red) 10%,transparent);border:1px solid color-mix(in srgb,var(--red) 35%,transparent);
}
:root[data-theme="dark"] .eyebrow{color:var(--red-light)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .eyebrow{color:var(--red-light)} }

/* ---------- hero ---------- */
.hero{
  position:relative;overflow:hidden;color:var(--on-ink);
  background:
    radial-gradient(60% 70% at 78% 45%,color-mix(in srgb,var(--red) 13%,transparent),transparent 70%),
    radial-gradient(50% 60% at 10% 0%,rgba(90,110,140,.16),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
    var(--ink);
  padding-block:clamp(56px,8vw,110px);
}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,.25));pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;align-items:center}
.hero-copy{grid-column:1 / span 7}
.hero-map{grid-column:8 / span 5}
@media (min-width:1024px){ .hero-map .map{width:calc(100% + 72px);max-width:none;margin-right:-72px} }
.since{display:flex;align-items:center;gap:14px;margin-bottom:26px;
  font-size:.8125rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#C9CCD1}
.since::before,.since::after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,var(--red))}
.since::after{background:linear-gradient(90deg,var(--red),transparent)}
.hero h1{font-size:clamp(2.25rem,1.2rem + 3.3vw,3.625rem);font-stretch:calc(100% + 8% * var(--wide));line-height:1.04;color:#fff}
.hero h1 span{display:block}
.hero h1 .hl{color:var(--red)}
.hero .lead{margin-top:24px;font-size:1.1875rem;color:var(--on-ink-muted);max-width:46ch}
.hero .actions{margin-top:36px}
.btn .ic{width:18px;height:18px}
.btn-ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.3)}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.hero :focus-visible{outline-color:#fff}

/* harita */
.map{width:100%;height:auto;overflow:visible}
.map .radar{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1}
.map .land{fill:rgba(255,255,255,.035)}
.map .land-dots{fill:url(#dots)}
.map #dots circle{fill:rgba(255,255,255,.09)}
.map .land-edge{fill:none;stroke:rgba(214,220,228,.55);stroke-width:1.3;stroke-linejoin:round}
.map .route-base{fill:none;stroke:color-mix(in srgb,var(--red) 28%,transparent);stroke-width:1.5}
.map .route-flow{fill:none;stroke:var(--red);stroke-width:1.8;stroke-dasharray:5 9;stroke-linecap:round;animation:flow 1.1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-14}}
.map .packet{fill:#fff}
.map .core{fill:var(--red);stroke:#fff;stroke-width:1.5}
.map .city.main .core{stroke-width:2.5}
.map .pulse{fill:none;stroke:var(--red);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite;opacity:0}
@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(4.2);opacity:0}}
.map .city-label{fill:#fff;font-size:17px;font-weight:700;font-stretch:calc(100% + 10% * var(--wide));paint-order:stroke;stroke:color-mix(in srgb,var(--ink) 85%,transparent);stroke-width:4px}
.map .city.main .city-label{font-size:19px}
.map-badge{
  display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:20px 0 0 auto;
  padding:10px 18px;border-radius:999px;font-size:.9375rem;color:#D5D8DC;
  background:color-mix(in srgb,var(--ink) 70%,transparent);border:1px solid var(--ink-line);backdrop-filter:blur(6px);
}
.map-badge strong{color:#fff}
.live{flex:none;width:9px;height:9px;border-radius:50%;background:var(--led);box-shadow:0 0 0 4px rgba(61,220,132,.18)}
@media (max-width:1023px){
  .hero-copy,.hero-map{grid-column:1 / -1}
  .map-badge{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .map .route-flow,.map .pulse{animation:none}
  .map .packet{display:none}
}

/* ---------- markalar (kayan) ---------- */
.brands{background:var(--surface);border-bottom:1px solid var(--line)}
.marquee{
  margin-top:44px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.mq-track{display:flex;width:max-content;animation:mq 48s linear infinite}
.marquee:hover .mq-track,.marquee:focus-within .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.mq-set{display:flex;gap:20px;padding-right:20px}
.brand-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:196px;height:112px;padding:12px;border-radius:12px;
  background:var(--bg);border:1px solid var(--line);text-align:center;
  transition:border-color .15s ease;
}
.brand-card:hover{border-color:var(--line-strong)}
.brand-name{font-size:1.375rem;font-weight:800;font-stretch:calc(100% + 15% * var(--wide));letter-spacing:-.01em;line-height:1.1}
.brand-cat{font-size:.8125rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){
  .mq-track{animation:none;width:auto}
  .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-inline:var(--gutter)}
  .mq-set[aria-hidden]{display:none}
}
.refs{margin-top:66px;padding-top:66px;text-align:center;background:linear-gradient(var(--line),var(--line)) center top / calc(100% - 2*var(--gutter)) 1px no-repeat}
.refs-title{font-size:clamp(1.875rem,1.3rem + 2vw,2.75rem);color:var(--link)}
.ref-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px}
.ref-grid .ref-card{flex:0 0 calc((100% - 5 * 16px) / 6)}
@media (max-width:1023px){ .ref-grid .ref-card{flex-basis:calc((100% - 3 * 16px) / 4)} }
.ref-card{
  display:grid;place-items:center;height:96px;padding:14px 16px;border-radius:12px;
  background:#fff;border:1px solid var(--line);
}
.ref-card img{max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}
.ref-name{font-weight:700;font-stretch:calc(100% + 8% * var(--wide));color:#231F20}
@media (max-width:559px){ .ref-grid .ref-card{flex-basis:calc((100% - 16px) / 2);height:84px} }

/* ---------- çözümler: sol sütunda kabin ---------- */
.sol-intro .rack{margin-top:28px;max-width:420px}
.sol-intro .sol-all{margin-top:24px}
@media (max-width:1023px){ .sol-intro .rack{max-width:460px} }

/* ---------- süreç (koyu) ---------- */
.process{
  color:var(--on-ink);
  background:
    radial-gradient(55% 60% at 85% 20%,color-mix(in srgb,var(--red) 9%,transparent),transparent 70%),
    linear-gradient(180deg,var(--ink-2),var(--ink));
}
.process .center-head p:not(.pill){color:var(--on-ink-muted)}
.process h2{color:#fff}
.process-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;margin-top:56px;align-items:start}
.timeline{grid-column:1 / span 6}
.svc-grid{grid-column:7 / span 6;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px;align-self:stretch}
.tl-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:22px;padding-bottom:30px}
.tl-item:last-child{padding-bottom:0}
.tl-item:not(:last-child)::before{content:"";position:absolute;left:27.5px;top:64px;bottom:8px;width:1px;background:rgba(255,255,255,.18)}
.tl-ic{
  display:grid;place-items:center;width:56px;height:56px;border-radius:12px;color:#fff;
  background:linear-gradient(145deg,color-mix(in srgb,var(--red) 92%,#fff),var(--red-btn-hover));
  box-shadow:0 8px 24px -8px color-mix(in srgb,var(--red) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.2);
}
.tl-ic .ic{width:24px;height:24px}
.tl-item h3{font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));color:#fff;margin-top:4px}
.tl-item p{margin-top:6px;color:var(--on-ink-muted);font-size:1rem;max-width:52ch}
.svc{
  padding:28px 24px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--ink-line);
  transition:border-color .15s ease,background-color .15s ease;
}
.svc:hover{border-color:color-mix(in srgb,var(--red) 50%,transparent);background:rgba(255,255,255,.055)}
.svc-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red-light);border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}
.svc-ic .ic{width:22px;height:22px}
.svc h3{margin-top:22px;font-size:1.125rem;font-stretch:calc(100% + 10% * var(--wide));color:#fff;line-height:1.25}
.svc p{margin-top:8px;font-size:.9375rem;color:var(--on-ink-muted)}
.process :focus-visible{outline-color:#fff}
@media (max-width:1023px){
  .timeline,.svc-grid{grid-column:1 / -1}
}
@media (max-width:559px){ .svc-grid{grid-template-columns:1fr} }

/* ürünler ile footer arasında dikey boşluk dengesi */
.products{padding-bottom:var(--sec)}

/* =================== v3: rakamlar, sertifikalar, projeler =================== */
/* rakamlar (hero altı) */
.stats{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--ink-line);
}
.stats li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 16px 0}
.stats li+li{border-left:1px solid var(--ink-line)}
.stat-num{font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:800;font-stretch:calc(100% + 15% * var(--wide));line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.stat-num .plus{color:var(--red);margin-left:2px}
.stat-label{font-size:.9375rem;color:var(--on-ink-muted)}
@media (max-width:767px){
  .stats{grid-template-columns:1fr 1fr}
  .stats li{padding:22px 12px 0}
  .stats li:nth-child(odd){border-left:0}
  .stats li:nth-child(n+3){margin-top:22px;border-top:1px solid var(--ink-line)}
}

/* sertifikalar */
.certs{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px;align-items:center;
  margin-top:66px;padding-top:66px;
  background:linear-gradient(var(--line),var(--line)) center top / calc(100% - 2*var(--gutter)) 1px no-repeat;
}
.certs-intro{grid-column:1 / span 4}
.certs-intro h3{font-size:1.625rem;font-stretch:calc(100% + 15% * var(--wide))}
.certs-intro p{margin-top:12px;color:var(--muted);max-width:40ch}
.cert-list{grid-column:5 / span 8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cert{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
  padding:18px 12px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);
}
.cert img{height:112px;width:auto;max-width:100%;object-fit:contain;margin-bottom:10px}
.cert-name{font-size:.875rem;font-weight:700;color:#231F20;line-height:1.3}
.cert-sub{font-size:.8125rem;color:#5F646B}
@media (max-width:1023px){
  .certs-intro,.cert-list{grid-column:1 / -1}
}
@media (max-width:559px){ .cert-list{grid-template-columns:1fr 1fr} }

/* projeler */
.projects{background:var(--surface);border-block:1px solid var(--line)}
.section-head .eyebrow{margin:0 0 12px;color:var(--red-ink)}
:root[data-theme="dark"] .section-head .eyebrow{color:var(--red-light)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .section-head .eyebrow{color:var(--red-light)} }
.projects .section-head.split>div{max-width:780px}
.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;margin-top:44px}
.proj{
  display:flex;flex-direction:column;padding:26px 24px;border-radius:12px;
  background:var(--bg);border:1px solid var(--line);transition:border-color .15s ease;
}
.proj:hover{border-color:var(--line-strong)}
.proj.wide{grid-column:span 2}
.proj-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.8125rem}
.proj-tag{font-weight:700;color:var(--link)}
.proj-loc{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-weight:600}
.proj-loc .ic{width:14px;height:14px}
.proj h3{margin-top:12px;font-size:1.375rem;font-stretch:calc(100% + 12% * var(--wide));line-height:1.2}
.proj-desc{margin-top:8px;color:var(--muted);font-size:1rem;flex:1}
.proj.wide .proj-desc{flex:none;max-width:70ch}
.proj-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;flex:1}
.proj-detail h4{font-size:.875rem;font-weight:700;font-stretch:calc(100% + 8% * var(--wide));padding-bottom:8px;border-bottom:2px solid var(--text)}
.proj-detail dl>div{padding:8px 0;border-bottom:1px solid var(--line);font-size:.875rem}
.proj-detail dt{color:var(--muted);font-size:.8125rem}
.proj-detail dd{font-weight:600;margin-top:1px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.chips li{padding:3px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:.8125rem;font-weight:600;background:var(--surface)}
.other-proj{margin-top:44px}
.other-proj h3{font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide))}
.other-proj ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:12px;border-top:1px solid var(--line)}
.other-proj li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.op-name{font-weight:700}
.op-desc{color:var(--muted);font-size:.9375rem;text-align:right}
@media (max-width:1023px){
  .proj-grid{grid-template-columns:1fr 1fr}
  .proj-detail{grid-template-columns:1fr}
}
@media (max-width:767px){
  .proj-grid{grid-template-columns:1fr}
  .proj.wide{grid-column:auto}
  .other-proj ul{grid-template-columns:1fr}
}

/* ---------- kabin: port ve disk aktivite LED'leri ---------- */
.rack .c-g{fill:#3DDC84}
.rack .c-a{fill:#FFA928}
.rack .c-b{fill:#3BA7FF}
.rack .c-r{fill:#FF3B3B}
.rack .act{opacity:.9}
.rack .fault{filter:drop-shadow(0 0 2px rgba(255,59,59,.9))}
.rack.on .act{animation:var(--pat,blinkA) var(--d,1.2s) steps(1,end) var(--dl,0s) infinite}
.rack .pa{--pat:blinkA}
.rack .pb{--pat:blinkB}
.rack .pc{--pat:blinkC}
@keyframes blinkA{0%{opacity:1}18%{opacity:.12}26%{opacity:1}52%{opacity:.12}58%{opacity:1}80%{opacity:.12}86%{opacity:1}}
@keyframes blinkB{0%{opacity:.12}8%{opacity:1}34%{opacity:.12}40%{opacity:1}66%{opacity:1}72%{opacity:.12}90%{opacity:1}}
@keyframes blinkC{0%{opacity:1}50%{opacity:.15}}
@media (prefers-reduced-motion:reduce){ .rack.on .act{animation:none;opacity:.9} }

/* =================== tablet ve telefon: ortalama =================== */
@media (max-width:1023px){
  /* çözümler: başlık, metin, kabin ve buton ortada */
  .sol-intro{text-align:center}
  .sol-intro p{margin-inline:auto}
  .sol-intro .rack{margin-inline:auto}

  /* projenizi konuşalım */
  .cta-band{flex-direction:column;justify-content:center;text-align:center;gap:28px}
  .cta-band p{margin-inline:auto}
  .cta-band .actions{justify-content:center}

  /* footer */
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:40px 24px}
  .f-about{grid-column:1 / -1}
  .f-logo{margin-inline:auto}
  .f-about p{margin-inline:auto}
  .f-contact li{display:flex;justify-content:center;align-items:flex-start;gap:10px}
  .f-links a{justify-content:center}
  .footer-bottom{text-align:center;flex-direction:column}
}
@media (max-width:559px){
  .footer-grid{grid-template-columns:1fr}
  .cta-band .btn-point-right::after{left:50%;translate:-50% 0}
}
@media (max-width:1023px){
  .certs-intro{text-align:center}
  .certs-intro p{margin-inline:auto}
}
@media (max-width:1023px){
  /* hero: tablette ve telefonda ortalı */
  .hero-copy{text-align:center}
  .since{justify-content:center}
  .hero h1{margin-inline:auto}
  .hero .lead{margin-inline:auto}
  .hero .actions{justify-content:center}
  .hero-map .map-badge{margin-inline:auto}
}
@media (max-width:559px){
  .hero .actions{flex-direction:column;align-items:center;gap:20px}
  .hero .actions .btn{width:100%;max-width:320px}
}

/* =================== v3.11: başlık ve alt metin genişlik sınırları kaldırıldı =================== */
/* sığan başlık/alt metin tek satırda kalsın; sınır kapsayıcının genişliği */
.section-head,.section-head.split>div,.projects .section-head.split>div{max-width:none}
.section-head.split>div{flex:1 1 0;min-width:min(100%,280px)}
.center-head{max-width:none}
.center-head p:not(.eyebrow):not(.pill){max-width:none}
@media (max-width:1023px){ .certs-intro p{max-width:none} }

/* =================== iç sayfalar (ortak) =================== */
.page-hero{
  position:relative;color:var(--on-ink);border-bottom:4px solid var(--red);
  background:
    radial-gradient(50% 90% at 90% 20%,color-mix(in srgb,var(--red) 11%,transparent),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,
    var(--ink);
  padding-block:clamp(28px,4vw,52px) clamp(40px,5vw,66px);
}
/* logodaki bandın sol altındaki üçgen */
.page-hero::after{
  content:"";position:absolute;z-index:2;bottom:-12px;
  left:max(var(--gutter),calc((100% - var(--maxw)) / 2 + var(--gutter)));
  border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--red);
}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;font-size:.9375rem;color:var(--on-ink-muted)}
.crumbs li{display:flex;align-items:center;gap:12px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.7}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.crumbs a:hover{text-decoration-color:#fff}
.page-hero h1{margin-top:8px;font-size:clamp(2.125rem,1.3rem + 2.8vw,3.375rem);font-stretch:calc(100% + 12% * var(--wide));line-height:1.05;color:#fff}
.page-hero .lead{margin-top:20px;font-size:1.1875rem;color:var(--on-ink-muted);max-width:58ch}
.page-hero .stats{margin-top:clamp(40px,5vw,66px)}
.page-hero :focus-visible{outline-color:#fff}
@media (max-width:1023px){
  .ph-copy{text-align:center}
  .crumbs ol{justify-content:center}
  .page-hero h1,.page-hero .lead{margin-inline:auto}
  .page-hero::after{left:50%;translate:-50% 0}
}

/* =================== kurumsal =================== */
.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:start}
.about-copy{grid-column:1 / span 7}
.about-copy h2{font-size:clamp(1.875rem,1.3rem + 2vw,2.75rem)}
.about-copy p{margin-top:20px;max-width:68ch}
.about-copy .about-lead{margin-top:24px;font-size:1.3125rem;line-height:1.5;font-weight:500;font-stretch:calc(100% + 4% * var(--wide))}
.plate{
  grid-column:9 / span 4;position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 32px);
  padding:24px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px;
}
.plate h3{font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));padding-bottom:14px;border-bottom:2px solid var(--text)}
.plate dl>div{padding:12px 0;border-bottom:1px solid var(--line)}
.plate dl>div:last-child{border-bottom:0;padding-bottom:0}
.plate dt{font-size:.8125rem;color:var(--muted)}
.plate dd{margin-top:2px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums}
@media (max-width:1023px){
  .about-copy,.plate{grid-column:1 / -1}
  .plate{position:static}
}
@media (min-width:560px) and (max-width:1023px){
  .plate dl{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  .plate dl>div:last-child{border-bottom:1px solid var(--line);padding-bottom:12px}
}

.principles{background:var(--surface);border-block:1px solid var(--line)}
.section-head h2{font-size:clamp(1.875rem,1.3rem + 2vw,2.75rem)}
.pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:44px;border-top:1px solid var(--line)}
.pr{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.pr-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;color:var(--link)}
.pr h3{font-size:1.3125rem;font-stretch:calc(100% + 15% * var(--wide));line-height:1.2}
.pr p{margin-top:8px;color:var(--muted);max-width:52ch}
@media (max-width:767px){ .pr-grid{grid-template-columns:1fr} }

.certs-first{margin-top:44px;padding-top:0;background:none}
.matrix .certs-intro{align-self:start}
.mx-grid{grid-column:5 / span 8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;align-self:start}
.mx-col h4{display:flex;align-items:flex-end;gap:10px;min-height:52px;padding-bottom:10px;border-bottom:2px solid var(--text);font-size:.9375rem;font-weight:700;font-stretch:calc(100% + 8% * var(--wide));line-height:1.25}
.mx-col h4 .ic{color:var(--link);margin-bottom:1px}
.mx-col li{padding:9px 0;border-bottom:1px solid var(--line);font-weight:600;font-stretch:calc(100% + 6% * var(--wide))}
@media (max-width:1023px){
  .mx-grid{grid-column:1 / -1}
  .matrix .certs-intro{align-self:auto}
}
@media (max-width:767px){ .mx-grid{grid-template-columns:1fr 1fr} }

@media (max-width:1023px){
  .cert-sec .certs-intro{text-align:left}
  .cert-sec .certs-intro p{margin-inline:0}
}
@media (max-width:559px){ .about-copy .about-lead{font-size:1.1875rem} }
.refs-sec{background:var(--surface);border-top:1px solid var(--line)}
.refs-sec .ref-grid{margin-top:44px}

/* =================== çözümler =================== */
.ph-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:center}
.ph-sol .ph-copy{grid-column:1 / span 7}
.ph-rack{grid-column:8 / span 5;justify-self:end;width:100%;max-width:440px}
.ph-rack .rack .frame{stroke:#3A3E45;stroke-width:1}
.sol-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin-top:36px;border-top:1px solid var(--ink-line);max-width:620px}
.sol-index a{
  display:flex;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--ink-line);
  color:#fff;font-weight:600;text-decoration:none;transition:color .15s ease;
}
.sol-index .ic{color:var(--red-light);width:18px;height:18px}
.sol-index a:hover span{text-decoration:underline;text-underline-offset:4px}
@media (max-width:1023px){
  .ph-sol .ph-copy,.ph-rack{grid-column:1 / -1}
  .ph-rack{justify-self:center;max-width:400px}
  .sol-index{margin-inline:auto;text-align:left}
}
@media (max-width:767px){ .ph-rack{display:none} }
@media (max-width:479px){ .sol-index{grid-template-columns:1fr} }

.sol-sec{padding-block:66px}
.sol-sec.is-alt{background:var(--surface);border-block:1px solid var(--line)}
.ss-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:0 24px;align-items:start}
.ss-head{grid-column:7 / span 6;grid-row:1}
.ss-art{grid-column:1 / span 5;grid-row:1 / span 2;position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 32px)}
.ss-body{grid-column:7 / span 6;grid-row:2}
.ss-panel{padding:4px 32px;background:var(--ink);border:1px solid var(--line);border-radius:2px}
.slice svg{width:100%;height:auto;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.slice .u{opacity:.3}
.slice .u.is-on{opacity:1}
.slice .u.is-on .ear{fill:var(--red)}
.ss-meta{margin-top:20px}
.ss-meta-h{font-size:.875rem;font-weight:700;color:var(--muted)}
.ss-meta .chips{margin-top:8px}
.ss-head h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem)}
.ss-lead{margin-top:14px;font-size:1.125rem;color:var(--muted);max-width:60ch}
.ss-h{margin-top:32px;padding-bottom:8px;border-bottom:2px solid var(--text);font-size:1rem;font-stretch:calc(100% + 10% * var(--wide))}
.scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.scope li{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.4}
.scope .ic{width:18px;height:18px;margin-top:1px;color:var(--link)}
.ss-proj li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:4px 20px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.ss-proj .op-desc{text-align:left}
.ss-body .actions{margin-top:32px}
@media (max-width:1023px){
  .ss-grid{grid-template-rows:none}
  .ss-head,.ss-art,.ss-body{grid-column:1 / -1;grid-row:auto}
  .ss-art{position:static;max-width:640px;margin-top:28px}
}
@media (max-width:559px){
  .scope{grid-template-columns:1fr}
  .ss-panel{padding:4px 12px}
  .ss-proj li{grid-template-columns:1fr;gap:2px}
  .ss-body .actions{flex-direction:column;align-items:stretch}
}

/* =================== referanslar =================== */
.sectors{margin-top:44px;border-top:1px solid var(--line)}
.sector{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px 24px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.sector h3{grid-column:1 / span 3;padding-top:10px;font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));line-height:1.2}
.sector .sec-count{display:block;margin-top:6px;font-size:.875rem;font-weight:600;font-stretch:100%;color:var(--muted)}
.sector ul{grid-column:4 / span 9;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}
.sector .ref-card{height:88px;text-align:center}
@media (max-width:1023px){
  .sector h3,.sector ul{grid-column:1 / -1}
  .sector h3{padding-top:0}
}
@media (max-width:559px){
  .sector ul{grid-template-columns:1fr 1fr;gap:12px}
  .sector .ref-card{height:80px}
}

.all-proj{background:var(--surface);border-top:1px solid var(--line)}
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.filter button{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:6px;
  border:1px solid var(--line-strong);background:var(--bg);color:var(--text);
  font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.filter button:hover{border-color:var(--text)}
.filter button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.filter .n{font-size:.8125rem;font-variant-numeric:tabular-nums;opacity:.7}
.filter-status{margin-top:16px;font-size:.9375rem;color:var(--muted)}
.all-proj .proj-grid{margin-top:20px;grid-auto-rows:auto}
.proj[hidden]{display:none}
@media (max-width:767px){
  .filter{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:2px var(--gutter) 8px;scrollbar-width:thin}
}

/* =================== iletişim =================== */
.page-hero .lead-wide{max-width:none}
.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:start}
.contact-info{grid-column:1 / span 5}
.form-panel{grid-column:6 / span 7;padding:clamp(24px,3vw,40px);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px}
.contact-info h2,.form-panel h2,.loc-copy h2{font-size:clamp(1.625rem,1.2rem + 1.2vw,2.125rem)}
.channels{margin-top:24px;border-top:1px solid var(--line)}
.ch{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.ch-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;color:var(--link)}
.ch dt{font-size:.875rem;color:var(--muted);font-weight:600}
.ch dd{margin-top:2px;line-height:1.5}
.ch dd a{text-decoration:none}
.ch dd a:hover{text-decoration:underline;text-underline-offset:4px}
.ch-phone{display:inline-flex;align-items:center;min-height:44px;font-size:1.625rem;font-weight:800;font-stretch:calc(100% + 12% * var(--wide));font-variant-numeric:tabular-nums}
.ch-mail{display:inline-flex;align-items:center;min-height:44px;font-size:1.1875rem;font-weight:700}

.form-sub{margin-top:8px;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.field.full{grid-column:1 / -1}
.field label{display:block;margin-bottom:6px;font-size:.9375rem;font-weight:600}
.req{color:var(--link)}
.field input:not([type="checkbox"]),.field select,.field textarea{
  display:block;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--bg);color:var(--text);font:inherit;font-size:1rem;line-height:1.4;
  transition:border-color .15s ease;
}
.field textarea{min-height:152px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--muted)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--text);outline:3px solid var(--focus);outline-offset:1px}
.field [aria-invalid="true"]{border-color:var(--link)}
.select{position:relative}
.select select{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.select::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.hint{margin-top:6px;font-size:.875rem;color:var(--muted)}
.err{margin-top:6px;font-size:.875rem;font-weight:600;color:var(--link)}
.err:empty{display:none}
.check{display:grid !important;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:0 !important;font-weight:400 !important;font-size:.9375rem !important;line-height:1.5;cursor:pointer}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--red-btn);cursor:pointer}
.check a{color:var(--link);font-weight:600;text-underline-offset:3px}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}
.note{font-size:.875rem;color:var(--muted)}
.form-ok{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.form-ok:focus{outline:none}
.ok-h{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;font-stretch:calc(100% + 12% * var(--wide))}
.form-ok p:not(.ok-h){margin-top:8px;color:var(--muted)}
.form-ok a{color:var(--link);font-weight:700;white-space:nowrap}
.form-ok .btn{margin-top:20px}
@media (max-width:1023px){
  .contact-info,.form-panel{grid-column:1 / -1}
}
@media (max-width:559px){
  .fgrid{grid-template-columns:1fr}
  .form-foot{flex-direction:column-reverse;align-items:stretch}
  .ch-phone{font-size:1.4375rem}
}

.location{background:var(--surface);border-top:1px solid var(--line)}
.loc-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px 24px;align-items:center}
.loc-copy{grid-column:1 / span 4}
.loc-addr{margin-top:16px;font-size:1.125rem;font-weight:600;line-height:1.55}
.loc-note{margin-top:12px;color:var(--muted)}
.loc-copy .actions{margin-top:28px}
.loc-map{
  grid-column:6 / span 7;padding:0;border-radius:2px;border:1px solid var(--line);
  background:
    radial-gradient(55% 70% at 35% 35%,color-mix(in srgb,var(--red) 12%,transparent),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    var(--ink);
}
.loc-map{overflow:hidden}
.loc-map .map{overflow:hidden}
.loc-map .map .city.main .city-label{font-size:5.4px;stroke-width:1.6px}
.loc-map .map .land-edge{stroke-width:.5}
.loc-map .map .core{stroke-width:.8}
.loc-map .map .pulse{stroke-width:.6}
.loc-map .map .radar{stroke:rgba(255,255,255,.08)}
@media (max-width:1023px){
  .loc-copy,.loc-map{grid-column:1 / -1}
  .loc-copy{text-align:center}
  .loc-copy .actions{justify-content:center}
}


/* =================== yasal metin sayfaları =================== */
.ph-meta{margin-top:14px;font-size:.9375rem;color:var(--on-ink-muted);font-variant-numeric:tabular-nums}
.legal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:start}
.toc{grid-column:1 / span 3;position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 32px)}
.toc h2{font-size:1rem;font-stretch:calc(100% + 10% * var(--wide));padding-bottom:10px;border-bottom:2px solid var(--text)}
.toc ol{margin-top:8px}
.toc a{
  display:flex;gap:8px;align-items:baseline;min-height:40px;padding:9px 0 9px 14px;border-left:2px solid var(--line);
  font-size:.9375rem;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .15s ease,border-color .15s ease;
}
.toc a:hover{color:var(--text);border-left-color:var(--line-strong)}
.toc a[aria-current]{color:var(--text);font-weight:700;border-left-color:var(--red)}
.toc-n{font-variant-numeric:tabular-nums}
.legal{grid-column:5 / span 8;max-width:78ch}
.lg-sec+.lg-sec{margin-top:52px;padding-top:44px;border-top:1px solid var(--line)}
.legal h2{font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);font-stretch:calc(100% + 12% * var(--wide));line-height:1.2}
.lg-n{color:var(--link);font-variant-numeric:tabular-nums}
.legal p{margin-top:16px}
.legal a{color:var(--link);font-weight:600;text-underline-offset:3px}
.lg-list{margin-top:16px}
.lg-list li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid var(--line)}
.lg-list li:first-child{border-top:1px solid var(--line)}
.lg-list li::before{content:"";position:absolute;left:2px;top:1.05em;width:7px;height:7px;background:var(--red)}
.lg-card{margin-top:20px;padding:4px 24px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px}
.lg-card>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.lg-card>div:last-child{border-bottom:0}
.lg-card dt{color:var(--muted);font-size:.9375rem}
.lg-card dd{font-weight:600}
.lg-table{margin-top:20px;overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:var(--surface)}
.lg-table table{width:100%;border-collapse:collapse;min-width:480px}
.lg-table th,.lg-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.lg-table tr:last-child th,.lg-table tr:last-child td{border-bottom:0}
.lg-table thead th{background:var(--plinth);font-size:.875rem;font-weight:700;border-bottom:2px solid var(--text)}
.lg-table tbody th{width:32%;font-weight:700}
.lg-rights{margin-top:16px;border-top:1px solid var(--line)}
.lg-rights li{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.lr-k{font-weight:800;color:var(--link)}
@media (max-width:1023px){
  .toc{grid-column:1 / -1;position:static}
  .toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .legal{grid-column:1 / -1}
}
@media (max-width:559px){
  .toc ol{grid-template-columns:1fr}
  .lg-card{padding:4px 16px}
  .lg-card>div{grid-template-columns:1fr;gap:2px}
}

/* =================== çerez politikası =================== */
.legal code{font-family:inherit;font-weight:700;font-size:.9375rem;word-break:break-all}
.ck-table tbody th{width:30%}
.ck-sub{display:block;margin-top:2px;font-size:.8125rem;font-weight:400;color:var(--muted)}
.ck-table td:nth-child(3),.ck-table td:nth-child(4){white-space:nowrap}
.ck-panel{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px;padding:4px 24px}
.ck-row{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;padding:16px 0;border-bottom:1px solid var(--line)}
.ck-row:last-child{border-bottom:0}
.legal .ck-h{margin-top:0;font-weight:700}
.legal .ck-d{margin-top:2px;font-size:.9375rem;color:var(--muted)}
.ck-state{flex:none;font-size:.875rem;font-weight:700;color:var(--muted)}
.ck-state.is-on{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
.ck-state.is-on::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--led);box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.ck-btn{flex:none;min-height:44px}
.ck-btn:disabled{opacity:.45;cursor:not-allowed}
.ck-btn:disabled:hover{background:transparent;color:var(--text)}
@media (max-width:559px){
  .lg-table .ck-table,.ck-table tbody{display:block;min-width:0;width:100%}
  .ck-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ck-table tr{display:block;padding:12px 16px;border-bottom:1px solid var(--line)}
  .ck-table tr:last-child{border-bottom:0}
  .ck-table tbody th,.ck-table td{display:block;width:auto;padding:2px 0;border:0;white-space:normal !important}
  .ck-table tbody th{padding-bottom:6px}
  .ck-table td::before{content:attr(data-label) ": ";font-weight:600;color:var(--muted)}
  .legal code{word-break:normal;overflow-wrap:anywhere}
  .ck-panel{padding:4px 16px}
  .ck-row{flex-direction:column;align-items:flex-start}
}

/* =================== WordPress (tema) =================== */
/* yönetim çubuğu açıkken yapışkan üst bar ve header */
body.admin-bar .topbar{top:calc(env(safe-area-inset-top,0px) + 32px)}
body.admin-bar .site-header{top:calc(env(safe-area-inset-top,0px) + var(--topbar-h) + 32px)}
@media (max-width:782px){
  body.admin-bar .topbar{top:46px}
  body.admin-bar .site-header{top:calc(var(--topbar-h) + 46px)}
}
@media (max-width:600px){
  body.admin-bar .topbar{top:0}
  body.admin-bar .site-header{top:var(--topbar-h)}
}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal}

/* genel içerik (sayfa, yazı, ürün açıklaması) */
.prose{max-width:78ch}
.prose>*+*{margin-top:16px}
.prose h2{margin-top:44px;font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);font-stretch:calc(100% + 12% * var(--wide));line-height:1.2}
.prose h3{margin-top:32px;font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));line-height:1.25}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose a{color:var(--link);font-weight:600;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:0}
.prose ul li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid var(--line)}
.prose ul li:first-child{border-top:1px solid var(--line)}
.prose ul li::before{content:"";position:absolute;left:2px;top:1.05em;width:7px;height:7px;background:var(--red)}
.prose ol{list-style:decimal;padding-left:1.4em}
.prose ol li{padding:4px 0}
.prose img{height:auto;border-radius:2px}
.prose figure{margin-block:24px}
.prose figcaption{margin-top:8px;font-size:.875rem;color:var(--muted)}
.prose table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line)}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--plinth);font-size:.875rem;border-bottom:2px solid var(--text)}
.prose blockquote{padding:4px 0 4px 20px;border-left:4px solid var(--red);font-size:1.125rem}
.prose-cover{margin:0 0 32px}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{margin-inline:auto}

/* blog listesi, boş durum, sayfalama */
.post-list{display:grid;gap:0;border-top:1px solid var(--line);max-width:880px}
.post-item{padding:28px 0;border-bottom:1px solid var(--line)}
.post-date{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
.post-item h2{margin-top:6px;font-size:1.5rem;font-stretch:calc(100% + 12% * var(--wide))}
.post-item h2 a{text-decoration:none}
.post-item h2 a:hover{color:var(--link)}
.post-item p:last-child{margin-top:8px;color:var(--muted)}
.empty-state{padding:44px 32px;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px;background:var(--surface)}
.empty-state h2,.empty-state h3{font-size:1.5rem;font-stretch:calc(100% + 12% * var(--wide))}
.empty-state p{margin-top:10px;color:var(--muted);max-width:60ch}
.empty-state .actions{margin-top:24px}
.empty-state>.actions:first-child{margin-top:0}
.pager{margin-top:44px}
.pager .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.pager .page-numbers{
  display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 14px;border-radius:6px;
  border:1px solid var(--line-strong);background:var(--bg);color:var(--text);font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;
}
.pager a.page-numbers:hover{border-color:var(--text)}
.pager .page-numbers.current{background:var(--text);border-color:var(--text);color:var(--bg)}
.pager .page-numbers.dots{border-color:transparent;background:none}

/* formlar: bot tuzağı, sunucu hata mesajı */
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-alert{margin-top:20px;padding:14px 16px;border:1px solid var(--link);border-left-width:4px;border-radius:2px;background:var(--bg);color:var(--text);font-weight:600}
.form-sub strong{color:var(--text)}

/* teklif iste */
.q-steps{margin-top:24px;border-top:1px solid var(--line)}
.q-steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.q-n{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;color:var(--link);font-weight:800;font-stretch:calc(100% + 12% * var(--wide));font-variant-numeric:tabular-nums}
.q-steps h3{font-size:1.125rem;font-stretch:calc(100% + 12% * var(--wide));line-height:1.3}
.q-steps p{margin-top:4px;color:var(--muted);font-size:1rem}
.q-direct{margin-top:36px;font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide))}
.quote .channels{margin-top:16px}

/* Fluent Forms (Özelleştir > Formlar'da form ID girilirse) */
.ff-wrap{margin-top:28px}
.ff-wrap .ff-el-group{margin-bottom:20px}
.ff-wrap .ff-el-input--label label{font-size:.9375rem;font-weight:600;color:var(--text)}
.ff-wrap .ff-el-is-required.asterisk-right label:after{color:var(--link)}
.ff-wrap .ff-el-form-control{
  min-height:48px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--bg);color:var(--text);font:inherit;font-size:1rem;line-height:1.4;box-shadow:none;
}
.ff-wrap textarea.ff-el-form-control{min-height:152px}
.ff-wrap .ff-el-form-control:focus{border-color:var(--text);outline:3px solid var(--focus);outline-offset:1px;box-shadow:none}
.ff-wrap .ff-el-is-error .ff-el-form-control{border-color:var(--link)}
.ff-wrap .error,.ff-wrap .text-danger{color:var(--link);font-size:.875rem;font-weight:600}
.ff-wrap .ff-el-help-message{color:var(--muted);font-size:.875rem}
.ff-wrap .ff-btn-submit,.ff-wrap .ff-btn-submit:hover{
  min-height:48px;padding:0 22px;border-radius:6px;border:0;background:var(--red-btn) !important;color:#fff !important;
  font:inherit;font-weight:700;font-stretch:calc(100% + 8% * var(--wide));opacity:1;
}
.ff-wrap .ff-btn-submit:hover{background:var(--red-btn-hover) !important}
.ff-wrap .ff-message-success{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg);box-shadow:none}
.ff-wrap input[type="checkbox"]{accent-color:var(--red-btn)}

/* ürünler: kart görseli (süzgeç ve katalog stilleri dosyanın sonunda) */
.product-media img{width:100%;height:100%;object-fit:contain}
.specs-empty{border-top:0}

/* ürün detay: solda görsel, açıklama ve teknik özellikler alt alta; sağda yapışkan teknik özet */
.pd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:start}
.pd-left{grid-column:1 / span 7;display:flex;flex-direction:column;gap:44px;min-width:0}
.pd-main{margin:0;border:1px solid var(--line);border-radius:2px}
.pd-plate{grid-column:9 / span 4}
.pd-plate h2{font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));padding-bottom:14px;border-bottom:2px solid var(--text)}
.pd-plate dl>div:last-child{border-bottom:1px solid var(--line);padding-bottom:12px}
.pd-actions{display:grid;gap:12px;margin-top:24px}
.pd-actions .btn-primary::after{display:none}
.pd-note{margin-top:14px;font-size:.875rem;color:var(--muted)}
.pd-body{display:flex;flex-direction:column;gap:44px}
.pd-body .ss-h{margin-top:0;margin-bottom:16px}
.pd-specs .lg-table{margin-top:0}
.pd-specs .lg-table table{min-width:0}
.pd-specs .lg-table tbody th{width:45%;font-size:.9375rem;color:var(--muted);font-weight:600}
.pd-specs .lg-table td{font-weight:600;font-variant-numeric:tabular-nums}

/* görsel galerisi: sırayla değişen slaytlar + küçük resimler */
.pd-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:2px;padding:0}
.pd-stage:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pd-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:6%;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.pd-slide.is-active{opacity:1;visibility:visible;transition:opacity .45s ease}
.pd-slide img{width:100%;height:100%;object-fit:contain}
.pd-nav{
  position:absolute;top:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:6px;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;opacity:.92;
  transition:opacity .15s ease,border-color .15s ease;
}
.pd-prev{left:12px}
.pd-next{right:12px}
.pd-nav:hover{opacity:1;border-color:var(--text)}
.pd-bar{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:6px}
.pd-count{padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}
.pd-play{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}
.pd-play .ic{width:14px;height:14px}
.pd-play .when-paused,.pd-play[aria-pressed="true"] .when-play{display:none}
.pd-play[aria-pressed="true"] .when-paused{display:contents}
.pd-play .when-play{display:contents}
.pd-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pd-thumb{display:grid;place-items:center;width:84px;height:64px;padding:4px;border:1px solid var(--line-strong);border-radius:2px;background:var(--plinth);cursor:pointer;opacity:.75;transition:opacity .15s ease,border-color .15s ease}
.pd-thumb:hover{opacity:1;border-color:var(--text)}
.pd-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pd-thumb[aria-pressed="true"]{opacity:1;border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
@media (prefers-reduced-motion:reduce){ .pd-slide,.pd-slide.is-active{transition:none} }
@media (max-width:559px){
  .pd-nav{width:40px;height:40px}
  .pd-prev{left:8px} .pd-next{right:8px}
  .pd-thumb{width:64px;height:52px}
}

.related{background:var(--surface);border-top:1px solid var(--line)}
@media (max-width:1023px){
  /* telefon/tablet sırası: görsel, teknik özet (Teklif İste), açıklama ve özellikler */
  .pd-grid{display:flex;flex-direction:column;gap:32px;align-items:stretch}
  .pd-left{display:contents}
  .pd-media{order:1}
  .pd-plate{order:2;position:static}
  .pd-body{order:3}
}

/* marka kartında logo (VDITURK > Ana sayfa > Markalar) */
.brand-card .brand-logo{max-width:150px;max-height:44px;width:auto;height:auto;object-fit:contain}

/* =================== bloklar (v1.2) =================== */
/* Markalar / Sertifikalar / Referans logoları arka arkaya gelince tek bölüm gibi birleşir */
.vdi-stack:has(+ .vdi-stack){padding-bottom:0;border-bottom:0}
.vdi-stack + .vdi-stack{padding-top:66px}
.vdi-stack + .vdi-stack > .certs,.vdi-stack + .vdi-stack > .refs{margin-top:0}
.vdi-stack:not(.vdi-stack + .vdi-stack) > .certs,
.vdi-stack:not(.vdi-stack + .vdi-stack) > .refs{margin-top:0;padding-top:0;background:none}

/* çözümler: kutucuklar */
.sol-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sol-cards>li{display:flex}
.sol-intro-card{
  flex-direction:column;align-items:flex-start;padding:28px 26px;border-radius:12px;color:var(--on-ink);
  background:
    radial-gradient(80% 70% at 100% 0%,color-mix(in srgb,var(--red) 16%,transparent),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    var(--ink);
  border-top:4px solid var(--red);
}
.sol-intro-card h2{font-size:clamp(1.75rem,1.2rem + 1.1vw,2.25rem);color:#fff;overflow-wrap:anywhere}
.sol-intro-card p{margin:14px 0 28px;color:var(--on-ink-muted);font-size:1rem}
.sol-intro-card h2{margin-bottom:28px}
.sol-intro-card h2:has(+ p){margin-bottom:0}
.sol-intro-card .btn{margin-top:auto}
.sol-intro-card :focus-visible{outline-color:#fff}
.sol-card{
  position:relative;display:flex;flex-direction:column;width:100%;padding:24px 24px 22px;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;
  transition:border-color .15s ease;
}
.sol-card:hover,.sol-card:focus-visible{border-color:var(--line-strong)}
.sol-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.sol-no{font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}
.sol-card .sol-title{margin-top:20px}
.sol-card .sol-desc{font-size:.9375rem}
.sol-card .sol-brands{margin-top:auto;padding-top:16px;font-size:.8125rem}
.sol-card:hover .sol-ic,.sol-card:focus-visible .sol-ic{color:var(--link);border-color:var(--link)}
.sol-card:hover .sol-title,.sol-card:focus-visible .sol-title{color:var(--link)}
@media (max-width:1139px){ .sol-cards{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:1023px){
  .sol-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sol-intro-card{grid-column:1 / -1;text-align:left}
}
@media (max-width:559px){ .sol-cards{grid-template-columns:1fr} }

/* çözümler sayfası: kabinsiz başlık ve bölümler */
.ph-sol .sol-index{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-width:none}
@media (max-width:1023px){ .ph-sol .sol-index{max-width:720px} }
.ss-plate{
  position:relative;display:flex;justify-content:space-between;align-items:flex-end;min-height:220px;padding:28px;
  border-radius:2px;border-top:4px solid var(--red);color:#fff;
  background:
    radial-gradient(70% 80% at 100% 100%,color-mix(in srgb,var(--red) 16%,transparent),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,
    var(--ink);
}
.ss-ic{
  display:grid;place-items:center;width:76px;height:76px;border-radius:14px;color:#fff;
  background:linear-gradient(145deg,color-mix(in srgb,var(--red) 92%,#fff),var(--red-btn-hover));
  box-shadow:0 10px 28px -10px color-mix(in srgb,var(--red) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.2);
}
.ss-ic .ic{width:34px;height:34px}
.ss-no{font-size:clamp(3rem,2rem + 3vw,4.5rem);font-weight:800;font-stretch:calc(100% + 18% * var(--wide));line-height:.9;color:rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
.ss-no small{font-size:.35em;font-weight:700;margin-left:4px;color:rgba(255,255,255,.3)}
@media (max-width:1023px){ .ss-plate{min-height:160px} }
@media (max-width:559px){ .ss-plate{min-height:132px;padding:20px} .ss-ic{width:60px;height:60px} .ss-ic .ic{width:28px;height:28px} }

/* blok sayfalarında çekirdek bloklar (paragraf, başlık, görsel) içerik genişliğinde */
.vdi-blocks > :not(section):not(.wp-block-group):not(.alignfull){max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.vdi-blocks > p,.vdi-blocks > h2,.vdi-blocks > h3,.vdi-blocks > ul,.vdi-blocks > ol{max-width:calc(78ch + 2 * var(--gutter))}
.vdi-blocks > :not(section) + :not(section){margin-top:16px}
.vdi-blocks > section + :not(section){margin-top:var(--sec)}
.vdi-blocks > :not(section) + section{margin-top:var(--sec)}

/* =================== ürünler (v1.3) =================== */
/* sayfa başlığında kategori dizini: kategori sayısı ne olursa olsun satırlara sarar.
   Her kutunun solunda ve üstünde çizgi; ilk sütunun sol çizgisi ve boşluğu kapsayıcının dışında kalır. */
.cat-index-wrap{margin-top:clamp(36px,4vw,52px);overflow:hidden}
.cat-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr));margin-left:-21px}
.cat-index li{border-left:1px solid var(--ink-line);border-top:1px solid var(--ink-line);min-width:0}
.cat-index a{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;gap:14px;height:100%;padding:20px 20px 18px;color:#fff;text-decoration:none}
.cat-index .ic{width:24px;height:24px;margin-top:2px;color:var(--red-light)}
.ci-name{display:block;font-size:1.25rem;font-weight:800;font-stretch:calc(100% + 14% * var(--wide));line-height:1.2;overflow-wrap:anywhere}
.ci-n{display:block;margin-top:4px;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums}
.ci-sub{display:block;margin-top:2px;font-size:.875rem;color:var(--on-ink-muted);line-height:1.45}
.cat-index a:hover .ci-name{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.cat-index a:focus-visible{outline-offset:-3px}
@media (max-width:767px){
  .cat-index{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
  .cat-index a{grid-template-columns:1fr;gap:8px;padding:16px 16px 16px 20px}
  .ci-name{font-size:1.125rem}
}

/* katalog: solda süzgeçler, sağda ürünler */
.cat-grid{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"facets bar" "facets main";grid-template-rows:auto 1fr;gap:0 44px;align-items:start}
.cat-bar{grid-area:bar;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:2px solid var(--text)}
.cat-main{grid-area:main;min-width:0}
.result{margin-right:auto;font-size:1.0625rem;color:var(--muted)}
.result strong{color:var(--text);font-weight:800;font-stretch:calc(100% + 12% * var(--wide));font-variant-numeric:tabular-nums}
.sort{display:flex;align-items:center;gap:10px}
.sort label{font-size:.9375rem;font-weight:600;color:var(--muted)}
.sort select{
  appearance:none;-webkit-appearance:none;min-height:44px;padding:0 42px 0 14px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--surface);color:var(--text);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;
}
.sort select:hover{border-color:var(--muted)}
.filter-toggle{display:none;min-height:44px;padding:0 16px}
.ft-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--red-btn);color:#fff;font-size:.8125rem;font-variant-numeric:tabular-nums}
.ft-n[hidden]{display:none}

.facets{grid-area:facets;position:sticky;top:calc(var(--header-h) + var(--topbar-h) + 24px);max-height:calc(100vh - var(--header-h) - var(--topbar-h) - 48px);overflow-y:auto;padding-right:14px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
/* kaydırma çubuğu sayılara yapışmasın: yeri her zaman ayrılır, ince ve soluk */
.facets::-webkit-scrollbar{width:6px}
.facets::-webkit-scrollbar-track{background:transparent}
.facets::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}
.facets::-webkit-scrollbar-thumb:hover{background:var(--muted)}
.facet{border:0;padding:0;min-width:0}
.facet+.facet{margin-top:28px}
.facet-h{display:block;width:100%;padding:0 0 8px;border-bottom:2px solid var(--text);font-size:.9375rem;font-weight:700;font-stretch:calc(100% + 10% * var(--wide))}
.facet-search .facet-h{border-bottom:0;padding-bottom:6px}
.search-box{position:relative}
.search-box .ic{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--muted);pointer-events:none}
.search-box input{
  display:block;width:100%;min-height:48px;padding:10px 12px 10px 42px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--surface);color:var(--text);font:inherit;font-size:1rem;
}
.search-box input::placeholder{color:var(--muted);opacity:1}
.search-box input:hover{border-color:var(--muted)}
.search-box input:focus-visible,.sort select:focus-visible{border-color:var(--text);outline:3px solid var(--focus);outline-offset:1px}
.opt{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;min-height:44px;border-bottom:1px solid var(--line);cursor:pointer}
.opt input{width:18px;height:18px;margin:0;accent-color:var(--red-btn);cursor:pointer}
.opt-t{font-weight:600;font-stretch:calc(100% + 4% * var(--wide))}
.opt-n{min-width:28px;text-align:right;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
.opt:hover .opt-t{text-decoration:underline;text-underline-offset:4px}
.opt:has(input:checked) .opt-t{color:var(--link)}
.opt.is-zero{cursor:default}
.opt.is-zero .opt-t,.opt.is-zero .opt-n{opacity:.45}
.opt.is-zero:hover .opt-t{text-decoration:none}
.opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.opt input:focus-visible{outline:none}
.clear-all{
  display:inline-flex;align-items:center;min-height:44px;margin-top:16px;padding:0;border:0;background:none;
  color:var(--link);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;cursor:pointer;
}
.clear-all:disabled{color:var(--muted);text-decoration:none;cursor:default;opacity:.6}

/* kategoriye özel teknik süzgeçler */
.facet-hint{margin-top:24px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:2px;font-size:.9375rem;line-height:1.5;color:var(--muted)}
.facet-hint[hidden],.fcat[hidden],.facet-marka li[hidden]{display:none}
.fcat{margin-top:32px}
.fcat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff;border-radius:2px;font-size:1rem;font-weight:800;font-stretch:calc(100% + 12% * var(--wide))}
.fcat-h .ic{width:18px;height:18px;color:var(--red-light)}
.fgroup{border-bottom:1px solid var(--line)}
.fgroup summary{
  display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 0;cursor:pointer;list-style:none;
  font-size:.9375rem;font-weight:700;font-stretch:calc(100% + 8% * var(--wide));line-height:1.3;
}
.fgroup summary::-webkit-details-marker{display:none}
.fg-t{flex:1}
.fg-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--text);color:var(--bg);font-size:.75rem;font-variant-numeric:tabular-nums}
.fg-n[hidden]{display:none}
.chev{width:18px;height:18px;color:var(--muted);transition:transform .15s ease}
.fgroup[open] .chev{transform:rotate(180deg)}
.fgroup summary:hover .fg-t{text-decoration:underline;text-underline-offset:4px}
.fgroup summary:focus-visible{outline-offset:2px}
.fgroup fieldset{border:0;padding:0 0 14px;margin:0;min-width:0}
.fgroup .opt:last-child{border-bottom:0}
.fgroup li:last-child .opt{border-bottom:0}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{
  position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;
  border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);
  font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.fchip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.fchip .opt-n{min-width:0;font-size:.75rem;font-weight:600}
.fchip:hover{border-color:var(--text)}
.fchip:has(input:checked){background:var(--text);border-color:var(--text);color:var(--bg)}
.fchip:has(input:checked) .opt-n{color:inherit;opacity:.7}
.fchip:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.fchip.is-zero{cursor:default;opacity:.4;border-style:dashed}
.fchip.is-zero:hover{border-color:var(--line-strong)}
.fchip.is-zero input,.opt input:disabled{cursor:default}

.facets-done{display:none}
.chips-active{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips-active:empty{display:none}
.chips-active button{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 14px;border-radius:999px;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;
}
.chips-active button:hover{border-color:var(--text)}
.chips-active .ic{width:16px;height:16px;color:var(--muted)}

.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.catalog-grid .product[hidden]{display:none}
.catalog-grid .specs div{display:block;padding:7px 0}
.catalog-grid .specs dt{font-size:.8125rem;line-height:1.35}
.catalog-grid .specs dd{text-align:left;line-height:1.35;margin-top:1px}
.product-ask{
  display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px;
  border:1px dashed var(--line-strong);border-radius:2px;background:transparent;
}
.ask-ic{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;color:var(--link)}
.product-ask h3{margin-top:20px;font-size:1.25rem;font-stretch:calc(100% + 12% * var(--wide));line-height:1.2}
.product-ask p{margin-top:10px;color:var(--muted);font-size:.9375rem}
.ask-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:auto;padding-top:24px}
.ask-phone{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-variant-numeric:tabular-nums;text-decoration:none}
.ask-phone .ic{width:18px;height:18px;color:var(--link)}
.ask-phone:hover span{text-decoration:underline;text-underline-offset:4px}
.empty{margin-top:24px;padding:44px 24px;border:1px dashed var(--line-strong);border-radius:2px;text-align:center}
.empty-h{font-size:1.25rem;font-weight:800;font-stretch:calc(100% + 12% * var(--wide))}
.empty p:not(.empty-h){margin:8px auto 0;max-width:52ch;color:var(--muted)}
.empty .actions{justify-content:center;margin-top:24px}

@media (max-width:1179px){ .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:1023px){
  .cat-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "facets" "main"}
  .filter-toggle{display:inline-flex}
  .sort{margin-left:auto}
  .facets{display:none;position:static;max-height:none;overflow:visible;margin-top:16px;padding:20px;
    background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px}
  .facets.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;align-items:start}
  .facets .facet+.facet{margin-top:0}
  .facet-search,.clear-all,.facet-hint,.fcat{grid-column:1 / -1}
  .facet-hint,.fcat{margin-top:0}
  .fcat:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}
  .fcat-h{grid-column:1 / -1;margin-bottom:4px}
  .clear-all{margin-top:0;justify-self:start}
  .facets-done{display:flex;grid-column:1 / -1;position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2;width:100%;box-shadow:0 0 0 8px var(--surface)}
  .facets-done::after{display:none}
}
@media (max-width:559px){
  .catalog-grid{grid-template-columns:1fr}
  .catalog-grid .product-media{aspect-ratio:16 / 7}
  .facets.open,.fcat:not([hidden]){grid-template-columns:1fr}
  .sort label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .cat-bar{gap:12px 8px}
  .filter-toggle{padding:0 12px;gap:6px}
  .result{order:3;flex-basis:100%;margin-right:0}
  .sort select{width:140px;padding:0 34px 0 12px;text-overflow:ellipsis}
  .sort .select::after{right:15px}
}

/* WordPress: sunucuda süzme, çipler ve temizle bağlantı; JS yokken de çalışır */
.chips-active a{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px 0 14px;border-radius:999px;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:600;text-decoration:none;
}
.chips-active a:hover{border-color:var(--text)}
.chips-active a .ic{width:16px;height:16px;color:var(--muted)}
.facets-done{display:flex;width:100%;margin-top:20px}
.facets-done::after{display:none}
.facets.pf-js .facets-done{display:none}
.cat-main .pager{margin-top:32px}
#pf-root[aria-busy="true"] .cat-main{opacity:.55;transition:opacity .15s ease .1s}
.ph-products .ph-copy{max-width:none}
@media (max-width:1023px){
  .facets:not(.pf-js){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;align-items:start;position:static;max-height:none;overflow:visible;margin-top:16px;padding:20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:2px}
  .facets.pf-js .facets-done{display:flex}
  .facets:not(.pf-js) .facets-done{position:static;box-shadow:none}
}
@media (max-width:559px){
  .facets:not(.pf-js){grid-template-columns:1fr}
}

/* =================== v1.3.4: oklar kaldırıldı (kullanıcı kararı) =================== */
/* üst menüdeki Teklif İste düğmesinin altındaki üçgen ve sayfa başlığı bandının altındaki üçgen yok */
.header-cta::after,.nav-cta::after,.page-hero::after{display:none}

/* ürünler: soldaki panelde yalnız başlıklar kalın; seçenekler, sayılar ve bağlantı normal */
.facets .opt-t,.facets .fchip,.facets .clear-all{font-weight:400}
.facets .opt-t{font-stretch:100%}
.facets .opt:has(input:checked) .opt-t,.facets .fchip:has(input:checked){font-weight:400}
.facets .search-box input{font-weight:400}
/* katalog kartı: Teklif İste düğmesi yok */
.catalog-grid .product .specs{margin-bottom:0}
/* sayfalama ve sayfa başına ürün */
.cat-foot{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:32px}
.cat-foot .pager{margin-top:0}
.per-page{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:.9375rem;color:var(--muted)}
.per-page label{font-weight:400}
.per-page select{
  appearance:none;-webkit-appearance:none;min-height:44px;padding:0 40px 0 14px;border:1px solid var(--line-strong);border-radius:6px;
  background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;
}
.per-page select:hover{border-color:var(--muted)}
.per-page select:focus-visible{border-color:var(--text);outline:3px solid var(--focus);outline-offset:1px}
.facets{padding-bottom:4px}

/* =================== v1.3.5 =================== */
/* ürünler: sol panelde üzerine gelince alt çizgi yok */
.facets .opt:hover .opt-t,.facets .fgroup summary:hover .fg-t{text-decoration:none}

/* çözümler: çözüme görsel yüklendiyse numaralı kutunun yerine görsel */
.ss-plate.has-img{display:block;min-height:0;padding:0;overflow:hidden;background:var(--plinth)}
.ss-plate.has-img img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}
@media (max-width:1023px){ .ss-plate.has-img{min-height:0} }

/* =================== v1.3.6: bağlantılarda alt çizgi yok (kullanıcı kararı) =================== */
/* Üst bar, breadcrumb, alt bilgi, "Projenizi konuşalım", iletişim kanalları, çözüm dizini, kategori kutuları:
   üzerine gelince imleç değişir, alt çizgi çıkmaz. Metin içi bağlantılar (yasal metinler, ürün açıklaması) etkilenmez. */
.tb-contact a:hover span,
.crumbs a,.crumbs a:hover,
.cta-phone:hover span,
.f-contact a,.f-contact a:hover,.f-contact .map-link,.f-links a:hover,
.ch dd a:hover,
.sol-index a:hover span,
.cat-index a:hover .ci-name,
.ask-phone:hover span,
.product-title a:hover{text-decoration:none}
/* ürün adı: üzerine gelince buton kırmızısı */
.product-title a{transition:color .15s ease}
.product-title a:hover{color:var(--red-btn)}
/* ürünler: "Filtreleri temizle" panelin altında tam genişlikte ikincil buton */
.facets .clear-all.btn{
  display:flex;width:100%;min-height:48px;margin-top:24px;padding:0 22px;
  border:2px solid var(--text);border-radius:6px;background:transparent;
  color:var(--text);font-weight:700;text-decoration:none;
}
.facets .clear-all.btn:hover{background:var(--text);color:var(--bg)}
@media (max-width:1023px){ .facets .clear-all.btn{justify-self:stretch;margin-top:0} }

/* =================== v1.3.7: ana sayfa girişi slider =================== */
.hero-slider{padding-block:0}
.hs-viewport{display:grid}
.hs-slide{
  grid-area:1 / 1;position:relative;display:flex;align-items:center;
  min-height:clamp(480px,64vh,660px);padding-block:clamp(56px,7vw,96px) 112px;
  opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s;
}
.hs-slide.is-active{opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s}
.hs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hs-slide.has-img::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(17,19,23,var(--ov1)) 0%,rgba(17,19,23,var(--ov2)) 48%,rgba(17,19,23,var(--ov3)) 100%),
             linear-gradient(transparent 55%,color-mix(in srgb,var(--ink) 70%,transparent));
}
.ov-hafif{--ov1:.75;--ov2:.4;--ov3:.05}
.ov-orta{--ov1:.88;--ov2:.6;--ov3:.2}
.ov-guclu{--ov1:.94;--ov2:.78;--ov3:.5}
.hs-copy{position:relative;z-index:2;width:100%}
.hs-copy .hero-copy{max-width:760px}
.hero .hs-title{font-size:clamp(2.25rem,1.2rem + 3.3vw,3.625rem);font-stretch:calc(100% + 8% * var(--wide));line-height:1.04;color:#fff;font-weight:800}
.hero .hs-title span{display:block}
.hero .hs-title .hl{color:var(--red)}
.hs-ui{position:relative;z-index:3;display:flex;align-items:center;gap:10px;margin-top:-88px;height:88px}
.hs-dots{display:flex;align-items:center;gap:4px;margin-inline:6px}
.hs-dot{position:relative;width:34px;height:32px;padding:0;border:0;background:none;cursor:pointer}
.hs-dot::before{content:"";position:absolute;left:3px;right:3px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px;background:rgba(255,255,255,.35);transition:background-color .2s}
.hs-dot:hover::before{background:rgba(255,255,255,.7)}
.hs-dot[aria-current="true"]::before{background:var(--red)}
.hs-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:color-mix(in srgb,var(--ink) 40%,transparent);color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}
.hs-arrow:hover{background:rgba(255,255,255,.12);border-color:#fff}
.hs-arrow .ic{width:18px;height:18px}
.hs-play{margin-left:4px}
.hs-play .i-play,.hs-play.is-paused .i-pause{display:none}
.hs-play.is-paused .i-play{display:inline-flex}
.hs-stats{position:relative;z-index:2;padding-bottom:clamp(56px,8vw,110px)}
.hs-stats .stats{margin-top:0}
@media (max-width:1023px){
  .hs-copy .hero-copy{margin-inline:auto}
  .hs-ui{justify-content:center}
}
@media (max-width:767px){
  .hs-slide{min-height:clamp(440px,80vh,600px)}
  .hs-slide.has-img::before{background:rgba(17,19,23,calc(var(--ov2) + .12))}
  .hs-arrow.hs-prev,.hs-arrow.hs-next{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hs-slide,.hs-slide.is-active{transition:none}
}

/* v1.3.8: haritada şehre özel renk (--c), çizgi hedef şehrin renginde */
.map .route-base{stroke:var(--c,var(--red));stroke-opacity:.3}
.map .route-flow{stroke:var(--c,var(--red))}
.map .core{fill:var(--c,var(--red))}
.map .pulse{stroke:var(--c,var(--red))}

/* =================== v1.3.9: site içi arama, 404 =================== */
.tb-search + .tb-theme{margin-left:0}
.search-drop{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 92%,#fff);box-shadow:0 18px 40px rgba(0,0,0,.35);padding-block:16px}
.search-drop[hidden]{display:none}
.search-form{position:relative;display:flex;gap:10px;align-items:stretch;max-width:760px}
.search-form .sf-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;color:var(--muted);pointer-events:none}
.search-form .sf-ic .ic{width:18px;height:18px}
.search-form input[type=search]{flex:1;min-width:0;height:52px;padding:0 16px 0 46px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:1rem}
.search-form input[type=search]:focus{outline:2px solid var(--red);outline-offset:1px;border-color:transparent}
.search-form .btn{flex:none;min-width:96px}
.search-drop .search-form,.page-hero .search-form{max-width:760px}
.search-drop .search-form input[type=search],.page-hero .search-form input[type=search]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff}
.search-drop .search-form input::placeholder,.page-hero .search-form input::placeholder{color:#9AA0A8}
.search-drop .sf-ic,.page-hero .sf-ic{color:#9AA0A8}
.ph-search-form{margin-top:28px}
.sr-sec + .sr-sec{padding-top:0}
.sr-n{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;margin-left:8px;border-radius:999px;background:var(--red);color:#fff;font-size:.9375rem;font-stretch:100%;vertical-align:middle}
.sr .product-grid{margin-top:28px}
.sr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:28px}
.nf-cards{margin-top:0}
.sr-card{display:flex;gap:16px;align-items:flex-start;height:100%;padding:20px 22px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}
.sr-card:hover{border-color:var(--red);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sr-card strong{display:block;font-size:1.0625rem}
.sr-sub{display:block;margin-top:4px;color:var(--muted);font-size:.9375rem;line-height:1.5}
.sr-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:6px;background:var(--red);color:#fff}
.sr-ic .ic{width:20px;height:20px}
@media (max-width:559px){
  .search-form{flex-direction:column}
  .search-form input[type=search]{flex:none;width:100%}
  .search-form .sf-ic{top:26px}
  .search-form .btn{width:100%}
}

/* =================== v1.3.10: Complianz çerez şeridi sitenin tasarımında =================== */
#cmplz-cookiebanner-container .cmplz-cookiebanner,#cmplz-manage-consent .cmplz-manage-consent{
  --cmplz_banner_width:500px;
  --cmplz_banner_background_color:var(--surface);
  --cmplz_banner_border_color:var(--line);
  --cmplz_banner_border_width:1px;
  --cmplz_banner_border_radius:2px;
  --cmplz_banner_margin:16px;
  --cmplz_text_color:var(--text);
  --cmplz_hyperlink_color:var(--red-ink);
  --cmplz_title_font_size:1.125rem;
  --cmplz_text_font_size:.9375rem;
  --cmplz_link_font_size:.875rem;
  --cmplz_category_body_font_size:.875rem;
  --cmplz_category_header_title_font_size:.9375rem;
  --cmplz_category_header_active_font_size:.8125rem;
  --cmplz_category_header_always_active_color:var(--muted);
  --cmplz_button_font_size:.9375rem;
  --cmplz_button_border_radius:6px;
  --cmplz_button_accept_background_color:var(--red-btn);
  --cmplz_button_accept_border_color:var(--red-btn);
  --cmplz_button_accept_text_color:#fff;
  --cmplz_button_deny_background_color:transparent;
  --cmplz_button_deny_border_color:var(--text);
  --cmplz_button_deny_text_color:var(--text);
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:var(--line-strong);
  --cmplz_button_settings_text_color:var(--text);
  --cmplz_slider_active_color:var(--red-btn);
  --cmplz_slider_inactive_color:var(--line-strong);
  --cmplz_slider_bullet_color:#fff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner{
  font-family:inherit;border-top:4px solid var(--red);box-shadow:0 24px 60px rgba(0,0,0,.28);padding:24px 24px 20px;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{font-weight:800;font-stretch:calc(100% + 12% * var(--wide));color:var(--text)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message{color:var(--muted);line-height:1.6}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{color:var(--text)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider{border-color:var(--line)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{
  height:auto;min-height:46px;padding:10px 14px;border-width:2px;font-family:inherit;font-weight:700;font-stretch:calc(100% + 8% * var(--wide));
  white-space:normal;line-height:1.2;transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:var(--red-btn-hover);border-color:var(--red-btn-hover)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover{background:var(--text);color:var(--bg)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{border-color:var(--text)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category{background:var(--bg);border:1px solid var(--line);border-radius:2px}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-category-header .cmplz-category-title{font-weight:700;color:var(--text)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-description{color:var(--muted)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category .cmplz-icon.cmplz-open{filter:none;color:var(--text)}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links .cmplz-link{text-decoration:underline;text-underline-offset:3px}
#cmplz-cookiebanner-container .cmplz-cookiebanner :focus-visible{outline:2px solid var(--red);outline-offset:2px}
#cmplz-manage-consent .cmplz-manage-consent{
  font-family:inherit;font-weight:700;font-size:.875rem;background:var(--surface);color:var(--text);
  border:1px solid var(--line);border-bottom:0;border-top:3px solid var(--red);box-shadow:0 -6px 20px rgba(0,0,0,.12);
}
@media (max-width:559px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner{padding:20px 18px 16px}
}