/* aespos.com iç sayfaları (sektör, özellik, İzmir, hakkımızda): ana sayfanın karo dili, sade.
   Ortak üst satır, ekmek kırıntısı ve alt bilgi sayfa-uret.py tarafından basılır. */
:root{
  --page:#F5F4F1; --tile:#EAE7E1; --tile-2:#DFDBD3; --paper:#FFFFFF; --line:rgba(27,28,31,.12);
  --ink:#1B1C1F; --ink-soft:#55565B;
  --mavi:#2563EB; --mavi-bas:#1D4ED8; --mavi-yazi:#1D4ED8; --yesil:#10B981; --focus:#2563EB;
  --f:"Hanken Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
  --step-small:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);
  --step-head:clamp(1.875rem,1.3rem + 2.2vw,3.25rem);
  --step-h1:clamp(2.25rem,1.2rem + 3.4vw,4rem);
  --r:8px; --gap:8px; --t-hover:180ms; --t-press:120ms; --ease-out:cubic-bezier(0.16,1,0.3,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --page:#0F0F11; --tile:#1A1A1D; --tile-2:#25252A; --paper:#16161A; --line:rgba(237,235,231,.12);
    --ink:#EDEBE7; --ink-soft:#A9A6A0; --mavi-yazi:#7DB0FF; --yesil:#34D399; --focus:#7DB0FF; color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--f);font-size:var(--step-body);line-height:1.6;letter-spacing:-0.005em;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.g{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.ms{font-family:"Material Symbols Rounded";font-weight:500;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;user-select:none;flex:none}
.atla{position:absolute;left:16px;top:-60px;z-index:70;background:var(--ink);color:var(--page);padding:10px 16px;border-radius:var(--r);font-weight:500}
.atla:focus{top:16px}
.isaret{display:block;width:32px;height:6px;border-radius:3px;background:var(--yesil)}

/* düğmeler */
.btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 22px 0 24px;border-radius:var(--r);background:var(--mavi);color:#fff;font-weight:500;text-decoration:none;transition:background-color var(--t-hover),transform var(--t-press) var(--ease-out)}
.btn svg{flex:none}
.btn:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--mavi-bas)}}
.yazi-link{color:var(--mavi-yazi);text-underline-offset:.25em;font-weight:500}

/* üst satır */
.ust{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;gap:var(--gap);padding-top:16px;position:relative;z-index:20}
.ust>*{height:60px;border-radius:var(--r)}
.logo{background:var(--paper);display:grid;place-items:center}
.logo img{width:36px;height:36px}
.baglantilar{background:var(--tile);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:20px}
.baglantilar>a.marka{font-weight:500;text-decoration:none}
.baglantilar ul{display:flex;align-items:center;gap:clamp(12px,2vw,32px);list-style:none;padding:0;margin:0}
.baglantilar a,.son a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:text-decoration-color var(--t-hover);white-space:nowrap}
@media (hover:hover) and (pointer:fine){.baglantilar a:hover,.son a:hover{text-decoration-color:currentColor}}
.acilir{position:relative}
.acilir summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.acilir summary::-webkit-details-marker{display:none}
.acilir summary svg{width:16px;height:16px;transition:transform 200ms var(--ease-out)}
.acilir[open] summary svg{transform:rotate(180deg)}
.acilir-panel{position:absolute;top:calc(100% + 18px);left:-20px;min-width:300px;background:var(--paper);border-radius:var(--r);padding:8px;box-shadow:0 16px 40px -16px rgba(0,0,0,.35);display:grid;gap:2px}
.acilir-panel a{display:block;padding:12px 14px;border-radius:6px;text-decoration:none}
.acilir-panel a small{display:block;color:var(--ink-soft);font-size:var(--step-small)}
.acilir-panel a:hover{background:var(--tile)}
.iletisim-karo{background:var(--tile);display:flex;align-items:center;gap:10px;padding:0 22px;text-decoration:none;font-weight:500;white-space:nowrap}
.iletisim-karo .ms{font-size:22px;color:var(--mavi-yazi)}
.ust .btn{height:60px;min-width:180px;justify-content:space-between}
@media (max-width:899px){.baglantilar ul{display:none}}
@media (max-width:759px){
  .ust{grid-template-columns:52px minmax(0,1fr) auto}
  .ust>*,.ust .btn{height:52px}
  .logo img{width:30px;height:30px}
  .baglantilar{display:none}
  .iletisim-karo{justify-content:center;padding:0 14px}
  .ust .btn{min-width:0;padding:0 16px}
}

/* ekmek kırıntısı */
.kirinti{margin:16px 0 0;font-size:var(--step-small);color:var(--ink-soft)}
.kirinti ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kirinti li+li::before{content:"›";margin-right:6px}
.kirinti a{text-underline-offset:.2em}

