/* CMR Dil RTL: vitrin.css */
/* CMR Vitrin 0.2.0 – tema renkleri: turuncu #f27a1a, kırmızı #ee0305, koyu #1d2130. Mantıksal özellikler (RTL uyumlu). */
:root { --cmrv-turuncu: #f27a1a; --cmrv-kirmizi: #ee0305; --cmrv-koyu: #1d2130; --cmrv-gri: #6b6f7b; --cmrv-cizgi: #e6e6e6; --cmrv-acik-zemin: #fff4ec; --cmrv-golge: 0 8px 28px rgba(29, 33, 48, .16); --cmrv-r: 8px; }
.cmrv-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.cmrv-kilit { overflow: hidden; }
/* Açık panel: başlık, dil seçici (99990) ve alt sekme çubuğunun üstünde. */
.cmrv-kilit .cmr-header-sabit, .cmrv-kilit header.wp-block-template-part { z-index: 99995 !important; }

/* ---------- Başlık simgeleri ---------- */
.cmrv-zil, .cmrv-sepet { position: relative; display: inline-flex; align-items: center; }
.cmrv-ikon-btn { position: relative; display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 4px 2px; border: 0; background: none; font: inherit; font-size: 14px; line-height: 1.2; color: var(--cmrv-ikon, var(--cmr-m, var(--cmrv-koyu))) !important; text-decoration: none !important; cursor: pointer; white-space: nowrap; }
.cmrv-ikon-btn:hover, .cmrv-acik > .cmrv-ikon-btn { color: var(--cmrv-turuncu) !important; }
.cmrv-ikon-acik .cmrv-ikon-btn:hover, .cmrv-ikon-acik .cmrv-acik > .cmrv-ikon-btn { color: var(--cmrv-ikon) !important; opacity: .85; }
.cmrv-ikon-btn svg { width: 22px; height: 22px; flex: 0 0 auto; }
.cmrv-rozet { position: absolute; top: -5px; inset-inline-start: 13px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: var(--cmrv-turuncu); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; pointer-events: none; }
.cmrv-rozet[hidden] { display: none; }
.cmrv-ikon-acik .cmrv-rozet { background: #fff; color: var(--cmrv-kirmizi); }
.cmrv-acici:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; }
.cmrv-acici:focus { position: absolute; top: 100%; inset-inline-end: 0; z-index: 1002; padding: 4px 8px; border: 0; border-radius: 4px; background: var(--cmrv-koyu); color: #fff; font-size: 12px; white-space: nowrap; }
.cmrv-ikon-btn:focus:not(:focus-visible), .cmr-paylas:focus:not(:focus-visible) { outline: none; }
.cmrv-ikon-btn:focus-visible, .cmrv-panel :focus-visible, .cmrv-oneri :focus-visible, .cmrv-songez :focus-visible, .cmr-paylas:focus-visible, .cmrv-kamp :focus-visible { outline: 2px solid var(--cmrv-turuncu); outline-offset: 2px; border-radius: 4px; }

/* ---------- Açılır paneller ---------- */
.cmrv-panel { position: absolute; top: calc(100% + 12px); inset-inline-end: -8px; z-index: 1000; width: 360px; max-width: calc(100vw - 24px); box-sizing: border-box; background: #fff; color: var(--cmrv-koyu); border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); box-shadow: var(--cmrv-golge); font-size: 14px; line-height: 1.4; text-align: start; }
.cmrv-panel[hidden] { display: none; }
.cmrv-panel::before { content: ""; position: absolute; top: -7px; inset-inline-end: 20px; width: 12px; height: 12px; background: #fff; border-inline-start: 1px solid var(--cmrv-cizgi); border-top: 1px solid var(--cmrv-cizgi); transform: rotate(-45deg); }
.cmrv-acik.cmrv-sepet::after { content: ""; position: absolute; top: 100%; inset-inline: -10px; height: 14px; }
.cmrv-panel-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--cmrv-cizgi); }
.cmrv-panel-bas strong { font-size: 15px; }
.cmrv-kapat { display: inline-flex; padding: 4px; border: 0; background: none; color: var(--cmrv-gri); cursor: pointer; border-radius: 50%; }
.cmrv-kapat:hover { background: #f2f2f2; color: var(--cmrv-koyu); }
.cmrv-bilgi, .cmrv-hata { margin: 0; padding: 18px 14px; color: var(--cmrv-gri); }
.cmrv-hata { color: var(--cmrv-kirmizi); padding-top: 8px; }
.cmrv-panel-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; }
.cmrv-metin-btn { padding: 2px 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 600; color: var(--cmrv-turuncu) !important; text-decoration: none !important; cursor: pointer; }
.cmrv-metin-btn:hover { text-decoration: underline !important; }
.cmrv-dugme { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; box-sizing: border-box; border: 1.5px solid var(--cmrv-turuncu); border-radius: var(--cmrv-r); background: var(--cmrv-turuncu); color: #fff !important; font-weight: 700; font-size: 14px; text-align: center; text-decoration: none !important; cursor: pointer; }
.cmrv-dugme:hover { filter: brightness(.95); }
.cmrv-ikincil { background: #fff; color: var(--cmrv-turuncu) !important; }
.cmrv-perde { position: fixed; inset: 0; z-index: 99993; background: rgba(29, 33, 48, .45); }
.cmrv-perde[hidden] { display: none; }

/* Mini sepet */
.cmrv-sepet-liste { list-style: none; margin: 0; padding: 0; max-height: min(52vh, 380px); overflow: auto; }
.cmrv-sepet-liste li { display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: start; padding: 12px 14px; border-bottom: 1px solid #f0f0f0; }
.cmrv-sg img { display: block; width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--cmrv-cizgi); border-radius: 6px; background: #fff; }
.cmrv-sb { min-width: 0; }
.cmrv-sad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.3; color: var(--cmrv-koyu) !important; text-decoration: none !important; }
.cmrv-sad:hover { color: var(--cmrv-turuncu) !important; }
.cmrv-scesit { display: block; margin-top: 2px; font-size: 12px; color: var(--cmrv-gri); }
.cmrv-salt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.cmrv-salt b { color: var(--cmrv-turuncu); font-size: 14px; white-space: nowrap; }
.cmrv-adet { display: inline-flex; align-items: center; border: 1px solid var(--cmrv-cizgi); border-radius: 16px; overflow: hidden; }
.cmrv-adet button { width: 30px; height: 28px; padding: 0; border: 0; background: #fff; color: var(--cmrv-turuncu); font-size: 17px; line-height: 1; cursor: pointer; }
.cmrv-adet button:disabled { color: #c8c8c8; cursor: default; }
.cmrv-adet span { min-width: 26px; text-align: center; font-weight: 700; font-size: 13px; }
.cmrv-sil { padding: 4px; border: 0; background: none; color: #9a9a9a; cursor: pointer; border-radius: 4px; }
.cmrv-sil:hover { color: var(--cmrv-kirmizi); }
.cmrv-sepet-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 14px; }
.cmrv-toplam { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; font-size: 15px; }
.cmrv-toplam b { color: var(--cmrv-turuncu); font-size: 18px; }
.cmrv-bos { padding: 22px 14px; text-align: center; }
.cmrv-bos p { margin: 0 0 12px; color: var(--cmrv-gri); }
.cmrv-panel[aria-busy="true"] .cmrv-sepet-liste { opacity: .55; }

/* Bildirimler */
.cmrv-bildirim-liste { list-style: none; margin: 0; padding: 0; max-height: 360px; overflow: auto; }
.cmrv-bildirim-liste a { display: block; padding: 10px 14px; border-bottom: 1px solid #f0f0f0; color: var(--cmrv-koyu) !important; text-decoration: none !important; }
.cmrv-bildirim-liste a:hover { background: #fafafa; }
.cmrv-bildirim-liste strong { display: block; font-size: 14px; }
.cmrv-bildirim-liste span:not(.cmrv-sr) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--cmrv-gri); font-size: 13px; }
.cmrv-bildirim-liste time { display: block; margin-top: 2px; color: #9a9a9a; font-size: 12px; }
.cmrv-bildirim-liste li.yeni a { background: var(--cmrv-acik-zemin); }
.cmrv-bildirim-liste li.yeni strong::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-inline-end: 6px; border-radius: 50%; background: var(--cmrv-turuncu); vertical-align: middle; }

/* ---------- T-001 arama önerileri ---------- */
.cmrv-arama-kok { position: relative; }
.cmrv-oneri { position: absolute; top: calc(100% + 6px); inset-inline: 0; z-index: 1001; box-sizing: border-box; max-height: min(70vh, 560px); overflow: auto; padding: 4px 0 6px; background: #fff; color: var(--cmrv-koyu); border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); box-shadow: var(--cmrv-golge); font-size: 14px; text-align: start; }
.cmrv-oneri[hidden] { display: none; }
.cmrv-oneri-ust { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 2px; font-size: 13px; font-weight: 700; }
.cmrv-oneri-ust:empty { display: none; }
.cmrv-oneri-ust .cmrv-oneri-bos { font-weight: 400; color: var(--cmrv-gri); padding-bottom: 6px; }
.cmrv-oneri-baslik { padding: 10px 14px 4px; font-size: 12px; font-weight: 700; color: var(--cmrv-gri); }
.cmrv-cipler { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 14px 8px; }
.cmrv-cipler .cmrv-oneri-baslik { flex: 0 0 100%; padding: 4px 0 0; }
.cmrv-oneri-ogesi { display: flex; align-items: center; gap: 10px; padding: 8px 14px; color: var(--cmrv-koyu) !important; text-decoration: none !important; }
.cmrv-oneri-ogesi[aria-selected="true"], .cmrv-oneri-ogesi:hover { background: var(--cmrv-acik-zemin); }
.cmrv-oneri-ogesi mark { background: none; color: var(--cmrv-turuncu); font-weight: 700; padding: 0; }
.cmrv-oneri-cip { padding: 5px 12px; border: 1px solid var(--cmrv-cizgi); border-radius: 16px; font-size: 13px; }
.cmrv-oneri-cip.cmrv-pop::before { content: "↗"; color: var(--cmrv-turuncu); margin-inline-end: 4px; }
.cmrv-oneri-cip[aria-selected="true"], .cmrv-oneri-cip:hover { border-color: var(--cmrv-turuncu); }
.cmrv-oneri-kat small { margin-inline-start: auto; color: var(--cmrv-gri); font-size: 12px; white-space: nowrap; }
.cmrv-oneri-urun img, .cmrv-oneri-urun i { flex: 0 0 40px; width: 40px; height: 40px; object-fit: contain; border: 1px solid var(--cmrv-cizgi); border-radius: 6px; background: #fff; }
.cmrv-oneri-urun span { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3; }
.cmrv-oneri-urun b { color: var(--cmrv-turuncu); white-space: nowrap; font-size: 13px; }
.cmrv-oneri-tum { justify-content: center; margin-top: 4px; border-top: 1px solid var(--cmrv-cizgi); color: var(--cmrv-turuncu) !important; font-weight: 700; }

/* ---------- T-005 son gezdiğin ürünler ---------- */
.cmrv-songez { margin: 24px 0; }
.cmrv-raf-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.cmrv-raf-bas h2 { margin: 0; font-size: 20px; font-weight: 800; color: var(--cmrv-koyu); }
.cmrv-raf-kap { position: relative; }
.cmrv-raf { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; list-style: none; margin: 0; padding: 0 0 4px; }
.cmrv-raf::-webkit-scrollbar { display: none; }
.cmrv-raf li { flex: 0 0 160px; scroll-snap-align: start; margin: 0; }
.cmrv-raf a { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; padding-bottom: 8px; overflow: hidden; border: 1px solid #ececec; border-radius: var(--cmrv-r); background: #fff; color: #333 !important; text-decoration: none !important; }
.cmrv-raf a:hover { border-color: var(--cmrv-turuncu); }
.cmrv-g { display: block; aspect-ratio: 1 / 1; background: #fff; }
.cmrv-g img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cmrv-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; margin: 6px 8px 0; font-size: 13px; line-height: 1.3; }
.cmrv-raf b { margin: 4px 8px 0; color: var(--cmrv-turuncu); font-size: 15px; }
.cmrv-ok { position: absolute; top: 38%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--cmrv-cizgi); border-radius: 50%; background: #fff; color: var(--cmrv-koyu); box-shadow: 0 2px 8px rgba(0, 0, 0, .12); cursor: pointer; }
.cmrv-ok.geri { inset-inline-start: -14px; }
.cmrv-ok.ileri { inset-inline-end: -14px; }
.cmrv-ok.ileri svg, [dir="rtl"] .cmrv-ok.geri svg { transform: scaleX(-1); }
[dir="rtl"] .cmrv-ok.ileri svg { transform: none; }
.cmrv-ok:hover { color: var(--cmrv-turuncu); }

/* ---------- T-006 paylaş ---------- */
/* Woo galeri büyüteci sağ üstte (z-index 99): paylaş onun altına. */
.cmrv-paylas { position: absolute; top: 60px; inset-inline-end: 12px; z-index: 100; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #333; box-shadow: 0 1px 6px rgba(0, 0, 0, .18); cursor: pointer; }
.cmrv-paylas-satir { position: static; width: auto; height: 34px; gap: 6px; padding: 0 12px; border-radius: 17px; margin: 4px 0 8px; font: inherit; font-size: 13px; }
.cmr-paylas.tamam { background: #0b8f6a; color: #fff; }
.cmrv-paylas-menu { position: fixed; top: 80px; width: 270px; z-index: 99996; }
.cmrv-paylas-menu::before { display: none; }
.cmrv-paylas-ogesi { display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 12px 14px; border: 0; background: none; font: inherit; font-size: 14px; color: var(--cmrv-koyu) !important; text-align: start; text-decoration: none !important; cursor: pointer; }
.cmrv-paylas-ogesi:hover { background: var(--cmrv-acik-zemin); }
.cmrv-paylas-ogesi + .cmrv-paylas-ogesi { border-top: 1px solid #f0f0f0; }

/* ---------- E-051 kampanyalar ---------- */
.cmrv-kamp { margin: 0 0 40px; }
.cmrv-kamp-giris { margin: 0 0 16px; color: var(--cmrv-gri); }
.cmrv-kamp ul.products li.product { min-width: 0; }
.cmrv-kamp ul.products li.product .button { box-sizing: border-box; max-width: 100%; }
.cmrv-simsek { vertical-align: -3px; }
.cmrv-cip-satir { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.cmrv-cip { padding: 6px 14px; border: 1.5px solid var(--cmrv-turuncu); border-radius: 18px; color: var(--cmrv-turuncu) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
.cmrv-cip:hover { background: var(--cmrv-turuncu); color: #fff !important; }
.cmrv-kamp-bolum { margin: 28px 0; scroll-margin-top: 140px; }
.cmrv-bolum-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 14px; }
.cmrv-bolum-bas h2 { margin: 0; font-size: 22px; font-weight: 800; color: var(--cmrv-koyu); }
.cmrv-tumu { margin-inline-start: auto; color: var(--cmrv-turuncu) !important; font-weight: 700; text-decoration: none !important; }
.cmrv-kamp-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.cmrv-kamp-kart { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 150px; padding: 18px; box-sizing: border-box; border-radius: 12px; background: linear-gradient(-120deg, var(--cmrv-turuncu), var(--cmrv-kirmizi)); color: #fff !important; text-decoration: none !important; }
.cmrv-kamp-kart:nth-child(3n+2) { background: linear-gradient(-120deg, #e30613, #ff5a1f); }
.cmrv-kamp-kart:nth-child(3n) { background: linear-gradient(-120deg, #f27a1a, #ffa04d); }
.cmrv-kamp-kart strong { font-size: 19px; line-height: 1.2; }
.cmrv-kamp-kart > span:not(.cmrv-kamp-etiket):not(.cmrv-sayac) { font-size: 13px; opacity: .95; }
.cmrv-kamp-alt { margin-top: auto; }
.cmrv-kamp-etiket { display: inline-block; padding: 3px 10px; border-radius: 14px; background: #fff; color: var(--cmrv-kirmizi); font-size: 12px; font-weight: 800; }
.cmrv-kamp-etiket.koyu { background: var(--cmrv-kirmizi); color: #fff; }
.cmrv-sayac { display: inline-block; padding: 2px 8px; border-radius: 6px; background: rgba(0, 0, 0, .28); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.cmrv-flas-sayac { font-size: 14px; color: var(--cmrv-gri); }
.cmrv-flas-sayac .cmrv-sayac { background: var(--cmrv-kirmizi); color: #fff; }
.cmrv-bos-kutu { padding: 24px; border: 1px dashed var(--cmrv-cizgi); border-radius: 12px; text-align: center; color: var(--cmrv-gri); }
.cmrv-bos-kutu a { color: var(--cmrv-turuncu); font-weight: 700; }
.cmrv-yonetici-not { margin: 12px 0; padding: 10px 14px; border: 1px solid #f5d37a; border-radius: var(--cmrv-r); background: #fff8e1; font-size: 13px; }
.cmrv-geri-don a { color: var(--cmrv-turuncu); font-weight: 700; text-decoration: none; }

/* ---------- Telefon ---------- */
@media (max-width: 781px) {
	.cmrv-ikon-etiket { display: none; }
	.cmrv-ikon-btn svg { width: 24px; height: 24px; }
	.cmrv-panel, .cmrv-paylas-menu { position: fixed; top: auto !important; bottom: 0; inset-inline: 0 !important; right: 0 !important; left: 0 !important; z-index: 99996; width: auto; max-width: none; max-height: 82vh; overflow: auto; border-radius: 16px 16px 0 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
	.cmrv-panel::before { display: none; }
	.cmrv-sepet-liste { max-height: 48vh; }
	.cmrv-oneri { position: fixed; top: var(--cmrv-ust, 112px); inset-inline: 0; max-height: calc(100vh - var(--cmrv-ust, 112px) - 64px); max-height: calc(100dvh - var(--cmrv-ust, 112px) - 64px); border-radius: 0 0 12px 12px; border-inline: 0; }
	.cmrv-oneri-ogesi { padding: 10px 16px; }
	.cmrv-ok { display: none; }
	.cmrv-raf li { flex-basis: 38%; }
	.cmrv-raf-bas h2 { font-size: 18px; }
	.cmrv-bolum-bas h2 { font-size: 19px; }
	.cmrv-kamp-kartlar { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .cmrv-raf { scroll-behavior: auto; } }

/* ================= 0.2.0 – marka renkleri: kırmızı #e30613, lacivert #1d2b5a, turuncu #f27a1a ================= */
:root { --cmrv-mk: #e30613; --cmrv-lac: #1d2b5a; }

/* ---------- T-004 altbilgi şeridi (tema .cmr-alt içinde, telif satırının önünde) ---------- */
.cmrv-alt-serit { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: flex-start; margin: 18px 0 0; padding: 18px 0 2px; border-top: 1px solid var(--cmr-b, #e6e6e6); text-align: start; }
.cmrv-alt-yedek { max-width: 1200px; margin: 0 auto; padding: 0 16px 16px; }
.cmrv-alt-blok { min-width: 0; }
.cmrv-alt-bb { margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--cmrv-lac); }
.cmrv-alt-blok ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cmrv-alt-blok li { margin: 0; }
.cmrv-sosyal { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #dcdfe8; border-radius: 50%; background: #fff; color: var(--cmrv-lac) !important; text-decoration: none !important; transition: background-color .15s, color .15s, border-color .15s; }
.cmrv-sosyal:hover { background: var(--cmrv-mk); border-color: var(--cmrv-mk); color: #fff !important; }
.cmrv-sosyal:focus-visible, .cmrv-sonra-btn:focus-visible, .cmrv-sepet-raflar :focus-visible { outline: 2px solid var(--cmrv-turuncu); outline-offset: 2px; }
.cmrv-uyg { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 12px; box-sizing: border-box; border: 1px solid #dcdfe8; border-radius: var(--cmrv-r); background: #fff; color: var(--cmrv-lac); }
.cmrv-uyg span { display: flex; flex-direction: column; line-height: 1.2; }
.cmrv-uyg strong { font-size: 13px; }
.cmrv-uyg em { align-self: flex-start; margin-top: 3px; padding: 1px 7px; border-radius: 9px; background: #fff1e6; color: #a14a00; font-size: 11px; font-style: normal; font-weight: 700; }
.cmrv-odeme-rozet { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 4px 12px; box-sizing: border-box; border: 1px solid #dcdfe8; border-radius: 17px; background: #fff; color: var(--cmrv-lac); font-size: 13px; font-weight: 600; }
.cmrv-odeme-rozet svg { width: 18px; height: 18px; color: var(--cmrv-mk); }
@media (max-width: 781px) {
	.cmrv-alt-serit { flex-direction: column; gap: 16px; }
	.cmrv-alt-blok { width: 100%; }
}

/* ---------- T-007 sepet: daha sonra al + öneri rafı ---------- */
.cmrv-sonra-btn { display: inline-flex; align-items: center; margin: 6px 0 0; padding: 2px 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 600; color: var(--cmrv-lac) !important; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.wc-block-cart-item__quantity .cmrv-sonra-btn { margin-inline-start: 14px; }
.cmrv-sonra-btn:hover { color: var(--cmrv-mk) !important; }
.cmrv-sonra-btn[disabled] { opacity: .5; cursor: wait; }
.cmrv-sonra-kap { margin-top: 4px; }
.cmrv-sepet-raflar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; margin: 32px 0 12px; color: var(--cmrv-koyu); }
.cmrv-sepet-raflar > * { min-width: 0; }
.cmrv-sepet-raflar section[hidden] { display: none; }
.cmrv-sepet-raflar .cmrv-raf-bas h2 { font-size: 20px; }
.cmrv-sonra-n { color: var(--cmrv-gri); font-weight: 600; }
.cmrv-sonra-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.cmrv-sonra-oge { display: grid; grid-template-columns: 72px 1fr; gap: 12px; align-items: start; margin: 0; padding: 12px; border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); background: #fff; }
.cmrv-sonra-oge .cmrv-sg img { display: block; width: 72px; height: 72px; object-fit: contain; border: 1px solid var(--cmrv-cizgi); border-radius: 6px; background: #fff; }
.cmrv-sonra-oge .cmrv-sad { font-size: 14px; }
.cmrv-sonra-oge b { display: inline-block; margin-top: 4px; color: var(--cmrv-turuncu); font-size: 15px; }
.cmrv-tukendi { display: inline-block; padding: 1px 8px; border-radius: 9px; background: #fdecec; color: #b0040e; font-size: 12px; font-weight: 700; }
.cmrv-sonra-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 8px; }
.cmrv-sonra-eylem .cmrv-metin-btn { color: var(--cmrv-gri) !important; }
.cmrv-sonra-eylem .cmrv-metin-btn:hover { color: var(--cmrv-mk) !important; }
.cmrv-sonra-not { margin: 10px 0 0; color: var(--cmrv-gri); font-size: 13px; }
.cmrv-dugme.cmrv-kucuk { min-height: 36px; padding: 0 14px; font-size: 13px; }
.cmrv-dugme[disabled] { opacity: .55; cursor: not-allowed; }
.cmrv-oneri-liste { display: flex; gap: 12px; margin: 0; padding: 0 0 8px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; list-style: none; }
.cmrv-oneri-liste .cmrv-kart { flex: 0 0 176px; scroll-snap-align: start; }
/* Fiyattaki ekran okuyucu metni (mutlak konumlu) kaydırma kabının dışına taşmasın. */
.cmrv-oneri-liste, .cmrv-kart { position: relative; }
.cmrv-kart { display: flex; flex-direction: column; gap: 6px; min-width: 0; margin: 0; padding: 10px; border: 1px solid #ececec; border-radius: var(--cmrv-r); background: #fff; }
.cmrv-kart:hover { border-color: var(--cmrv-turuncu); }
.cmrv-kart-a { display: flex; flex-direction: column; gap: 6px; color: #333 !important; text-decoration: none !important; }
.cmrv-kart .cmrv-g { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 6px; background: #fafafa; }
.cmrv-kart .cmrv-g img { display: block; width: 100%; height: 100%; object-fit: contain; }
.cmrv-kart .cmrv-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; font-size: 13px; line-height: 1.3; }
.cmrv-fiyat { color: var(--cmrv-turuncu); font-size: 15px; font-weight: 700; }
.cmrv-fiyat del { color: var(--cmrv-gri); font-size: 12px; font-weight: 400; }
.cmrv-fiyat ins { text-decoration: none; }
.cmrv-kart .cmrv-dugme { width: 100%; margin-top: auto; }
.cmrv-sepet-raflar .cmrv-hata { margin: 0; padding: 10px 14px; border-radius: var(--cmrv-r); background: #fdecec; }
@media (max-width: 781px) {
	.cmrv-sepet-raflar { margin-top: 24px; gap: 22px; }
	.cmrv-sepet-raflar .cmrv-raf-bas h2 { font-size: 17px; }
	.cmrv-sonra-liste { grid-template-columns: minmax(0, 1fr); }
	.wc-block-cart-item__quantity { flex-wrap: wrap; }
	.wc-block-cart-item__quantity .cmrv-sonra-btn { display: flex; flex: 0 0 100%; width: 100%; margin: 8px 0 0; white-space: normal; }
	/* Dokunma hedefi en az 32 px. */
	.cmrv-sonra-btn, .cmrv-sonra-eylem .cmrv-metin-btn { min-height: 32px; }
	.cmrv-oneri-liste { scroll-snap-type: x mandatory; scrollbar-width: none; }
	.cmrv-oneri-liste::-webkit-scrollbar { display: none; }
	.cmrv-oneri-liste .cmrv-kart { flex-basis: 44%; }
}
/* Erişilebilir karşıtlık: yeni raflarda düğme kırmızı (#e30613, beyaz metin 4.6:1), fiyat koyu turuncu. */
.cmrv-sepet-raflar .cmrv-dugme { border-color: var(--cmrv-mk); background: var(--cmrv-mk); }
.cmrv-sepet-raflar .cmrv-dugme.cmrv-ikincil { background: #fff; color: var(--cmrv-mk) !important; }
.cmrv-sepet-raflar .cmrv-fiyat, .cmrv-sonra-oge b { color: #b84f00; }

/* ---------- 0.3.0: ürün kartı rozetleri (#31), flaş (#26/#50), kupon merkezi (#51), süzgeç (#28) ---------- */
:root { --cmrv-marka: #e30613; --cmrv-lacivert: #1d2b5a; --cmrv-tur-koyu: #a34400; --cmrv-tur-acik: #fff1e6; }
.cmrv-kart { position: relative; }
.woocommerce ul.products li.product.cmrv-kart { --cmrv-p: 10px; container-type: inline-size; }
.cmrv-kart-blok .wc-block-components-product-image { position: relative; }
.cmrv-ust { display: block; position: relative; height: 0; margin: 0; }
.cmrv-rz-yigin { position: absolute; bottom: 14px; inset-inline-start: 6px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
.cmrv-ust-blok { position: absolute; inset: auto 0 0 0; height: auto; }
.cmrv-ust-blok .cmrv-rz-yigin { bottom: 6px; }
.cmrv-rz { display: inline-flex; align-items: center; gap: 3px; padding: 3px 7px; border-radius: 4px; font-size: 11px; font-weight: 800; line-height: 1.2; color: #fff; background: var(--cmrv-marka); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); }
.cmrv-rz-flas { background: linear-gradient(-90deg, #ff5a1f, #e30613); }
.cmrv-kart-alt { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 4px 0 0; font-size: 12px; line-height: 1.3; color: #5c6478; text-align: start; }
.wc-block-product .cmrv-kart-alt { align-items: center; text-align: center; }
.cmrv-onceki del { color: #6b6f7b; font-size: 12px; }
.cmrv-sepette { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; padding: 3px 8px; border-radius: 6px; background: var(--cmrv-tur-acik); color: var(--cmrv-tur-koyu); }
.cmrv-sepette b { font-size: 12px; font-weight: 800; }
.cmrv-sepette span { font-size: 14px; font-weight: 800; }
.cmrv-not { color: var(--cmrv-tur-koyu); font-weight: 600; }
.cmrv-etiketler { display: flex; flex-wrap: wrap; gap: 4px; }
.wc-block-product .cmrv-etiketler { justify-content: center; }
.cmrv-et { display: inline-block; padding: 2px 7px; border-radius: 10px; font-size: 11px; font-weight: 700; line-height: 1.35; background: #fdeaea; color: #b0000f; }
.cmrv-et-kosullu { background: var(--cmrv-tur-acik); color: var(--cmrv-tur-koyu); }
.cmrv-et-kupon { background: #fff; color: var(--cmrv-tur-koyu); border: 1px dashed #f27a1a; }
.cmrv-et-birlikte { background: #eef1f8; color: var(--cmrv-lacivert); }
.cmrv-satildi { color: #5c6478; font-size: 12px; }
.cmrv-stok { display: flex; align-items: center; gap: 6px; width: 100%; }
.cmrv-stok-cubuk { flex: 1; height: 6px; border-radius: 3px; background: #ffe3d3; overflow: hidden; }
.cmrv-stok-cubuk i { display: block; height: 100%; border-radius: 3px; background: linear-gradient(-90deg, #f27a1a, #e30613); }
.cmrv-stok-metin { flex: none; font-size: 11px; font-weight: 700; color: var(--cmrv-tur-koyu); }
.cmrv-sinir { font-size: 11px; color: #5c6478; }
.cmrv-fav { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 4; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #333; box-shadow: 0 1px 6px rgba(0, 0, 0, .18); cursor: pointer; }
.cmrv-fav.aktif { color: #f27a1a; }
.cmrv-fav.aktif svg { fill: #f27a1a; }
.cmrv-ekle { position: absolute; z-index: 4; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--cmrv-marka); box-shadow: 0 1px 6px rgba(0, 0, 0, .2); cursor: pointer; }
.cmrv-ekle[hidden] { display: none !important; }
.cmrv-ekle-blok { bottom: 6px; inset-inline-end: 6px; }
.cmrv-ekle-klasik { top: calc(var(--cmrv-p) + 100cqw - 44px); inset-inline-end: calc(var(--cmrv-p) + 6px); }
@supports not (top: 1cqw) { .cmrv-ekle-klasik { position: static; align-self: flex-end; margin-top: 6px; } }
.cmrv-ekle:hover, .cmrv-fav:hover { transform: scale(1.06); }
.cmrv-ekle.bekle { opacity: .6; }
.cmrv-ekle.tamam { background: #0b8f6a; color: #fff; }
.cmrv-ekle:focus-visible, .cmrv-fav:focus-visible, .cmrv-filtre a:focus-visible, .cmrv-kupon :focus-visible { outline: 2px solid #f27a1a; outline-offset: 2px; }
.cmrv-deneme { outline: 1px dashed #c98a00; outline-offset: 2px; }
/* Flaş rafı (ana sayfa) ve sayfası */
.cmrv-flas-raf { background: linear-gradient(-90deg, #ff5a1f, #e30613 70%, #ff3b2f); }
.cmrv-flas-bas { flex-wrap: wrap; gap: 8px 14px; }
.cmrv-flas-raf ul.products li.product { min-width: 0; }
.cmrv-flas-raf ul.products li.product .button { box-sizing: border-box; max-width: 100%; }
.cmrv-flas-bas h2 { display: inline-flex; align-items: center; gap: 6px; }
.cmrv-flas-bas .cmrv-simsek { color: #ffd23f; }
.cmrv-flas-bas a { margin-inline-start: auto; }
.cmrv-flas-raf .cmrv-flas-sayac { color: #fff; font-weight: 700; }
.cmrv-flas-raf .cmrv-flas-sayac .cmrv-sayac { background: #fff; color: var(--cmrv-marka); }
.cmrv-flas-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 0 0 18px; padding: 16px 18px; border-radius: 14px; background: linear-gradient(-90deg, #fff1e6, #ffe3dc); border: 1px solid #ffd2bf; }
.cmrv-flas-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 24px; font-weight: 800; color: var(--cmrv-marka); }
.cmrv-flas-baslik .cmrv-simsek { color: #f27a1a; }
.cmrv-flas-ust .cmrv-kamp-giris { margin: 0; color: #4b5162; }
.cmrv-flas-geri { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--cmrv-tur-koyu); }
.cmrv-flas-geri .cmrv-sayac { padding: 6px 12px; font-size: 20px; background: var(--cmrv-marka); color: #fff; }
/* Kupon merkezi */
.cmrv-kuponlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.cmrv-kupon { display: grid; grid-template-columns: 96px 1fr; grid-template-areas: "t b" "t i"; gap: 6px 14px; padding: 14px; border: 1.5px dashed #f27a1a; border-radius: 12px; background: #fff; }
.cmrv-kupon-bitti { opacity: .65; border-style: solid; border-color: #d6dae3; }
.cmrv-kupon-tutar { grid-area: t; display: flex; flex-direction: column; align-items: center; justify-content: center; border-inline-end: 1.5px dashed #ffc9a3; padding-inline-end: 10px; text-align: center; }
.cmrv-kupon-tutar b { font-size: 22px; font-weight: 900; color: var(--cmrv-marka); line-height: 1.1; word-break: break-word; }
.cmrv-kupon-tutar span { font-size: 12px; font-weight: 700; color: var(--cmrv-tur-koyu); text-transform: uppercase; letter-spacing: .04em; }
.cmrv-kupon-bilgi { grid-area: b; display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: #4b5162; min-width: 0; }
.cmrv-kupon-bilgi strong { font-size: 15px; color: var(--cmrv-lacivert); }
.cmrv-kupon-kapsam a { color: var(--cmrv-tur-koyu); }
.cmrv-kupon-islem { grid-area: i; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.cmrv-kupon-islem .cmrv-dugme { min-height: 38px; background: var(--cmrv-marka); border-color: var(--cmrv-marka); }
.cmrv-kupon-islem .cmrv-dugme.cmrv-ikincil { background: #fff; color: var(--cmrv-marka) !important; }
.cmrv-kupon-durum { font-weight: 800; color: #0b8f6a; }
.cmrv-kupon-yok { color: #5c6478; }
.cmrv-kupon-magaza { font-size: 13px; font-weight: 700; color: var(--cmrv-lacivert) !important; text-decoration: none !important; }
.cmrv-kupon-mesaj { margin-top: 4px; font-size: 12px; color: #0b8f6a; }
.cmrv-kupon-mesaj.hata { color: #b0000f; }
.cmrv-kupon-not { margin: 12px 0 0; font-size: 13px; color: #5c6478; }
.cmrv-kuponlarim { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.cmrv-kuponlarim li { display: flex; flex-direction: column; gap: 2px; min-width: 180px; padding: 10px 12px; border-radius: 10px; background: var(--cmrv-tur-acik); font-size: 12px; color: #4b5162; }
.cmrv-kuponlarim li b { font-size: 17px; color: var(--cmrv-marka); }
.cmrv-kuponlarim li em { font-style: normal; font-weight: 700; color: #0b8f6a; }
.cmrv-kuponlarim .cmrv-kb-kullanildi, .cmrv-kuponlarim .cmrv-kb-suresi { background: #f3f4f7; }
.cmrv-kuponlarim .cmrv-kb-kullanildi em, .cmrv-kuponlarim .cmrv-kb-suresi em { color: #5c6478; }
/* Süzgeç şeridi */
.cmrv-filtre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.cmrv-filtre .cmrv-cip { padding: 6px 12px; border: 1px solid #d6dae3; border-radius: 18px; background: #fff; color: #333 !important; font-size: 13px; font-weight: 600; }
.cmrv-filtre .cmrv-cip:hover { border-color: #f27a1a; background: #fff; color: var(--cmrv-tur-koyu) !important; }
.cmrv-filtre .cmrv-cip.secili { border-color: #f27a1a; background: var(--cmrv-tur-acik); color: var(--cmrv-tur-koyu) !important; }
.cmrv-filtre .cmrv-cip-kamp { border-color: #f27a1a; color: var(--cmrv-tur-koyu) !important; }
.cmrv-filtre .cmrv-cip-temizle { border-style: dashed; }
.cmrv-filtre-ad { margin-inline-start: 6px; font-size: 13px; font-weight: 700; color: #4b5162; }
@media (max-width: 781px) {
	.cmrv-filtre { flex-wrap: nowrap; overflow-x: auto; margin-inline: -4px; padding: 0 4px 4px; scrollbar-width: none; }
	.cmrv-filtre::-webkit-scrollbar { display: none; }
	.cmrv-filtre > * { flex: none; }
	.cmrv-kuponlar { grid-template-columns: 1fr; }
	.cmrv-kupon { grid-template-columns: 84px 1fr; }
	.cmrv-flas-baslik { font-size: 20px; }
	.cmrv-flas-geri .cmrv-sayac { font-size: 17px; }
	.cmrv-fav { width: 30px; height: 30px; top: 6px; inset-inline-end: 6px; }
	.cmrv-ekle { width: 34px; height: 34px; }
	.cmrv-ekle-klasik { top: calc(var(--cmrv-p) + 100cqw - 40px); }
	.cmrv-rz { font-size: 10px; padding: 2px 6px; }
	.cmrv-sepette span { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .cmrv-ekle:hover, .cmrv-fav:hover { transform: none; } }