/* Fortel Telefon Santral — Grandstream temasının üzerine: Fortel header yapısı, renkler, ana sayfa metni */
:root{--ink:#14162E;--text:#1C1F3A;--soft:#F1F2F6;--soft2:#F7F7FA;--line:#E2E3EA;--line2:#ECEDF2}

/* Header: koyu bant; logo solda, Hesap / Sepet sağda; menü altta (eski Fortel düzeni) */
.fh{position:relative;z-index:100;background:#0B0D26;color:#fff}
.fh-main__in{display:flex;align-items:center;gap:20px;height:88px}
.fh .site-logo img{width:240px;height:auto}
.fh-burger{display:none;color:#fff;margin-left:-8px}
.fh-icons{display:flex;align-items:center;gap:26px;margin-left:auto}
.fh-icon{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff}
.fh-icon:hover{color:#fff;opacity:.8}
.fh-icon .header-icon__i{position:relative;display:flex}
.fh .ts-cart-count{top:-8px;right:-9px;background:#F4C400;color:#0B0D26}
.fh-nav{border-top:1px solid rgba(255,255,255,.08)}
.fh-nav .nav-menu{gap:6px}
.fh-nav .nav-menu__item>a{height:46px;padding:0 13px;font-size:15px;font-weight:600;color:#fff;white-space:nowrap}
.fh-nav .nav-menu__item:first-child>a{padding-left:0}
.fh-nav .nav-menu__item>a:hover,.fh-nav .nav-menu__item.current-menu-item>a{color:#fff;opacity:.75}
.fh-nav .nav-menu__item>a .ts-ico{color:#9AA0C3}
@media (max-width:1024px){
  .fh-main__in{height:74px;gap:12px}
  .fh-burger{display:flex}
  .fh .site-logo img{width:180px}
  .fh-nav{display:none}
  .fh-icon.is-account{display:none}
}
@media (max-width:420px){.fh .site-logo img{width:160px}.fh-icon span:not(.header-icon__i){font-size:14px}}

/* Logo: zaten açık renkli; footer ve çekmecede beyaza çevirme */
.gf-top__brand .site-logo img,.gd-head .site-logo img{filter:none}
.gd-head{background:radial-gradient(130% 160% at 100% 0,#2A2F6B 0,#1B1F4B 45%,#0B0D26 100%)}
.gf .footer-menu a:hover{color:#fff}

/* Mobil alt çubuk: 4 öğe */


/* Ana sayfa: tek sütun slayt */
.home-hero{display:block;margin-top:20px}
.ft-seo{margin-top:40px}
.ft-seo__in{padding:36px 40px;border:1px solid var(--line);border-radius:18px;background:var(--soft2);color:var(--text);font-size:15.5px;line-height:1.7}
.ft-seo__in h2,.ft-seo__in h3,.ft-seo__in h4,.ft-seo__in h5{margin:1.4em 0 .5em;font-size:19px;color:var(--ink)}
.ft-seo__in>*:first-child{margin-top:0}
.ft-seo__in ul,.ft-seo__in ol{padding-left:1.2em}
.ft-seo__in li{margin-bottom:.4em}
@media (max-width:767px){.ft-seo__in{padding:22px 18px;font-size:15px}}

/* Footer: logo ve menü sütunları aynı satırda */
.gf-main{grid-template-columns:1.6fr repeat(3,1fr);padding-top:44px}
.gf-logo{margin-bottom:22px}
.gf-logo .site-logo img{width:200px}
@media (max-width:1024px){.gf-main{grid-template-columns:1fr 1fr}.gf-contact{grid-column:1/-1}}
@media (max-width:767px){.gf-main{grid-template-columns:1fr}}

/* Sayfa başlıkları: sade zemin (nokta deseni ve renkli ışıma yok) */
.page-hero,.archive.woocommerce .page-hero,.post-type-archive-product .page-hero{background:#F5F6F9!important;background-image:none!important;border-bottom:1px solid var(--line)}
.page-hero::before,.page-hero::after,.archive.woocommerce .page-hero::before,.archive.woocommerce .page-hero::after{display:none!important}
.gc-band{background:#F5F6F9!important;background-image:none!important}.gc-band::before,.gc-band::after{display:none!important}

/* ---------- Ana sayfa banner (tek görsel) ---------- */
.fb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;min-height:440px;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#F7F7FA 0%,#EEF0F6 55%,#E6E9F2 100%);border:1px solid var(--line)}
.fb__txt{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:44px 0 44px 52px}
.fb__k{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--primary)}
.fb__k::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal)}
.fb__t{margin:0 0 14px;font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.04;letter-spacing:-.035em;color:var(--primary)}
.fb__t span{display:block;color:var(--teal)}
.fb__d{margin:0 0 24px;max-width:28em;font-size:17.5px;line-height:1.55;color:#4A4E6A}
.fb__feats{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fb__feats li{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink)}
.fb__feats li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--primary)}
.fb__tel{display:inline-flex;align-self:flex-start;align-items:center;gap:14px;padding:8px 22px 8px 8px;border-radius:999px;background:var(--primary);color:#fff;box-shadow:0 18px 36px -18px rgba(11,13,38,.7);transition:transform .2s var(--ease),background-color .2s}
.fb__tel:hover{color:#fff;background:var(--primary-d);transform:translateY(-2px)}
.fb__tel-i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--primary)}
.fb__tel b{font-size:26px;font-weight:700;letter-spacing:.01em}
.fb__tel small{padding-left:14px;border-left:1px solid rgba(255,255,255,.3);font-size:12.5px;line-height:1.2;color:#C9CCE0}
.fb__vis{position:relative;min-height:100%}
.fb__vis picture,.fb__vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.fb__vis::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#EEF0F6 0%,rgba(238,240,246,.85) 12%,rgba(238,240,246,0) 38%)}
@media (max-width:1024px){.fb__txt{padding:36px 0 36px 32px}.fb__tel b{font-size:22px}}
@media (max-width:767px){
  .fb{grid-template-columns:1fr;min-height:0;border-radius:18px}
  .fb__vis{order:-1;height:250px}
  .fb__vis::before{background:linear-gradient(180deg,rgba(238,240,246,0) 55%,#F1F2F7 100%),linear-gradient(140deg,#F3F4F8 0%,rgba(243,244,248,.9) 14%,rgba(243,244,248,0) 34%)}
  .fb__vis img{object-position:50% 40%}
  .fb__txt{padding:6px 18px 24px}
  .fb__t{font-size:32px}
  .fb__d{font-size:15.5px;margin-bottom:18px}
  .fb__feats{gap:6px;margin-bottom:20px}
  .fb__feats li{height:34px;font-size:12.5px;padding-right:12px}
  .fb__feats li span{width:24px;height:24px}
  .fb__tel{align-self:stretch;justify-content:center}
  .fb__tel b{font-size:22px}
}


/* Hakkımızda / Teknik Servis (İletişim ile aynı tarz) */
.gsv-hero{background:#F5F6F9!important;background-image:none!important}
.gsv-hero::before,.gsv-hero::after{display:none!important}
.gab-text{max-width:860px;font-size:16.5px;line-height:1.75;color:#4A4E6A}
.gab-text p{margin:0 0 14px}
.fsv-seri li{padding-top:22px}
.fsv-seri h3{margin:0 0 6px}
.gab .gsv-hero__in{grid-template-columns:1fr}.gab .gsv-hero__txt{max-width:820px}
.gf{margin-top:56px!important}

/* ---------- Mobil alt çubuk: 5 öğe, sepet ortada; İletişim paneli ---------- */
@media (max-width:1024px){
  .mobile-bar{grid-template-columns:repeat(5,1fr);height:calc(64px + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);border-radius:18px 18px 0 0;box-shadow:0 -8px 24px -14px rgba(11,13,38,.35)}
  .mobile-bar a,.mobile-bar .mb-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;border:0;background:none;font:inherit;font-size:10.5px;font-weight:600;color:#6B6F88;cursor:pointer}
  .mobile-bar a .ts-ico,.mobile-bar .mb-contact .ts-ico,.mobile-bar a:nth-child(4) .ts-ico{width:22px;height:22px}
  .mobile-bar .mb-contact>.ts-ico{display:block;box-sizing:content-box;width:22px;height:22px;padding:0;border-radius:10px;transition:background-color .25s var(--ease)}
  .mobile-bar .mb-contact[aria-expanded="true"]{color:var(--primary)}
  .mobile-bar .mb-contact[aria-expanded="true"]>.ts-ico{background:#F4F4F8;color:var(--accent)}
  .mobile-bar a.is-cart>.header-icon__i{width:54px;height:54px;margin-top:-28px}
}
.mb-sheet{position:fixed;inset:0;z-index:200;background:rgba(11,13,38,.45);animation:mb-fade .2s}
.mb-sheet__panel{position:absolute;left:0;right:0;bottom:0;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:22px 22px 0 0;animation:mb-up .28s var(--ease)}
.mb-sheet__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.mb-sheet__head p{margin:0;font-size:18px;font-weight:700;color:var(--primary)}
.mb-sheet__x{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--soft);color:var(--ink)}
.mb-sheet__row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--line);color:var(--ink)}
.mb-sheet__row:first-of-type{border-top:0}
.mb-sheet__row b{display:block;font-size:15px;color:var(--ink)}
.mb-sheet__row span:last-child{font-size:13.5px;color:var(--muted)}
.mb-sheet__i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--primary);color:#fff}
.mb-sheet__i.is-wa{background:#1fa855}
@keyframes mb-up{from{transform:translateY(100%)}}
@keyframes mb-fade{from{opacity:0}}
.gc-card{align-self:start}

/* Footer logo satırı */
.gf-brand{padding:36px 0 26px;border-bottom:1px solid rgba(255,255,255,.1)}
.gf-brand .site-logo img{width:200px;filter:none}
.gf-main{padding-top:32px}
@media (max-width:767px){.gf-brand{padding:28px 0 20px}.gf-brand .site-logo img{width:170px}}
@media (max-width:767px){.gf .gf-contact{display:none}}
@media (max-width:767px){.gf .gf-main{padding-top:0}.gf .gf-main>.gf-col:first-of-type{border-top:0}}
@media (max-width:767px){.gf .gf-brand{border-bottom:0}}

/* Masaüstü iletişim düğmesi + açılır kutu (mobildeki panelin aynısı) */
.fc-fab{display:none}
@media (min-width:1025px){
  .fc-fab{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 16px;border:0;border-radius:999px;background:var(--primary);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 16px 32px -14px rgba(11,13,38,.7);transition:transform .2s var(--ease),background-color .2s}
  .fc-fab:hover{background:var(--primary-d);transform:translateY(-2px)}
  .fc-fab[aria-expanded="true"]{background:var(--accent)}
  .mb-sheet{background:transparent;animation:none}
  .mb-sheet__panel{left:auto;right:24px;bottom:92px;width:360px;padding:16px 18px 10px;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 60px -28px rgba(11,13,38,.55);animation:mb-pop .22s var(--ease)}
  .mb-sheet__row:hover b{color:var(--accent)}
  @keyframes mb-pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
}
/* İletişim kutusu: daha küçük */
.mb-sheet__head p{font-size:16px}
.mb-sheet__x{width:32px;height:32px}
.mb-sheet__row{gap:12px;padding:10px 2px}
.mb-sheet__row b{font-size:14px}
.mb-sheet__row span:last-child{font-size:12.5px}
.mb-sheet__i{width:36px;height:36px;border-radius:11px}
.mb-sheet__i .ts-ico{width:17px;height:17px}
@media (min-width:1025px){
  .mb-sheet__panel{width:270px;bottom:88px;padding:12px 14px 6px;border-radius:16px}
  .mb-sheet__head{margin-bottom:2px}
  .mb-sheet__row{padding:8px 0}
  .mb-sheet__i{width:32px;height:32px;border-radius:10px}
  .mb-sheet__i .ts-ico{width:16px;height:16px}
  .fc-fab{height:50px;padding:0 18px 0 14px;font-size:14px}
  .fc-fab .ts-ico{width:22px;height:22px}
}

/* Sipariş alındı (thankyou) */
.gs-ty{--ty-ok:var(--teal);--ty-chip:#DDF1EC;--ty-chip-t:#0E7564;--ty-hint:#FFF1EA;--ty-hint-t:#8A3A12;--ty-hint-i:var(--orange);max-width:1100px;margin:0 auto;text-align:left}
.gs-ty__ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--ty-ok);color:#fff;flex:none;box-shadow:0 0 0 7px color-mix(in srgb,var(--ty-ok) 16%,transparent)}
.gs-ty__bar{display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap;padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 34px -26px rgba(20,36,58,.35)}
.gs-ty__lead{flex:1 1 260px;min-width:0}
.gs-ty__lead strong{display:block;font-size:20px;font-weight:600;color:var(--primary)}
.gs-ty__lead span{display:block;margin-top:2px;font-size:14.5px;color:var(--muted);overflow-wrap:anywhere}
.gs-ty__lead b{color:var(--ink);font-weight:500}
.gs-ty__meta{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin:0;border-left:1px solid var(--line2)}
.gs-ty__meta div{padding:2px 20px;border-right:1px solid var(--line2)}
.gs-ty__meta div:last-child{border-right:0;padding-right:0}
.gs-ty__meta dt{font-size:12.5px;color:var(--muted);margin:0}
.gs-ty__meta dd{margin:2px 0 0;font-size:15.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.gs-ty__meta dd.is-total{color:var(--primary)}
.gs-ty__bank{margin-top:18px;padding:20px 24px;border-radius:16px;background:var(--soft2);border:1px dashed #C9D5E3}
.gs-ty__bank h2{font-size:18px;margin:0 0 10px;color:var(--primary)}
.gs-ty__bank ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 32px}
.gs-ty__bank ul+ul{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.gs-ty__bank li{font-size:13px;color:var(--muted)}
.gs-ty__bank li strong{display:block;font-size:15px;color:var(--ink);font-weight:600}
.gs-ty__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}
.gs-ty__side{display:grid;gap:20px}
.gs-ty__card{padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.gs-ty__card h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:18px;font-weight:600;color:var(--primary)}
.gs-ty__card h2 span{padding:3px 10px;border-radius:999px;background:var(--ty-chip);color:var(--ty-chip-t);font-size:12.5px;font-weight:600}
.gs-ty__items{list-style:none;margin:0;padding:0}
.gs-ty__items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line2)}
.gs-ty__items li:first-child{border-top:0;padding-top:0}
.gs-ty__thumb{display:block;width:64px;height:64px;border-radius:12px;background:var(--soft2);overflow:hidden}
.gs-ty__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px}
.gs-ty__name{font-size:15px;font-weight:500;line-height:1.35;color:var(--ink)}
.gs-ty__name a{color:inherit;text-decoration:none}
.gs-ty__name a:hover{color:var(--primary)}
.gs-ty__name small{display:block;margin-top:3px;font-size:13px;color:var(--muted);font-weight:400}
.gs-ty__price{font-weight:600;white-space:nowrap}
.gs-ty__sum{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.gs-ty__sum div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14.5px}
.gs-ty__sum dt{color:var(--muted);margin:0}
.gs-ty__sum dd{margin:0;font-weight:500}
.gs-ty__sum .is-total{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--soft2)}
.gs-ty__sum .is-total dt{color:var(--ink);font-weight:600}
.gs-ty__sum .is-total dt small{font-weight:400;color:var(--muted);font-size:12.5px;margin-left:4px}
.gs-ty__sum .is-total dd{font-size:18px;font-weight:700;color:var(--primary)}
.gs-ty__note{margin:14px 0 0;font-size:14px;color:var(--muted)}
.gs-ty__addr{display:grid;gap:16px}
.gs-ty__addr h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13.5px;font-weight:600;color:#41536B}
.gs-ty__addr h3 svg{color:var(--ty-ok)}
.gs-ty__addr address,.gs-ty__addr p{margin:0;font-style:normal;font-size:14.5px;line-height:1.6;color:var(--ink)}
.gs-ty__addr>div+div{padding-top:16px;border-top:1px solid var(--line2)}
.gs-ty__btns{display:flex;flex-wrap:wrap;gap:10px}
.gs-ty__btns .ts-btn{flex:1 1 auto;min-height:46px;border-radius:12px;font-weight:600}
.gs-ty__foot{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px 0 8px}
.gs-ty__foot .ts-btn{min-height:48px;border-radius:12px;font-weight:600;padding:0 28px}
.gs-ty__state{max-width:560px;margin:0 auto;padding:34px 30px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#fff}
.gs-ty__state .gs-ty__ic{margin:0 auto 16px}
.gs-ty__state h2{margin:0 0 6px;font-size:22px;color:var(--primary)}
.gs-ty__state p{margin:0 0 18px;color:var(--muted)}
.gs-ty__state.is-fail .gs-ty__ic{background:var(--red);box-shadow:0 0 0 7px rgba(200,38,44,.12)}
@media (max-width:960px){
  .gs-ty__meta{grid-template-columns:repeat(2,1fr);border-left:0;width:100%;gap:12px 0;padding-top:14px;border-top:1px solid var(--line2)}
  .gs-ty__meta div{padding:0 14px 0 0;border-right:0}
  .gs-ty__grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .gs-ty__bar,.gs-ty__card{padding:18px}
  .gs-ty__bar .gs-ty__ic{width:44px;height:44px}
  .gs-ty__items li{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}
  .gs-ty__thumb{width:52px;height:52px;grid-row:span 2}
  .gs-ty__price{font-size:14.5px}
  .gs-ty__foot .ts-btn{flex:1 1 100%}
}
.gs-ty__hint{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--ty-hint);color:var(--ty-hint-t);font-size:14.5px;line-height:1.5}
.gs-ty__hint svg{flex:none;margin-top:3px;color:var(--ty-hint-i)}
.gs-ty__hint b{color:inherit;font-weight:700}
.gs-ty{--ty-ok:#17a34a;--ty-chip:#E8E9F3;--ty-chip-t:var(--primary);--ty-hint:#FFF4E5;--ty-hint-t:#8A4B08;--ty-hint-i:#E08A00}