/* sayfa açılışı */
.pano{display:flex;flex-direction:column;gap:var(--gap);margin-top:12px}
.acilis-karo{background:var(--paper);border-radius:var(--r);padding:clamp(24px,5vw,64px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px var(--gap);align-items:end}
.acilis-karo .sol{grid-column:1/8}
.acilis-karo .sag{grid-column:9/13;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.acilis-karo h1{font-size:var(--step-h1);line-height:1;letter-spacing:-0.045em;font-weight:500}
.acilis-karo .giris{margin-top:24px;font-size:var(--step-lead);line-height:1.35;max-width:36ch}
.acilis-karo .sag p{color:var(--ink-soft);font-size:var(--step-small);max-width:34ch}
@media (max-width:899px){.acilis-karo .sol,.acilis-karo .sag{grid-column:1/-1}}

/* içerik satırları: yazı karosu + ekran karosu */
.satir{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.satir>*{border-radius:var(--r);min-width:0}
.yazi-karo{grid-column:1/6;background:var(--tile);padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:16px}
.yazi-karo.genis{grid-column:1/-1}
.yazi-karo h2{font-size:var(--step-head);line-height:1.05;letter-spacing:-0.04em;font-weight:500}
.yazi-karo h3{font-size:var(--step-lead);line-height:1.2;letter-spacing:-0.02em;font-weight:500;margin-top:8px}
.yazi-karo p{color:var(--ink-soft);max-width:62ch}
.yazi-karo p strong,.yazi-karo li strong{color:var(--ink);font-weight:500}
.resim-karo{grid-column:6/13;background:var(--tile);padding:clamp(12px,1.6vw,24px);display:flex;align-items:center}
.resim-karo img{width:100%;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.satir.ters .yazi-karo{grid-column:8/13;grid-row:1}
.satir.ters .resim-karo{grid-column:1/8;grid-row:1}
.maddeler{list-style:none;padding:0;display:grid;gap:12px}
.maddeler li{position:relative;padding-left:28px;color:var(--ink-soft)}
.maddeler li::before{content:"";position:absolute;left:0;top:.72em;width:14px;height:4px;border-radius:2px;background:var(--yesil)}
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}
/* yan yana iki yazı karosu */
.satir.ikili .yazi-karo{grid-column:span 6}
/* özellikler merkezi: üç sütunlu karo ızgarası */
.izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.izgara .yazi-karo{grid-column:auto;border-radius:var(--r);justify-content:flex-start}
.izgara .yazi-karo h2{font-size:var(--step-lead);line-height:1.2;letter-spacing:-0.02em}
.izgara .yazi-karo .yazi-link{margin-top:auto;padding-top:4px}
@media (max-width:1099px){.izgara{grid-template-columns:1fr 1fr}}
@media (max-width:899px){
  .yazi-karo,.resim-karo,.satir.ters .yazi-karo,.satir.ters .resim-karo,.satir.ikili .yazi-karo{grid-column:1/-1;grid-row:auto}
  .iki-sutun{grid-template-columns:1fr}
  .pano,.satir,.izgara{gap:6px}
}
@media (max-width:599px){.izgara{grid-template-columns:1fr}}

/* sorular */
.sss{background:var(--tile);border-radius:var(--r);padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:24px}
.sss h2{font-size:var(--step-head);line-height:1.05;letter-spacing:-0.04em;font-weight:500}
.sss-liste{display:flex;flex-direction:column;gap:6px}
.soru{background:var(--page);border-radius:var(--r)}
.soru summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;cursor:pointer;list-style:none;font-size:var(--step-body);font-weight:500;line-height:1.3}
.soru summary::-webkit-details-marker{display:none}
.arti{position:relative;width:16px;height:16px;flex:none}
.arti::before,.arti::after{content:"";position:absolute;left:0;right:0;top:7px;height:2px;border-radius:1px;background:var(--mavi-yazi);transition:transform 240ms var(--ease-out)}
.arti::after{transform:rotate(90deg)}
.soru[open] .arti::after{transform:rotate(0deg)}
.soru p{padding:0 48px 22px 22px;color:var(--ink-soft);max-width:70ch}

/* çağrı karosu */
.cagri{background:var(--mavi);color:#fff;border-radius:var(--r);padding:clamp(24px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cagri h2{font-size:var(--step-head);line-height:1.05;letter-spacing:-0.04em;font-weight:500;max-width:22ch}
.cagri p{margin-top:12px;opacity:.92;max-width:52ch}
.cagri .eylem{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cagri .btn{background:#fff;color:#1D4ED8}
.cagri .tel{color:#fff;font-weight:500;text-decoration:none;font-variant-numeric:tabular-nums;padding:0 8px}
@media (hover:hover) and (pointer:fine){.cagri .btn:hover{background:#E8EFFE}}

/* ilgili sayfalar */
.ilgili{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.ilgili a{background:var(--tile);border-radius:var(--r);padding:20px 22px;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:background-color var(--t-hover)}
.ilgili a b{font-weight:500}
.ilgili a span{color:var(--ink-soft);font-size:var(--step-small)}
@media (hover:hover) and (pointer:fine){.ilgili a:hover{background:var(--tile-2)}}
@media (max-width:899px){.ilgili{grid-template-columns:1fr 1fr;gap:6px}}

/* alt bilgi */
.son{margin-top:var(--gap);padding-bottom:16px}
.son-sutunlar{background:var(--tile);border-radius:var(--r);padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.son-sutunlar h2{font-size:var(--step-small);font-weight:500;color:var(--ink-soft);margin-bottom:10px}
.son-sutunlar ul{list-style:none;padding:0;display:grid;gap:8px;font-size:var(--step-small)}
.son-alt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:14px 4px 0;font-size:var(--step-small);color:var(--ink-soft)}
@media (max-width:759px){.son-sutunlar{grid-template-columns:1fr 1fr}}

/* Logo "Tezgâh" (marka/logo/logo-uret.py): lacivert logo hücresinde iki renkli A; yanında yazı logo. Renkler temaya göre. */
.logo{background:#1E3A8A}
.aes-yazi{display:block;height:clamp(19px,1.7vw,26px);width:auto;flex:none}
.logo img{width:44px;height:44px}
.aes-yazi .l1{fill:#1E3A8A}.aes-yazi .l2{fill:#2563EB}.aes-yazi .l3{fill:#10B981}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .aes-yazi .l1{fill:#FFFFFF}:root:not([data-theme="light"]) .aes-yazi .l2{fill:#7DB0FF}:root:not([data-theme="light"]) .aes-yazi .l3{fill:#34D399}}
:root[data-theme="dark"] .aes-yazi .l1{fill:#FFFFFF}:root[data-theme="dark"] .aes-yazi .l2{fill:#7DB0FF}:root[data-theme="dark"] .aes-yazi .l3{fill:#34D399}
@media (max-width:759px){.logo img{width:38px;height:38px}}

/* Dar ekran menüsü (≤899px): üst satıra sığmayan Çözümler, Özellikler, Sorular, İletişim tek panelde */
.ust{position:relative;z-index:20}
.mobil-menu{display:none}
.mobil-menu summary{list-style:none;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:var(--r);background:var(--tile);font-weight:500;user-select:none;-webkit-tap-highlight-color:transparent}
.mobil-menu summary::-webkit-details-marker{display:none}
.mobil-menu summary span{display:flex;align-items:center;gap:10px}
.mobil-menu summary svg{width:22px;height:22px;flex:none;color:var(--mavi-yazi)}
.mobil-menu .kapat-simge,.mobil-menu[open] .ac-simge{display:none}
.mobil-menu[open] .kapat-simge{display:flex}
.mobil-panel{border:1px solid var(--line);position:absolute;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));top:calc(100% + 8px);background:var(--paper);border-radius:var(--r);padding:8px;box-shadow:0 18px 44px -14px rgba(0,0,0,.45);display:grid;gap:2px;max-height:calc(100svh - 96px);overflow:auto}
.mobil-panel a{display:block;padding:13px 14px;border-radius:6px;text-decoration:none;font-weight:500}
.mobil-panel a small{display:block;font-weight:400;color:var(--ink-soft);font-size:var(--step-small);margin-top:2px}
.mobil-panel .mp-baslik{margin:8px 14px 2px;font-size:var(--step-small);color:var(--ink-soft)}
.mobil-panel hr{border:0;border-top:1px solid var(--line);margin:6px 8px}
.mobil-panel .mp-tel{color:var(--mavi-yazi);font-variant-numeric:tabular-nums}
.mobil-panel a:active{background:var(--tile)}
@media (hover:hover) and (pointer:fine){.mobil-panel a:hover{background:var(--tile)}}
@media (max-width:899px){.mobil-menu{display:block}.iletisim-karo{display:none}.baglantilar ul{display:none}}

/* Hakkımızda açılışı: firma metni (düz paragraflar), ardından vurgulu Aes POS cümlesi */
.acilis-karo .firma{margin-top:24px;display:grid;gap:14px;max-width:64ch;color:var(--ink-soft)}
.acilis-karo .giris.vurgu{margin-top:28px;padding-left:18px;border-left:4px solid var(--yesil);color:var(--ink)}

/* Hakkımızda eklenince dört bağlantı 1000px altında sığmıyor (ölçüldü: 960px kenara dayanıyor) → menü düğmesi 999px'e kadar */
@media (max-width:999px){.mobil-menu{display:block}.iletisim-karo{display:none}.baglantilar ul{display:none}}

/* Açılış karosunda cihaz görseli (yazarkasa entegrasyonu: Inpos M530, şeffaf PNG'den webp) */
.acilis-karo .cihaz{margin:0 auto;width:100%;max-width:340px;position:relative;isolation:isolate}
.acilis-karo .cihaz::before{content:"";position:absolute;inset:6% 0 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(37,99,235,.20),transparent)}
.acilis-karo .cihaz img{width:100%;height:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.30))}
.acilis-karo:has(.cihaz){align-items:center}
.acilis-karo:has(.cihaz) .sag{align-items:center;text-align:center}
@media (max-width:899px){.acilis-karo .cihaz{max-width:260px}}