/* Yiğit Çelik — Ağırlık Hesaplama · kurumsal kimlik: kırmızı #ED1C24 / #B3141B, mürekkep #1E1B1C, Archivo */
.yc-ah {
	--yc-kirmizi: #ED1C24;
	--yc-kirmizi-koyu: #B3141B;
	--yc-kirmizi-acik: #FDECEC;
	--yc-murekkep: #1E1B1C;
	--yc-soluk: #6C6668;
	--yc-cizgi: #E4DEDF;
	--yc-cizgi-koyu: #CFC7C9;
	--yc-zemin: #FCFBFA;
	--yc-yuzey: #FFFFFF;
	--yc-izgara: #F4F1F1;
	--yc-celik: #8A8A8D;
	font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: var(--yc-murekkep);
	max-width: 1180px;
	margin: 0 auto;
	padding: 8px 0 40px;
	-webkit-font-smoothing: antialiased;
	text-align: left;
}
.yc-ah *, .yc-ah *::before, .yc-ah *::after { box-sizing: border-box; }
.yc-ah p { margin: 0; }
.yc-ah button, .yc-ah input, .yc-ah select {
	font-family: inherit; font-size: inherit; line-height: 1.3; color: inherit;
	letter-spacing: normal; text-transform: none; box-shadow: none; margin: 0;
}
.yc-ah svg { display: block; max-width: 100%; }
.yc-ah [hidden] { display: none !important; }

/* ---------- Başlık ---------- */
.yc-ah__bas { border-bottom: 2px solid var(--yc-murekkep); padding-bottom: 18px; margin-bottom: 22px; position: relative; }
.yc-ah__bas::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; height: 2px; background: var(--yc-kirmizi); }
.yc-ah__ust { font-size: 11.5px !important; font-weight: 700; letter-spacing: .16em; color: var(--yc-kirmizi-koyu); margin: 0 0 6px !important; }
.yc-ah .yc-ah__baslik {
	font-family: "Archivo", system-ui, sans-serif; font-weight: 800; font-size: clamp(28px, 4vw, 40px);
	line-height: 1.08; letter-spacing: -.015em; margin: 0 0 8px; padding: 0; color: var(--yc-murekkep); text-transform: none;
}
.yc-ah__giris { color: var(--yc-soluk); max-width: 62ch; }

