/* Usta — canlı temalar ve canlılık katmanı.
 * .u-cl / .u-cl-canli / .u-cl-cok : hareket (bütün şablonlarda).
 * .u-cv / .u-cv-{kimlik}          : canlı tema görünümü (Pırıl, Acil, Atölye, Kurum, Şifa, Motor).
 * Renkler sitenin paletinden gelir (--u-ana, --u-vurgu, --u-koyu…); kimlik yalnızca biçimi belirler. */

/* =====================================================================
 * 1) HAREKET KATMANI (u-cl)
 * ===================================================================== */
@keyframes u-cl-gel { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
@keyframes u-cl-yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes u-cl-zipla { 0%, 100% { transform: translateY(0); } 18% { transform: translateY(-7px); } 36% { transform: translateY(0); } 52% { transform: translateY(-3px); } 68% { transform: translateY(0); } }
@keyframes u-cl-kay { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes u-cl-blob { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(28px, -22px) scale(1.06); } 66% { transform: translate(-20px, 16px) scale(.95); } }
@keyframes u-cl-nabiz { 0% { box-shadow: 0 0 0 0 rgba(27,170,85,.55); } 70% { box-shadow: 0 0 0 10px rgba(27,170,85,0); } 100% { box-shadow: 0 0 0 0 rgba(27,170,85,0); } }

/* Kaydırınca belirme (sınıfı betik ekler; betik yoksa her şey görünür). */
.u-cl .u-rv { opacity: 0; transform: translateY(30px); transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--u-rv-i, 0) * 80ms); }
.u-cl .u-rv.is-in { opacity: 1; transform: none; }
.u-cl-cok .u-rv { transform: translateY(46px) scale(.97); }
.u-cl-cok .u-rv.is-in { transform: none; }

/* Karşılama açılışı: yazılar sırayla gelir. */
.u-cl .u-hero-text > * { animation: u-cl-gel .8s cubic-bezier(.2,.8,.2,1) both; }
.u-cl .u-hero-text > :nth-child(2) { animation-delay: .07s; }
.u-cl .u-hero-text > :nth-child(3) { animation-delay: .14s; }
.u-cl .u-hero-text > :nth-child(4) { animation-delay: .21s; }
.u-cl .u-hero-text > :nth-child(n+5) { animation-delay: .28s; }
.u-cl .u-hero-media, .u-cl .u-hero-list { animation: u-cl-gel 1s .15s cubic-bezier(.2,.8,.2,1) both; }

