/* Weberd Eklentiler: tarifler (prototip: Tarifler.dc.html, Tarif Detay.dc.html). Değerler Elementor global değişkenlerinden. */

/* tek tarif */
.lc-tarif-duzen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 440px); gap: var(--bosluk-8); align-items: start; }
.lc-tarif-ana { min-width: 0; display: flex; flex-direction: column; gap: var(--bosluk-6); }
.lc-tarif-ana .lc-sayfa-baslik { margin: 0; }
.lc-tarif-gorsel img { width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: var(--kose); background: var(--renk-pamuk); display: block; }
.lc-tarif-bilgi { display: flex; flex-wrap: wrap; gap: var(--bosluk-5) var(--bosluk-7); margin: 0; padding: var(--bosluk-4) 0; border-top: 1px solid var(--renk-cizgi); border-bottom: 1px solid var(--renk-cizgi); }
.lc-tarif-bilgi dt { font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--renk-metin-ikincil); margin: 0 0 var(--bosluk-1); }
.lc-tarif-bilgi dd { margin: 0; font-size: 18px; font-weight: 600; color: var(--renk-gece); }
.lc-tarif-ozet { margin: 0; font-size: 17px; line-height: 1.6; max-width: 62ch; }
.lc-tarif-adimlar h2, .lc-tarif-yan h2 { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -0.03em; color: var(--renk-gece); margin: 0 0 var(--bosluk-5); text-transform: none; }
.lc-tarif-adimlar ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--bosluk-5); }
.lc-tarif-adimlar li { display: flex; align-items: flex-start; gap: var(--bosluk-4); font-size: 17px; line-height: 1.6; margin: 0; }
.lc-tarif-no { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--renk-safran); color: var(--renk-gece); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; margin-top: -3px; }
.lc-tarif-not { font-size: 16px; line-height: 1.7; }
.lc-tarif-yan { position: sticky; top: var(--bosluk-5); display: flex; flex-direction: column; gap: var(--bosluk-4); }
.lc-tarif-urunler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--bosluk-3); }
.lc-tarif-urunler li { margin: 0; }
.lc-magaza .lc-tarif-urunler a { display: flex; align-items: center; gap: var(--bosluk-4); padding: var(--bosluk-3); border: 1px solid var(--renk-cizgi); border-radius: var(--kose); color: var(--renk-gece); text-decoration: none; transition: border-color 200ms; }
.lc-magaza .lc-tarif-urunler a:hover { border-color: var(--renk-gece); }
.lc-tarif-urunler img { width: 64px; height: 64px; object-fit: cover; border-radius: var(--kose); background: var(--renk-pamuk); flex: none; }
.lc-tarif-urun-ad { display: flex; flex-direction: column; gap: 2px; font-size: 15px; font-weight: 500; }
.lc-tarif-urun-ad span { font-weight: 600; font-variant-numeric: tabular-nums; }
.lc-magaza .lc-tarif-yan .lc-sepet-btn { width: 100%; flex: none; }
.lc-tarif-yardim { margin: 0; font-size: 14px; line-height: 1.6; color: var(--renk-metin-ikincil); }
.lc-tarif-yardim a { color: var(--renk-gece); text-decoration: underline; text-underline-offset: 3px; }

/* Tarifler sayfasındaki kartlar */
.lc-tarif-liste { display: flex; flex-direction: column; gap: var(--bosluk-5); width: 100%; }
.lc-tarif-liste-baslik { font-family: var(--font-baslik), "Helvetica Neue", Arial, sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -0.03em; color: var(--renk-gece); margin: 0; text-transform: none; }
.lc-tarif-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bosluk-6) var(--bosluk-5); }
.lc-tarif-liste a.lc-tarif-kart { display: flex; flex-direction: column; gap: var(--bosluk-2); color: var(--renk-gece); text-decoration: none; }
.lc-tarif-kart-kutu { aspect-ratio: 4 / 5; border-radius: var(--kose); overflow: hidden; display: block; }
.lc-tarif-kart .lc-tarif-kart-gorsel { width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1); }
.lc-tarif-kart:hover .lc-tarif-kart-gorsel { transform: scale(1.03); }
.lc-tarif-kart-meta { font-size: 13px; color: var(--renk-metin-ikincil); }
.lc-tarif-kart-ad { font-size: 17px; font-weight: 600; }
.lc-tarif-kart:hover .lc-tarif-kart-ad { color: var(--renk-nar); }

@media (max-width: 1024px) {
	.lc-tarif-duzen { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-7); }
	.lc-tarif-yan { position: static; }
	.lc-tarif-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.lc-tarif-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-5) var(--bosluk-3); }
	.lc-tarif-bilgi { gap: var(--bosluk-4) var(--bosluk-5); }
}