/* YMO Bilişim — ana sayfa ve ürün sayfaları ortak stili */
:root{
  --lacivert:#0B1B2E; --metin:#3A4654; --soluk:#5A6675; --cizgi:#DCE3EA; --zemin:#F4F7FA;
  --mavi:#0070A8; --acik-mavi:#009EE3;
  --vurgu:#0070A8; --vurgu-zemin:#E3F2FA; --vurgu-buton:#009EE3; --hero:#0B1B2E; --hero-metin:#C9D4E0; --hero-ust:#6CC9F0;
}
body{margin:0;background:#FFFFFF;font-family:'Titillium Web',system-ui,sans-serif;color:var(--metin);line-height:1.5}
a{color:var(--mavi)}a:hover{color:var(--lacivert)}
.urun-ik{--vurgu:#1E6B42;--vurgu-zemin:#E4F3EA;--vurgu-buton:#1E6B42}
.urun-ziyaretci{--vurgu:#9A4410;--vurgu-zemin:#FBEDE3;--vurgu-buton:#F08A4B;--hero-ust:#F4B48A}
.urun-isg{--vurgu:#11605F;--vurgu-zemin:#E2F1F1;--vurgu-buton:#3FC1BA;--hero:#0E2B2B;--hero-metin:#CFE2E1;--hero-ust:#7FD3CF}

.kap{max-width:1200px;margin:0 auto;padding:88px 24px}
.dar{max-width:860px}
.ust-etiket{margin:0 0 8px;font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--vurgu)}
h1,h2,h3{color:var(--lacivert);margin:0}
h2.baslik{font-size:40px;line-height:1.15;margin:0 0 14px}
.giris{margin:0 0 40px;font-size:19px;line-height:1.55;max-width:760px}
.gri{background:var(--zemin)}

/* Üst menü */
.ust{border-bottom:1px solid #E3E8EE;background:#FFFFFF}
.ust-ic{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ust-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.ust-logo img{height:48px;width:auto;display:block}
.ust-logo span{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--vurgu);border-left:1px solid #CBD4DE;padding-left:12px}
.ust nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;font-size:16px;font-weight:600}
.ust nav a{color:#14202E;text-decoration:none;padding:10px 0}
.ust nav a[aria-current]{color:var(--mavi)}
.ust-sag{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dil{display:inline-flex;align-items:center;font-size:15px;font-weight:600}
.dil span[aria-current]{padding:0 6px;color:var(--mavi);font-weight:700}
.dil a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:var(--soluk);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:8px;font-weight:700;font-size:17px;text-decoration:none;border:0;font-family:inherit;cursor:pointer}
.btn-kucuk{min-height:44px;padding:0 20px;font-size:15px}
.btn-mavi{background:var(--mavi);color:#FFFFFF}.btn-mavi:hover{background:#00557F;color:#FFFFFF}
.btn-cerceve{border:1px solid #CBD4DE;color:#14202E;background:#FFFFFF}
.btn-vurgu{background:var(--vurgu-buton);color:var(--lacivert)}
.urun-ik .btn-vurgu{color:#FFFFFF}
.btn-vurgu:hover{filter:brightness(1.08);color:var(--lacivert)}.urun-ik .btn-vurgu:hover{color:#FFFFFF}
.btn-hayalet{border:2px solid rgba(255,255,255,.45);color:#FFFFFF}.btn-hayalet:hover{color:#FFFFFF;border-color:#FFFFFF}

/* Koyu giriş bölümü */
.hero{background:var(--hero);color:#FFFFFF}
.hero .kap{padding-top:32px;padding-bottom:96px}
.yol{font-size:15px;margin-bottom:52px;color:var(--hero-metin)}
.yol a{color:var(--hero-metin)}.yol span{color:#FFFFFF}
.hero-ic{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.hero-sol{flex:999 1 520px;min-width:0}
.hero-sag{flex:1 1 360px;min-width:0}
.hero-ust{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}
.hero-ust b{font-size:15px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--hero-ust)}
.hero h1{font-size:56px;line-height:1.07;color:#FFFFFF;margin:0 0 22px}
.hero p.alt{margin:0 0 32px;font-size:21px;line-height:1.55;color:var(--hero-metin);max-width:640px}
.butonlar{display:flex;flex-wrap:wrap;gap:12px}
.rozet{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.rozet-yesil{color:#0B1B2E;background:#6CC9F0}
.rozet-sari{color:#0B1B2E;background:#F2C46D}
.rozet-gri{color:#FFFFFF;border:1px solid rgba(255,255,255,.5);padding:3px 10px}
.rozet-acik{color:#00557F;background:#E3F2FA}
.rozet-erken{color:#7A4D00;background:#FBEFD6}
.rozet-yakinda{color:#3A4654;border:1px solid #AEB9C5;padding:3px 10px}

/* Giriş bölümündeki örnek panel */
.panel{background:#FFFFFF;color:var(--metin);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.panel-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--soluk)}
.canli{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:0;text-transform:none;color:#1E6B42}
.canli::before{content:"";width:10px;height:10px;border-radius:50%;background:#1E6B42}
.panel-sayi{margin:0;font-size:46px;font-weight:700;line-height:1;color:var(--lacivert)}
.panel-sayi small{font-size:20px;font-weight:600;color:var(--soluk)}
.satirlar{display:flex;flex-direction:column;border-top:1px solid #E3E8EE}
.satir{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #E3E8EE;font-size:16px}
.satir:last-child{border-bottom:0}
.satir strong{color:var(--lacivert)}.satir em{font-style:normal;color:var(--soluk)}
.satir .sag{white-space:nowrap;color:var(--soluk);font-size:15px}
.kirmizi{color:#9B2C17!important;font-weight:700}.turuncu{color:#7A4D00!important;font-weight:700}
.panel-not{font-size:13px;color:var(--soluk)}
.panel-alt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:8px;background:var(--vurgu-zemin);color:var(--vurgu);font-weight:700}
.durumlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.durumlar div{border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
.durumlar b{font-size:30px;line-height:1}
.d-yesil{background:#E2F1F1;color:#11605F}.d-sari{background:#FBEFD6;color:#7A4D00}.d-kirmizi{background:#FBE3DE;color:#9B2C17}
.urun-listesi{background:#13283F;border:1px solid #23405F;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.urun-listesi p{margin:0 0 4px;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9FB2C6}
.urun-listesi a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#0B1B2E;border-radius:10px;color:#FFFFFF;text-decoration:none;font-size:18px;font-weight:700}
.urun-listesi a:hover{background:#091626;color:#FFFFFF}

/* Kartlar */
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.kart{background:#FFFFFF;border:1px solid var(--cizgi);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:12px}
.kart-vurgu{border:2px solid var(--vurgu)}
.kart h3{font-size:24px}
.kart p{margin:0;font-size:17px;line-height:1.5}
.kart ul{margin:0;padding-left:20px;font-size:16px;line-height:1.7}
.kart .kucuk-ust{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--soluk)}
.kart-ust{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ikon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--vurgu-zemin)}
.kart .devam{margin-top:auto;font-weight:700;font-size:17px}
.u-survey{--vurgu:#0070A8;--vurgu-zemin:#E3F2FA}.u-ik{--vurgu:#1E6B42;--vurgu-zemin:#E4F3EA}.u-ziy{--vurgu:#9A4410;--vurgu-zemin:#FBEDE3}.u-isg{--vurgu:#11605F;--vurgu-zemin:#E2F1F1}.u-con{--vurgu:#4B3FA8;--vurgu-zemin:#ECEAFB}
.urun-connect{--vurgu:#4B3FA8;--vurgu-zemin:#ECEAFB;--vurgu-buton:#8F86F0;--hero:#15123A;--hero-metin:#D3D0F2;--hero-ust:#B7B1F7}

/* Bugün / YMO ile karşılaştırma */
.karsi{border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.karsi p{margin:0;padding:20px 24px;font-size:17px;line-height:1.5}
.karsi p:first-child{background:#F7F8FA}
.karsi p:first-child strong{color:var(--lacivert)}
.karsi p:last-child strong{color:var(--vurgu)}

/* Özellik listesi */
.ozellik{display:flex;flex-direction:column;gap:10px}
.ozellik h3{font-size:21px}
.ozellik p{margin:0;font-size:17px;line-height:1.55}
.ozellik .ikon{width:52px;height:52px}

/* Adımlar */
.adimlar{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.adimlar li{background:#FFFFFF;border:1px solid var(--cizgi);border-radius:14px;padding:30px;display:flex;flex-direction:column;gap:12px}
.adimlar .no{width:44px;height:44px;border-radius:999px;background:var(--vurgu);color:#FFFFFF;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}
.ana .adimlar .no{background:var(--lacivert)}
.adimlar h3{font-size:22px}
.adimlar p{margin:0;font-size:17px;line-height:1.55}

/* Modül akışı (İK) */
.akis{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}
.akis .kart{flex:1 1 280px;min-width:0}
.ok{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* Vurucu şerit */
.serit{background:var(--vurgu);color:#FFFFFF;text-align:center}
.serit .kap{max-width:1000px;padding-top:72px;padding-bottom:72px}
.serit p{margin:0;font-size:19px;line-height:1.55;color:rgba(255,255,255,.85)}
.serit p.soz{margin:0 0 14px;font-size:40px;line-height:1.2;font-weight:700;color:#FFFFFF}

/* Yenileme süreleri (İSG) */
.sure{border:1px solid var(--cizgi);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:6px}
.sure span{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.sure b{font-size:30px;color:var(--lacivert)}
.sure em{font-style:normal;font-size:16px;color:var(--soluk)}

/* Bağlantılı ürün bandı */
.bant{background:#F2F8F4}
.bant .kap{padding-top:72px;padding-bottom:72px;display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.bant .kap > div{flex:999 1 520px;min-width:0}
.bant h2{font-size:32px;line-height:1.2;margin:0 0 12px}
.bant p{margin:0;font-size:18px;line-height:1.55}
.bant .ust-etiket{color:#1E6B42}
.btn-yesil-cerceve{border:2px solid #1E6B42;color:#1E6B42}

/* Fiyat */
.fiyat h3{font-size:22px}
.fiyat .tutar{margin:0;font-size:26px;font-weight:700;color:var(--lacivert)}
.fiyat .aciklama{margin:0;font-size:16px;color:var(--soluk)}

/* SSS */
.sss{display:flex;flex-direction:column;gap:12px}
.sss details{background:#FFFFFF;border:1px solid #E3E8EE;border-radius:10px;padding:0 22px}
.sss summary{padding:18px 0;font-size:18px;font-weight:700;color:var(--lacivert);cursor:pointer}
.sss details p{margin:0 0 18px;font-size:16px;line-height:1.6}

/* Yakında şeridi */
.yakinda{border-top:1px solid #E3E8EE}
.yakinda .kap{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.yakinda strong{font-size:16px;color:var(--lacivert);margin-right:8px}
.yakinda span{font-size:15px;background:var(--zemin);border:1px solid var(--cizgi);padding:6px 14px;border-radius:999px}

/* Form bölümü */
.form-bolum{background:var(--hero);color:#FFFFFF}
.form-bolum .kap{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.form-sol{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:14px}
.form-sol h2{font-size:40px;line-height:1.15;color:#FFFFFF}
.form-sol p{margin:0;font-size:19px;line-height:1.55;color:var(--hero-metin)}
.form-sol .ust-etiket{color:var(--hero-ust)}
.iletisim-bilgi{display:flex;flex-direction:column;gap:8px;margin-top:10px;font-size:16px;color:var(--hero-metin)}
.iletisim-bilgi a{color:#FFFFFF;font-weight:600;text-decoration:none}
.form{flex:1.3 1 460px;min-width:0;background:#FFFFFF;color:var(--metin);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:18px}
.form-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;color:var(--lacivert)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{min-height:46px;padding:0 12px;border:1px solid #AEB9C5;border-radius:8px;font:inherit;font-weight:400;background:#FFFFFF;color:#14202E}
.form textarea{padding:10px 12px;resize:vertical}
.form label.onay{flex-direction:row;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;color:var(--metin);min-height:44px}
.form label.onay input{width:18px;height:18px;margin:3px 0 0;accent-color:var(--mavi);flex:none}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px}
#form-durum{font-size:15px;font-weight:600}

/* Alt bilgi */
.altbilgi{background:#07131F;color:#B7C4D3}
.alt-ic{max-width:1200px;margin:0 auto;padding:48px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;align-items:flex-start}
.alt-marka{display:flex;flex-direction:column;gap:12px;max-width:340px;font-size:15px}
.alt-marka img{width:130px;height:auto}
.alt-sutunlar{display:flex;flex-wrap:wrap;gap:48px;font-size:15px}
.alt-sutunlar div{display:flex;flex-direction:column;gap:8px}
.alt-sutunlar b{color:#FFFFFF}
.alt-sutunlar a{color:#B7C4D3;text-decoration:none}.alt-sutunlar a:hover{color:#FFFFFF}
.alt-son{border-top:1px solid rgba(255,255,255,.1)}
.alt-son div{max-width:1200px;margin:0 auto;padding:18px 24px;font-size:14px;color:#8FA0B3}

@media (max-width:720px){
  .hero h1{font-size:38px!important}
  h2.baslik,.form-sol h2{font-size:30px}
  .serit p.soz{font-size:30px}
  .kap{padding-top:56px;padding-bottom:56px}
  .hero .kap{padding-bottom:64px}
  .ok{display:none}
  .form{padding:22px}
  .durumlar b{font-size:24px}
}

/* Ana sayfa vitrini */
.vitrin{position:relative;overflow:hidden;color:#FFFFFF;
  background:radial-gradient(900px 500px at 85% 20%,rgba(0,158,227,.22),transparent 60%),radial-gradient(700px 400px at 10% 110%,rgba(0,112,168,.25),transparent 60%),#081524}
.vitrin::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.vitrin-ic{position:relative;max-width:1240px;margin:0 auto;padding:104px 24px 72px;display:flex;flex-wrap:wrap;gap:64px;align-items:center}
.vitrin-sol{flex:1 1 460px;min-width:0;max-width:600px}
.vitrin-ust{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#6CC9F0}
.vitrin-ust::before{content:"";width:28px;height:2px;background:#009EE3}
.vitrin h1{margin:0 0 22px;font-size:54px;line-height:1.08;font-weight:700;color:#FFFFFF;letter-spacing:-.5px}
.vitrin-alt{margin:0 0 34px;font-size:20px;line-height:1.6;color:#B9C7D6}
.btn-parlak{background:#009EE3;color:#06121F;box-shadow:0 10px 30px rgba(0,158,227,.35)}
.btn-parlak:hover{background:#33B5EC;color:#06121F}
.guven{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:15px;color:#B9C7D6}
.guven li{display:inline-flex;align-items:center;gap:8px}
.vitrin-serit{position:relative;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1240px;margin:0 auto}
.vitrin-serit a{display:flex;flex-direction:column;gap:2px;padding:24px;text-decoration:none;color:#B9C7D6;border-left:1px solid rgba(255,255,255,.1);transition:background .2s}
.vitrin-serit a:first-child{border-left:0}
.vitrin-serit a:hover{background:rgba(255,255,255,.04);color:#FFFFFF}
.vitrin-serit b{font-size:17px;color:#FFFFFF}
.vitrin-serit span{font-size:14px}
@media (max-width:900px){
  .vitrin-serit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vitrin-serit a:nth-child(3){border-left:0}
  .vitrin-serit a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  }
@media (max-width:720px){
  .vitrin-ic{padding:64px 20px 48px!important;gap:40px}
  .vitrin h1{font-size:36px!important}
  .vitrin-alt{font-size:18px}
  .vitrin-serit{display:none}
  }

/* Vitrin: ürünler ortak çekirdeğe bağlı */
.vitrin-sag{flex:1 1 520px;min-width:0}
.ag{position:relative;aspect-ratio:560/460;max-width:600px;margin:0 auto}
.ag-cizgi{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ag-cizgi path{fill:none;stroke:#2B6E99;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:6 6;animation:akis 1.6s linear infinite}
@keyframes akis{to{stroke-dashoffset:-24}}
.y-ikon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.ag-urun{position:absolute;width:31%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;text-decoration:none;
  background:rgba(255,255,255,.96);color:#3A4654;box-shadow:0 18px 44px rgba(0,0,0,.4);transition:transform .2s,box-shadow .2s}
.ag-urun:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.5);color:#3A4654}
.ag-urun b{display:block;font-size:17px;color:#0B1B2E;line-height:1.2}
.ag-urun em{display:block;font-style:normal;font-size:13px;line-height:1.35;color:#5A6675}
.a1{left:3%;top:0}.a2{right:3%;top:0}.a3{left:0;bottom:0}.a4{right:0;bottom:0}.a5{left:34.5%;bottom:0}
.ag-merkez{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:38%;padding:22px 20px;border-radius:18px;text-align:center;
  background:linear-gradient(160deg,#123150,#0A1D31);border:1px solid rgba(108,201,240,.45);box-shadow:0 0 0 8px rgba(0,158,227,.08),0 0 60px rgba(0,158,227,.35)}
.ag-merkez img{width:110px;height:auto;display:block;margin:0 auto 12px}
.ag-merkez ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#B9C7D6}
@media (prefers-reduced-motion:reduce){.ag-cizgi path{animation:none}}
@media (max-width:720px){
  .ag{aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ag-cizgi{display:none}
  .ag-urun,.ag-merkez{position:static;width:auto;transform:none}
  .a5{grid-column:1/-1}
  .ag-merkez{grid-column:1/-1;order:-1}
  .ag-urun{flex-direction:column;align-items:flex-start;padding:14px}
}

/* Connect: telefon görseli */
.telefon{width:290px;max-width:100%;margin:0 auto;border-radius:38px;padding:14px;background:#0C0A24;border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 90px rgba(0,0,0,.5)}
.tel-ust{width:90px;height:6px;border-radius:6px;background:#2A2650;margin:4px auto 12px}
.tel-kart{background:#FFFFFF;border-radius:26px;padding:26px 20px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#3A4654}
.tel-foto{width:84px;height:84px;border-radius:50%;background:#ECEAFB;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.tel-kart b{font-size:20px;color:#0B1B2E}
.tel-kart > span{font-size:14px;color:#5A6675}
.tel-butonlar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:12px 0 4px}
.tel-butonlar i{font-style:normal;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-radius:12px;background:#F4F3FD;font-size:12px;font-weight:600;color:#4B3FA8}
.tel-kaydet{width:100%;padding:12px;border-radius:12px;background:#4B3FA8;color:#FFFFFF!important;font-weight:700;font-size:15px!important}
.tel-qr{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:10px 12px;border:1px dashed #C9C4F2;border-radius:12px}
.tel-qr em{font-style:normal;font-size:13px;font-weight:700;color:#4B3FA8}

/* Gerçek demo ekran görüntüleri: tarayıcı çerçevesi ve galeri */
.ekran{margin:0;border-radius:12px;overflow:hidden;background:#FFFFFF;border:1px solid rgba(11,27,46,.12);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.hero .ekran{border-color:rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.ekran-ust{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#EEF2F6;border-bottom:1px solid #DCE3EA}
.ekran-ust i{width:9px;height:9px;border-radius:50%;background:#C9D2DC;flex:none}
.ekran-ust span{margin-left:10px;flex:1;max-width:260px;height:18px;line-height:18px;border-radius:5px;background:#FFFFFF;font-size:11px;color:#5A6675;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ekran a{display:block}
.ekran img{display:block;width:100%;height:auto}
.hero .hero-sag .ekran img{aspect-ratio:1440/900;object-fit:cover;object-position:top}
.galeri{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:36px 32px;margin-top:40px}
.galeri-oge p{margin:14px 2px 0;font-size:17px;color:var(--metin)}
.galeri-oge .ekran{box-shadow:0 14px 40px rgba(11,27,46,.14)}
.galeri-not{margin:32px 0 0;font-size:15px;color:var(--soluk)}
.telefon-gercek{padding:12px;width:300px}
.telefon-gercek img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top;border-radius:26px}
.hero-ic:has(.ekran) .hero-sol{flex:1 1 440px}
.hero-ic:has(.ekran) .hero-sag{flex:1.35 1 520px}
.hero-ic:has(.ekran) h1{font-size:50px}
/* Ürün kartları: geniş ekranda beşi yan yana */
@media (min-width:1180px){
  #urunler .kap,#products .kap{max-width:1360px}
  .urun-izgara{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  .urun-izgara .kart{padding:24px 22px}
  .urun-izgara .kart h3{font-size:22px}
  .urun-izgara .kart p,.urun-izgara .kart li{font-size:16px}
  .urun-izgara .devam{font-size:15px}
}