:root{--ic-bg:#fff8e1;--ic-ink:#111111;--ic-ink2:#3b3a36;--ic-acc:#ff5a36;--ic-acc-ink:#111;--ic-card:#ffffff;--ic-line:#111111;--ic-hero:#ffd23f;--ic-hero-ink:#111111;--ic-hero-acc:#a82a0e;--ic-r:16px;--ic-bd:3px solid #111;--ic-sh:6px 6px 0 #111;--ic-pat:none;--ic-blob:0.16}
/* İç sayfalar (hizmet, mahalle, fiyat, SSS, blog...) için ortak düzen. Renkler temaya göre build sırasında
   dosyanın başındaki :root bloğuna yazılır (temalar/ic.mjs -> TOK); üst menü, alt bilgi ve form temanın kendisidir. */
.ic{background:var(--ic-bg);color:var(--ic-ink)}
.ic a{color:inherit}

/* Sayfa başı */
.ic-hero{position:relative;overflow:hidden;background:var(--ic-pat),var(--ic-hero);color:var(--ic-hero-ink);padding:148px 0 92px}
.ic-hero::before,.ic-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,var(--ic-hero-acc),transparent);opacity:var(--ic-blob)}
.ic-hero::before{width:560px;height:560px;right:-160px;top:-120px;animation:ic-float 16s ease-in-out infinite alternate}
.ic-hero::after{width:380px;height:380px;left:-140px;bottom:-200px;animation:ic-float 12s ease-in-out infinite alternate-reverse}
.ic-hero .wrap{position:relative;z-index:1}
.ic-crumb{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none;font-size:.86rem;opacity:.82}
.ic-crumb li+li::before{content:"/";margin-right:6px;opacity:.55}
.ic-crumb a{text-decoration:none}
.ic-crumb a:hover{text-decoration:underline}
.ic-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ic-hero-acc)}
.ic-eyebrow svg{width:16px;height:16px}
.ic-hero h1{max-width:20ch;font-size:clamp(2.1rem,5.4vw,4.1rem);letter-spacing:-.01em;color:inherit}
.ic-lead{max-width:64ch;margin-top:20px;font-size:1.1rem;opacity:.9}
.ic-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ic-cta .btn{border-radius:var(--ic-r)}
.ic-cta .ic-call{background:var(--ic-hero-acc);color:var(--ic-hero)}
.ic-cta .btn:hover{transform:translateY(-3px)}
.ic-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:.9rem;opacity:.8}

/* Sayfa başında yolda giden kamyon */
.ic-road{position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;z-index:1}
.ic-road::before{content:"";position:absolute;left:0;right:0;bottom:12px;border-top:2px dashed var(--ic-hero-acc);opacity:.4}
.ic-truck{position:absolute;left:0;bottom:13px;width:86px;height:auto;color:var(--ic-hero-acc);animation:ic-drive 18s linear infinite}
.ic-truck .win{fill:var(--ic-hero)}
.ic-truck .wh{fill:var(--ic-hero);stroke:currentColor;stroke-width:3}
.ic-truck .wh-in{transform-box:fill-box;transform-origin:center;animation:ic-spin .6s linear infinite}
@keyframes ic-drive{from{translate:-110px 0}to{translate:calc(100vw + 20px) 0}}
@keyframes ic-spin{to{rotate:360deg}}
@keyframes ic-float{to{translate:-40px 30px;scale:1.12}}

/* Gövde */
.ic-body{padding:76px 0 60px}
.ic-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:56px;align-items:start}
.ic-main{min-width:0}
.ic-main>*+*{margin-top:46px}
.ic h2{font-size:clamp(1.5rem,2.7vw,2.15rem);color:var(--ic-ink)}
.ic-sec h2{margin-bottom:16px}
.ic-sec p{color:var(--ic-ink2)}
.ic-sec p+p{margin-top:14px}
.ic-fig{margin:0;overflow:hidden;border-radius:var(--ic-r);border:var(--ic-bd);box-shadow:var(--ic-sh);background:var(--ic-card)}
.ic-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:scale 1.4s cubic-bezier(.2,.8,.2,1)}
.ic-fig:hover img{scale:1.05}
.ic-fig figcaption{padding:11px 16px;font-size:.86rem;color:var(--ic-ink2)}
.ic-list{padding:26px;background:var(--ic-card);border:var(--ic-bd);border-radius:var(--ic-r);box-shadow:var(--ic-sh)}
.ic-list h2{font-size:1.35rem;margin-bottom:16px}
.ic-list ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ic-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ic-ink)}
.ic-list li svg{width:22px;height:22px;margin-top:3px;color:var(--ic-acc)}
.ic-list.num{counter-reset:n}
.ic-list.num li::before{counter-increment:n;content:counter(n,decimal-leading-zero);flex:none;min-width:2.2em;font-family:var(--f-head);font-weight:700;color:var(--ic-acc)}
.ic-faq details{padding:18px 0;border-bottom:1px solid var(--ic-line)}
.ic-faq details:first-of-type{border-top:1px solid var(--ic-line)}
.ic-faq h2{margin-bottom:10px}
.ic-faq summary{display:flex;justify-content:space-between;gap:16px;font-weight:700;color:var(--ic-ink)}
.ic-faq summary i{display:grid;place-items:center;flex:none;width:28px;height:28px;color:var(--ic-acc);transition:rotate .3s}
.ic-faq summary i svg{width:20px;height:20px}
.ic-faq details[open] summary i{rotate:45deg}
.ic-faq details p{margin-top:10px;color:var(--ic-ink2)}

