/* Hizmet ve ürün sayfaları: newweb kabuğu üzerine ek bileşenler */

.phero+.lt,.lt+.lt,.sect+.lt{margin-top:clamp(8px,1.1vw,18px)}
.phero.solo .phg{grid-template-columns:minmax(0,1fr)}
.phero.solo .phg>div{max-width:52rem}
.phero.dh .phg{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.phero.dh .idv{justify-self:end;width:100%;max-width:560px}
.phero.dh .idp3{aspect-ratio:5/4;border-radius:24px 96px 24px 24px}
.phero.dh .idv::before{border-radius:24px 96px 24px 24px}
.phero.dh .idp3 img{object-position:50% 50%}

/* Zengin metin */
.rt>*+*{margin-top:.85em}
.rt ul{padding-left:1.15em;list-style:disc}
.rt ol{padding-left:1.25em;list-style:decimal}
.rt li+li{margin-top:.35em}
.rt li::marker{color:var(--amber)}
.rt a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.lt .rt a{color:#8a5600}
.rt strong,.rt b{color:var(--fg);font-weight:600}
.rt h3,.rt h4{font-size:1.12rem;font-weight:600;letter-spacing:-.015em;color:var(--fg)}
.rt img{border-radius:14px;height:auto}
.hp.rt{max-width:46rem}
.hp.rt p{margin:0}
.hp.rt p+p{margin-top:.7em}

/* Ürün kartı (hero sağ) */
.pcard{align-self:center;padding:clamp(22px,2.4vw,32px);border-radius:22px;background:rgba(10,9,18,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 40px 80px -40px rgba(0,0,0,.9)}
.pcard .pic{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:1.75rem;background:var(--amber);color:var(--navy)}
.pcard small{display:block;margin-top:22px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.pcard ul{margin-top:10px}
.pcard li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line);font-weight:500;line-height:1.4}
.pcard li i{flex:none;margin-top:3px;color:var(--amber)}

/* Rakamlar */
.nst{padding-block:clamp(28px,3vw,44px)}
.nstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:16px}
.nstats li{padding-top:18px;border-top:1px solid var(--line2)}
.nstats b{display:block;font-size:clamp(2.2rem,3.6vw,3.2rem);font-weight:600;letter-spacing:-.045em;line-height:1;color:var(--amber)}
.nstats span{display:block;margin-top:10px;color:var(--mut);font-size:.95rem}

/* Genel bakış */
.ovg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,90px);align-items:start}
.ovw .rt{color:var(--mut);font-size:1.05rem;line-height:1.7;max-width:68ch}
.ovw .rt.ld>p:first-child{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.45;letter-spacing:-.015em;color:var(--fg)}

