/* sektor-*.html — yeni.css üzerine sektör sayfası bileşenleri */
main{--ac:#f2760a;--ad:#c2410c}
main.a-kombi{--ac:#f2760a;--ad:#c2410c}
main.a-klima{--ac:#0e8fe8;--ad:#0b6fb8}
main.a-beyaz-esya{--ac:#7a5af0;--ad:#5b3fd0}
main.a-elektronik{--ac:#1f5fe0;--ad:#1f5fe0}
main.a-bilgisayar{--ac:#1fb26a;--ad:#12804a}
main.a-tesisat{--ac:#0ea5a0;--ad:#0a7a8f}
main.a-elektrik{--ac:#f5a30a;--ad:#b45309}
main.a-guvenlik{--ac:#d23b6a;--ad:#be1e56}

/* ---- hero (.pgh) ---- */
.pgh .w{padding-top:46px;padding-bottom:52px;gap:44px}
.pgh h1{max-width:620px}
.pgh .ticks li{display:flex;gap:10px;font-weight:500;color:#fff}
.pgh .ticks li:before{flex:none}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.ctas .pill{padding:13px 26px;font-size:15px}
.pill.gh{background:#ffffff1f;box-shadow:inset 0 0 0 2px #fff;color:#fff}
.pill.gh:hover{background:#ffffff38}
.skv{position:relative;padding:68px 22px 22px;border-radius:26px;background:linear-gradient(160deg,#ffffff2e,#ffffff12);box-shadow:inset 0 0 0 1px #ffffff40,0 24px 50px #040d2e66}
.skic{position:absolute;right:26px;top:-22px;width:88px;height:88px;padding:11px;border-radius:24px;background:#fff;box-shadow:0 0 0 5px var(--ac),0 14px 30px #040d2e77;z-index:2}
.fis{background:#fff;color:#0f1f46;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #040d2e55}
.fis .top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--ad);color:#fff;font-weight:800;font-size:13px;padding:13px 18px}
.fis dl{display:grid;grid-template-columns:76px minmax(0,1fr);gap:7px 12px;padding:16px 18px 6px;font-size:14px}
.fis dt{color:#4a5784;font-weight:600}.fis dd{font-weight:700;margin:0;overflow-wrap:anywhere}
.fis .ln{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:7px 18px;font-size:13.5px;position:relative}
.fis dl+.ln{border-top:1px dashed #b9c4e2;margin-top:8px;padding-top:14px}
.fis .ln time{font-weight:800;color:var(--ad)}
.fis .ln span{position:relative;padding-left:16px}
.fis .ln span:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;background:var(--ac)}
.fis .tot{margin-top:8px;padding:14px 18px;background:#eaf1fd;font-weight:800;font-size:17px;text-align:right}

/* ---- ortak bant düzeni: solda başlık, sağda içerik ---- */
.bnd{padding:40px 0}
.bnd>.w{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:34px;align-items:start}
.sh.one h2{font-size:28px;line-height:1.15;letter-spacing:-.015em;font-weight:800;color:var(--n)}
.sh.one h2:before{content:"";display:block;width:46px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--ac),#f2760a);margin-bottom:14px}

/* sorunlar */
.pb{background:linear-gradient(180deg,#fff,#f4f8ff)}
.fgrid{display:grid;gap:14px;counter-reset:f}
.fgrid>div{counter-increment:f;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,.95fr);column-gap:18px;row-gap:4px;align-items:start;background:#fff;border:1px solid #dbe4f7;border-radius:18px;padding:18px 20px;box-shadow:0 10px 26px #1f4fb52e}
.fgrid>div:before{content:counter(f);grid-row:1/3;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,#d95f0a,#f2760a);box-shadow:0 6px 14px #f2760a55}
.fgrid>div:nth-child(2):before{background:linear-gradient(135deg,#1f5fe0,#3a82ff);box-shadow:0 6px 14px #1f5fe055}
.fgrid>div:nth-child(3):before{background:linear-gradient(135deg,#6a49e0,#8a6cf5);box-shadow:0 6px 14px #7a5af055}
.fgrid h3{grid-column:2;font-size:17px;line-height:1.25;color:var(--n);align-self:end}
.fgrid p{font-size:14px;color:#2d3a66}
.fgrid p:first-of-type{grid-column:2}
.fgrid p:last-of-type{grid-column:3;grid-row:1/3;align-self:stretch;background:#e6f7ee;border-left:4px solid #1fb26a;border-radius:4px 12px 12px 4px;padding:11px 14px;color:#0b3d24}
.fgrid p b{color:#0a5a33}

/* hazır gelenler */
.tint{background:linear-gradient(180deg,#dce8fb,#eaf1fd)}
.set{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:stretch}
.set>div{border-radius:20px;padding:22px 24px}
.set>div:first-child{background:#fff;box-shadow:0 12px 30px #1f4fb53a}
.set>div:last-child{color:#fff;background:radial-gradient(300px 200px at 90% 0,#3a64b877,transparent 70%),linear-gradient(150deg,#091740,#143a9a);box-shadow:0 14px 34px #0f2a6e55}
.set h3{font-size:16px;margin-bottom:12px;color:var(--n)}
.set>div:last-child h3{color:#fff}
.set h3[style]{margin-top:24px!important}
.chp{display:flex;flex-wrap:wrap;gap:8px}
.chp span{background:#e4eeff;color:#123a95;font-weight:700;font-size:13px;border-radius:999px;padding:6px 13px}
.chp+h3+.chp span{background:#ffeedb;color:#7a3304}
.set .ticks{list-style:none;padding:0;display:grid;gap:0}
.set .ticks li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff24;font-weight:500}
.set .ticks li:last-child{border:0}
.set .ticks li:before{content:"✓";color:#ff9a3c;font-weight:800}
.note2{margin-top:12px;font-size:13px;color:#d6def3}

/* akış */
.sq{background:radial-gradient(500px 320px at 100% 0,#3a64b855,transparent 70%),linear-gradient(100deg,#091740 0%,#0f2a6e 60%,#1a46a8 100%);color:#fff}
.sq .sh.one h2{color:#fff}
.seq{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:q}
.seq li{counter-increment:q;position:relative}
.seq i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;margin-bottom:12px;color:#fff;font-style:normal;font-weight:800;font-size:19px;box-shadow:0 0 0 6px #ffffff1f,0 8px 18px #0006;position:relative;z-index:1;background:#1f6bff}
.seq i:before{content:counter(q)}
.seq li:nth-child(2) i{background:#7a5af0}.seq li:nth-child(3) i{background:#d95f0a}.seq li:nth-child(4) i{background:#14a05c}
.seq li:not(:last-child):after{content:"";position:absolute;top:22px;left:62px;right:-12px;height:2px;background:#6d8fe0}
.seq time{display:block;font-weight:800;font-size:18px;color:#ffb15c}
.seq b{display:block;font-size:16px;margin:2px 0 4px}
.seq p{font-size:14px;color:#eef2ff}

/* paket bandı */
.ctab{padding:36px 0}
.cta2{display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:22px;padding:28px 36px;color:#fff;background:radial-gradient(420px 260px at 100% 50%,#4f86ff66,transparent 70%),linear-gradient(110deg,#091740,#173d9e);box-shadow:0 16px 40px #1f4fb54d}
.cta2>div{min-width:0}.cta2 h2{font-size:28px;line-height:1.15}.cta2 p{margin-top:8px;color:#e4eaf8;max-width:620px}
.cta2 .pill{flex:none;padding:14px 28px;font-size:15px}

/* sss */
#sss{padding:40px 0}
.sss{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:34px;align-items:start}
.sss h2{font-size:28px;line-height:1.15;letter-spacing:-.015em;color:var(--n)}
.sss h2:before{content:"";display:block;width:46px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--ac),#f2760a);margin-bottom:14px}
.sss>div{display:grid;gap:10px}
.sss details{border-radius:12px;border-left:4px solid var(--ac)}
.sss summary{padding:15px 18px;font-size:15px;color:var(--n)}
.sss details p{padding:0 18px 16px;font-size:14px}

/* diğer sektörler */
.oth{padding:40px 0 30px}
.chp.rel{gap:10px}
.chp.rel a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--n);font-weight:700;font-size:14px;border-radius:999px;padding:10px 18px;box-shadow:0 4px 14px #1f4fb52e;border:1px solid #dbe4f7}
.chp.rel a:hover{box-shadow:0 8px 20px #1f4fb54a}
.chp.rel a:before{content:"";width:10px;height:10px;border-radius:50%;background:#1f5fe0}
.chp.rel a:nth-child(1):before{background:#f2760a}.chp.rel a:nth-child(2):before{background:#0e8fe8}.chp.rel a:nth-child(3):before{background:#7a5af0}
.chp.rel a:nth-child(4):before{background:#1f5fe0}.chp.rel a:nth-child(5):before{background:#1fb26a}.chp.rel a:nth-child(6):before{background:#0ea5a0}
.chp.rel a:nth-child(7):before{background:#f5a30a}.chp.rel a:nth-child(8):before{background:#d23b6a}
.chp.rel a:last-child{background:var(--n);color:#fff;border-color:var(--n)}.chp.rel a:last-child:before{display:none}

footer img{height:34px;width:auto}
/* form */
.dkk{padding:48px 0}
.dkk .frm [role=status][style*="rgb(15, 157, 88)"]{color:#0b6b3d!important}
.dkk .frm .bt:hover{filter:brightness(1.06)}

@media(max-width:1060px){
 .pgh .w{gap:38px}
 .skv{margin-top:12px}
 .bnd>.w,.sss{grid-template-columns:1fr;gap:20px}
 .bnd{padding:34px 0}
 .seq{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
 .seq li:nth-child(2):after{display:none}
 .set{grid-template-columns:1fr}
 .cta2{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
 .fgrid>div{grid-template-columns:44px minmax(0,1fr);padding:16px}
 .fgrid>div:before{grid-row:1/2}
 .fgrid p:first-of-type{grid-column:1/-1}
 .fgrid p:last-of-type{grid-column:1/-1;grid-row:auto}
 .fgrid h3{align-self:center}
 .seq{grid-template-columns:1fr;row-gap:0}
 .seq li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;padding-bottom:22px}
 .seq i{grid-row:1/3;margin:0}
 .seq li:not(:last-child):after,.seq li:nth-child(2):after{display:block;top:46px;bottom:0;left:22px;right:auto;width:2px;height:auto}
 .seq time{align-self:end}
 .set>div{padding:18px}
 .ctab{padding:26px 0}.cta2{padding:24px 20px}.cta2 h2{font-size:24px}
 .cta2 .pill{align-self:stretch}
}
@media(max-width:560px){
 .pgh .w{padding-top:28px;padding-bottom:34px}
 .ctas .pill{flex:1 1 100%}
 .skv{padding:62px 14px 14px}
 .skic{right:18px;width:76px;height:76px;top:-24px}
 .fis dl{grid-template-columns:64px minmax(0,1fr);padding:14px 14px 4px}
 .fis .top,.fis .ln,.fis .tot{padding-left:14px;padding-right:14px}
 .fis .ln{grid-template-columns:44px minmax(0,1fr);gap:10px}
 .sh.one h2,.sss h2{font-size:25px}
 .dkk .big{font-size:26px}
}
@media(max-width:1060px){.dkk{background:radial-gradient(420px 260px at 90% 20%,#3a64b855,transparent 70%),linear-gradient(160deg,#091740,#133796)}}