/* Yan sütun */
.ic-side{position:sticky;top:100px;display:grid;gap:22px}
.ic-box{padding:24px;background:var(--ic-card);border:var(--ic-bd);border-radius:var(--ic-r);box-shadow:var(--ic-sh)}
.ic-box h3{margin-bottom:12px;font-size:1.15rem;color:var(--ic-ink)}
.ic-links{display:grid;margin:0;padding:0;list-style:none}
.ic-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;text-decoration:none;color:var(--ic-ink2);border-bottom:1px dashed var(--ic-line);transition:color .2s}
.ic-links li:last-child a{border-bottom:0}
.ic-links a:hover,.ic-links a[aria-current]{color:var(--ic-acc)}
.ic-links svg{width:16px;height:16px;transition:translate .25s}
.ic-links a:hover svg{translate:4px 0}
.ic-formbox{border-radius:var(--ic-r);overflow:hidden}
.ic-formbox .quote{margin:0}

/* Kart ızgarası (dizin sayfaları) */
.ic-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.ic-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;overflow:hidden;text-decoration:none;color:var(--ic-ink);background:var(--ic-card);border:var(--ic-bd);border-radius:var(--ic-r);box-shadow:var(--ic-sh)}
.js .ic-card.rv{transition-property:opacity,translate,border-color}
.ic-card:hover{translate:0 -6px;border-color:var(--ic-acc)}
.ic-card h3{font-size:1.28rem;color:var(--ic-ink)}
.ic-card p{font-size:.96rem;color:var(--ic-ink2)}
.ic-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:calc(var(--ic-r) * .7);background:var(--ic-acc);color:var(--ic-acc-ink)}
.ic-ico svg{width:26px;height:26px}
.ic-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-weight:700;color:var(--ic-acc)}
.ic-go svg{width:18px;height:18px;transition:translate .25s}
.ic-card:hover .ic-go svg{translate:5px 0}
.ic-card.photo{padding:0}
.ic-card.photo img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:scale 1.2s}
.ic-card.photo:hover img{scale:1.06}
.ic-card.photo .in{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 24px}
.ic-date{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ic-acc);font-weight:700}
.ic-head{max-width:760px;margin-bottom:34px}
.ic-head p{margin-top:12px;color:var(--ic-ink2)}
.ic-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.ic-chips li>*{display:inline-block;padding:7px 14px;font-size:.92rem;text-decoration:none;border:1px solid var(--ic-line);border-radius:999px;color:var(--ic-ink2);transition:background .2s,color .2s,border-color .2s}
.ic-chips a:hover{background:var(--ic-acc);border-color:var(--ic-acc);color:var(--ic-acc-ink)}
.ic-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}

/* Sayfa sonu çağrı bandı */
.ic-band{position:relative;overflow:hidden;padding:72px 0;text-align:center;background:var(--ic-hero);color:var(--ic-hero-ink)}
.ic-band h2{color:inherit;font-size:clamp(1.7rem,3.6vw,2.7rem)}
.ic-band p{max-width:56ch;margin:14px auto 0;opacity:.88}
.ic-band .ic-cta{justify-content:center}

/* Alt bilgideki sayfa bağlantıları (tüm sayfalarda) */
.foot-pages{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;padding-top:18px;font-size:.92rem;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.foot-pages a{text-decoration:none;opacity:.85}
.foot-pages a:hover{opacity:1;text-decoration:underline}

@media (max-width:980px){
  .ic-grid{grid-template-columns:1fr;gap:44px}
  .ic-side{position:static}
}
@media (max-width:600px){
  .ic-hero{padding:120px 0 78px}
  .ic-body{padding:52px 0 40px}
  .ic-list,.ic-box,.ic-card{padding:20px}
  .ic-card.photo{padding:0}
}