/* ---------- Kesit seçici ---------- */
.yc-ah__sekiller {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin: 0 0 22px; padding: 0; list-style: none;
}
.yc-ah__sekil {
	appearance: none; -webkit-appearance: none; cursor: pointer; width: 100%;
	background: var(--yc-yuzey); border: 1px solid var(--yc-cizgi); border-radius: 4px;
	padding: 10px 6px 9px; display: flex; flex-direction: column; align-items: center; gap: 6px;
	transition: border-color .15s, background-color .15s, transform .15s;
	min-height: 0; height: auto; text-align: center;
}
.yc-ah__sekil:hover { border-color: var(--yc-cizgi-koyu); background: var(--yc-zemin); }
.yc-ah__sekil:focus-visible { outline: 2px solid var(--yc-kirmizi); outline-offset: 2px; }
.yc-ah__sekil svg { width: 46px; height: 38px; }
.yc-ah__sekil svg .kesit { fill: #EDEAEA; stroke: var(--yc-murekkep); stroke-width: 5; }
.yc-ah__sekil span { font-size: 12px; font-weight: 600; line-height: 1.2; color: var(--yc-murekkep); }
.yc-ah__sekil[aria-pressed="true"] { border-color: var(--yc-kirmizi); background: var(--yc-kirmizi-acik); box-shadow: inset 0 -3px 0 var(--yc-kirmizi); }
.yc-ah__sekil[aria-pressed="true"] svg .kesit { fill: var(--yc-kirmizi); stroke: var(--yc-kirmizi-koyu); }
.yc-ah__sekil[aria-pressed="true"] span { color: var(--yc-kirmizi-koyu); }

/* ---------- Ana düzen ---------- */
.yc-ah__izgara { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.yc-ah__kart { background: var(--yc-yuzey); border: 1px solid var(--yc-cizgi); border-radius: 4px; }
.yc-ah__kart-bas {
	display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
	padding: 14px 18px; border-bottom: 1px solid var(--yc-cizgi);
}
.yc-ah__kart-bas h3 { font-family: inherit; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: var(--yc-soluk); margin: 0; padding: 0; text-transform: uppercase; }
.yc-ah__kart-bas b { font-size: 15px; font-weight: 700; color: var(--yc-murekkep); }
.yc-ah__form { padding: 18px; display: grid; gap: 14px; }

/* ---------- Alanlar ---------- */
.yc-ah__satir { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.yc-ah__alan { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.yc-ah__alan > label, .yc-ah__etiket { font-size: 12.5px; font-weight: 600; color: var(--yc-murekkep); margin: 0; padding: 0; }
.yc-ah__kutu { position: relative; display: flex; align-items: stretch; }
.yc-ah input[type="text"], .yc-ah select {
	width: 100%; height: 44px; padding: 0 12px; background: var(--yc-yuzey) !important;
	border: 1px solid var(--yc-cizgi-koyu) !important; border-radius: 3px !important; outline: none;
	font-size: 16px; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--yc-murekkep) !important;
	transition: border-color .15s, box-shadow .15s; max-width: none;
}
.yc-ah select {
	-webkit-appearance: none; appearance: none; padding-right: 34px; cursor: pointer; font-size: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231E1B1C' stroke-width='1.6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important; background-position: right 12px center !important;
}
.yc-ah input[type="text"]:focus, .yc-ah select:focus { border-color: var(--yc-kirmizi) !important; box-shadow: 0 0 0 3px rgba(237, 28, 36, .14); }
.yc-ah input[type="text"]:disabled { background: var(--yc-izgara) !important; color: var(--yc-soluk) !important; }
.yc-ah .yc-ah__kutu input { padding-right: 46px; }
.yc-ah__birim {
	position: absolute; right: 1px; top: 1px; bottom: 1px; display: flex; align-items: center; padding: 0 11px;
	font-size: 12.5px; font-weight: 600; color: var(--yc-soluk); pointer-events: none;
}
.yc-ah__alan.hata input { border-color: var(--yc-kirmizi) !important; background: #FFF7F7 !important; }
.yc-ah__not { font-size: 12.5px; color: var(--yc-soluk); }
.yc-ah__hata { font-size: 13px; color: var(--yc-kirmizi-koyu); font-weight: 600; min-height: 0; }
.yc-ah__hata:empty { display: none; }

.yc-ah__yogunluk { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--yc-soluk); }
.yc-ah__yogunluk b { color: var(--yc-murekkep); font-variant-numeric: tabular-nums; }
.yc-ah__onay { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 13px; color: var(--yc-murekkep); margin: 0; }
.yc-ah__onay input { accent-color: var(--yc-kirmizi); width: 16px; height: 16px; margin: 0; }

.yc-ah__ayrac { height: 1px; background: var(--yc-cizgi); margin: 2px 0; }

/* Segment (para birimi, boru modu) */
.yc-ah__segment { display: inline-flex; border: 1px solid var(--yc-cizgi-koyu); border-radius: 3px; overflow: hidden; height: 44px; flex-shrink: 0; }
.yc-ah__segment button {
	appearance: none; -webkit-appearance: none; border: 0; border-left: 1px solid var(--yc-cizgi-koyu); background: var(--yc-yuzey);
	padding: 0 12px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--yc-soluk); border-radius: 0; height: 100%; min-height: 0;
}
.yc-ah__segment button:first-child { border-left: 0; }
.yc-ah__segment button[aria-pressed="true"] { background: var(--yc-murekkep); color: #fff; }
.yc-ah__segment button:focus-visible { outline: 2px solid var(--yc-kirmizi); outline-offset: -2px; }
.yc-ah__fiyat { display: flex; gap: 8px; }
.yc-ah__fiyat .yc-ah__kutu { flex: 1; min-width: 0; }

/* ---------- Çizim ---------- */
.yc-ah__cizim {
	padding: 10px 18px 6px;
	background: linear-gradient(var(--yc-izgara) 1px, transparent 1px) 0 0 / 100% 16px,
		linear-gradient(90deg, var(--yc-izgara) 1px, transparent 1px) 0 0 / 16px 100%, var(--yc-yuzey);
	border-bottom: 1px solid var(--yc-cizgi);
}
.yc-ah__cizim svg { width: 100%; height: auto; max-height: 250px; margin: 0 auto; }
.yc-ah__cizim .kesit { fill: #F7D9DA; stroke: var(--yc-murekkep); stroke-width: 1.6; stroke-linejoin: round; }
.yc-ah__cizim .olcu { stroke: var(--yc-kirmizi-koyu); stroke-width: 1; fill: none; }
.yc-ah__cizim .uzatma { stroke: var(--yc-celik); stroke-width: .8; stroke-dasharray: 3 2; fill: none; }
.yc-ah__cizim .eksen { stroke: var(--yc-celik); stroke-width: .7; stroke-dasharray: 8 3 2 3; fill: none; }
.yc-ah__cizim text { font-family: "Archivo", sans-serif; font-size: 11.5px; font-weight: 700; fill: var(--yc-kirmizi-koyu); }
.yc-ah__cizim text.bg { stroke: #fff; stroke-width: 4px; paint-order: stroke; }

/* ---------- Sonuç ---------- */
.yc-ah__sonuc { padding: 18px; }
.yc-ah__buyuk { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.yc-ah__buyuk strong {
	font-size: clamp(34px, 5vw, 46px); font-weight: 800; line-height: 1; letter-spacing: -.02em;
	font-variant-numeric: tabular-nums; color: var(--yc-murekkep);
}
.yc-ah__buyuk span { font-size: 18px; font-weight: 700; color: var(--yc-kirmizi-koyu); }
.yc-ah__buyuk-etiket { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; color: var(--yc-soluk); margin-bottom: 8px !important; }
.yc-ah__ozet { font-size: 13px; color: var(--yc-soluk); margin-bottom: 14px !important; min-height: 1.5em; }
.yc-ah__tablo { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; border: 0; }
.yc-ah__tablo th, .yc-ah__tablo td { padding: 9px 0; border: 0; border-top: 1px solid var(--yc-cizgi); background: none; text-align: left; vertical-align: baseline; }
.yc-ah__tablo th { font-weight: 500; color: var(--yc-soluk); }
.yc-ah__tablo td { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.yc-ah__tablo tr.vurgu td { color: var(--yc-kirmizi-koyu); }
.yc-ah__tablo tr[hidden] { display: none; }

.yc-ah__dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.yc-ah__btn {
	appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
	height: 44px; padding: 0 18px; border-radius: 3px; font-size: 14px; font-weight: 700; letter-spacing: .01em;
	cursor: pointer; text-decoration: none !important; border: 1px solid var(--yc-murekkep); background: var(--yc-yuzey); color: var(--yc-murekkep) !important;
	transition: background-color .15s, color .15s, border-color .15s; line-height: 1; min-height: 0; text-transform: none; box-shadow: none;
}
.yc-ah__btn:hover { background: var(--yc-murekkep); color: #fff !important; }
.yc-ah__btn--ana { background: var(--yc-kirmizi); border-color: var(--yc-kirmizi); color: #fff !important; }
.yc-ah__btn--ana:hover { background: var(--yc-kirmizi-koyu); border-color: var(--yc-kirmizi-koyu); }
.yc-ah__btn--sade { border-color: var(--yc-cizgi-koyu); color: var(--yc-soluk) !important; }
.yc-ah__btn--sade:hover { background: var(--yc-izgara); color: var(--yc-murekkep) !important; }
.yc-ah__btn:disabled { opacity: .45; cursor: not-allowed; }
.yc-ah__btn:focus-visible { outline: 2px solid var(--yc-kirmizi); outline-offset: 2px; }
.yc-ah__btn svg { width: 16px; height: 16px; }

.yc-ah__kur { font-size: 12px; color: var(--yc-soluk); margin-top: 12px !important; font-variant-numeric: tabular-nums; }
.yc-ah__kur:empty { display: none; }

/* ---------- Liste ---------- */
.yc-ah__liste { margin-top: 22px; }
.yc-ah__liste[hidden] { display: none; }
.yc-ah__liste-kaydir { overflow-x: auto; }
.yc-ah__liste table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 760px; margin: 0; border: 0; }
.yc-ah__liste th, .yc-ah__liste td { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--yc-cizgi); text-align: left; background: none; vertical-align: middle; }
.yc-ah__liste thead th { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--yc-soluk); background: var(--yc-izgara); text-transform: uppercase; }
.yc-ah__liste td.s, .yc-ah__liste th.s { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.yc-ah__liste tfoot td { font-weight: 800; border-bottom: 0; border-top: 2px solid var(--yc-murekkep); font-size: 14.5px; }
.yc-ah__sil {
	appearance: none; border: 0; background: none; cursor: pointer; color: var(--yc-soluk); width: 30px; height: 30px; border-radius: 3px;
	display: inline-flex; align-items: center; justify-content: center; padding: 0; min-height: 0;
}
.yc-ah__sil:hover { background: var(--yc-kirmizi-acik); color: var(--yc-kirmizi-koyu); }
.yc-ah__liste-alt { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; padding: 14px 18px; border-top: 1px solid var(--yc-cizgi); }

.yc-ah__dipnot { margin-top: 16px !important; font-size: 12.5px; color: var(--yc-soluk); max-width: 90ch; border-left: 2px solid var(--yc-kirmizi); padding-left: 12px; }
.yc-ah__bildirim {
	position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none;
	background: var(--yc-murekkep); color: #fff; padding: 11px 18px; border-radius: 3px; font-size: 14px; font-weight: 600;
	transition: opacity .2s, transform .2s; z-index: 99999; font-family: "Archivo", sans-serif;
}
.yc-ah__bildirim.goster { opacity: 1; transform: translate(-50%, 0); }

.yc-ah__baski-bas { display: none; }


/* ---------- Sac: yüzey / plaka ebadı / kalınlık seçimleri ---------- */
.yc-ah__sac { display: grid; gap: 12px; margin-bottom: 16px; }
.yc-ah__sac[hidden] { display: none; }
.yc-ah__sac-satir { display: grid; gap: 6px; }
.yc-ah__sac .yc-ah__etiket { font-size: 13px; font-weight: 700; }
.yc-ah__sac .yc-ah__etiket small { font-weight: 400; color: var(--yc-soluk); }
.yc-ah__sac .yc-ah__segment { height: 38px; justify-self: start; width: max-content; }
.yc-ah__cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.yc-ah__cipler button {
	appearance: none; -webkit-appearance: none; border: 1px solid var(--yc-cizgi-koyu); background: var(--yc-yuzey); border-radius: 3px;
	height: 32px; padding: 0 10px; font-size: 13px; font-weight: 600; cursor: pointer; font-variant-numeric: tabular-nums; min-height: 0; line-height: 1;
}
.yc-ah__cipler button:hover { border-color: var(--yc-murekkep); }
.yc-ah__cipler button[aria-pressed="true"] { background: var(--yc-murekkep); border-color: var(--yc-murekkep); color: #fff; }
.yc-ah__cipler button:focus-visible { outline: 2px solid var(--yc-kirmizi); outline-offset: 1px; }

/* ---------- Ton ve araç doluluğu ---------- */
.yc-ah__arac-kutu:empty { display: none; }
.yc-ah__arac-kutu { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--yc-cizgi); }
.yc-ah__arac-kutu--liste { margin: 0; padding: 14px 18px 4px; border-top: 0; max-width: 520px; }
.yc-ah__ton { font-size: 13px; color: var(--yc-soluk); margin-bottom: 8px !important; }
.yc-ah__ton b { color: var(--yc-murekkep); font-variant-numeric: tabular-nums; }
.yc-ah__arac { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 7px; }
.yc-ah__arac-grup { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--yc-soluk); margin: 6px 0 5px !important; }
.yc-ah__arac li { display: grid; grid-template-columns: minmax(0, 8.5em) 1fr 4.2em; align-items: center; gap: 10px; font-size: 12.5px; margin: 0; padding: 0; }
.yc-ah__arac li::before { content: none; }
.yc-ah__arac span { color: var(--yc-soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yc-ah__arac small { font-size: 11px; }
.yc-ah__arac b { text-align: right; font-variant-numeric: tabular-nums; }
.yc-ah__bar { display: block; height: 8px; background: var(--yc-izgara); border-radius: 4px; overflow: hidden; }
.yc-ah__bar i { display: block; height: 100%; background: var(--yc-murekkep); border-radius: 4px; }
.yc-ah__bar i.asti { background: var(--yc-kirmizi); }

/* ---------- WhatsApp düğmesi ---------- */
.yc-ah__btn--wa svg { width: 17px; height: 17px; color: #1FAF38; }
.yc-ah__btn--wa:hover svg { color: #fff; }

/* ---------- Mobil ---------- */
@media (max-width: 860px) {
	.yc-ah__izgara { grid-template-columns: 1fr; }
	.yc-ah__cizim svg { max-height: 180px; }
}
@media (max-width: 520px) {
	.yc-ah { padding-left: 0; padding-right: 0; }
	.yc-ah__sekiller { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
	.yc-ah__sekil { padding: 8px 4px; }
	.yc-ah__sekil span { font-size: 11px; }
	.yc-ah__form, .yc-ah__sonuc { padding: 14px; }
	.yc-ah__dugmeler .yc-ah__btn { flex: 1 1 auto; }
}

/* ---------- Yazdır ---------- */
@media print {
	body.yc-ah-yazdir * { visibility: hidden !important; }
	body.yc-ah-yazdir .yc-ah__liste, body.yc-ah-yazdir .yc-ah__liste *,
	body.yc-ah-yazdir .yc-ah__baski-bas, body.yc-ah-yazdir .yc-ah__baski-bas * { visibility: visible !important; }
	body.yc-ah-yazdir .yc-ah__baski-bas { display: block; position: absolute; left: 0; top: 0; width: 100%; }
	body.yc-ah-yazdir .yc-ah__liste { position: absolute; left: 0; top: 90px; width: 100%; border: 0; }
	body.yc-ah-yazdir .yc-ah__liste-alt, body.yc-ah-yazdir .yc-ah__sil, body.yc-ah-yazdir .yc-ah__liste .yc-ah__kart-bas { display: none !important; }
	.yc-ah__liste table { min-width: 0; font-size: 11px; }
	.yc-ah__baski-bas h1 { font: 800 20px "Archivo", sans-serif; margin: 0 0 4px; }
	.yc-ah__baski-bas p { font: 11px "Archivo", sans-serif; color: #555; border-bottom: 2px solid #ED1C24; padding-bottom: 8px; }
}

/* ---------- Rehber (ürün sayfaları) ---------- */
.yc-rh { font-family: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; max-width: 1180px; margin: 8px auto 40px; color: #1E1B1C; font-size: 15.5px; line-height: 1.6; text-align: left; }
.yc-rh h2 { font-family: inherit; font-size: 22px; font-weight: 800; letter-spacing: -.01em; margin: 32px 0 10px; text-transform: none; color: #1E1B1C; }
.yc-rh p { margin: 0 0 12px; max-width: 80ch; }
.yc-rh__kaydir { overflow-x: auto; margin: 6px 0 8px; border: 1px solid #E4DEDF; border-radius: 4px; background: #fff; }
.yc-rh__tablo { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; border: 0; min-width: 480px; }
.yc-rh__tablo th, .yc-rh__tablo td { padding: 9px 12px; border: 0; border-bottom: 1px solid #E4DEDF; text-align: left; background: none; }
.yc-rh__tablo thead th { background: #F4F1F1; font-size: 12px; font-weight: 700; color: #1E1B1C; }
.yc-rh__tablo thead th small { font-weight: 400; color: #6C6668; }
.yc-rh__tablo tbody tr:nth-child(even) td { background: #FCFBFA; }
.yc-rh__tablo .s { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.yc-rh__tablo td:first-child { font-weight: 600; white-space: nowrap; }
.yc-rh__sss details { border: 1px solid #E4DEDF; border-radius: 4px; background: #fff; margin: 0 0 8px; }
.yc-rh__sss summary { cursor: pointer; padding: 12px 16px; font-weight: 700; list-style: none; position: relative; padding-right: 40px; }
.yc-rh__sss summary::-webkit-details-marker { display: none; }
.yc-rh__sss summary::after { content: "+"; position: absolute; right: 16px; top: 9px; font-size: 20px; color: #B3141B; font-weight: 400; }
.yc-rh__sss details[open] summary::after { content: "–"; }
.yc-rh__sss details p { padding: 0 16px 14px; margin: 0; color: #3A3536; }
.yc-rh__baglanti { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.yc-rh__baglanti li { margin: 0; padding: 0; }
.yc-rh__baglanti li::before { content: none; }
.yc-rh__baglanti a { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border: 1px solid #1E1B1C; border-radius: 3px; color: #1E1B1C !important; font-weight: 700; font-size: 14px; text-decoration: none !important; }
.yc-rh__baglanti a:hover { background: #1E1B1C; color: #fff !important; }