/* Kart ızgaraları */
.cards.hl{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.cards.hl .card{justify-content:flex-start}
.cards.hl .card.qc .btn{margin-top:auto}
.card .rt{margin-top:10px;color:var(--mut);font-size:.96rem;line-height:1.55}
.card .rt p{margin-top:0}
.card .rt p+p{margin-top:.6em}
.card .golink{margin-top:auto}
.card.qc{background:linear-gradient(160deg,rgba(244,168,29,.18),rgba(244,168,29,.04) 70%);border-color:rgba(244,168,29,.42)}
.card.qc .btn{align-self:flex-start}
.card .top .n:only-child{margin-left:0}
a.card{color:inherit}
@media (min-width:1021px){
  .cards.c3{grid-template-columns:repeat(3,1fr)}
  .steps.c2{grid-template-columns:repeat(2,1fr)}
  .steps.c3{grid-template-columns:repeat(3,1fr)}
  .steps.c5{grid-template-columns:repeat(5,1fr)}
  .steps.c6{grid-template-columns:repeat(3,1fr);row-gap:44px}
  .steps.c6::before,.steps.c6::after{display:none}
}
.steps .sb .rt p{margin-bottom:0}
.steps .sb .rt{margin-bottom:20px}
.steps .golink{margin-top:auto}
.steps.c5 h3{font-size:clamp(1.3rem,1.6vw,1.55rem)}

/* Detay bölümü */
.dtg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,90px);align-items:start}
.dth{position:sticky;top:110px}
.dtb article{padding:clamp(22px,2.4vw,32px) 0;border-top:1px solid var(--line2)}
.dtb article:last-child{border-bottom:1px solid var(--line2)}
.dtb article:first-child{padding-top:0;border-top:0}
.dtb h3{display:flex;gap:14px;align-items:baseline;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:600;letter-spacing:-.025em}
.dtb h3 span{flex:none;font-size:.78rem;font-weight:700;letter-spacing:.1em;color:#8a5600}
.dtb .rt{margin-top:12px;color:var(--mut);font-size:1.03rem;line-height:1.7;max-width:72ch}

/* SSS (koyu zemin) */
.faqr .rt{padding:0 58px 24px 0;color:var(--mut);line-height:1.65;max-width:62ch;font-size:1.04rem}
.faqr .rt p{padding:0;max-width:none;font-size:inherit}
.fqd .faqr summary:hover{color:var(--amber)}
.fqd .faqr details[open] summary i{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.faql .hp{margin-top:14px}

/* Çağrı bandı */
.bandw{padding:clamp(24px,3vw,48px) 0 clamp(40px,5vw,72px)}
.band .bl .rt p{color:var(--soft)}

/* Diğer hizmetler listesi */
.olist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.olist a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.olist a:hover{border-color:rgba(244,168,29,.7);transform:translateY(-3px);box-shadow:0 30px 60px -40px rgba(29,25,51,.5)}
.olist .ci{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:rgba(244,168,29,.14);color:#a66a00}
.olist b{display:block;font-weight:600;letter-spacing:-.015em}
.olist small{display:block;margin-top:2px;color:var(--mut);font-size:.88rem;line-height:1.4}
.olist .go{color:var(--mut);transition:transform .3s var(--ease)}
.olist a:hover .go{transform:translate(3px,-3px);color:#a66a00}

.pnote2 .nlinks{display:flex;gap:22px;flex-wrap:wrap}

@media (max-width:1020px){
  .phero.dh .phg{grid-template-columns:1fr}
  .phero.dh .idv{justify-self:start}
  .ovg,.dtg{grid-template-columns:1fr}
  .dth{position:static}
  .cards.c3,.olist{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .cards.c3,.olist,.cards.hl{grid-template-columns:1fr}
  .faqr .rt{padding-right:0}
}
.crumb{flex-wrap:wrap;row-gap:4px}
.crumb a{white-space:nowrap}

/* Blog listesi */
.bcats{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(26px,3vw,38px)}
.bcats a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line2);color:var(--soft);font-size:.92rem;font-weight:500;transition:border-color .3s,background-color .3s,color .3s}
.bcats a:hover{border-color:var(--amber);color:#fff}
.bcats small{font-size:.74rem;color:var(--mut)}
.bcats a.on{background:var(--amber);border-color:var(--amber);color:var(--navy)}
.bcats a.on small{color:rgba(29,25,51,.7)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bc{position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;color:inherit;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.bc:hover{transform:translateY(-6px);box-shadow:0 44px 80px -40px rgba(29,25,51,.45);border-color:rgba(244,168,29,.7)}
.bci{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#14112a}
.bci img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bc:hover .bci img{transform:scale(1.04)}
.bci.ph{display:grid;place-items:center;background:radial-gradient(80% 90% at 80% 0%,#2b2452 0%,#14112a 55%,#08070d 100%)}
.bci.ph i{font-size:3rem;color:var(--amber)}
.bcb{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,28px)}
.bcm{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.78rem;font-weight:600;color:var(--mut)}
.bcm span:first-child{color:#8a5600}
.bcm span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 2px -8px;border-radius:50%;background:var(--line2);vertical-align:middle}
.bc h3{margin-top:12px;font-size:1.22rem;line-height:1.28;font-weight:600;letter-spacing:-.02em;color:var(--fg)}
.bc p{margin-top:10px;color:var(--mut);font-size:.95rem;line-height:1.55}
.bc .golink{margin-top:auto;padding-top:20px;color:#a66a00}
.bc.bft{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.bc.bft .bci{aspect-ratio:auto;min-height:clamp(280px,30vw,420px)}
.bc.bft .bci img{position:absolute;inset:0}
.bc.bft .bcb{padding:clamp(26px,3.2vw,48px);justify-content:center}
.bc.bft h3{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.12;letter-spacing:-.035em}
.bc.bft p{font-size:1.05rem}
.bc.bft .golink{margin-top:28px;padding-top:0}
.bempty{grid-column:1/-1;color:var(--mut)}
.pgn{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(32px,4vw,52px)}
.pgn a,.pgn span{min-width:46px;height:46px;padding:0 10px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line2);background:#fff;font-weight:600;transition:border-color .3s,color .3s}
.pgn a:hover{border-color:var(--amber);color:#8a5600}
.pgn span.on{background:var(--navy);border-color:var(--navy);color:#fff}

/* Yazı detayı */
.bph h1{font-size:clamp(2.1rem,4.4vw,3.9rem);line-height:1.06}
.bmeta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;color:var(--soft);font-size:.92rem}
.bmeta li{display:flex;align-items:center;gap:8px}
.bmeta i{color:var(--amber);font-size:1.05rem}
.bpg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:clamp(32px,5vw,96px);align-items:start;max-width:1240px;margin:0 auto}
.art{max-width:74ch;min-width:0;color:var(--soft);font-size:1.08rem;line-height:1.8;overflow-wrap:break-word}
.art code{overflow-wrap:anywhere}
.art pre,.art table,.art iframe,.art video{max-width:100%}
.art>:first-child{margin-top:0}
.art>*+*{margin-top:1.1em}
.art h2{margin-top:1.9em;font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.2;font-weight:600;letter-spacing:-.03em;color:var(--fg);scroll-margin-top:110px}
.art h3{margin-top:1.6em;font-size:1.3rem;line-height:1.3}
.art h4{margin-top:1.4em}
.art blockquote{padding:4px 0 4px 22px;border-left:3px solid var(--amber);font-size:1.18rem;color:var(--fg)}
.art pre{padding:20px 22px;border-radius:14px;background:#14112a;color:#f2f1f8;font-size:.9rem;line-height:1.6;overflow:auto}
.art code{padding:.12em .4em;border-radius:6px;background:rgba(29,25,51,.07);font-size:.9em}
.art pre code{padding:0;background:none;font-size:inherit;color:inherit}
.art figure{margin:1.6em 0 0}
.art figcaption{margin-top:10px;color:var(--mut);font-size:.88rem;text-align:center}
.art img{max-width:100%;height:auto;border-radius:16px}
.art hr{border:0;border-top:1px solid var(--line2)}
.art table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.art th,.art td{padding:10px 12px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.art th{color:var(--fg);font-weight:600}
.art .wp-block-table{overflow-x:auto}
.btags{display:flex;flex-wrap:wrap;gap:8px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line2)}
.btags a{padding:6px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--soft);font-size:.85rem;text-decoration:none;transition:border-color .3s,color .3s}
.btags a:hover{border-color:var(--amber);color:#8a5600}
.bside{position:sticky;top:110px;display:flex;flex-direction:column;gap:16px}
.btoc,.bshare{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.bside small{display:block;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.btoc ol{margin-top:12px;max-height:calc(100vh - 380px);overflow:auto}
.btoc li+li{border-top:1px solid var(--line)}
.btoc a{display:flex;gap:12px;padding:10px 0;font-size:.92rem;line-height:1.4;color:var(--soft);transition:color .25s}
.btoc a:hover{color:var(--fg)}
.btoc a span{flex:none;padding-top:2px;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#8a5600}
.bsvc{display:block;padding:22px;border-radius:18px;background:radial-gradient(90% 100% at 90% 0%,#2b2452 0%,#14112a 60%,#08070d 100%);color:#f2f1f8;transition:transform .4s var(--ease),box-shadow .4s}
.bsvc:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(29,25,51,.8)}
.bsvc .ci{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(244,168,29,.14);color:var(--amber);font-size:1.3rem;margin-bottom:16px}
.bside .bsvc small{color:#a9a6c2}
.bsvc b{display:block;margin-top:6px;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.bsvc>span:not(.ci):not(.golink){display:block;margin-top:8px;color:#d2d0e0;font-size:.9rem;line-height:1.5}
.bsvc .golink{margin-top:16px}
.bshare{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.bshare div{display:flex;gap:8px}
.bshare a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line2);font-size:1.15rem;color:var(--soft);transition:background-color .3s,border-color .3s,color .3s}
.bshare a:hover{background:var(--amber);border-color:var(--amber);color:var(--navy)}

@media (max-width:1020px){
  .bgrid{grid-template-columns:1fr 1fr}
  .bc.bft{grid-template-columns:1fr}
  .bc.bft .bci{min-height:0;aspect-ratio:16/9}
  .bpg{grid-template-columns:minmax(0,1fr)}
  .bside{position:static}
  .btoc{display:none}
}
@media (max-width:640px){
  .bgrid{grid-template-columns:1fr}
  .art{font-size:1.03rem}
}
.bci.ph .rg{position:absolute;width:150%;aspect-ratio:1;right:-60%;top:-40%;pointer-events:none}
.bci.ph .rg circle{fill:none;stroke:rgba(244,168,29,.32);stroke-width:1}
.bci.ph .rg .a{stroke-dasharray:2 12}
.bci.ph i{position:relative}