/* Düğmeler ve kartlar: üzerine gelince kalkar. */
.u-cl .u-btn { transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, background-color .2s, color .2s; }
.u-cl .u-btn:hover { transform: translateY(-3px); }
.u-cl .u-card, .u-cl .u-review, .u-cl .u-why-item, .u-cl .u-story { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, opacity .7s cubic-bezier(.2,.8,.2,1); }
.u-cl .u-card:hover, .u-cl .u-why-item:hover, .u-cl .u-story:hover { transform: translateY(-6px); box-shadow: 0 24px 44px -22px rgba(0,0,0,.32); }
.u-cl .u-card-media img { transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.u-cl .u-card:hover .u-card-media img { transform: scale(1.05); }
.u-cl .u-card-media { overflow: hidden; }

/* Açık noktası atar; telefondaki WhatsApp ve üstteki arama düğmesi bir kez zıplar (Çok canlı: arada bir). */
.u-cl .u-open.is-open .u-open-dot, .u-cl .u-cv-kart .u-open-dot { animation: u-cl-nabiz 1.8s infinite; }
.u-cl .u-mbar-wa, .u-cl .u-head-cta .u-btn:first-child { animation: u-cl-zipla 1.3s 1.4s ease 2; }
.u-cl-cok .u-mbar-wa, .u-cl-cok .u-head-cta .u-btn:first-child { animation: u-cl-zipla 2.4s 3s ease infinite; }

/* Kaydırınca üst kısım incelir ve buzlu cam olur. */
.u-cl.u-sticky .u-header { transition: box-shadow .3s, background-color .3s; }
.u-cl.u-sticky.u-cl-kaydi .u-header { box-shadow: 0 10px 30px -18px rgba(0,0,0,.35); }

/* =====================================================================
 * 2) CANLI TEMA GÖRÜNÜMÜ (u-cv) — ortak
 * ===================================================================== */
.u-cv { --cv-r: 26px; --cv-golge: 0 22px 44px -22px rgba(10,20,40,.36); --cv-t1: color-mix(in srgb, var(--u-ana) 10%, var(--u-yuzey)); --cv-t2: color-mix(in srgb, var(--u-vurgu) 18%, var(--u-yuzey)); --cv-t3: color-mix(in srgb, #12a150 12%, var(--u-yuzey)); --cv-t4: color-mix(in srgb, #7c4dff 11%, var(--u-yuzey)); }

/* Başlıklar daha büyük ve sıkı. */
.u-cv .u-hero-title { font-size: clamp(2.5rem, 6vw, 4.6rem); letter-spacing: -.035em; line-height: .98; }
.u-cv .u-sec-head h2, .u-cv .u-sec-title { font-size: clamp(2rem, 4.2vw, 3.2rem); letter-spacing: -.03em; line-height: 1.04; }
.u-cv .u-hero-title em { font-style: normal; position: relative; color: var(--s-acc, var(--u-ana)); white-space: nowrap; }
.u-cv .u-hero-title em::after { content: ""; position: absolute; left: -2%; right: -2%; bottom: -.1em; height: .2em; background: var(--u-vurgu); border-radius: 99px; transform: rotate(-1.5deg); z-index: -1; opacity: .9; }
.u-cv .u-hero-title { position: relative; z-index: 0; }

/* Karşılama: renkli zemin ve arkada dolaşan lekeler. */
.u-cv .u-hero { position: relative; }
.u-cv .u-hero::before, .u-cv .u-hero::after { content: ""; position: absolute; border-radius: 50%; z-index: -1; pointer-events: none; }
.u-cv .u-hero::before { width: 560px; height: 560px; right: -140px; top: -200px; background: color-mix(in srgb, var(--u-ana) 16%, transparent); }
.u-cv .u-hero::after { width: 320px; height: 320px; left: 40%; bottom: -150px; background: color-mix(in srgb, var(--u-vurgu) 22%, transparent); }
.u-cl.u-cv .u-hero::before { animation: u-cl-blob 16s ease-in-out infinite; }
.u-cl.u-cv .u-hero::after { animation: u-cl-blob 13s -5s ease-in-out infinite; }

/* Karşılama görseli: büyük yuvarlak kesim, arkada döndürülmüş renk bloğu. */
.u-cv .u-hero-media { isolation: isolate; }
.u-cv .u-hero-media::before { content: ""; position: absolute; inset: 7% -4% -4% 9%; border-radius: calc(var(--cv-r) * 1.4); background: var(--u-ana); transform: rotate(4deg); z-index: -1; }
.u-cv .u-hero-img, .u-cv .u-hero-ph { border-radius: calc(var(--cv-r) * 1.4); box-shadow: var(--cv-golge); }
.u-cv .u-hero-rating { left: -26px; bottom: auto; top: 10%; border-radius: 20px; box-shadow: var(--cv-golge); }

/* Uçuşan kartlar. */
.u-cv-kart { position: absolute; display: flex; align-items: center; gap: 12px; padding: 13px 17px; border-radius: 20px; background: var(--u-yuzey); color: var(--u-metin); box-shadow: var(--cv-golge); font-size: .92rem; line-height: 1.3; max-width: 280px; z-index: 2; }
.u-cv-kart strong { display: block; color: var(--u-koyu); font-size: 1rem; }
.u-cv-kart small { display: block; color: var(--u-metin-2); font-size: .82rem; }
.u-cv-kart-ico { flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: color-mix(in srgb, #12a150 14%, var(--u-yuzey)); color: #0d8a43; }
.u-cv-kart--rozet { right: -18px; top: 46%; }
.u-cv-kart--is { left: 22px; bottom: 26px; background: var(--u-koyu); color: var(--u-koyu-ink); }
.u-cv-kart--is strong { color: var(--u-koyu-ink); }
.u-cv-kart--is small { color: var(--u-koyu-muted); }
.u-cv-kart--is .u-open-dot { width: 10px; height: 10px; border-radius: 50%; background: #1BAA55; flex: none; }
.u-cl.u-cv .u-hero-rating, .u-cl.u-cv .u-cv-kart--is { animation: u-cl-yuz 5.5s ease-in-out infinite; }
.u-cl.u-cv .u-cv-kart--rozet { animation: u-cl-yuz 6.5s -2s ease-in-out infinite; }

/* Hızlı seçim çipleri. */
.u-cv-cipler { margin-top: 22px; }
.u-cv-cip-baslik { margin: 0 0 10px; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--s-muted, var(--u-metin-2)); }
.u-cv-cipler ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.u-cv-cip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: var(--u-yuzey); border: 1.5px solid color-mix(in srgb, var(--u-ana) 22%, transparent); color: var(--u-koyu); font-weight: 600; text-decoration: none; transition: transform .2s, border-color .2s, color .2s, background-color .2s; }
.u-cv-cip .u-icon { color: #12a150; transition: transform .2s; }
.u-cv-cip:hover { border-color: var(--u-ana); color: var(--u-ana); transform: translateY(-2px); }
.u-cv-cip:hover .u-icon { transform: translateX(3px); }
.u-mode-koyu .u-cv-cip, .u-mode-marka .u-cv-cip { background: color-mix(in srgb, #ffffff 10%, transparent); border-color: color-mix(in srgb, #ffffff 28%, transparent); color: var(--s-h); }
.u-mode-koyu .u-cv-cip:hover, .u-mode-marka .u-cv-cip:hover { background: #ffffff; color: var(--u-koyu); }

/* Kayan hizmet şeridi (eğik şerit taşmasın diye ana alan yatayda kırpılır). */
.u-cv .u-main { overflow-x: clip; }
.u-cv-serit { position: relative; z-index: 3; overflow: hidden; background: var(--u-ana); color: var(--u-ana-ink); padding: 16px 0; margin: -16px -2vw 0; transform: rotate(-1.4deg); box-shadow: 0 10px 30px -18px rgba(0,0,0,.4); }
.u-cv-serit-ic { display: flex; width: max-content; }
.u-cv-serit-p { display: flex; flex: none; }
.u-cv-serit-o { display: inline-flex; align-items: center; gap: 22px; padding: 0 22px; font: var(--u-h-weight) clamp(1.1rem, 2vw, 1.5rem)/1 var(--u-font-h); white-space: nowrap; letter-spacing: -.01em; }
.u-cv-serit-o svg { width: 18px; height: 18px; fill: var(--u-vurgu-marka, var(--u-vurgu)); flex: none; }
.u-cl .u-cv-serit-ic { animation: u-cl-kay 40s linear infinite; }
.u-cl-cok .u-cv-serit-ic { animation-duration: 26s; }
.u-cv-serit:hover .u-cv-serit-ic { animation-play-state: paused; }

/* Rakamlar: renkli kartlar. */
.u-cv .u-stats-list { gap: 16px; }
.u-cv .u-stats-list li { border: 0; padding: 26px 24px; border-radius: var(--cv-r); background: var(--cv-t1); }
.u-cv .u-stats-list li:nth-child(4n+2) { background: var(--cv-t2); }
.u-cv .u-stats-list li:nth-child(4n+3) { background: var(--cv-t3); }
.u-cv .u-stats-list li:nth-child(4n) { background: var(--cv-t4); }
.u-cv .u-stats-list strong { font-size: clamp(2.3rem, 4.6vw, 3.6rem); color: var(--u-ana); }
.u-cv .u-stats-list li:nth-child(4n+2) strong { color: color-mix(in srgb, var(--u-vurgu) 70%, #000000); }
.u-cv .u-stats-list li:nth-child(4n+3) strong { color: #0d8a43; }
.u-cv .u-stats-list li:nth-child(4n) strong { color: #5b2fd6; }
.u-cv .u-stats-list span { color: var(--u-metin); }
.u-cv .u-mode-koyu .u-stats-list li:nth-child(n), .u-cv .u-mode-marka .u-stats-list li:nth-child(n), .u-cv .u-mode-vurgu .u-stats-list li:nth-child(n) { background: color-mix(in srgb, #ffffff 11%, transparent); }
.u-cv .u-mode-koyu .u-stats-list li:nth-child(n) strong, .u-cv .u-mode-marka .u-stats-list li:nth-child(n) strong, .u-cv .u-mode-vurgu .u-stats-list li:nth-child(n) strong { color: var(--s-h); }
.u-cv .u-mode-koyu .u-stats-list li:nth-child(4n+2) strong, .u-cv .u-mode-marka .u-stats-list li:nth-child(4n+2) strong { color: var(--u-vurgu-marka, var(--s-h)); }
.u-cv .u-mode-koyu .u-stats-list span, .u-cv .u-mode-marka .u-stats-list span { color: var(--s-muted); }
@media (max-width: 700px) { .u-cv .u-stats-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Hizmet kartları: renkli simge karoları, köşede renk dairesi. */
.u-cv .u-card { border-radius: var(--cv-r); position: relative; overflow: hidden; }
.u-cv .u-svc--noimg::after { content: ""; position: absolute; right: -44px; top: -44px; width: 140px; height: 140px; border-radius: 50%; background: var(--cv-t1); z-index: 0; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.u-cv .u-svc--noimg:hover::after { transform: scale(1.25); }
.u-cv .u-svc--noimg .u-card-body { position: relative; z-index: 1; }
.u-cv .u-svc-ico { width: 58px; height: 58px; border-radius: 18px; background: var(--u-ana); color: var(--u-ana-ink); }
.u-cv .u-grid--cards > :nth-child(4n+2) .u-svc-ico { background: var(--u-vurgu); color: var(--u-vurgu-ink); }
.u-cv .u-grid--cards > :nth-child(4n+3) .u-svc-ico { background: #12a150; color: #ffffff; }
.u-cv .u-grid--cards > :nth-child(4n) .u-svc-ico { background: #6d3ff0; color: #ffffff; }
.u-cv .u-grid--cards > :nth-child(4n+2).u-svc--noimg::after { background: var(--cv-t2); }
.u-cv .u-grid--cards > :nth-child(4n+3).u-svc--noimg::after { background: var(--cv-t3); }
.u-cv .u-grid--cards > :nth-child(4n).u-svc--noimg::after { background: var(--cv-t4); }
.u-cv .u-card-title { font-size: 1.35rem; letter-spacing: -.02em; }
.u-cv .u-card-media img { aspect-ratio: 4 / 3; }

/* Neden biz: renkli simge karoları. */
.u-cv .u-why-item { border-radius: var(--cv-r); }
.u-cv .u-why-icon { border-radius: 16px; }

/* Süreç: renkli halkalı numaralar, kesik çizgi vurgu renginde. */
.u-cv .u-process-list::before { height: 4px; border-radius: 4px; background: repeating-linear-gradient(90deg, var(--u-vurgu) 0 14px, transparent 14px 24px); top: 34px; }
.u-cv .u-process-num { width: 70px; height: 70px; border-radius: 22px; background: var(--u-yuzey); color: var(--u-ana); border: 3px solid var(--u-ana); font-size: 1.7rem; box-shadow: 0 0 0 8px var(--s-bg, var(--u-zemin)), 0 14px 28px -14px color-mix(in srgb, var(--u-ana) 70%, transparent); }
.u-cv .u-process-list li:nth-child(even) .u-process-num { color: color-mix(in srgb, var(--u-vurgu) 70%, #000000); border-color: var(--u-vurgu); }

/* Yorumlar: renkli kartlar; betik 3+ yorumu kayan şeride çevirir. */
.u-cv .u-review { border-radius: var(--cv-r); border: 0; background: var(--cv-t1); }
.u-cv .u-review:nth-child(4n+2) { background: var(--cv-t2); }
.u-cv .u-review:nth-child(4n+3) { background: var(--cv-t3); }
.u-cv .u-review:nth-child(4n) { background: var(--cv-t4); }
.u-cv .u-review blockquote p { color: var(--u-metin); }
.u-cv .u-review figcaption strong { color: var(--u-koyu); }
.u-cv-yorum { display: block !important; overflow: hidden; margin-inline: calc(50% - 50vw); padding-block: 8px; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.u-cv-yorum-ic { display: flex; gap: 18px; width: max-content; animation: u-cl-kay var(--u-yorum-sure, 60s) linear infinite; }
.u-cv-yorum-ic > .u-review { width: min(360px, 82vw); flex: none; opacity: 1 !important; transform: none !important; }
.u-cv-yorum:hover .u-cv-yorum-ic { animation-play-state: paused; }

/* Kapanış bandı: büyük, renkli, kenarda lekeler. */
.u-cv .u-cta .u-cta-box { position: relative; isolation: isolate; overflow: hidden; border-radius: calc(var(--cv-r) * 1.5); padding: clamp(32px, 6vw, 64px); background: var(--u-vurgu); color: var(--u-vurgu-ink); }
.u-cv .u-cta .u-cta-box::before, .u-cv .u-cta .u-cta-box::after { content: ""; position: absolute; border-radius: 50%; z-index: -1; }
.u-cv .u-cta .u-cta-box::before { width: 360px; height: 360px; right: -90px; top: -150px; background: color-mix(in srgb, #ffffff 22%, transparent); }
.u-cv .u-cta .u-cta-box::after { width: 220px; height: 220px; left: 35%; bottom: -130px; background: color-mix(in srgb, #000000 9%, transparent); }
.u-cl.u-cv .u-cta .u-cta-box::before { animation: u-cl-blob 14s ease-in-out infinite; }
.u-cl.u-cv .u-cta .u-cta-box::after { animation: u-cl-blob 11s -4s ease-in-out infinite; }
.u-cv .u-cta .u-cta-title { color: var(--u-vurgu-ink); font-size: clamp(2.1rem, 4.6vw, 3.6rem); letter-spacing: -.03em; }
.u-cv .u-cta .u-cta-text > p { color: color-mix(in srgb, var(--u-vurgu-ink) 82%, transparent); }
.u-cv .u-cta { background: var(--u-yuzey); }

/* Düğmeler: renkli parlama. */
.u-cv .u-btn--primary, .u-cv .u-btn--call { box-shadow: 0 12px 26px -12px color-mix(in srgb, var(--b-bg, var(--u-ana)) 80%, transparent); }
.u-cv .u-btn--wa { box-shadow: 0 12px 26px -12px rgba(18,161,80,.7); }

/* Telefonda alt çubuk: yüzen hap. */
.u-cv .u-mbar { left: 10px; right: 10px; bottom: 10px; border-radius: 999px; padding: 7px; gap: 8px; background: color-mix(in srgb, var(--u-koyu) 92%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 14px 34px -12px rgba(0,0,0,.55); border: 0; }
.u-cv .u-mbar-btn { border-radius: 999px; }

/* Telefon: uçuşan kartlar görselin içine; çipler en çok 4. */
@media (max-width: 600px) { .u-cv-cipler li:nth-child(n+5) { display: none; } }
@media (max-width: 900px) {
	.u-cv .u-hero-media::before { inset: 5% -2% -3% 5%; }
	.u-cv-kart { max-width: 72%; padding: 10px 13px; font-size: .85rem; }
	.u-cv-kart--rozet { right: 8px; top: 12px; }
	.u-cv-kart--is { left: 8px; bottom: 12px; }
	.u-cv .u-hero-rating { left: 8px; top: auto; bottom: 74px; }
	.u-cv .u-hero::before { width: 360px; height: 360px; }
}

/* =====================================================================
 * 3) KİMLİKLER
 * ===================================================================== */

/* --- Pırıl (ev hizmetleri): ortak görünümün kendisi; sıcak ve yuvarlak. --- */
.u-cv-piril { --cv-r: 26px; }

/* --- Acil (çilingir, tesisat, elektrik): koyu karşılama, sarı, ikaz şeridi, dev arama düğmesi. --- */
.u-cv-acil { --cv-r: 16px; }
.u-cv-acil .u-hero::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--u-ana) 30%, transparent), transparent); }
.u-cv-acil .u-hero::after { width: 100%; height: 12px; left: 0; right: 0; bottom: 0; border-radius: 0; background: repeating-linear-gradient(-45deg, var(--u-ana) 0 18px, var(--u-koyu) 18px 36px); animation: none !important; z-index: 1; }
.u-cv-acil .u-hero-title { font-size: clamp(2.4rem, 5vw, 4rem); }
.u-cv-acil .u-hero .u-btn--call, .u-cv-acil .u-hero .u-btn--primary { font-size: 1.2rem; min-height: 64px; padding-inline: 30px; }
.u-cv-acil .u-hero-title em { color: var(--u-ana); }
.u-cv-acil .u-hero-title em::after { background: var(--u-vurgu); height: .12em; }
.u-cv-acil .u-hero-media::before { background: var(--u-ana); transform: rotate(-3deg); }
.u-cv-acil .u-cv-serit { transform: rotate(0); margin-top: 0; background: var(--u-ana); color: var(--u-ana-ink); }
.u-cv-acil .u-cv-serit-o svg { fill: var(--u-koyu); }
.u-cv-acil .u-stats .u-stats-list li:nth-child(n) { background: var(--u-koyu); }
.u-cv-acil .u-stats .u-stats-list li:nth-child(n) strong { color: var(--u-ana); }
.u-cv-acil .u-stats .u-stats-list li span { color: var(--u-koyu-muted); }
.u-cv-acil .u-svc-ico, .u-cv-acil .u-grid--cards > :nth-child(n) .u-svc-ico { background: var(--u-koyu); color: var(--u-ana); }
.u-cv-acil .u-card { border-top: 4px solid var(--u-ana); }
.u-cv-acil .u-cta .u-cta-box { background: var(--u-ana); color: var(--u-ana-ink); }
.u-cv-acil .u-cta .u-cta-title, .u-cv-acil .u-cta .u-cta-text > p { color: var(--u-ana-ink); }

/* --- Atölye (tadilat, boya, nakliyat): antrasit ve turuncu, eğik kesimler, kalın çizgiler. --- */
.u-cv-atolye { --cv-r: 6px; }
.u-cv-atolye .u-hero { clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%); padding-bottom: calc(var(--pad) + 40px); }
.u-cv-atolye .u-hero::before { border-radius: 0; width: 46%; height: 140%; right: -8%; top: -20%; transform: skewX(-12deg); background: color-mix(in srgb, var(--u-ana) 14%, transparent); }
.u-cv-atolye .u-hero::after { border-radius: 0; width: 120px; height: 120px; left: 46%; bottom: 60px; background: repeating-linear-gradient(-45deg, var(--u-ana) 0 6px, transparent 6px 16px); opacity: .5; }
.u-cv-atolye .u-hero-media::before { border-radius: var(--cv-r); transform: rotate(0) translate(18px, 18px); inset: 0; background: var(--u-ana); }
.u-cv-atolye .u-hero-img, .u-cv-atolye .u-hero-ph { border-radius: var(--cv-r); }
.u-cv-atolye .u-hero-title em::after { border-radius: 0; height: .32em; bottom: 0; opacity: .55; transform: none; }
.u-cv-atolye .u-cv-serit { transform: rotate(-2deg); background: var(--u-koyu); color: var(--u-koyu-ink); border-block: 4px solid var(--u-ana); }
.u-cv-atolye .u-cv-serit-o { text-transform: uppercase; letter-spacing: .04em; }
.u-cv-atolye .u-cv-serit-o svg { fill: var(--u-ana); }
.u-cv-atolye .u-card { border: 2px solid var(--u-koyu); box-shadow: 6px 6px 0 var(--u-ana); }
.u-cv-atolye.u-cl .u-card:hover { box-shadow: 10px 10px 0 var(--u-ana); }
.u-cv-atolye .u-svc-ico, .u-cv-atolye .u-grid--cards > :nth-child(n) .u-svc-ico { border-radius: var(--cv-r); background: var(--u-ana); color: var(--u-ana-ink); }
.u-cv-atolye .u-svc--noimg::after { display: none; }
.u-cv-atolye .u-stats-list li { border-left: 6px solid var(--u-ana); }
.u-cv-atolye .u-process-num { border-radius: var(--cv-r); }
.u-cv-atolye .u-cta .u-cta-box { background: var(--u-koyu); color: var(--u-koyu-ink); border-left: 10px solid var(--u-ana); }
.u-cv-atolye .u-cta .u-cta-title { color: var(--u-koyu-ink); }
.u-cv-atolye .u-cta .u-cta-text > p { color: var(--u-koyu-muted); }
.u-cv-atolye .u-cv-cip { border-radius: var(--cv-r); }

/* --- Kurum (gümrük, mali müşavirlik, hukuk): sakin, ince çizgiler, tırnaklı başlıklar, leke yok. --- */
.u-cv-kurum { --cv-r: 4px; --cv-golge: 0 18px 40px -26px rgba(10,20,40,.4); }
.u-cv-kurum .u-hero::before { border-radius: 0; width: 1px; height: 100%; left: 50%; top: 0; right: auto; background: color-mix(in srgb, var(--u-vurgu) 40%, transparent); animation: none !important; }
.u-cv-kurum .u-hero::after { display: none; }
.u-cv-kurum .u-hero-title { font-size: clamp(2.3rem, 5vw, 4rem); letter-spacing: -.02em; }
.u-cv-kurum .u-hero-title em { color: inherit; font-style: italic; }
.u-cv-kurum .u-hero-title em::after { height: 2px; bottom: .02em; background: var(--u-vurgu); transform: none; }
.u-cv-kurum .u-hero-media::before { transform: none; inset: 24px -24px -24px 24px; border-radius: var(--cv-r); background: transparent; border: 1.5px solid var(--u-vurgu); }
.u-cv-kurum .u-cv-serit { transform: none; margin: 0; background: var(--u-koyu); color: var(--u-koyu-ink); padding: 14px 0; }
.u-cv-kurum .u-cv-serit-o { font-size: 1.05rem; font-weight: 500; letter-spacing: .02em; }
.u-cv-kurum .u-cv-serit-o svg { width: 8px; height: 8px; fill: var(--u-vurgu); }
.u-cv-kurum.u-cl .u-cv-serit-ic { animation-duration: 70s; }
.u-cv-kurum .u-stats .u-stats-list li:nth-child(n) { background: transparent; border-top: 2px solid var(--u-vurgu); border-radius: 0; padding: 22px 0 0; }
.u-cv-kurum .u-stats .u-stats-list li:nth-child(n) strong { color: var(--s-h, var(--u-koyu)); }
.u-cv-kurum .u-card { border: 1px solid var(--u-cizgi); }
.u-cv-kurum .u-svc--noimg::after { display: none; }
.u-cv-kurum .u-svc-ico, .u-cv-kurum .u-grid--cards > :nth-child(n) .u-svc-ico { background: transparent; color: var(--u-ana); border: 1.5px solid var(--u-vurgu); border-radius: 50%; }
.u-cv-kurum .u-review, .u-cv-kurum .u-review:nth-child(n) { background: var(--u-yuzey); border: 1px solid var(--u-cizgi); }
.u-cv-kurum .u-process-num { border-radius: 50%; border-width: 1.5px; border-color: var(--u-vurgu); color: var(--u-koyu); }
.u-cv-kurum .u-process-list::before { height: 1px; background: var(--u-vurgu); }
.u-cv-kurum .u-cta .u-cta-box { background: var(--u-koyu); color: var(--u-koyu-ink); border-radius: var(--cv-r); }
.u-cv-kurum .u-cta .u-cta-box::before { background: transparent; border: 1px solid color-mix(in srgb, var(--u-vurgu) 50%, transparent); }
.u-cv-kurum .u-cta .u-cta-box::after { display: none; }
.u-cv-kurum .u-cta .u-cta-title { color: var(--u-koyu-ink); }
.u-cv-kurum .u-cta .u-cta-text > p { color: var(--u-koyu-muted); }
.u-cv-kurum .u-cv-cip { border-radius: var(--cv-r); }

/* --- Şifa (klinik, diş, güzellik): pastel, çok yuvarlak, yumuşak gölgeler. --- */
.u-cv-sifa { --cv-r: 34px; --cv-golge: 0 26px 50px -28px rgba(30,60,70,.32); --cv-t2: color-mix(in srgb, var(--u-vurgu) 26%, var(--u-yuzey)); }
.u-cv-sifa .u-hero::before { background: color-mix(in srgb, var(--u-vurgu) 30%, transparent); }
.u-cv-sifa .u-hero::after { background: color-mix(in srgb, var(--u-ana) 18%, transparent); width: 420px; height: 420px; }
.u-cv-sifa .u-hero-img, .u-cv-sifa .u-hero-ph { border-radius: 200px 200px var(--cv-r) var(--cv-r); }
.u-cv-sifa .u-hero-media::before { border-radius: 200px 200px var(--cv-r) var(--cv-r); background: var(--u-vurgu); transform: rotate(-3deg); }
.u-cv-sifa .u-hero-title em { color: var(--u-ana); }
.u-cv-sifa .u-hero-title em::after { background: color-mix(in srgb, var(--u-vurgu) 70%, transparent); height: .34em; bottom: .02em; transform: none; z-index: -1; }
.u-cv-sifa .u-cv-serit { background: var(--cv-t2); color: var(--u-koyu); transform: rotate(0); margin-top: 0; }
.u-cv-sifa .u-cv-serit-o { font-weight: 600; }
.u-cv-sifa .u-cv-serit-o svg { fill: var(--u-ana); }
.u-cv-sifa .u-svc-ico, .u-cv-sifa .u-grid--cards > :nth-child(n) .u-svc-ico { border-radius: 50%; background: var(--cv-t2); color: var(--u-ana); }
.u-cv-sifa .u-cta .u-cta-box { background: var(--u-ana); color: var(--u-ana-ink); }
.u-cv-sifa .u-cta .u-cta-title, .u-cv-sifa .u-cta .u-cta-text > p { color: var(--u-ana-ink); }

/* --- Motor (oto servis): koyu, açılı kesimler, kırmızı, eğik yazı. --- */
.u-cv-motor { --cv-r: 10px; }
.u-cv-motor .u-hero { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); padding-bottom: calc(var(--pad) + 40px); }
.u-cv-motor .u-hero::before { border-radius: 0; width: 70%; height: 160%; right: -30%; top: -30%; transform: skewX(-24deg); background: color-mix(in srgb, var(--u-ana) 24%, transparent); }
.u-cv-motor .u-hero::after { border-radius: 0; width: 38%; height: 8px; left: -2%; top: 0; bottom: auto; background: var(--u-ana); transform: skewX(-24deg); animation: none !important; }
.u-cv-motor .u-hero-title { font-style: italic; text-transform: uppercase; letter-spacing: -.02em; }
.u-cv-motor .u-hero-title em::after { display: none; }
.u-cv-motor .u-hero-media::before { border-radius: var(--cv-r); transform: skewX(-6deg); background: var(--u-ana); }
.u-cv-motor .u-hero-img, .u-cv-motor .u-hero-ph { border-radius: var(--cv-r); clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%); }
.u-cv-motor .u-cv-serit { transform: skewY(-2deg); background: var(--u-ana); }
.u-cv-motor .u-cv-serit-o { font-style: italic; text-transform: uppercase; }
.u-cv-motor .u-cv-serit-o svg { fill: var(--u-koyu); }
.u-cv-motor .u-card { border-radius: var(--cv-r); border-bottom: 4px solid var(--u-ana); }
.u-cv-motor .u-svc-ico, .u-cv-motor .u-grid--cards > :nth-child(n) .u-svc-ico { background: var(--u-koyu); color: #ffffff; border-radius: var(--cv-r); transform: skewX(-8deg); }
.u-cv-motor .u-svc--noimg::after { display: none; }
.u-cv-motor .u-stats .u-stats-list li:nth-child(n) { background: var(--u-koyu); transform: skewX(-4deg); }
.u-cv-motor .u-stats .u-stats-list li:nth-child(n) strong { color: #ffffff; font-style: italic; }
.u-cv-motor .u-stats .u-stats-list li span { color: var(--u-koyu-muted); }
.u-cv-motor .u-cta .u-cta-box { background: var(--u-ana); color: var(--u-ana-ink); clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%); }
.u-cv-motor .u-cta .u-cta-title, .u-cv-motor .u-cta .u-cta-text > p { color: var(--u-ana-ink); }
.u-cv-motor .u-cv-cip { border-radius: var(--cv-r); }

/* Hareketi azalt: hepsi durur. */
@media (prefers-reduced-motion: reduce) {
	.u-cl *, .u-cl *::before, .u-cl *::after, .u-cv *, .u-cv *::before, .u-cv *::after { animation: none !important; transition: none !important; }
	.u-cl .u-rv { opacity: 1; transform: none; }
}

/* Sayan rakamlar titremesin. */
.u-cl .u-stats-list strong { font-variant-numeric: tabular-nums; }

/* Telefonda süreç adımları: canlı temalarda numara kutusu 70 px; yazı kutunun üstüne binmesin. */
@media (max-width: 860px) {
	.u-cv .u-process-list li { grid-template-columns: 70px minmax(0, 1fr); column-gap: 16px; }
	.u-cv .u-process-list::before { top: 35px; bottom: 35px; left: 34px; width: 3px; height: auto; background: repeating-linear-gradient(180deg, var(--u-vurgu) 0 10px, transparent 10px 18px); }
	.u-cv .u-process-list h3, .u-cv .u-process-list p { min-width: 0; overflow-wrap: anywhere; }
}