/* services group (pb1): list inside feat cards, hub service cards, decision cards */
.svc-list{list-style:none;display:grid;gap:12px;margin-top:6px}
.svc-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.65;color:var(--ink-dim)}
.svc-list li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--gold)}
.svc-list a{color:var(--gold-light);border-bottom:1px solid rgba(224,184,107,.4)}
.cream .svc-list li{color:var(--muted)}
.cream .svc-list li::before{background:var(--gold-dark)}

.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;list-style:none}
.svc-card{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;padding:clamp(26px,3vw,36px);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);transition:border-color .4s,transform .6s var(--ease),box-shadow .5s}
.svc-card:hover,.svc-card:focus-visible{border-color:rgba(224,184,107,.65);transform:translateY(-4px);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.svc-card h3{font-weight:300;font-size:clamp(22px,2vw,28px);line-height:1.15;color:var(--ink)}
.svc-card p{font-size:15px;color:var(--ink-dim)}
.svc-card dl{display:grid;gap:8px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.svc-card dl div{display:grid;grid-template-columns:minmax(96px,.45fr) 1fr;gap:10px}
.svc-card dt{font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);padding-top:2px}
.svc-card dd{color:var(--ink)}
.svc-card--lead{grid-column:1/-1;background:radial-gradient(ellipse at 0% 0%,rgba(146,64,4,.3),transparent 55%),var(--card)}

.decide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;list-style:none}
.decide li{padding:clamp(24px,3vw,34px);border:1px solid rgba(185,151,76,.28);border-radius:var(--radius);background:#fff}
.decide h3{font-weight:400;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--bronze)}
.decide p{margin-top:10px;font-size:15px;color:var(--muted)}
.decide a{color:var(--bronze);border-bottom:1px solid rgba(146,64,4,.4)}
.decide .pick{display:block;margin-top:14px;font-size:12px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-dark)}


/* hub: 4 columns on wide screens so 8 cards fill two rows */
@media(min-width:1200px){.svc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1199px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.svc-grid{grid-template-columns:minmax(0,1fr)}}

/* fill rows: 5 feature cards (3+2 wide), 6 decision cards (3 cols), related 2x2 */
@media(min-width:1001px){
  .grid-fill5{grid-template-columns:repeat(6,minmax(0,1fr))}
  .grid-fill5>:nth-child(-n+3){grid-column:span 2}
  .grid-fill5>:nth-child(n+4){grid-column:span 3}
}
@media(min-width:641px) and (max-width:1000px){.grid-fill5>:last-child{grid-column:1/-1}}
.decide{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:899px){.decide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){.decide{grid-template-columns:minmax(0,1fr)}}
@media(min-width:600px) and (max-width:1099px){.related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:1000px){#iyilesme .info-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#iyilesme .info-stats>:last-child{grid-column:1/-1}}