/* videokonferanssistemi.com - tek stil dosyasi (WordPress/Elementor yerine sade HTML + CSS).
   Bolumler: 1 Temel  2 Yerlesim  3 Ust menu  4 Sayfa basligi  5 Urun izgarasi  6 Alt bilgi  7 Duyarli kurallar
   Kirilma noktalari (eski siteyle ayni): tablet <=1024px, mobil <=767px. */

/* ---------- 0. Yazi tipleri (altkume, Turkce karakterler dahil) ---------- */
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2013-2014,U+2018-201D,U+2026}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-600-ext.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F}
@font-face{font-family:Questrial;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/questrial-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2013-2014,U+2018-201D,U+2026}
@font-face{font-family:Questrial;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/questrial-ext.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F}

@layer base,core;
/* ---------- 1. Temel ---------- */
@layer base{
:root{--red:#bd1e2c;--orange:#f26d21;--slate:#54595f;--ink:#333;--link:#c36;--muted:#7a7a7a;--sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
*,::before,::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 1rem/1.5 var(--sys);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
main{display:block}
h1,h2,h3,h4,h5,h6{margin:.5rem 0 1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}
p{margin:0 0 .9rem}
a{color:var(--link);text-decoration:none;background-color:transparent}
a:hover,a:active{color:#336}
b,strong{font-weight:bolder}
.nb{white-space:nowrap}
img{border:0;height:auto;max-width:100%}
.hardware-art{border:1px solid #aaa6b3;border-radius:20px;background:#fff}
dd,dl,dt,li,ol,ul{margin:0}
button{font:inherit;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:#fff;padding:8px 14px}
.skip:focus{left:8px;top:8px}
svg.i{display:inline-block;height:1em;width:auto;fill:currentColor;vertical-align:-.125em}
}

/* ---------- 2. Yerlesim ve genel bilesenler ----------
   @layer core: sayfalara ozel kurallar (her sayfanin <style> blogu) bunlarin her zaman ustundedir. */
@layer core{
.sec{position:relative}
.row{display:flex;position:relative;margin:0 auto;max-width:var(--max,1140px)}
.fw>.row{--max:none}
.col{--w:100%;display:flex;position:relative;min-height:1px;width:var(--w)}
.in{display:flex;flex-wrap:wrap;align-content:flex-start;position:relative;width:100%;padding:10px}
.in--empty{padding:0}
.gn>.col>.in{padding:5px}.gx>.col>.in{padding:15px}.gw>.col>.in{padding:20px}.gww>.col>.in{padding:30px}.g0>.col>.in{padding:0}
.im>.row{align-items:center}.ib2>.row{align-items:flex-end}
.cm>.row>.col>.in{align-content:center;align-items:center}.cb>.row>.col>.in{align-content:flex-end;align-items:flex-end}
.in>*{width:100%}
.w{position:relative}
.in>.w:not(:last-child){margin-bottom:20px}
.in>.w:not(:last-child).abs,.in>.w:not(:last-child).wauto,.in>.w:not(:last-child).winit{margin-bottom:0}
.in>.wauto,.in>.winit{max-width:100%}
.in>.wauto{width:auto}.in>.winit{width:initial}
.in>.abs{position:absolute;z-index:1}
.al-c{text-align:center}.al-l{text-align:left}.al-r{text-align:right}
@media (max-width:1024px){.alt-c{text-align:center}.alt-l{text-align:left}.alt-r{text-align:right}.in>.wt-auto,.in>.wt-init{max-width:100%}
 .rev-t>.row>:first-child{order:10}.rev-t>.row>:nth-child(2){order:9}.rev-t>.row>:nth-child(3){order:8}}
@media (max-width:767px){.alm-c{text-align:center}.alm-l{text-align:left}.alm-r{text-align:right}.in>.wm-auto,.in>.wm-init{max-width:100%}.hp{display:none}
 .rev-m>.row>:first-child{order:10}.rev-m>.row>:nth-child(2){order:9}.rev-m>.row>:nth-child(3){order:8}}
@media (min-width:768px) and (max-width:1024px){.ht{display:none}}
@media (min-width:1025px){.hd{display:none}}
.ov{position:absolute;inset:0}
/* basliklar, metin, gorsel */
.g-title{line-height:1;margin:0;padding:0}
.sz-small{font-size:15px}.sz-medium{font-size:19px}.sz-large{font-size:29px}.sz-xl{font-size:39px}.sz-xxl{font-size:59px}
.w-image{text-align:center}
.w-image a{display:inline-block}
.w-image img{display:inline-block;vertical-align:middle}
/* buton */
.btn{background-color:#bd1e2c;border-radius:10px;box-shadow:0 10px 22px -14px rgba(189,30,44,.7);color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}
.btn:focus,.btn:hover,.btn:visited{color:#fff}
.btn span{text-decoration:inherit}
.bc{display:flex;flex-direction:row;gap:5px;justify-content:center}
.bi{align-items:center;display:flex}
.bi svg{height:1em;width:auto}
.bt{display:inline-block}
.btn--xs{border-radius:2px;font-size:13px;padding:10px 20px}.btn--md{border-radius:4px;font-size:16px;padding:15px 30px}
.btn--lg{border-radius:5px;font-size:18px;padding:20px 40px}.btn--xl{border-radius:6px;font-size:20px;padding:25px 50px}
.al-c .btn,.al-l .btn,.al-r .btn{width:auto}
.al-j .btn{width:100%}
/* ikon listesi */
.il{list-style:none;margin:0;padding:0}
.il--inline{display:flex;flex-wrap:wrap;margin-inline:-8px}
.il--inline .il-i{margin-inline:8px}
.il--inline .il-i:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}
.il-i{margin:0;padding:0;position:relative}
.il-i:after{inset-block-end:0;inset-inline-start:0;inset-inline-end:0;position:absolute;width:100%}
.il-i,.il-i a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}
.il-i>a{width:100%}
.il-ic+.il-t{align-self:center;padding-inline-start:5px}
.il-ic{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative;text-align:var(--e-icon-list-icon-align)}
.il-ic .ii{display:block;font-size:var(--e-icon-list-icon-size);width:1.25em}
.al-c .il-i,.al-c .il-i a{justify-content:center}.al-c .il-i:after{margin:auto}
.al-l .il-i,.al-l .il-i a{justify-content:flex-start;text-align:left}
.al-r .il-i,.al-r .il-i a{justify-content:flex-end;text-align:right}
@media (max-width:1024px){.alt-c .il-i,.alt-c .il-i a{justify-content:center}.alt-l .il-i,.alt-l .il-i a{justify-content:flex-start;text-align:left}}
@media (max-width:767px){.alm-c .il-i,.alm-c .il-i a{justify-content:center}.alm-l .il-i,.alm-l .il-i a{justify-content:flex-start;text-align:left}}
/* ayrac, bosluk */
.w-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}
.dv{display:flex}
.dv-s{direction:ltr;display:flex;margin:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}
.dv-pattern{--divider-border-style:none}
.dv-pattern .dv-s{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}
.dv-nospace{--divider-pattern-size:auto}
.sp-i{height:var(--spacer-size)}
/* ikon, ikon kutusu */
.icn{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}
.icn svg,.icn .ii{display:block;height:1em;position:relative;width:1em}
.icn .ii{text-align:center}
.icn .ii svg.i{display:inline-block;width:auto}
.v-stacked .icn{background-color:#69727d;color:#fff;padding:.5em;fill:#fff}
.v-framed .icn{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}
.sh-circle .icn{border-radius:50%}.sh-round .icn{border-radius:10%}
.ib{display:flex;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}
.ib-icon{display:inline-block;flex:0 0 auto;line-height:0}
.ib-content{flex-grow:1;width:100%}
.ib-desc{margin:0}
.pos-r .ib{flex-direction:row-reverse;text-align:end}
.pos-l .ib{flex-direction:row;text-align:start}
.pos-t .ib{align-items:unset;flex-direction:column;text-align:center}
@media (max-width:767px){.posm-t .ib{align-items:unset;flex-direction:column;text-align:center}.posm-l .ib{flex-direction:row;text-align:start}}
/* galeri, form */
.car{overflow:hidden;position:relative;padding-bottom:30px}
.car__t{display:flex;transition:transform .5s}
.car__s{flex:0 0 100%;text-align:center}
.car__d{position:absolute;left:0;right:0;bottom:5px;z-index:10;text-align:center}
.car__b{display:inline-block;width:8px;height:8px;margin:0 8px;border-radius:50%;background:#000;opacity:.2;cursor:pointer}
.car__b{position:relative}
.car__b::after{content:"";position:absolute;inset:-9px}
.car__b[aria-current=true]{opacity:1}
.hs{min-height:0}
}
:root{--e-global-color-primary:#6ec1e4;--e-global-color-secondary:#54595f;--e-global-color-text:#7a7a7a;--e-global-color-accent:#61ce70;--e-global-color-e9fc9a6:#bd1e2c;--e-global-color-3084801:#c94f0a}
.btn--red{background:var(--red)}
.btn--red:hover,.btn--red:focus{opacity:.9}
.btn.btn--ghost,.btn.btn--ghost:visited{background:transparent;color:#4b535c;border:1px solid #69727d;padding:11px 23px}
.btn.btn--ghost:hover,.btn.btn--ghost:focus{background:#69727d;color:#fff}

.social{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--grid-column-gap,5px);row-gap:0;font-size:var(--icon,25px);line-height:1}
.social a{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--icon,25px) + 2 * var(--icon-padding,.5em));height:calc(var(--icon,25px) + 2 * var(--icon-padding,.5em));border-radius:10%;background:#69727d;color:#fff;font-size:var(--icon,25px)}
.social a:hover{color:#fff;opacity:.85}
.social .fb{background:#3b5998}.social .tw{background:#1da1f2}.social .x{background:#000}.social .yt{background:#cd201f}.social .ig{background:#262626}.social .li{background:#0077b5}
.hdr .social{--icon:11px}
.social--round{--icon:16px;justify-content:flex-start}
.social--round a{border-radius:50%}

/* ---------- 3. Ust menu ---------- */
.hdr{padding:0 30px}
.hdr__in{display:flex;align-items:center;margin:0 auto;max-width:1400px}
.hdr__logo{display:flex;align-items:center;flex:0 0 clamp(150px,20%,280px);padding:10px}
.hdr__logo a{display:block;width:100%}
.hdr__logo img{display:block;width:100%}
.hdr__nav{display:flex;align-items:center;flex:1 1 0;padding:10px;min-width:0}
.menu{display:flex;justify-content:center;align-items:stretch;list-style:none;margin:0;padding:0;width:100%;height:44px;position:relative}
.menu>li{position:relative;display:flex;flex:none}
.menu>li[hidden]{display:none}
.menu>li.menu__soc{display:none}
.menu a{color:var(--slate);font-weight:600;transition:color .2s}
.menu__link{position:relative;display:flex;align-items:center;padding:10px 12px;line-height:24px;white-space:nowrap}
.menu__link .i{height:16px}
.menu__arrow{margin-left:8px;width:10px;display:flex;align-items:center;justify-content:center}
.menu__arrow .i{transition:transform .25s}
/* uzerine gelince / acikken: kirmizi yazi + cercevesiz yumusak pembe hale; bulunulan sayfa: sadece kirmizi yazi (kullanici 10 varyasyondan 10. yu secti, 2026-10-16).
   Klavye odagi :has(:focus-visible) ile acar; fareyle tiklamadan kalan odak (:focus-within) paneli acik tutmaz. */
.menu>li>.menu__link{margin:0 1px;padding:0 16px;height:38px;align-self:center;border-radius:999px;transition:background .2s,color .2s}
.menu>li.is-current>.menu__link{color:var(--red)}
.menu>li:hover>.menu__link,.menu>li.is-open>.menu__link{color:var(--red);background:radial-gradient(ellipse 62% 100% at 50% 50%,rgba(189,30,44,.17),rgba(189,30,44,0) 74%)}
.menu>li:has(:focus-visible)>.menu__link{color:var(--red);background:radial-gradient(ellipse 62% 100% at 50% 50%,rgba(189,30,44,.17),rgba(189,30,44,0) 74%)}
.menu>li:hover>.menu__link .menu__arrow .i,.menu>li.is-open>.menu__link .menu__arrow .i{transform:rotate(180deg)}
.menu__link:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:6px}
/* acilir paneller */
.sub{position:absolute;top:52px;left:0;z-index:999;min-width:200px;margin:0;padding:0;list-style:none;background:#fff;border-radius:16px;
  box-shadow:0 30px 52px -22px rgba(20,24,40,.42),0 0 0 1px rgba(20,24,40,.06);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.sub::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.sub a{display:block;padding:10px 14px;line-height:24px}
.sub a:hover{color:var(--red)}
.has-sub:hover>.sub,.has-sub.is-open>.sub{visibility:visible;opacity:1;transform:none}
.has-sub:has(:focus-visible)>.sub{visibility:visible;opacity:1;transform:none}
.menu>li.has-mega{position:static}
.mega{width:min(970px,calc(100vw - 40px));left:50%;padding:26px 30px;display:flex;gap:30px;transform:translate(-50%,6px)}
.has-sub:hover>.mega,.has-sub.is-open>.mega{transform:translate(-50%,0)}
.has-sub:has(:focus-visible)>.mega{transform:translate(-50%,0)}
.mega--sm{width:300px;left:0;display:block;padding:22px 26px;transform:translateY(6px)}
.has-sub:hover>.mega--sm,.has-sub.is-open>.mega--sm{transform:none}
.has-sub:has(:focus-visible)>.mega--sm{transform:none}
.mega .mega__col{flex:1 1 0;min-width:0}
.mega .mega__img{flex:0 0 30%;display:flex;align-items:center}
.mega__grp+.mega__grp{margin-top:22px}
.mega__h{margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid #eceff2;font:600 12px/1.3 Montserrat,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.mega ul{list-style:none;margin:0;padding:0}
.mega a{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font:600 14.5px/1.35 Montserrat,sans-serif;color:var(--ink);transition:color .15s}
.mega a .i{flex:none;height:.95em;margin-top:.22em;color:var(--red);transition:transform .15s}
.mega a:hover,.mega a[aria-current]{color:var(--red)}
.mega a:hover .i{transform:translateX(3px)}
.mega img{display:block;width:100%;height:auto}
.zoom-menu-icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}      /* no tile/frame behind the picture (user request) */
.mega .zoom-menu-icon img{display:block;width:36px;height:36px;object-fit:contain}
.zoom-menu-icon + span{align-self:center}
.solution-menu-icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.mega .solution-menu-icon img{display:block;width:36px;height:36px;object-fit:contain}
.solution-menu-icon + .hw__t{align-self:center;flex:1}
.menu__more .sub .solution-menu-icon{width:32px;height:32px}
.menu__more .sub .solution-menu-icon img{width:28px;height:28px}
.mega--zoom .hw__t{flex:1}
.menu__more .sub .zoom-menu-icon{width:32px;height:32px}
.menu__more .sub .zoom-menu-icon img{width:28px;height:28px}
/* sigmayan ogeler tek bir acilir menuye gider: genis ekranda "···", telefonda hamburger */
.menu__more>.menu__link{padding:10px 12px}
.burger::before{content:"\00B7\00B7\00B7";font-size:22px;font-weight:700;letter-spacing:1px}
.menu__more.inv>.sub{left:auto;right:0}
.menu__more .sub li{display:block}
.menu__more .sub li.is-current>a{color:var(--red)}
.menu__more .sub .has-sub>a{display:flex;align-items:center;justify-content:space-between}
.menu__more .sub .menu__link::after{display:none}
.menu__more .sub .sub,.menu__more .sub .has-sub:hover>.sub{position:static;display:none;visibility:visible;opacity:1;transform:none!important;left:auto!important;box-shadow:none;border:0;border-radius:0;width:auto!important;min-width:0;padding:0 0 6px 14px}
.menu__more .sub .sub::before{display:none}
.menu__more .sub .is-open>.sub,.menu__more .sub .has-sub.is-open:hover>.sub{display:block}      /* :hover-Variante noetig: dokunmatik/fare sonrasi oge :hover kalir ve ".has-sub:hover>.sub{display:none}" (0,5,0) sonst acik harmonikayi kapali tutar */
.menu__more .sub .mega{flex-direction:column;gap:0}
.menu__more .sub .is-open>.mega,.menu__more .sub .has-sub.is-open:hover>.mega{display:flex}
.menu__more .sub .mega--sm{display:none}
.menu__more .sub .is-open>.mega--sm,.menu__more .sub .has-sub.is-open:hover>.mega--sm{display:block}
.menu__more .sub .mega__col{flex:none;padding:0}
.menu__more .sub .mega__img{display:none}
.menu__more .sub .mega__grp+.mega__grp{margin-top:12px}
.menu__more .sub .mega a{padding:7px 0}
.menu__more .sub .menu__soc{display:none}
.menu .social a{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}

/* ---------- 4. Sayfa basligi (kirmizi bant) ---------- */
.phero{position:relative;padding:90px 30px;background:var(--red);box-shadow:3px -15px 30px -20px rgba(0,0,0,.1) inset}
.phero__bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.1;filter:saturate(0)}
.phero .row{--max:1350px}
.phero .col:first-child{--w:100%}
.phero h1{color:#fff;z-index:5;position:relative;text-align:center}

/* ---------- 5. Urun izgarasi ---------- */
/* Urun kartlari (donanim sayfalari): ayni 3 sutunlu izgara, cerceveli beyaz kart, sabit 4:3 gorsel kutusu, esit baslik yuksekligi, outline dugme kartin en altinda (kullanici 15 varyasyondan 15'i secti) */
.products{max-width:1200px;margin:0 auto;padding:46px 30px 10px;display:flex;flex-direction:column;gap:28px}
.prow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative;z-index:5}
.pcard.pcard--empty{display:none}      /* bos yer tutucu: .pcard'dan sonra degil, daha yuksek ozgullukle gizlenir */
.pcard{display:flex;flex-direction:column;min-width:0;position:relative;padding:16px 18px 20px;border:1px solid #dfe3e9;border-radius:14px;background:#fff}
.pcard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid #eceff2}
.pcard .pcard__t{margin:0 0 10px;font-size:1.08rem;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}
.pcard__txt{flex:1;margin:0 0 18px;font-size:.94rem;line-height:1.62;color:#4b535c}
.pcard__txt p{margin:0}
.pcard > div:last-child{margin-top:auto}
.pcard .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border:1px solid var(--red);background:#fff;color:var(--red);box-shadow:none}
.pcard .btn:hover,.pcard .btn:focus-visible{background:var(--red);color:#fff;opacity:1}
@media (max-width:1024px){.prow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.prow{grid-template-columns:1fr}.products{padding:30px 16px 6px}.pcard .pcard__t{min-height:0}}      /* tek sutunda hizalanacak komsu kart yok */

/* ---------- 6. Alt bilgi ---------- */
/* Yumusak zemin: ustte beyazdan baslar (sayfayla arasinda sert cizgi yok), altta cok acik gri-pembeye iner; sag ustte belli belirsiz kirmizi isik. */
/* Alt bilgi: tam genislik, sayfanin altina yapisik; sadece UST koseler yuvarlak (kullanici: "koselerini yumusat", sonra "sadece ust kismi") */
.ftr{position:relative;z-index:10;margin:64px 0 0;padding:72px 30px 28px;border-radius:clamp(22px,2.6vw,42px) clamp(22px,2.6vw,42px) 0 0;overflow:hidden;background:radial-gradient(640px 300px at 94% 0,rgba(189,30,44,.06),transparent 72%),linear-gradient(180deg,#fbf6f7 0,#f6f6f8 220px,#f3f4f6 100%)}
.ftr__in{max-width:1350px;margin:0 auto;padding:10px}
.ftr__row{display:flex;margin:0 0 34px}
.ftr__about{display:flex;width:40%}
.ftr__about>.in{margin-right:40px;align-items:flex-start}
.ftr__txt{font-size:.97rem;line-height:1.8;color:#46505b}
.ftr__txt strong,.ftr__txt b{color:#21262d}
.ftr__col{display:flex;width:20%}
.ftr__col>.in{align-items:flex-start}
.ftr__col:last-child{width:17.728%}
.ftr__h{position:relative;margin:0 0 22px;padding-bottom:14px;font-size:1.06rem;font-weight:600;color:#21262d}
.ftr__h::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--red),#e4505c)}
.ftr__list{list-style:none;margin:0;padding:0}
.ftr__list li+li{margin-top:4px}
.ftr__list a{position:relative;display:inline-flex;align-items:center;padding:4px 0;font:600 14px/1.5 Montserrat,sans-serif;color:#4b535c;transition:color .2s}
.ftr__list a::before{content:"";flex:none;width:0;height:2px;margin-right:0;border-radius:2px;background:var(--red);transition:width .2s,margin-right .2s}
.ftr__list a:hover,.ftr__list a:focus-visible{color:var(--red)}
.ftr__list a:hover::before,.ftr__list a:focus-visible::before{width:10px;margin-right:8px}
.ftr .btn--red{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:10px;background:linear-gradient(180deg,#cd2837,#b01d2b);box-shadow:0 12px 24px -14px rgba(189,30,44,.75);transition:transform .2s,box-shadow .2s}
.ftr .btn--red::after{content:"";width:11px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1h8v8M11 1 1 11' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 1h8v8M11 1 1 11' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
.ftr .btn--red:hover,.ftr .btn--red:focus-visible{opacity:1;transform:translateY(-2px);box-shadow:0 16px 28px -14px rgba(189,30,44,.85)}
.ftr .btn--red:hover::after,.ftr .btn--red:focus-visible::after{transform:translate(2px,-2px)}
.ftr .social--round{--icon:16px;--icon-padding:.65em;column-gap:9px}
.ftr .social--round a{box-shadow:0 8px 16px -10px rgba(20,24,40,.65);transition:transform .2s,box-shadow .2s}
.ftr .social--round a:hover,.ftr .social--round a:focus-visible{opacity:1;transform:translateY(-3px);box-shadow:0 12px 18px -10px rgba(20,24,40,.7)}
.ftr__legal{padding:24px 10px 0;display:flow-root}
.ftr__rule{height:1px;border:0;margin:0 0 20px;background:linear-gradient(90deg,transparent,#d5d9df 16%,#d5d9df 84%,transparent)}
.ftr__copy{margin:0;font-size:13px;line-height:1.5;color:#5f6770;text-align:center}
.ftr__lang{margin:6px 0 0;font-size:13px;line-height:1.5;text-align:center}
.ftr__lang a{color:#5f6770;text-decoration:underline;text-underline-offset:3px}
.ftr__lang a:hover,.ftr__lang a:focus-visible{color:#bd1e2c}

/* ---------- 7. Duyarli kurallar ---------- */
@media (max-width:1024px){
  .row{flex-wrap:wrap;max-width:var(--max,1024px)}
  .ftr__row{flex-wrap:wrap}
  .ftr__about{width:100%}
  .ftr__about>.in{margin:0 0 40px}
  .ftr__col,.ftr__col:last-child{width:33%}
  .ftr{padding-top:56px}
  .ftr__about>.in,.ftr__col>.in{align-items:center}
  .ftr__about>.in>.w,.ftr__txt,.ftr__h,.ftr__list{text-align:center}
  .ftr__h::after{left:50%;margin-left:-15px}
  .ftr__list a{justify-content:center}
  .ftr__legal{padding:24px 10px 0}
  .social--round{justify-content:center}
  }
@media (max-width:767px){
  .nb{white-space:normal}
  .row{max-width:var(--max,767px)}
  .hdr{padding:12px 20px}
  .hdr__in{flex-wrap:nowrap}
  .hdr__logo{flex:0 0 150px;padding:6px 0}
  .hdr__nav{padding:6px 0}
  .menu{justify-content:flex-end}
  .burger::before{content:none}
  .burger{display:block;width:24px;height:18px;color:var(--slate);background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat}
  .menu__more.has-sub:hover>.menu__link .burger,.menu__more.is-open>.menu__link .burger{color:var(--red)}
  .menu__more>.sub{width:min(88vw,340px);padding:8px 0 10px}
  .menu__more .sub>li>a{padding:13px 18px}
  .menu__more .sub .has-sub>.sub{padding:0 18px 8px 28px}
  .menu__more .sub .menu__soc{display:block;padding:14px 18px 6px;border-top:1px solid #eceff2;margin-top:6px}
  .menu__more .sub .menu__soc .social{--icon:14px;display:flex;gap:6px}
  .ftr__col,.ftr__col:last-child{width:100%}
  .ftr__col:not(:last-child){margin-bottom:34px}
  .col{width:100%}
}

/* ---------- 8. Arka plan videosu, belirme animasyonlari ---------- */
.bgv{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#000 center/cover no-repeat}
.bgv.hero-still{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAHAAbAAD//gAQTGF2YzYyLjI4LjEwMgD/2wBDAAgMDA4MDhAQEBAQEBMSExQUFBMTExMUFBQVFRUZGRkVFRUUFBUVGBgZGRscGxoaGRocHB4eHiQkIiIqKiszMz7/xAB2AAEAAwEBAQAAAAAAAAAAAAAFBAYCBwEDAQEBAQEAAAAAAAAAAAAAAAACAwABEAACAQMDAgIIBwEAAAAAAAABAgMRBBIAITEFIhNBsSOBUTJhFJFyoSRicUIVBhEAAgMBAQEAAAAAAAAAAAAAAQARAiESUSL/wAARCAAcADADASIAAhEAAxEA/9oADAMBAAIRAxEAPwDoMinIinv18Txrf+hbxPJOWyjRXcld6gAnb311B6X1CDrEM8sKtGYpKMj0ridwwp7R7NTlyZHM0s08bR4eGRi2WWYNd/28cc6CE9tbT9RmuI0kESQYqwBJJVu1ag0LbagdIeSPrF5bjvWR3rU0oUb4t+TQ7jTnV4oYCzyItMQWONT6N9YW4t6o/Q8a/J1G0vulX6rAiSxIrZBUJxdxwQqkY1x1qFfVp+EejRX1ViyOwRcVpl6vmvHlvpOG4jmRXT4Tx5cfLRvbqMiF0ETsywLy7l6dDgQC0goVatMDsfuNhpf/AJvq36qW3hhjRJFZyd6iOOM0RR78juxqTqj9WXG/v49yolqKkkitPM76gwRqttBMuSyfVtHmpIOGEe35n76qKioDA2JJejx3pt7medU9bKAoc8DuqSBwfn7NGX97LdVE83iLj3IpUFlqKdyg868WCFLl18JGG1MqsR3Hip0Jfy5LF2RqSHqVUKT308v41w6emh+cZNp055Z/DWJkjdwr5seNiQKgdwG+w1Yb6CG0qtugVU2CAkmg5JqSSTzqs23VLu1hmCSVyP8AbuINAKivHo0qly8tkGbHI9pam5BBO5rXnSIEJBgv/9k=);background-position:50% 38%}   /* videonun bulanik ilk kare onizlemesi (satir ici, dosya degil): video gelene kadar duz zemin gorunmesin */
.bgv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
/* ana sayfa hero: kenarlardan bosluklu, yumusak koseli kart (video + gri katman koselerde kirpilir) */
.x3b545573{isolation:isolate;margin:clamp(10px,1.4vw,24px) clamp(10px,1.8vw,32px) 0;border-radius:clamp(20px,2.6vw,44px);overflow:hidden}
.sec.x3b545573 > .row{min-height:640px}
@media (max-width:767px){.sec.x3b545573 > .row{min-height:clamp(420px,118vw,480px);padding:36px 0}.sec.x3b545573 .x4d91e271{display:none}}      /* telefonda video karti kisa (640 px bos alan birakiyordu); bos sag sutun gizli, icerik dikey ortali */
/* hero butonu: hafif yumusak (10 px kose, ince degrade, yumusak golge; ustune gelince hafif yukselir), ozellik bolumlerindeki ana dugmeyle ayni dil */
.sec.x3b545573 .bw .btn{border-radius:10px;background:linear-gradient(180deg,#cd2837,#b01d2b);box-shadow:0 10px 22px -12px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s}
.sec.x3b545573 .bw .btn:hover,.sec.x3b545573 .bw .btn:focus-visible{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(0,0,0,.6)}
/* ana sayfa referans seridi (hero ile ozellik bolumleri arasinda): yavas kayan logo seridi, kenarlar beyaza erir, ustune gelince durur */
.refs{margin:0 clamp(10px,1.8vw,32px);padding:34px 0 0}
.refs__vp{overflow:hidden;background:#fff;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.refs + .xdf35d90{padding-top:14px}
/* ilk ekranda sonraki bolumun gorseli en altta yarim gorunmesin: ~900-1020 px yuksekligindeki masaustu pencerelerinde bolum ekran sinirinin hemen altina iner
   (887 = bolumun dogal baslangic konumu ile pencere yuksekligi arasindaki fark hesabi, 130 px ust sinir) */
@media (min-width:1025px){.refs + .xdf35d90{padding-top:calc(14px + clamp(0px,calc(100vh - 887px),130px))}}
/* tam genislikli gorsel bantlar sert cizgiyle bitmesin: ust ve alt kenar beyaza erir (ana sayfa: Cozumlerimiz alt kenari + "A'dan Z'ye" foto bolumu ust/alt kenari).
   Foto, bolumun kendi arka planinda; ustune beyaz degrade katmanlari eklendi, koyu ortu (.ov) ayni yonde maskelendi. */
.sec.x33ac6fa6{background-image:linear-gradient(180deg,#fff,rgba(255,255,255,0) 150px),linear-gradient(0deg,#fff,rgba(255,255,255,0) 150px),url(/images/digitalsignage4-scaled-1.webp);
  background-size:100% 150px,100% 150px,cover;background-position:top,bottom,top left;background-repeat:no-repeat}
.sec.x33ac6fa6 > .ov{-webkit-mask-image:linear-gradient(180deg,transparent,#000 150px,#000 calc(100% - 150px),transparent);mask-image:linear-gradient(180deg,transparent,#000 150px,#000 calc(100% - 150px),transparent)}
/* ayni sey: Zoom sayfalarinin ust bantlari (mavi: Video Konferans, Rooms, Webinar, Pro, Business, Enterprise; foto: Zoom SIP) alt kenarda beyaza erir.
   Bantlarin ici bu 90 px'in ustunde bitiyor, bu yuzden maske icerigi kesmez. Kirmizi sayfa basliklari (.phero / centikli sekil) bilerek ayri birakildi. */
.sec.x6f4bdcf,.sec.xab0b0d8,.sec.x58f8590,.sec.x78e33fd,.sec.x9a4008c,.sec.xe6906da,.sec.x6e69e66{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent)}
.refs__t{display:flex;align-items:center;width:max-content;margin:0;padding:0;list-style:none;animation:refs-scroll 60s linear infinite}
.refs__vp:hover .refs__t,.refs__vp:focus-within .refs__t{animation-play-state:paused}
.refs__t li{flex:none;padding:0 30px}
.refs__l{position:relative;display:block;overflow:hidden;width:calc(var(--cw)*var(--k,1)*1px);height:calc(var(--ch)*var(--k,1)*1px);mix-blend-mode:multiply;filter:grayscale(1);opacity:.78;transition:filter .25s,opacity .25s}
.refs__l img{position:absolute;max-width:none;width:calc(var(--iw)*var(--k,1)*1px);height:calc(var(--ih)*var(--k,1)*1px);left:calc(var(--x)*var(--k,1)*1px);top:calc(var(--y)*var(--k,1)*1px)}
.refs__t li:hover .refs__l{filter:none;opacity:1}
@keyframes refs-scroll{to{transform:translateX(-33.3333%)}}
@media (max-width:767px){.refs{padding-top:26px}.refs__t{--k:.78}.refs__t li{padding:0 20px}}
@media (prefers-reduced-motion:reduce){.refs__t{animation:none;width:auto;flex-wrap:wrap;justify-content:center;row-gap:8px}.refs__t li[aria-hidden]{display:none}.refs__vp{-webkit-mask-image:none;mask-image:none}}
/* ana sayfa ozellik bolumleri (Guvenli Iletisim / Webinar / Rooms): kirmizi vurgu cizgisi, yumusak koseli gorsel, rahat satir araligi */
.xdf35d90 .isec.fw{margin:46px 0}
.xdf35d90 .isec.fw h2.g-title::before{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--red);margin-bottom:16px}
.xdf35d90 .isec.fw .col.s2 img,.xdf35d90 .isec.fw .col.x2709caf img{border-radius:20px;box-shadow:0 26px 50px -30px rgba(20,24,40,.6)}
.xdf35d90 .isec.fw .w-text-editor{font-size:1.05rem;line-height:1.7}
.xdf35d90 .isec.fw .bw{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* dugme cifti: kirmizi ana dugme (Detayli Bilgi) + beyaz, golgeli ikincil dugme (Iletisim); ikisi de yumusak koseli, ustune gelince hafif yukselir */
.xdf35d90 .isec.fw .bw .btn{box-sizing:border-box;font-size:15px;line-height:1;border-radius:10px;transition:transform .2s,box-shadow .2s,border-color .2s}
/* Ana sayfa ozellik bolumleri: "Detayli Bilgi" beyaz, "Iletisim" kirmizi (kullanici istegi, 2026-10-16; eskiden tersiydi) */
.xdf35d90 .isec.fw .bw .btn:not(.btn--ghost){background:#fff;color:#2b3038;border:1px solid #d3d8df;padding:13px 29px;box-shadow:0 8px 18px -12px rgba(20,24,40,.5)}
.xdf35d90 .isec.fw .bw .btn:not(.btn--ghost):hover,.xdf35d90 .isec.fw .bw .btn:not(.btn--ghost):focus-visible{transform:translateY(-2px);background:#fff;color:#111;border-color:#aab1bb;box-shadow:0 12px 22px -12px rgba(20,24,40,.55)}
.xdf35d90 .isec.fw .bw .btn--ghost,.xdf35d90 .isec.fw .bw .btn--ghost:visited{background:linear-gradient(180deg,#cf2a39,#a11824);color:#fff;border:0;padding:14px 30px;box-shadow:0 12px 24px -12px rgba(189,30,44,.8)}
.xdf35d90 .isec.fw .bw .btn--ghost:hover,.xdf35d90 .isec.fw .bw .btn--ghost:focus-visible{transform:translateY(-2px);background:linear-gradient(180deg,#cf2a39,#a11824);box-shadow:0 16px 28px -12px rgba(189,30,44,.85);color:#fff}
@media (max-width:480px){.xdf35d90 .isec.fw .bw .btn{flex:1 1 auto;white-space:nowrap;padding-left:16px;padding-right:16px;text-align:center}}
.rv-fadeInUp,.rv-fadeInDown,.rv-fadeInLeft,.rv-slideInLeft{opacity:0}
.rv-fadeInUp{transform:translate3d(0,100%,0)}
.rv-fadeInDown{transform:translate3d(0,-100%,0)}
.rv-fadeInLeft,.rv-slideInLeft{transform:translate3d(-100%,0,0)}
.rv-in{opacity:1;transform:none;transition:opacity 1.25s ease,transform 1.25s ease}

/* ---------- 9. Blog ---------- */
.blog{max-width:1240px;margin:0 auto;padding:56px 30px 30px}
.blog__intro{max-width:720px;margin:0 auto 44px;text-align:center;font-size:1.1rem;line-height:1.7;color:var(--slate)}
.bgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.bcard{position:relative;display:flex;flex-direction:column;grid-column:span 3;background:#fff;border:1px solid #e3e7ec;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px -26px rgba(20,24,40,.45);transition:transform .25s,box-shadow .25s}
.bcard:hover,.bcard:focus-within{transform:translateY(-4px);box-shadow:0 26px 46px -26px rgba(20,24,40,.5)}
.bcard__img{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef1f4}
.bcard__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bcard:hover .bcard__img img{transform:scale(1.04)}
.bcard__b{display:flex;flex-direction:column;flex:1;padding:22px 26px 26px}
.bcard__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;font-size:13px;color:#5b636d}
.bcard__meta span+span::before{content:"\00B7";margin-right:12px;color:#b9bec5}
.bcard__cat{color:var(--red);font-weight:600}
.bcard__t{margin:0 0 10px;font-size:21px;line-height:1.3;font-weight:600}
.bcard__t a{color:var(--ink);text-decoration:none}
.bcard__t a::after{content:"";position:absolute;inset:0}
.bcard__t a:hover{color:var(--red)}
.bcard__x{margin:0 0 18px;font-size:15px;line-height:1.65;color:#4b5563}
.bcard__more{margin-top:auto;font-size:14px;font-weight:600;color:var(--red)}
.bcard__more span{display:inline-block;transition:transform .2s}
.bcard:hover .bcard__more span{transform:translateX(4px)}
.bcard--lead{grid-column:1/-1;flex-direction:row}
.bcard--lead .bcard__img{flex:0 0 52%;aspect-ratio:auto;min-height:340px}
.bcard--lead .bcard__b{justify-content:center;padding:34px 40px}
.bcard--lead .bcard__t{font-size:28px}
.bcard--lead .bcard__x{font-size:16.5px}
.bcard--lead .bcard__more{margin-top:6px}
.bgrid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
.bgrid--related .bcard{grid-column:auto}
/* yazi sayfasi */
.post{max-width:800px;margin:0 auto;padding:40px 24px 20px}
.post h1{margin:0 0 14px;font-size:clamp(28px,4.2vw,42px);line-height:1.2;font-weight:600;color:var(--ink)}
.post__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:14px;color:#5b636d}
.post__meta span+span::before{content:"\00B7";margin-right:14px;color:#b9bec5}
.post__cover{margin:28px 0 8px;border-radius:18px;overflow:hidden;background:#eef1f4}
.post__cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.toc{margin:26px 0 8px;padding:18px 22px;border-radius:14px;background:#f6f7f9}
.toc__t{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5b636d}
.toc ol{margin:0;padding-left:1.2em}
.toc li{margin:5px 0;font-size:15px;line-height:1.5}
.toc a{color:var(--slate)}
.toc a:hover{color:var(--red)}
.prose{font-size:1.08rem;line-height:1.85;color:#2b3038}
.prose>:first-child{margin-top:28px}
.prose p{margin:0 0 1.15em}
.prose h2{margin:2.1em 0 .6em;font-size:1.65rem;line-height:1.25;font-weight:600;color:var(--ink);scroll-margin-top:90px}
.prose h3{margin:1.7em 0 .5em;font-size:1.25rem;line-height:1.3;font-weight:600;color:var(--ink)}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}
.prose li{margin:.45em 0;padding-left:.2em}
.prose li::marker{color:var(--red);font-weight:600}
.prose blockquote{margin:1.6em 0;padding:.3em 0 .3em 1.2em;border-left:4px solid var(--red);color:#444}
.prose code{padding:.1em .35em;border-radius:5px;background:#f1f3f5;font-size:.92em}
.tablewrap{margin:1.6em 0;overflow-x:auto;border:1px solid #e3e7ec;border-radius:14px}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #eceff2}
.prose thead th{background:#f6f7f9;font-weight:600;color:var(--ink);white-space:nowrap}
.prose tbody th{font-weight:600;color:var(--ink);white-space:nowrap;background:#fafbfc}
.prose tbody tr:last-child th,.prose tbody tr:last-child td{border-bottom:0}
.callout{margin:1.8em 0;padding:18px 22px;border-radius:14px;background:#fff6f6;border:1px solid #f1d2d5;border-left:5px solid var(--red)}
.callout p{margin:0 0 .7em}
.callout p:last-child,.callout ul:last-child{margin-bottom:0}
.callout__t{font-weight:600;color:var(--ink)}
.post__cta{margin:48px 0 8px;padding:34px 30px;border-radius:20px;background:linear-gradient(135deg,#c32232,#8b1520);color:#fff;text-align:center}
.post__cta h2{margin:0 0 8px;font-size:1.5rem;line-height:1.25;font-weight:600;color:#fff}
.post__cta p{margin:0 auto 20px;max-width:520px;line-height:1.6;color:rgba(255,255,255,.9)}
.post__cta-b{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.post__cta .btn--red{background:#fff;color:var(--red);border-radius:10px}
.post__cta .btn--red:hover,.post__cta .btn--red:focus-visible{background:#fff;color:#8b1520;opacity:1}
.post__cta .btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:none}
.post__cta .btn--ghost:hover,.post__cta .btn--ghost:focus-visible{background:rgba(255,255,255,.14);color:#fff}
.blog .post__cta{margin-top:56px}
.related{max-width:1000px;margin:34px auto 50px;padding:0 24px}
.related__t{margin:0 0 20px;font-size:1.4rem;font-weight:600;color:var(--ink)}
@media (max-width:991px){
  .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcard,.bcard--lead{grid-column:auto}
  .bcard--lead{grid-column:1/-1}
}
@media (max-width:767px){
  .blog{padding:36px 18px 20px}
  .bgrid,.bgrid--related{grid-template-columns:1fr;gap:22px}
  .bcard--lead{flex-direction:column}
  .bcard--lead .bcard__img{flex:none;min-height:0;aspect-ratio:16/10}
  .bcard--lead .bcard__b{padding:22px 24px 26px}
  .bcard--lead .bcard__t{font-size:23px}
  .post{padding:28px 18px 10px}
  .prose{font-size:1.04rem}
  .prose h2{font-size:1.45rem}
  .post__cta{padding:28px 20px}
  .prose table{font-size:.84rem;line-height:1.4}
  .prose th,.prose td{padding:9px 9px}
  .prose thead th,.prose tbody th{white-space:normal}
  .prose tbody th{position:sticky;left:0;min-width:84px;box-shadow:1px 0 0 #eceff2}
  .tablewrap{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) 0 0/36px 100% no-repeat local,linear-gradient(270deg,rgba(20,24,40,.12),rgba(20,24,40,0)) 100% 0/14px 100% no-repeat scroll}
}

/* ---------- 10. Gezinme akisi: sabit ust menu, ekmek kirintisi, kapanis karti, planlar, SSS, ana sayfa rehberleri ---------- */
:target{scroll-margin-top:90px}
.hdr{position:sticky;top:0;z-index:60;background:#fff;transition:box-shadow .25s}
.hdr.is-stuck{box-shadow:0 10px 28px -22px rgba(20,24,40,.55)}
.hdr__cta{flex:none;margin:0 6px 0 10px;padding:11px 20px;border-radius:10px;background:linear-gradient(180deg,#cd2837,#b01d2b);color:#fff;font:600 14px/1 Montserrat,sans-serif;white-space:nowrap;box-shadow:0 10px 20px -12px rgba(189,30,44,.8);transition:transform .2s,box-shadow .2s}
.hdr__cta:hover,.hdr__cta:focus-visible{color:#fff;transform:translateY(-1px);box-shadow:0 14px 22px -12px rgba(189,30,44,.9)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}

.nf__l{margin-top:26px;color:#5b636d}
.nf__l a{color:var(--red);font-weight:600}

.endcta{max-width:1140px;margin:72px auto 0;padding:0 30px}
.endcta .post__cta{margin:0}
.post__cta .post__cta-g{max-width:none;margin:20px 0 0;font-size:14px;color:rgba(255,255,255,.86)}
.post__cta-g a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Shared consultation artwork across product, plan and blog CTA cards. */
.post__cta.post__cta--art{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,2fr);align-items:center;gap:30px;text-align:left}
.post__cta-art{display:flex;align-items:center;justify-content:center;min-width:0}
.post__cta-art img{display:block;width:100%;max-width:260px;height:auto}
.post__cta-copy{min-width:0}
.post__cta--art .post__cta-copy > p{margin-left:0;margin-right:0;max-width:600px}
.post__cta--art .post__cta-copy > .post__cta-g{max-width:none;margin-bottom:0}
.post__cta--art .post__cta-b{justify-content:flex-start}
.post__cta--art .btn--ghost,.post__cta--art .btn--ghost:visited{color:#fff}
@media (max-width:640px){.post__cta.post__cta--art{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}.post__cta-art img{max-width:180px}.post__cta--art .post__cta-copy > p{margin-left:auto;margin-right:auto}.post__cta--art .post__cta-b{justify-content:center}}

.plans{max-width:1140px;margin:0 auto;padding:44px 30px 0}
.plans__t{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;text-align:center;color:var(--ink)}
.plans__s{max-width:560px;margin:0 auto 34px;text-align:center;color:#5b636d}
.plans__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan{display:flex;flex-direction:column;padding:28px 26px 26px;background:#fff;border:1px solid #e3e7ec;border-radius:18px;box-shadow:0 14px 34px -26px rgba(20,24,40,.45)}
.plan--here{border-color:#e9b9bf;background:linear-gradient(180deg,#fff7f8,#fff)}
.plan__n{margin:0 0 4px;font-size:1.3rem;font-weight:600;color:var(--ink)}
.plan__p{margin:0 0 16px;font-weight:600;color:var(--red)}
.plan__l{list-style:none;margin:0 0 22px;padding:0;color:#46505b;line-height:1.5}
.plan__l li{position:relative;padding:5px 0 5px 26px}
.plan__l li::before{content:"";position:absolute;left:2px;top:.78em;width:10px;height:5px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}
.plan__more,.plan__here{margin-top:auto;font-size:14.5px;font-weight:600}
.plan__more{color:var(--red)}
.plan__more span{display:inline-block;transition:transform .2s}
.plan__more:hover span{transform:translateX(4px)}
.plan__here{color:#5b636d}

.faq{max-width:900px;margin:0 auto;padding:56px 30px 0}
.faq__intro{max-width:660px;margin:0 auto 34px;text-align:center;color:#5b636d;line-height:1.7}
.faq__i{margin:0 0 14px;background:#fff;border:1px solid #e3e7ec;border-radius:16px;box-shadow:0 14px 34px -28px rgba(20,24,40,.45);transition:border-color .2s}
.faq__i[open]{border-color:#efc3c8}
.faq__i summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;cursor:pointer;list-style:none;font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--ink)}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary::after{content:"";flex:none;width:9px;height:9px;margin-top:-4px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg);transition:transform .2s,margin .2s}
.faq__i[open] summary::after{margin-top:4px;transform:rotate(-135deg)}
.faq__a{padding:0 24px 22px;color:#46505b;line-height:1.75}
.faq__a p{margin:0 0 12px}
.faq__a p:last-child{margin-bottom:0}
.faq__a a{color:var(--red);text-decoration:underline;text-underline-offset:3px}

.hardware-link{display:inline-block;transition:transform .25s}
.hardware-link:hover,.hardware-link:focus-visible{transform:translateY(-4px)}

.hs-note{margin:14px 0 0;font-size:14px;line-height:1.6;color:#5b636d}
.hs-note a{color:var(--red);font-weight:600}

@media (max-width:991px){
  .plans__g{grid-template-columns:1fr;max-width:520px;margin:0 auto}
}
@media (max-width:899px){
}
@media (max-width:767px){
  .hdr__logo{order:1}
  .hdr__cta{order:2;margin:0 12px 0 auto;padding:10px 15px;font-size:13px}
  .hdr__nav{order:3;flex:0 0 44px;padding:6px 0}
  .endcta{margin-top:52px;padding:0 18px}
  .plans{padding:34px 18px 0}
  .faq{padding:36px 18px 0}
  .faq__i summary{padding:17px 18px}
  .faq__a{padding:0 18px 18px}
}
.hx2{font-size:2rem}.hx3{font-size:1.75rem}.hx4{font-size:1.5rem}.hx5{font-size:1.25rem}.hx6{font-size:1rem}

/* Sayfa basligi bandinin dokusu: telefonlarda 800 px'lik kucuk dosya (build-vks.py uretir), digerlerinde tam boy */
:root{--band:url(/images/image-section-20-min.webp)}
@media (max-width:767px){:root{--band:url(/images/image-section-20-min-800.webp)}}

/* Ana sayfa kapanis bolumu: sagdaki beyaz kart yerine cam efektli iletisim karti (icerik ortali) */
.sec.x33ac6fa6 .x728d1ea > .in.cta-card{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:16px;padding:44px 40px;border:1px solid rgba(255,255,255,.26);border-radius:10px 10px 60px 10px;background:rgba(16,20,28,.6);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 30px 60px -34px rgba(0,0,0,.7);color:#fff;text-align:center}
.cta-card > .w{margin:0!important;width:100%}
.sec.x33ac6fa6 .cta-art-col > .in.cta-art{display:flex;align-items:center;justify-content:center;padding:20px;margin:0;background:transparent}
.cta-art img{display:block;width:100%;max-width:560px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.24))}
@media (max-width:767px){.sec.x33ac6fa6 .cta-art-col > .in.cta-art{padding:0 0 24px}.cta-art img{max-width:420px;margin:auto}}
.cta-card .g-title{color:#fff}
.cta-card .wc{margin:0!important}
.cta-card p{margin:0;color:rgba(255,255,255,.92)}
.cta-contact{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:6px}
.cta-e{font:600 12px/1.2 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.cta-ph{display:flex;align-items:center;justify-content:center;gap:14px}
.cta-ic{flex:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.cta-tel{font:600 clamp(22px,2.6vw,34px)/1.1 Montserrat,sans-serif;color:#fff;white-space:nowrap}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:4px}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:1px solid transparent;border-radius:10px;font:600 15px/1 Montserrat,sans-serif;transition:transform .2s,background .2s}
.cta-btn:hover,.cta-btn:focus-visible{transform:translateY(-2px)}
.cta-btn--w{background:#fff;color:var(--red);box-shadow:0 12px 22px -14px rgba(0,0,0,.6)}
.cta-btn--w:hover,.cta-btn--w:focus-visible{color:var(--red)}
.cta-btn--g{border-color:rgba(255,255,255,.7);color:#fff}
.cta-btn--g:hover,.cta-btn--g:focus-visible{background:rgba(255,255,255,.14);color:#fff}
@media (max-width:1024px){.sec.x33ac6fa6 .x728d1ea > .in.cta-card{padding:34px 26px}.cta-tel{font-size:clamp(20px,2.7vw,28px)}}
@media (max-width:767px){.sec.x33ac6fa6 .x728d1ea > .in.cta-card{padding:30px 20px}.cta-tel{font-size:clamp(19px,5.6vw,26px)}.cta-ic{width:42px;height:42px}}

/* Ust menu: "Iletisim" Teklif Al'in soluna ikincil dugme; dar ekranlarda menu ogesi olarak kalir */
.hdr__cta--ghost{margin:0 0 0 10px;padding:10px 19px;border:1px solid #d3d8df;background:#fff;color:#4b535c;box-shadow:0 8px 16px -12px rgba(20,24,40,.45)}
.hdr__cta--ghost:hover,.hdr__cta--ghost:focus-visible{border-color:#efc3c8;background:#fff;color:var(--red);box-shadow:0 12px 20px -12px rgba(20,24,40,.5)}
.hdr__cta--ghost[aria-current]{border-color:var(--red);color:var(--red)}
.menu > li.menu__contact{display:none}
@media (max-width:1279px){
  .hdr__cta--ghost{display:none}
  .menu > li.menu__contact:not([hidden]){display:flex}
}

/* Menu pill: dar masaustu ekranlarda biraz daha siki (1280-1439 px'te tum ogeler sigsin) */
@media (min-width:768px) and (max-width:1439px){.menu>li>.menu__link{margin:0;padding:0 10px}}
@media (max-width:767px){
  .menu>li>.menu__link{margin:0;padding:0 12px;height:auto;align-self:stretch;border-radius:0;background:none!important}
  .menu__more>.sub{top:46px}
}

/* Cozumler acilir menusu: altta "Tum cozumler" baglantisi (Cozumler basligi acilir oldugu icin sayfanin kendisine buradan gidilir) */
.mega .mega__all{display:block;margin-top:14px;padding:12px 0 0;border-top:1px solid #eceff2;font:600 14px/1.3 Montserrat,sans-serif;color:var(--red)}
.mega .mega__all span{display:inline-block;transition:transform .2s}
.mega .mega__all:hover span{transform:translateX(4px)}
.menu__more .sub .mega__all{padding:8px 0 4px;margin-top:6px}

/* Donanim Urunleri mega menusu: uc tematik sutun (ikonlu baslik, iki satirli baglantilar: kisa ad + icindeki markalar) ve altta yardim seridi */
.mega--hw{width:min(1000px,calc(100vw - 40px));display:block;padding:28px 28px 0}
.hw__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
.hw__stack{min-width:0}
.hw__col{margin:0}
.hw__col+.hw__col{margin-top:24px}
.hw__h{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:0 0 14px;border-bottom:1px solid #eceff2;font:600 14.5px/1.25 Montserrat,sans-serif;color:var(--ink)}
.hw__ic{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--red)}      /* no tile behind the group icons (user request) */
.hw__col ul{display:flex;flex-direction:column;gap:2px}
.mega--hw .hw__col a{align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:0 -12px;border-radius:12px;transition:background .15s,color .15s}
.hw__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.hw__t b{font:600 14.5px/1.3 Montserrat,sans-serif;color:var(--ink);transition:color .15s}
.hw__t small{font:400 12.5px/1.3 var(--sys);color:#7a828c}
.hw__go{flex:none;display:flex;color:var(--red);opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}
.hw__go .i{height:.9em;margin:0}
.mega--hw .hw__col a:hover,.mega--hw .hw__col a:focus-visible,.mega--hw .hw__col a[aria-current]{background:#fdf3f4}
.mega--hw .hw__col a:hover .hw__t b,.mega--hw .hw__col a[aria-current] .hw__t b{color:var(--red)}
.mega--hw .hw__col a:hover .hw__go,.mega--hw .hw__col a:focus-visible .hw__go{opacity:1;transform:none}
.mega--hw .hw__col a:hover .i{transform:none}
.hw__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px -28px 0;padding:16px 28px;border-radius:0 0 16px 16px;background:linear-gradient(180deg,#fbf4f5,#fdf8f8)}
.hw__f{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:0;font:600 14px/1.3 Montserrat,sans-serif;color:var(--ink)}
.hw__f a{font-weight:600;color:var(--red)}
.hw__f a span{display:inline-block;transition:transform .2s}
.hw__f a:hover span{transform:translateX(4px)}
.mega .hw__btn{flex:none;display:inline-flex;align-items:center;padding:11px 22px;border-radius:10px;background:linear-gradient(180deg,#cd2837,#b01d2b);color:#fff;font:600 14px/1 Montserrat,sans-serif;box-shadow:0 10px 20px -12px rgba(189,30,44,.8);transition:transform .2s}
.mega .hw__btn:hover{color:#fff;transform:translateY(-1px)}
@media (max-width:1100px){.hw__cols{gap:0 18px}.mega--hw{padding:24px 22px 0}.hw__foot{margin:18px -22px 0;padding:14px 22px}}
/* telefondaki hamburger menusu: tek sutun, yardim seridi yok */
.menu__more .sub .hw__cols{display:block}
.menu__more .sub .hw__foot{display:none}
.menu__more .sub .hw__go{display:none}
.menu__more .sub .hw__h{margin:10px 0 4px;padding:0 0 8px;font-size:13px}
.menu__more .sub .hw__ic{width:30px;height:30px}
.menu__more .sub .hw__ic svg{width:16px;height:16px}
.menu__more .sub .hw__col a{margin:0;padding:8px 10px}
.menu__more .sub .hw__t b{font-size:14px}

/* Generated raster artwork for hardware menu categories. */
.hw__ic img{display:block;width:38px;height:38px;object-fit:contain;flex:none}
.menu__more .sub .hw__ic img{width:28px;height:28px}

/* Donanim menusu (masaustu acilir paneli): her grup ince cercheveli beyaz kart, sutunlar esit yukseklikte (kullanici 10 varyasyondan 1'i secti) */
.menu > li > .mega--hw{width:min(1080px,calc(100vw - 40px));padding-top:22px}
.menu > li > .mega--hw .hw__cols{gap:0 16px}
.menu > li > .mega--hw .hw__stack{display:flex;flex-direction:column;gap:14px}
.menu > li > .mega--hw .hw__col{flex:1 1 auto;margin:0;padding:0 16px 8px;overflow:hidden;border:1px solid #dfe3e9;border-radius:16px;background:#fff}
/* grup basligi = kartin ustunde pembe bant, kirmizi kalin yazi (kullanici 10 stilden 9'u secti) */
.menu > li > .mega--hw .hw__h{gap:10px;margin:0 -16px 10px;padding:12px 16px;border-bottom:1px solid #f3dcdf;background:linear-gradient(180deg,#fdf1f2,#fdf6f6);font-size:15px;font-weight:700;color:var(--red)}
.menu > li > .mega--hw .hw__col a{margin:0 -8px}
@media (max-width:1200px){.menu > li > .mega--hw{width:min(980px,calc(100vw - 40px))}}

/* Zoom Urunleri ve Cozumler acilir panelleri: Donanim paneliyle ayni kart tasarimi, kendi genislikleri */
.menu > li > .mega--hw.mega--zoom{width:min(780px,calc(100vw - 40px))}
.menu > li > .mega--hw.mega--sol{width:min(720px,calc(100vw - 40px))}
.hw__cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw__cols--1{grid-template-columns:minmax(0,1fr)}
.menu > li > .mega--hw .hw__cols--1 ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.hw__ic svg{display:block;flex:none}
.menu__more .sub .hw__cols--1 ul{display:flex}
.menu__more .sub .hw__ic svg{width:20px;height:20px}
@media (max-width:1200px){.menu > li > .mega--hw.mega--zoom{width:min(700px,calc(100vw - 40px))}.menu > li > .mega--hw.mega--sol{width:min(680px,calc(100vw - 40px))}}

/* Cozumler paneli: tek kart oldugu icin baslik (ikon + yazi) ortalanir */
.menu > li > .mega--sol .hw__h{justify-content:center}

/* Kirmizi sayfa basliklari (donanim, SSS, blog: .phero; Cozumler, Iletisim, Referanslar, Teklif Al: .band-c): suslu seker/kare/cikinti yok, baslik ortada */
.phero .col:first-child>.in{width:100%}
.sec.band-c > .row{flex-wrap:wrap;justify-content:center;max-width:1100px}
.sec.band-c > .row > .col{--w:100%!important;width:100%;justify-content:center}
.sec.band-c > .row > .col > .in{justify-content:center;text-align:center}
.sec.band-c .w{text-align:center}
.sec.band-c .w-heading{text-align:center}
.sec.band-c .w.w-icon-box{margin:6px auto 0}
.sec.band-c .w-icon-box > .wc{padding:6px 0 0}
.sec.band-c .w-icon-box .ib{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;width:auto;text-align:left}
.sec.band-c .w-icon-box .ib-content{flex-grow:0;width:auto}

/* Sayfa basligi bantlari (donanim, SSS, blog, Cozumler, Referanslar, Teklif Al, Iletisim): ana sayfa videosu gibi kenarlardan iceride, yuvarlak koseli yumusak kart
   (kullanici 10 varyasyondan 1'i secti: eskiden sayfa genisliginde duz, sert alt kenarli kirmizi bant) */
.phero,.sec.band-c{margin:14px clamp(10px,1.8vw,32px) 0;border-radius:clamp(22px,2.6vw,42px);overflow:hidden;box-shadow:0 26px 46px -32px rgba(120,10,25,.6)}
.sec.band-c.x15c7233a{background-color:#f4f5f7;box-shadow:0 26px 46px -34px rgba(20,24,40,.4)}      /* Iletisim bandi acik renkli: ayni kart sekli, gri zemin */

/* Blog listesi: daha kompakt - yatay one cikan kart + dort sutunlu kucuk kartlar (eskiden 460 px'lik dev kart ve iki sutunlu buyuk kartlar). Yazi sayfasindaki "ilgili yazilar" etkilenmez. */
.blog{padding-top:44px}
.blog__intro{margin-bottom:34px}
.blog .bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog .bcard{grid-column:auto;border-radius:16px}
.blog .bcard__img{aspect-ratio:16/9}
.blog .bcard__b{padding:16px 18px 18px}
.blog .bcard__meta{gap:2px 8px;margin-bottom:8px;font-size:12px}
.blog .bcard__meta span+span::before{margin-right:8px}
.blog .bcard__t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;font-size:17px;line-height:1.35}
.blog .bcard__x{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;font-size:14px;line-height:1.55}
.blog .bcard__more{font-size:13.5px}
.blog .bcard:not(.bcard--lead) .bcard__x{display:none}      /* kucuk kartlarda ozet yok: gorsel, kategori, baslik, "Yazıyı oku" */
.blog .bcard:not(.bcard--lead) .bcard__t{margin-bottom:12px}
.blog .bcard--lead{grid-column:1/-1}
.blog .bcard--lead .bcard__img{position:relative;flex:0 0 38%;aspect-ratio:auto;min-height:260px}
.blog .bcard--lead .bcard__img img{position:absolute;inset:0}      /* gorsel kartin yuksekligini belirlemez: kart icerik + min-height kadar olur */
.blog .bcard:not(.bcard--lead) .bcard__meta span:nth-child(2){display:none}      /* kucuk kartlarda tarih yok: kategori + okuma suresi tek satirda */
.blog .bcard--lead .bcard__b{padding:26px 34px}
.blog .bcard--lead .bcard__meta{font-size:12.5px}
.blog .bcard--lead .bcard__t{margin-bottom:10px;font-size:24px;-webkit-line-clamp:3}
.blog .bcard--lead .bcard__x{font-size:15.5px;-webkit-line-clamp:3}
@media (max-width:767px){
  .blog .bgrid{grid-template-columns:1fr;gap:18px}
  .blog .bcard--lead .bcard__img{flex:none;min-height:0;aspect-ratio:16/9}
  .blog .bcard--lead .bcard__b{padding:18px 20px 22px}
  .blog .bcard--lead .bcard__t{font-size:21px}
  /* telefonda kucuk kartlar yatay satir: solda kucuk gorsel, sagda kategori + baslik (ozet yok) */
  .blog .bcard:not(.bcard--lead){flex-direction:row;align-items:stretch}
  .blog .bcard:not(.bcard--lead) .bcard__img{position:relative;flex:0 0 112px;aspect-ratio:auto;min-height:118px}
  .blog .bcard:not(.bcard--lead) .bcard__img img{position:absolute;inset:0}
  .blog .bcard:not(.bcard--lead) .bcard__b{justify-content:center;padding:12px 14px}
  .blog .bcard:not(.bcard--lead) .bcard__t{margin-bottom:6px;font-size:15.5px}
  .blog .bcard:not(.bcard--lead) .bcard__x,.blog .bcard:not(.bcard--lead) .bcard__more{display:none}
}

/* Yazi sayfasi "ilgili yazilar": tek satir, ozet ve tarih yok (blog listesindeki kucuk kartlarla ayni gorunum). Telefonda yatay satirlar. */
.bgrid--related{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px}
.bgrid--related .bcard{border-radius:16px}
.bgrid--related .bcard__img{aspect-ratio:16/9}
.bgrid--related .bcard__b{padding:16px 18px 18px}
.bgrid--related .bcard__meta{gap:2px 8px;margin-bottom:8px;font-size:12px}
.bgrid--related .bcard__meta span+span::before{margin-right:8px}
.bgrid--related .bcard__meta span:nth-child(2){display:none}
.bgrid--related .bcard__t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;font-size:17px;line-height:1.35}
.bgrid--related .bcard__x{display:none}
.bgrid--related .bcard__more{font-size:13.5px}
@media (max-width:767px){
  .bgrid--related{grid-template-columns:1fr;grid-auto-flow:row;grid-auto-columns:auto;gap:18px}
  .bgrid--related .bcard{flex-direction:row;align-items:stretch}
  .bgrid--related .bcard__img{position:relative;flex:0 0 112px;aspect-ratio:auto;min-height:118px}
  .bgrid--related .bcard__img img{position:absolute;inset:0}
  .bgrid--related .bcard__b{justify-content:center;padding:12px 14px}
  .bgrid--related .bcard__t{margin-bottom:6px;font-size:15.5px}
  .bgrid--related .bcard__more{display:none}
}

/* Ust menu "Iletisim" butonu: uzerine gelince telefon + e-posta + sosyal medya karti, buzlu cam (kullanici 10 varyasyondan 10. yu secti, 2026-10-16). Butonun kendisi /iletisim/'e gider. */
.hdr__ct{position:relative;flex:0 0 auto;display:flex}
.ct-pop{position:absolute;right:0;top:100%;z-index:70;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s}      /* ustteki 14 px bosluk fare koprusu */
.hdr__ct:hover .ct-pop,.hdr__ct:has(:focus-visible) .ct-pop{opacity:1;visibility:visible;transform:none}
.ct-card{width:348px;border-radius:22px;overflow:hidden;color:#2b3037;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 0 0 1px rgba(255,255,255,.75) inset,0 0 0 1px rgba(20,24,40,.07),0 30px 56px -26px rgba(20,24,40,.5)}
.ct-r{display:flex;align-items:center;gap:14px;padding:14px 20px;color:inherit;text-decoration:none;transition:background .15s}
.ct-r+.ct-r{border-top:1px solid rgba(20,24,40,.07)}
.ct-r:hover,.ct-r:focus-visible{background:rgba(255,255,255,.55)}
.ct-i{display:inline-flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 16px -10px rgba(20,24,40,.45)}
.ct-i img{display:block;width:44px;height:44px}
.ct-t{min-width:0}
.ct-t small{display:block;margin-bottom:3px;font-size:12px;font-weight:600;line-height:1.1;color:#7a828c}
.ct-t b{display:block;font-size:18px;font-weight:700;line-height:1.15;letter-spacing:.005em;transition:color .15s}
.ct-r:hover b,.ct-r:focus-visible b{color:var(--red)}
.ct-s{display:flex;justify-content:center;gap:10px;padding:16px 20px 18px;border-top:1px solid rgba(20,24,40,.07);background:rgba(255,255,255,.38)}
.ct-s a{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--b);color:#fff;font-size:21px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 16px -10px var(--b);transition:transform .2s,box-shadow .2s,filter .2s}
.ct-s a:hover,.ct-s a:focus-visible{transform:translateY(-3px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 20px -10px var(--b)}
.ct-s .fb{--b:#1877f2}.ct-s .tw{--b:#1d9bf0}.ct-s .x{--b:#0f1419}.ct-s .yt{--b:#ff0000}.ct-s .li{--b:#0a66c2}
.ct-s .ig{--b:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
@media (max-width:1279px){.hdr__ct{display:none}}      /* dar ekranlarda Iletisim menu ogesi olarak gorunur; sosyal ikonlar alt bilgide ve (telefon) menu panelinde */
@media (hover:none){.ct-pop{display:none}}      /* dokunmatik ekranda hover paneli yok */

/* Panellerin basindaki "Tum ... →" baglantisi: genis menude gizli (menu basligi zaten o sayfaya gider), hamburger / ··· acilir menusunde gorunur (orada dokunus sadece paneli acar) */
.hw__allm{display:none}
.menu__more .sub .mega a.hw__allm{display:block;margin:2px 0 6px;padding:8px 10px;font-size:14px;font-weight:600;color:var(--red)}
.menu__more .sub .mega a.hw__allm span{display:inline-block;transition:transform .2s}

/* Ozet sayfalari: /zoom-urunleri/ ve /donanim-urunleri/ (Cozumler gibi: tiklayinca her seyin listelendigi sayfa) */
.hub{max-width:1240px;margin:0 auto;padding:44px 30px 20px}
.hub__intro{max-width:720px;margin:0 auto 34px;text-align:center;font-size:1.08rem;line-height:1.7;color:#5b636d}
.hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;--hr:26px}
/* Kart: cercevesiz, buyuk yuvarlak koseler, urun hafif isik altinda, basligin ustunde kisa kirmizi cizgi (kullanici 10 varyasyondan 4. yu secti, 2026-10-16) */
.hubc{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55);transition:transform .28s,box-shadow .28s}
.hubc:hover,.hubc:focus-within{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(189,30,44,.18),0 36px 56px -34px rgba(20,24,40,.6)}
.hubc__img{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse 70% 78% at 50% 44%,#fff 0,#f1f3f6 100%)}      /* gorsel mutlak konumlu: buyuk bir fotograf kart yuksekligini degistirmez */
.hubc__img img{position:absolute;inset:0;margin:auto;display:block;max-width:calc(100% - 36px);max-height:calc(100% - 28px);width:auto;height:auto;mix-blend-mode:multiply;transition:transform .4s}      /* multiply: beyaz fonlu urun fotograflari zeminle birlesir, beyaz kutu gibi durmaz */
.hubc:hover .hubc__img img{transform:scale(1.05)}
.hubc--icon .hubc__img{background:radial-gradient(ellipse 70% 78% at 50% 44%,#fff 0,#fbe4e6 100%)}
.hubc--icon .hubc__img img{width:92px;height:92px}
.hubc--photo .hubc__img{overflow:hidden;background:#eef0f2}
.hubc--photo .hubc__img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;mix-blend-mode:normal}
.hubc[data-g="solutions"] .hubc__img{aspect-ratio:2/1}      /* /cozumler/: geniş fotoğraflar (1024x430) 2:1 alanda az kırpılır */
.hubc__b{display:flex;flex-direction:column;flex:1;padding:6px 24px 24px}
.hubc__b::before{content:"";display:block;width:34px;height:3px;margin:14px 0 14px;border-radius:3px;background:var(--red)}
.hubc__tag{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--red)}
.hubc__t{margin:0 0 8px;font-size:17px;line-height:1.35;font-weight:600}
.hubc__t a{color:var(--ink);text-decoration:none}
.hubc__t a::after{content:"";position:absolute;inset:0}
.hubc__t a:hover{color:var(--red)}
.hubc__s{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px;font-size:14px;line-height:1.55;color:#5b636d}
.hubc__go{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--red)}
.hubc__go span{display:inline-block;transition:transform .2s}
.hubc:hover .hubc__go span{transform:translateX(4px)}
@media (max-width:900px){.hub__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media (max-width:767px){
  .hub{padding:30px 18px 14px}
  .hub__intro{margin-bottom:24px;font-size:1rem}
  .hub__grid{grid-template-columns:1fr;gap:14px;--hr:18px}
  /* telefonda yatay satir: solda kucuk gorsel, sagda etiket + baslik (aciklama ve alt satir yok) */
  .hubc{flex-direction:row;align-items:stretch;border-radius:18px}
  .hubc:hover,.hubc:focus-within{transform:none}
  .hubc__img,.hubc[data-g="solutions"] .hubc__img{flex:0 0 108px;aspect-ratio:auto;min-height:104px}
  .hubc__img img{max-width:calc(100% - 20px);max-height:calc(100% - 20px)}
  .hubc--icon .hubc__img img{width:56px;height:56px}
  .hubc__b{justify-content:center;padding:12px 14px}
  .hubc__b::before{display:none}
  .hubc__tag{margin-bottom:4px}
  .hubc__t{margin-bottom:0;font-size:15.5px}
  .hubc__s,.hubc__go{display:none}
}

/* Zoom ozet sayfasi: "Hangi plan size uygun?" kutusu (2 sutun genisliginde, kart satirini tamamlar) */
.hubw{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;padding:26px 30px;border:1px solid #f3dcdf;border-radius:var(--hr,18px);background:linear-gradient(135deg,#fdf1f2,#fff 75%)}
.hubw.hubw--art{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:18px}
.hubw__copy{min-width:0}
.hubw__art{display:flex;align-items:center;justify-content:center;min-width:0}
.hubw__art img{display:block;width:100%;max-width:300px;height:auto}
@media (max-width:600px){.hubw.hubw--art{grid-template-columns:minmax(0,1fr);gap:24px}.hubw__art img{max-width:260px}}
.hubw__t{margin:0 0 8px;font-size:1.3rem;line-height:1.3;font-weight:600;color:var(--ink)}
.hubw__s{max-width:520px;margin:0 0 18px;font-size:15px;line-height:1.65;color:#5b636d}
.hubw__b{display:flex;flex-wrap:wrap;gap:10px 12px}
.hubw .btn{padding:12px 22px;font-size:14px}
.hubw .btn.btn--ghost,.hubw .btn.btn--ghost:visited{background:#fff;color:#2b3037;border:1px solid #d3d8df;padding:11px 21px;box-shadow:0 6px 14px -10px rgba(20,24,40,.4)}
.hubw .btn.btn--ghost:hover,.hubw .btn.btn--ghost:focus-visible{background:#fff;color:var(--red);border-color:#efc3c8}
@media (max-width:900px){.hubw{grid-column:1/-1}}
@media (max-width:767px){.hubw{padding:20px 18px}.hubw__t{font-size:1.15rem}}

/* Teklif Al: compact illustration on the left, form card on the right. */
.quote{max-width:1240px;margin:0 auto;padding:44px 30px 30px}
.quote__in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:34px;align-items:stretch}
.quote__aside{display:flex;flex-direction:column;gap:20px;min-width:0}      /* altta telefon + e-posta karti: kalan yuksekligi doldurur, alt kenari form kartiyla hizali */
.quote__contact{flex:1;display:flex;flex-direction:column;padding:8px 32px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55)}
.quote__contact ul{flex:1;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.quote__contact li{flex:1;display:flex}
.quote__contact li+li{border-top:1px solid #eef0f3}
.qc{flex:1;display:flex;align-items:center;gap:20px;padding:14px 0;color:#2b3037;text-decoration:none}
.qc__ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:72px;height:72px}
.qc__ic svg{width:30px;height:30px}
.qc__ic img{display:block;width:72px;height:72px;object-fit:contain}
.qc__t{display:flex;flex-direction:column;gap:7px;min-width:0;line-height:1.1}
.qc__t small{font-size:15px;font-weight:600;color:#5b636d}
.qc__t b{font-size:24px;font-weight:700;overflow-wrap:anywhere}
.qc:hover .qc__t b,.qc:focus-visible .qc__t b{color:var(--red)}
.quote__img{flex:none;position:relative;min-height:0;aspect-ratio:4/3;border-radius:26px;overflow:hidden;background:linear-gradient(150deg,#fdecee 0,#fff6f6 48%,#f3f4f6 100%);box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55)}
.quote__img img{position:absolute;inset:20px;display:block;width:calc(100% - 40px);height:calc(100% - 40px);object-fit:contain}
.quote__form{padding:34px 38px 40px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55)}
.quote__form .hs{min-height:520px}      /* form gec yuklenir: kart once bos kalmasin, sayfa kaymasin */
/* Contact page: compact illustration beside the form. */
.sec.x111daebe .col.xa183cc3{align-self:flex-start}
.sec.x111daebe .xa183cc3 > .in.contact-page-art{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;align-content:center;background:none;padding:24px;max-width:520px;margin:30px auto 0}
.contact-page-art img{display:block;width:100%;max-width:440px;height:auto;max-height:330px;object-fit:contain}
@media (max-width:767px){.sec.x111daebe .xa183cc3 > .in.contact-page-art{max-width:380px;margin:12px auto 0;padding:0 18px}.contact-page-art img{max-height:260px}}
@media (max-width:900px){
  .quote{padding:30px 18px 20px}
  .quote__in{grid-template-columns:1fr;gap:20px}
  .quote__aside{display:contents}      /* telefonda sira: gorsel, form, iletisim karti */
  .quote__img{order:1;width:100%;max-width:480px;justify-self:center;min-height:0;aspect-ratio:4/3}
  .quote__form{order:2}
  .quote__contact{order:3;flex:none;padding:6px 22px;border-radius:22px}
  .qc{gap:16px}
  .qc__ic,.qc__ic img{width:60px;height:60px}
  .qc__t b{font-size:21px}
  .quote--noimg .quote__img{display:none}
  .quote__form{padding:24px 20px 28px;border-radius:22px}
}

/* Ust menu hizasi (kullanici: "hizali degil gibi, metni biraz buyut"): >=1280 px'te sagdaki butonlar logoyla ayni genislikte bir kutuda; menu sayfa ortasina oturur (eskiden ~13 px sagdaydi). Dar ekranda sarmalayici duzene karismaz. Menu yazisi 16 -> 17 px (>=1100 px). */
.hdr__act{display:contents}
@media (min-width:1280px){.hdr__act{display:flex;align-items:center;justify-content:flex-end;flex:0 0 clamp(150px,20%,280px);padding-right:4px}}      /* 4 px: sagdaki bosluk soldaki logo bosluguyla (10 px) esit olsun */
@media (min-width:1100px){.menu>li>.menu__link{font-size:17px}}      /* 1100 px alti 16 px: tabletlerde daha fazla oge "···" menusune tasmasin */

/* Ust menu butonlari buyudu (kullanici 10 boyut varyasyonundan 3. yu secti, 2026-10-16): >=1360 px 16 px yazi / 44 px yukseklik; 1280-1359 px'te sag kutu (logoyla ayni genislik, 244 px) tasmasin diye 15 px / 42 px. Ghost butonun 1 px kenari var: dolgusu 1 px eksik. Dar ekranlarda eski boyut. */
@media (min-width:1280px){.hdr__cta{font-size:15px;padding:14px 24px}.hdr__cta--ghost{padding:13px 23px}}
@media (min-width:1360px){.hdr__cta{font-size:16px;padding:14px 26px}.hdr__cta--ghost{padding:13px 25px}}

/* /iletisim/: form sagda, gorsel solda (kullanici: "form sagda olsun"). Yalnizca >= 768 px; telefonda sira ayni kalir (once form). */
@media (min-width:768px){
  .sec.x111daebe > .row > .col.x131bbf44{order:2}
  .sec.x111daebe > .row > .col.xa183cc3{order:1}
}

/* /iletisim/: resmin altinda telefon + e-posta karti (/teklif-al/ ile ayni kart). Masaustunde sol sutun form sutunu kadar uzar, kart kalan yuksekligi doldurur ve alt kenari formun son ogesiyle (Gonder) hizali biter. */
@media (min-width:768px){
  .sec.x111daebe .col.xa183cc3{align-self:stretch}
  .sec.x111daebe .xa183cc3 > .in.contact-page-art{flex:1;flex-direction:column;align-items:center;justify-content:flex-start;align-self:stretch;max-width:none;width:100%;margin:0;padding:0 clamp(20px,4vw,64px) var(--ct-pb,60px)}
  .contact-page-art img{flex:none;margin:30px 0 24px}
  .contact-page-art .quote__contact{align-self:stretch;width:100%;max-width:500px;margin:0 auto}
}
@media (max-width:767px){.sec.x111daebe .xa183cc3 > .in.contact-page-art{flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:420px;padding:0 6px}.contact-page-art img{flex:none}.contact-page-art .quote__contact{width:100%;margin:18px auto 0;padding:6px 22px;border-radius:22px}.contact-page-art .qc{gap:16px}.contact-page-art .qc__ic,.contact-page-art .qc__ic img{width:60px;height:60px}.contact-page-art .qc__t b{font-size:21px}}

/* Kirmizi kapanis karti (kullanici 10 buton varyasyonundan 5. yi secti ve "metni, yapiyi ortala" dedi, 2026-10-16):
   iki buton 46 px / 15.5 px; "Teklif Al" beyaz, "Iletisime Gecin" koyu antrasit (bordo zeminde net okunur). Gorsel + metin grubu kartin ortasinda, metin ve butonlar kendi sutununda ortali. */
.post__cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 26px;font-size:15.5px;font-weight:600;line-height:1;border-radius:11px;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s,color .2s}
.post__cta .btn:hover,.post__cta .btn:focus-visible{transform:translateY(-2px)}
.post__cta .btn--red{box-shadow:0 14px 24px -14px rgba(0,0,0,.6)}
.post__cta .btn--ghost,.post__cta .btn--ghost:visited,.post__cta--art .btn--ghost,.post__cta--art .btn--ghost:visited{background:#1c2026;border:1px solid #2d333b;color:#fff;box-shadow:0 14px 24px -14px rgba(0,0,0,.75)}
.post__cta .btn--ghost:hover,.post__cta .btn--ghost:focus-visible{background:#262c34;border-color:#3a414a;color:#fff}
.post__cta.post__cta--art{grid-template-columns:minmax(150px,250px) minmax(0,620px);justify-content:center;gap:clamp(24px,4vw,56px);text-align:center}
.post__cta--art .post__cta-copy > p{margin-left:auto;margin-right:auto}
.post__cta--art .post__cta-b{justify-content:center}
@media (max-width:640px){.post__cta.post__cta--art{grid-template-columns:minmax(0,1fr);gap:20px}.post__cta .btn{min-height:44px;padding:0 22px}}

/* Ana sayfa donanim blogu (kullanici 10 varyasyondan 2. yi secti, 2026-10-16): kirmizi etiket + baslik + metin + kirmizi dugme, altinda 3 vitrin karti
   (Donanim Urunleri sayfasindaki kartlarla ayni dil). Eski ince cerceveli gorsel kutulari ve soluk dugme kalkti. */
.hwx{margin:56px 0 24px}
.hwx__in{max-width:1180px;margin:0 auto;padding:0 30px}
.hwx__copy{text-align:center}
.hwx__eyebrow{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.hwx h2{max-width:760px;margin:0 auto 14px;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.25;font-weight:600;color:#2b3037}
.hwx__s{max-width:620px;margin:0 auto 26px;font-size:1.05rem;line-height:1.7;color:#5b636d}
.hwx__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 30px;border-radius:11px;background:linear-gradient(180deg,#cf2a39,#a11824);color:#fff;font:600 15.5px/1 Montserrat,sans-serif;box-shadow:0 12px 24px -12px rgba(189,30,44,.8);transition:transform .2s,box-shadow .2s}
.hwx__btn:hover,.hwx__btn:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(189,30,44,.85)}
.hwx__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.hwx__c{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55);transition:transform .28s,box-shadow .28s}
.hwx__c:hover,.hwx__c:focus-visible{color:inherit;transform:translateY(-6px);box-shadow:0 0 0 1px rgba(189,30,44,.18),0 36px 56px -34px rgba(20,24,40,.6)}
.hwx__img{display:block;padding:18px 18px 8px;background:radial-gradient(ellipse 70% 78% at 50% 44%,#fff 0,#f1f3f6 100%)}
.hwx__img img{display:block;width:100%;height:auto;mix-blend-mode:multiply;transition:transform .4s}
.hwx__c:hover .hwx__img img{transform:scale(1.04)}
.hwx__b{display:flex;flex-direction:column;gap:5px;padding:0 24px 24px}
.hwx__b::before{content:"";display:block;width:34px;height:3px;margin:14px 0 9px;border-radius:3px;background:var(--red)}
.hwx__b b{font-size:18px;font-weight:700;line-height:1.25;color:#2b3037}
.hwx__b small{font-size:13.5px;line-height:1.4;color:#6b737d}
.hwx__b i{margin-top:6px;font-style:normal;font-size:14px;font-weight:600;color:var(--red)}
.hwx__b i span{display:inline-block;transition:transform .2s}
.hwx__c:hover .hwx__b i span{transform:translateX(4px)}
@media (max-width:900px){.hwx{margin-top:44px}.hwx__in{padding:0 18px}.hwx__cards{gap:14px;margin-top:30px}.hwx__c{border-radius:22px}.hwx__img{padding:12px 12px 4px}.hwx__b{padding:0 16px 18px}.hwx__b b{font-size:16px}.hwx__b i{font-size:13px}}
/* telefon: kompakt yatay satirlar (solda gorsel, sagda ad + markalar; "Urunleri incele" yok, kartin tamami tiklanir) */
@media (max-width:767px){
  .hwx__cards{grid-template-columns:1fr;margin-top:26px}
  .hwx__c{flex-direction:row;align-items:stretch;border-radius:20px}
  .hwx__c:hover,.hwx__c:focus-visible{transform:none}
  .hwx__img{display:flex;align-items:center;flex:0 0 128px;padding:8px}
  .hwx__b{justify-content:center;padding:12px 16px 12px 6px}
  .hwx__b::before{display:none}
  .hwx__b i{display:none}
}

/* Ana sayfa Cozumlerimiz blogu (kullanici 15 varyasyondan 7. yi secti ve kucultulmesini istedi, 2026-10-16): gri girdapli arka plan yok; ustteki donanim
   blogu (.hwx) ile ayni genislikte, numarali (01-06) beyaz kartlar, basligin ustunde kirmizi cizgi. Telefonda kompakt satirlar. */
.slx{margin:80px 0 70px}
.slx__in{max-width:1140px;margin:0 auto;padding:0 30px}      /* kartlar ustteki donanim kartlariyla (.hwx__cards) ayni sol / sag cizgide */
.slx__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:0 0 28px}
.slx__h::before{content:"";display:block;width:56px;height:4px;margin:0 0 14px;border-radius:4px;background:var(--red)}
.slx__eyebrow{margin:0 0 6px;font-size:14px;font-weight:600;color:#4b535c}
.slx h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.2;font-weight:600;color:#2b3037}
.slx__s{max-width:440px;margin:0;font-size:15.5px;line-height:1.65;color:#5b636d}
.slx__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.slx__t{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe3e9;border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s}
.slx__t:hover,.slx__t:focus-visible{color:inherit;transform:translateY(-4px);border-color:var(--red);box-shadow:0 24px 38px -30px rgba(189,30,44,.55)}
.slx__img{display:block;aspect-ratio:2.4/1;overflow:hidden;background:#f3f4f6}
.slx__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.slx__t:hover .slx__img img{transform:scale(1.05)}
.slx__no{position:absolute;left:14px;top:12px;z-index:2;padding:5px 8px;border-radius:8px;background:rgba(20,24,40,.55);color:#fff;font:700 12px/1 Montserrat,sans-serif;letter-spacing:.14em}      /* koyu zemin: beyaz fonlu "Ses Donanimlari" fotografinda da okunur */
.slx__t:hover .slx__no{background:var(--red)}
.slx__b{display:flex;flex-direction:column;gap:3px;padding:14px 20px 16px}
.slx__b b{font-size:16.5px;font-weight:700;line-height:1.25;color:#2b3037}
.slx__b small{font-size:13px;line-height:1.4;color:#6b737d}
.slx__b i{margin-top:6px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--red)}
.slx__b i span{display:inline-block;transition:transform .2s}
.slx__t:hover .slx__b i span{transform:translateX(4px)}
@media (max-width:900px){.slx__head{flex-direction:column;align-items:flex-start;gap:12px}.slx__in{padding:0 48px}.slx__grid{gap:16px}}
@media (max-width:767px){
  .slx{margin:60px 0 50px}
  .slx__grid{grid-template-columns:1fr;gap:12px}
  .slx__t{flex-direction:row;align-items:stretch}
  .slx__t:hover,.slx__t:focus-visible{transform:none}
  .slx__img{position:relative;flex:0 0 100px;aspect-ratio:auto;min-height:84px}
  .slx__img img{position:absolute;inset:0}
  .slx__no{left:8px;top:8px;padding:4px 6px;font-size:10px}
  .slx__b{justify-content:center;padding:10px 14px}
  .slx__b b{font-size:15.5px}
  .slx__b i{display:none}
}

/* Hakkimizda sayfasi (/hakkimizda/, 2026-10-16): icerik etgigrup.com/hakkimizda ve sitenin kendi sayfalarindan. Kartlar ana sayfadaki bloklarla ayni genislikte (1080 px) ve dilde. */
.ab{max-width:1140px;margin:0 auto;padding:0 30px}
.ab-sec{margin-top:88px}
.ab-eyebrow{margin:0 0 6px;font-size:14px;font-weight:600;color:#4b535c}
.ab-h{margin:0 0 30px}
.ab-h::before{content:"";display:block;width:56px;height:4px;margin:0 0 14px;border-radius:4px;background:var(--red)}
.ab-h--c{text-align:center}
.ab-h--c::before{margin-left:auto;margin-right:auto}
.ab h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.22;font-weight:600;color:#2b3037}
.ab h3{margin:0 0 8px;font-size:17.5px;line-height:1.3;font-weight:700;color:#2b3037}
.ab p{margin:0 0 14px;font-size:1.02rem;line-height:1.75;color:#4b535c}
/* giris: metin + gorsel */
.ab-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;margin-top:64px}
.ab-intro .ab-h{margin-bottom:20px}
.ab-intro__img,.ab-focus__img{overflow:hidden;border-radius:26px;background:#f1f3f6;box-shadow:0 0 0 1px rgba(20,24,40,.05),0 30px 50px -36px rgba(20,24,40,.55)}
.ab-intro__img{aspect-ratio:5/4}
.ab-intro__img img,.ab-focus__img img{display:block;width:100%;height:100%;object-fit:cover}
.ab-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border-radius:11px;background:linear-gradient(180deg,#cf2a39,#a11824);color:#fff;font:600 15.5px/1 Montserrat,sans-serif;box-shadow:0 12px 24px -12px rgba(189,30,44,.8);transition:transform .2s,box-shadow .2s}
.ab-btn:hover,.ab-btn:focus-visible{color:#fff;transform:translateY(-2px)}
.ab-btn--ghost{background:#fff;color:#2b3037;border:1px solid #d3d8df;box-shadow:0 8px 18px -12px rgba(20,24,40,.5)}
.ab-btn--ghost:hover,.ab-btn--ghost:focus-visible{color:var(--red);border-color:#efc3c8}
/* sayilar */
.ab-stats{display:grid;grid-template-columns:repeat(2,minmax(0,345px));justify-content:center;gap:22px;margin-top:64px}      /* iki kart ortada (ana sayfa kartlariyla ayni genislik) */
.ab-stat{padding:28px 24px;border:1px solid #f3dcdf;border-radius:22px;background:linear-gradient(180deg,#fdf1f2,#fff 85%);text-align:center}
.ab-stat b{display:block;font:700 clamp(2.3rem,4vw,3.1rem)/1 Montserrat,sans-serif;color:var(--red)}
.ab-stat span{display:block;margin-top:10px;font-size:15px;font-weight:600;color:#2b3037}
/* neden kartlari */
.ab-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ab-card{padding:24px 22px 18px;border:1px solid #dfe3e9;border-radius:20px;background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.ab-card::before{content:"";display:block;width:34px;height:3px;margin:0 0 16px;border-radius:3px;background:var(--red)}
.ab-card:hover{transform:translateY(-4px);border-color:#efc3c8;box-shadow:0 24px 38px -30px rgba(189,30,44,.5)}
.ab-card p{font-size:14.5px;line-height:1.65}
/* odak alanlari: gorsel + numarali liste */
.ab-focus{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center}
.ab-focus__img{aspect-ratio:16/10}
.ab-focus__list{margin:0;padding:0;list-style:none}
.ab-focus__list li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #eceff2}
.ab-focus__list li:first-child{border-top:0;padding-top:0}
.ab-focus__list p{margin:0;font-size:15px;line-height:1.65}
.ab-focus__no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fdecee;color:var(--red);font:700 14px/1 Montserrat,sans-serif;letter-spacing:.06em}
@media (max-width:1000px){
  .ab-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-intro,.ab-focus{grid-template-columns:1fr;gap:32px}
  .ab-intro__img{max-width:560px}
}
@media (max-width:767px){
  .ab{padding:0 18px}
  .ab-sec{margin-top:64px}
  .ab-intro{margin-top:40px}
  .ab-stats{grid-template-columns:1fr;gap:12px;margin-top:40px}
  .ab-stat{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px}
  .ab-stat span{margin:0}
  .ab-cards{grid-template-columns:1fr;gap:12px}
}

/* /video-konferans/ duzeni (kullanici 5 varyasyondan 1. yi secti, 2026-10-16): hero, iki ozellik bolumu ve kapanis karti ayni 1140 px kapta (alt bolumler 1535 px'ti);
   Gartner grafigi arka plan resminden ayri bir kart (ayni dosyanin CSS sprite'i), fotografin sag altina biner; hero arka plani sade mavi degrade;
   ozellik bolumleri 50/50 ve dikey ortali, bos ust baslik gizli, gorseller esit yuvarlak + golge. */
.sec.x6f4bdcf{background:linear-gradient(100deg,#2470b8 0%,#2b63b1 48%,#3b49a1 100%);padding:100px 0 150px}
.sec.x6f4bdcf > .row{max-width:1140px;align-items:center}
.sec.x6f4bdcf > .row > .col:last-child .w-image{line-height:0}
.sec.x6f4bdcf > .row > .col:last-child .w-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 26px 46px -26px rgba(0,0,0,.6)}
.vk-chart{display:block;aspect-ratio:327/362;border-radius:10px;background:#fff url(/images/meetings-product-page-banner-meetings-1900-x-550.webp) 88.77% 49.5%/489.3% auto no-repeat;box-shadow:0 26px 46px -24px rgba(0,0,0,.55)}
.sec.xfe38744 > .row,.sec.xebf4124 > .row{max-width:1140px}
.sec.xfe38744,.sec.xebf4124{margin-top:40px}
.sec.xfe38744 .w-heading.s4:has(h2:empty){display:none}
.sec.xfe38744 .xe57d749 img,.sec.xebf4124 .xcdd1711 img{border-radius:20px;box-shadow:0 26px 46px -30px rgba(20,24,40,.55)}
.sec.xfe38744 .w-text-editor,.sec.xebf4124 .w-text-editor{font-size:1.02rem;line-height:1.7}
@media (min-width:768px){
  .sec.x6f4bdcf > .row > .col:last-child > .in{position:relative;padding:10px 10px 70px}
  .sec.x6f4bdcf > .row > .col:last-child .w-image{width:80%}
  .vk-chart{position:absolute;right:10px;bottom:0;width:36%}
  .sec.xfe38744 .isec.fw > .row,.sec.xebf4124 .isec.fw > .row{align-items:center;gap:56px}
  .sec.xfe38744 .isec.fw > .row > .col,.sec.xebf4124 .isec.fw > .row > .col{flex:1 1 0;width:auto;min-width:0}
  .sec.xfe38744 .isec.fw > .row > .col > .in,.sec.xebf4124 .isec.fw > .row > .col > .in{margin:0!important;padding:10px}
}
@media (max-width:767px){
  .sec.x6f4bdcf{padding:60px 0 110px}
  .sec.x6f4bdcf > .row > .col:last-child > .in{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:18px}
  .sec.x6f4bdcf > .row > .col:last-child .w-image{width:100%;max-width:420px}
  .vk-chart{width:62%;max-width:260px}
}

/* Zoom urun sayfalari (Webinar, Rooms, SIP, Pro, Business, Enterprise) /video-konferans/ ile ayni nizamda (kullanici, 2026-10-16):
   hero bosluklari ve dikey ortalama ayni, tum bolumler 1140 px kapta (Webinar'in iki ozellik bolumu 1524/1535 px'ti), iki sutunlu bolumler 50/50 ve dikey ortali,
   gorsel koseleri esit, bos basliklar gizli. Icerik, gorseller ve butonlar degismedi. */
.sec.x58f8590,.sec.xab0b0d8,.sec.x78e33fd,.sec.x9a4008c,.sec.xe6906da,.sec.x6e69e66{padding:100px 0 150px}
.sec.x58f8590 > .row,.sec.xab0b0d8 > .row,.sec.x78e33fd > .row,.sec.x9a4008c > .row,.sec.xe6906da > .row,.sec.x6e69e66 > .row{max-width:1140px;align-items:center}
.sec.xab0b0d8 > .row > .col:last-child .w-image img{border-radius:16px;box-shadow:0 26px 46px -26px rgba(0,0,0,.6)}
.sec.x79edd76 > .row,.sec.xba0e4fa > .row{max-width:1140px}
.sec.x79edd76,.sec.xba0e4fa{margin-top:40px}
:is(.sec.x58f8590,.sec.xab0b0d8,.sec.x78e33fd) ~ .sec .w-heading:has(.g-title:empty){display:none}
.sec.xa29ff4e{display:none}      /* Rooms: sayfanin sonunda altinda hicbir sey olmayan "Zoom Ozellikleri" basligi (eski sitede de bostu) */
:is(.sec.x58f8590,.sec.xab0b0d8) ~ .sec .isec.fw .w-image img,.sec.x07f1d8c .car__t img{border-radius:20px}
:is(.sec.x58f8590,.sec.xab0b0d8) ~ .sec .isec.fw .w-text-editor,.sec.x07f1d8c .w-text-editor{font-size:1.02rem;line-height:1.7}
@media (min-width:768px){
  :is(.sec.x58f8590,.sec.xab0b0d8) ~ .sec .isec.fw > .row,.sec.x07f1d8c > .row{align-items:center;gap:56px}
  :is(.sec.x58f8590,.sec.xab0b0d8) ~ .sec .isec.fw > .row > .col,.sec.x07f1d8c > .row > .col{flex:1 1 0;width:auto;min-width:0}
  :is(.sec.x58f8590,.sec.xab0b0d8) ~ .sec .isec.fw > .row > .col > .in,.sec.x07f1d8c > .row > .col > .in{margin:0!important;padding:10px}
}
@media (max-width:767px){
  .sec.xab0b0d8,.sec.x78e33fd,.sec.x9a4008c,.sec.xe6906da,.sec.x6e69e66{padding:60px 0 110px}
  .sec.x58f8590{padding:125px 0 181px}      /* Webinar: hero gorsellerinin ustune binen paneller (mutlak konumlu) alt bosluga ihtiyac duyar */
}

/* Telefon menusu (<= 767 px, kullanici: "mobilde navbari duzelt uygunca", 2026-10-16): hamburger artik tam genislikte bir sayfa (sheet): basligin altinda sabit,
   ekrandan uzunsa kendi icinde kayar (eskiden Donanim Urunleri acilinca menu ekranin altina tasiyordu ve sabit baslik yuzunden alttaki ogelere ulasilamiyordu),
   arka plan kararir ve kaymaz, hamburger X olur, acilan bolumler gri bir kutu icinde, oklar doner, sosyal ikonlar yuvarlak ve okunur. */
@media (max-width:767px){
  .hdr .menu>.menu__more>.sub{position:fixed;top:86px;left:10px;right:10px;width:auto;min-width:0;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;
    padding:6px 0 10px;border-radius:20px;box-shadow:0 30px 60px -24px rgba(20,24,40,.55),0 0 0 1px rgba(20,24,40,.06)}
  .hdr .menu>.menu__more:not(.is-open)>.sub{visibility:hidden!important;opacity:0!important;pointer-events:none}      /* dokunmatik ekranda yapisan :hover menuyu acik tutmasin */
  body:has(.menu__more.is-open)::before{content:"";position:fixed;inset:0;z-index:55;background:rgba(15,20,30,.4)}
  html:has(.menu__more.is-open){overflow:hidden}
  /* hamburger -> X */
  .menu__more.is-open>.menu__link .burger{position:relative;background:none}
  .menu__more.is-open>.menu__link .burger::before,.menu__more.is-open>.menu__link .burger::after{content:"";position:absolute;left:0;top:8px;width:24px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
  .menu__more.is-open>.menu__link .burger::after{transform:rotate(-45deg)}
  /* ust seviye ogeler: ince ayraclar, buyuk dokunma alani */
  .menu__more>.sub>li+li{border-top:1px solid #f0f2f4}
  .menu__more>.sub>li>a{padding:15px 22px;font-size:16.5px}
  .menu__more>.sub>li.is-open>a{color:var(--red)}
  .menu__more .sub .has-sub>a .menu__arrow .i{transition:transform .25s}
  .menu__more .sub .has-sub.is-open>a .menu__arrow .i{transform:rotate(180deg)}
  /* acilan bolum: gri kutu */
  .menu__more .sub .has-sub>.sub,.menu__more .sub .has-sub.is-open:hover>.sub{margin:0 12px 12px;padding:6px 8px 8px;border-radius:16px;background:#f6f7f9}
  .menu__more .sub .mega a.hw__allm{margin:4px 0 2px;padding:10px 10px;font-size:14.5px}
  .menu__more .sub .hw__h{margin:12px 0 2px;padding:0 10px 6px;border-bottom:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b737d}
  .menu__more .sub .hw__ic{display:none}
  .menu__more .sub .hw__col a{padding:9px 10px;border-radius:12px}
  .menu__more .sub .hw__col a:active,.menu__more .sub .hw__col a:hover{background:#fff}
  .menu__more .sub .hw__col a[aria-current]{background:#fff;color:var(--red)}
  /* sosyal ikonlar: yuvarlak, marka renginde, beyaz simge (eskiden gri simge renkli karenin uzerinde gorunmuyordu) */
  .menu__more .sub .menu__soc{padding:16px 22px 8px}
  .menu__more .sub .menu__soc .social{--icon:17px;--icon-padding:.6em;justify-content:center;gap:10px}
  .menu .menu__soc .social a{border-radius:50%;color:#fff}
  .menu .menu__soc .social .fb{background:#1877f2}.menu .menu__soc .social .x{background:#0f1419}.menu .menu__soc .social .yt{background:#ff0000}.menu .menu__soc .social .li{background:#0a66c2}
  .menu .menu__soc .social .ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
}

/* Telefonda sayfalar (<= 767 px, kullanici: "mobilde sadece baslik yeter, cerceve kocaman kaliyor, gereksiz gorselleri kaldir, kullanici ne oldugunu anlasin", 2026-10-16):
   kirmizi / gri baslik bantlari kucuk ve tek satira yakin; Zoom sayfalarinin hero'larinda yalnizca baslik, aciklama ve buton (susleyici fotograflar gizli);
   formlarin / icerigin onune gecen cizimler ve kapanis kartindaki cizim gizli; 180 px'lik ikon daireleri kucuk; referans logolari 3 sutun. Masaustu degismez. */
@media (max-width:767px){
  .phero,.sec.band-c{margin:10px 10px 0;padding:30px 20px!important;border-radius:20px;box-shadow:0 18px 32px -26px rgba(120,10,25,.55)}
  .phero h1,.sec.band-c h1{margin:0;font-size:clamp(23px,6.6vw,28px);line-height:1.22}
  .phero .in,.sec.band-c .in{padding:0}
  /* Zoom sayfalarinin hero'lari: susleyici fotograf sutunu yok (Video Konferans foto + Gartner grafigi, Webinar kolaji, Rooms fotografi) */
  .sec.x6f4bdcf > .row > .col:last-child,.sec.x58f8590 > .row > .col:last-child,.sec.xab0b0d8 > .row > .col:last-child,.sec.x78e33fd > .row > .col:last-child{display:none}
  .sec.x58f8590{padding:60px 0 110px}
  /* buyuk ikon daireleri (Video Konferans, SIP) ve aralarindaki dikey cizgiler */
  main .w-image img[width="180"][height="180"]{width:104px;height:104px}
  :is(.sec.x6f4bdcf,.sec.x58f8590,.sec.x78e33fd) ~ .sec .col > .in{border-right-width:0!important}
  /* icerigin onune gecen cizimler: kapanis karti, Iletisim ve Teklif Al (form hemen gorunsun) */
  .post__cta-art{display:none}
  .contact-page-art > img{display:none}
  .contact-page-art .quote__contact{margin-top:6px}
  .quote__img{display:none}
  /* Referanslar: logolar 3 sutun (tek sutunda sayfa 34.000 px'ti) */
  .sec.band-c.x69413e80 ~ .sec.s1{margin:6px 0}
  .sec.band-c.x69413e80 ~ .sec.s1 > .row{flex-wrap:wrap;padding:0 8px}
  .sec.band-c.x69413e80 ~ .sec.s1 > .row > .col.s2{width:33.333%}
  .sec.band-c.x69413e80 ~ .sec.s1 .col.s2 > .in:not(.in--empty){margin:4px;padding:6px;box-shadow:0 0 0 1px #e3e7ec,0 6px 14px -10px rgba(20,24,40,.35);border-radius:14px}
  .sec.band-c.x69413e80 ~ .sec.s1 .col.s2 img{width:100%;height:auto}
  /* donanim urun kartlari: gorsel biraz daha alcak */
  .pcard img{aspect-ratio:16/10}
}
.hx-price{margin:.5rem 0 1rem;font-size:2.5rem;font-weight:500;line-height:1.2}      /* plan sayfalarindaki fiyat: artik baslik (h1) degil, ayni gorunum */

/* Cok genis ekranlar / tarayici cok uzaklastirildiginda (> 2560 px): kenardan kenara bantlar sonsuza uzamasin (kullanici, 2026-10-16).
   Ilk surum 1920 px'te devreye giriyordu: %90 yakinlastirmada ust kart daraldi ve fotograf bolumundeki maske (icindeki buzlu cam kartla birlikte) bos beyaz serit
   cizdirdi. Simdi: 2560 px ve alti hicbir sey degismez; fotograf bolumunde maske YOK, yan kenarlar arka plan katmanlariyla beyaza erir.
   Kart bantlari (video, logo seridi, sayfa basliklari) 2496 px'te durur (2560 - 2x32 = tam o genislikteki boyu), tam genislik bantlar 2560 px'te. Alt bilgi tam genislikte kalir. */
@media (min-width:2561px){
  .sec.x3b545573,.phero,.sec.band-c,.refs{max-width:2496px;margin-left:auto;margin-right:auto}
  .sec.x33ac6fa6{max-width:2560px;margin-left:auto;margin-right:auto;
    background-image:linear-gradient(90deg,#fff,rgba(255,255,255,0) 180px),linear-gradient(270deg,#fff,rgba(255,255,255,0) 180px),linear-gradient(180deg,#fff,rgba(255,255,255,0) 150px),linear-gradient(0deg,#fff,rgba(255,255,255,0) 150px),url(/images/digitalsignage4-scaled-1.webp);
    background-size:180px 100%,180px 100%,100% 150px,100% 150px,cover;background-position:left,right,top,bottom,top left}
  .sec.x33ac6fa6 > .ov{-webkit-mask-image:linear-gradient(180deg,transparent,#000 150px,#000 calc(100% - 150px),transparent),linear-gradient(90deg,transparent,#000 180px,#000 calc(100% - 180px),transparent);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,transparent,#000 150px,#000 calc(100% - 150px),transparent),linear-gradient(90deg,transparent,#000 180px,#000 calc(100% - 180px),transparent);mask-composite:intersect}
  .sec.x6f4bdcf,.sec.xab0b0d8,.sec.x58f8590,.sec.x78e33fd,.sec.x9a4008c,.sec.xe6906da,.sec.x6e69e66{max-width:2560px;margin-left:auto;margin-right:auto;
    -webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent),linear-gradient(90deg,transparent,#000 180px,#000 calc(100% - 180px),transparent);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(180deg,#000 calc(100% - 90px),transparent),linear-gradient(90deg,transparent,#000 180px,#000 calc(100% - 180px),transparent);mask-composite:intersect}
}