/* 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; } }

/* ================================================================ 0.4.0 */
/* ---------- #22 arama önerileri: kelime tamamlama, mağaza, son arama sil ---------- */
.cmrv-oneri-kelime { display: flex !important; align-items: center; gap: 10px; }
.cmrv-oneri-kelime svg { flex: 0 0 auto; color: var(--cmrv-gri); }
.cmrv-oneri-kapsam span { color: var(--cmrv-turuncu); font-weight: 600; }
.cmrv-son { display: inline-flex !important; align-items: center; gap: 6px; }
.cmrv-son-sil { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; color: var(--cmrv-gri); font-size: 14px; line-height: 1; cursor: pointer; }
.cmrv-son-sil:hover { background: var(--cmrv-cizgi); color: var(--cmrv-koyu); }
.cmrv-sonuc-yok { margin: 18px 0; padding: 16px; border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); background: #fff; }
.cmrv-bunu-mu { margin: 0 0 10px; font-size: 16px; }
.cmrv-bunu-mu a { color: var(--cmrv-turuncu) !important; font-weight: 700; }
.cmrv-sonuc-yok .cmrv-cip-satir { margin: 8px 0 0; }

/* ---------- #29/#30/#118 süzgeç paneli ---------- */
.cmrv-liste { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 24px; align-items: start; }
.cmrv-liste-ic { min-width: 0; }
.cmrv-fp { position: sticky; top: 90px; max-height: calc(100vh - 110px); overflow: auto; display: flex; flex-direction: column; border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); background: #fff; font-size: 14px; }
.cmrv-fp-bas { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--cmrv-cizgi); }
.cmrv-fp-bas strong { flex: 1; font-size: 16px; }
.cmrv-fp-temizle { color: var(--cmrv-turuncu) !important; font-weight: 600; font-size: 13px; }
.cmrv-fp-kapat { display: none; width: 36px; height: 36px; border: 0; background: none; font-size: 26px; line-height: 1; cursor: pointer; color: var(--cmrv-koyu); }
.cmrv-fp-cipler { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 14px 0; }
.cmrv-fp-cip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 14px; background: var(--cmrv-acik-zemin); color: var(--cmrv-koyu) !important; font-size: 12px; text-decoration: none !important; }
.cmrv-fp-cip span { color: var(--cmrv-turuncu); font-weight: 700; }
.cmrv-fp-govde { padding: 4px 0; }
.cmrv-fp-grup { border-bottom: 1px solid var(--cmrv-cizgi); }
.cmrv-fp-grup:last-child { border-bottom: 0; }
.cmrv-fp-grup > summary { display: flex; align-items: center; gap: 6px; padding: 12px 14px; font-weight: 700; cursor: pointer; list-style: none; }
.cmrv-fp-grup > summary::-webkit-details-marker { display: none; }
.cmrv-fp-grup > summary::after { content: ""; margin-inline-start: auto; width: 8px; height: 8px; border: solid var(--cmrv-gri); border-width: 0 0 2px 2px; transform: rotate(-45deg); transition: transform .15s; }
.cmrv-fp-grup[open] > summary::after { transform: rotate(135deg); }
.cmrv-fp-say { color: var(--cmrv-turuncu); font-weight: 700; }
.cmrv-fp-ara { display: block; width: calc(100% - 28px); margin: 0 14px 8px; padding: 7px 10px; box-sizing: border-box; border: 1px solid var(--cmrv-cizgi); border-radius: 6px; font: inherit; font-size: 13px; }
.cmrv-fp-liste { list-style: none; margin: 0; padding: 0 8px 10px; max-height: 260px; overflow: auto; }
.cmrv-fp-liste li { margin: 0; }
.cmrv-fp-sec { display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: 6px; color: var(--cmrv-koyu) !important; text-decoration: none !important; line-height: 1.3; }
.cmrv-fp-sec:hover { background: #f6f6f6; }
.cmrv-fp-sec span { flex: 1; min-width: 0; }
.cmrv-fp-sec em { color: var(--cmrv-gri); font-style: normal; font-size: 12px; }
.cmrv-kutu { flex: 0 0 auto; width: 18px; height: 18px; box-sizing: border-box; border: 1.5px solid #b9bcc4; border-radius: 4px; background: #fff; }
.cmrv-fp-sec[role="radio"] .cmrv-kutu { border-radius: 50%; }
.cmrv-fp-sec.secili .cmrv-kutu { border-color: var(--cmrv-turuncu); background: var(--cmrv-turuncu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.cmrv-fp-sec.secili span { font-weight: 700; }
.cmrv-renk { flex: 0 0 auto; width: 16px; height: 16px; border-radius: 50%; background: var(--r, #ccc); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .18); }
.cmrv-renk-cok { background: conic-gradient(#e11d2a, #f5c400, #1f9d4c, #1e66d0, #7b3fbf, #e11d2a); }
.cmrv-fp-alt { display: none; padding: 12px 14px; border-top: 1px solid var(--cmrv-cizgi); background: #fff; }
.cmrv-fp-uygula { display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: var(--cmrv-r); background: var(--cmrv-turuncu); color: #fff !important; font-weight: 700; text-decoration: none !important; }
.cmrv-lt { display: none; margin: 0 0 12px; }
.cmrv-lt-filtre { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px; border: 1px solid var(--cmrv-cizgi); border-radius: 20px; background: #fff; font: inherit; font-weight: 700; font-size: 14px; color: var(--cmrv-koyu); cursor: pointer; }
.cmrv-lt-filtre b { color: var(--cmrv-turuncu); }
.cmrv-lt-hep { display: block; }
/* Yıldızlar (kart puanı, süzgeç) */
.cmrv-yildizlar { position: relative; display: inline-block; width: 70px; height: 13px; background: linear-gradient(-90deg, #f5a623 var(--p, 0%), #d8d8d8 var(--p, 0%)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .5l1.9 4 4.3.4-3.3 2.9 1 4.2L7 9.8 3.1 12l1-4.2L.8 4.9l4.3-.4z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath d='M7 .5l1.9 4 4.3.4-3.3 2.9 1 4.2L7 9.8 3.1 12l1-4.2L.8 4.9l4.3-.4z'/%3E%3C/svg%3E") 0 0/14px 13px repeat-x; }
[dir="rtl"] .cmrv-yildizlar { transform: scaleX(-1); }
/* Çekmece (mobil ve klasik şablon) */
.cmrv-fp-cekmece { display: none; }
@media (max-width: 781px) {
	.cmrv-liste { display: block; }
	.cmrv-lt { display: block; }
	.cmrv-fp { display: none; }
}
.cmrv-fp.acik { display: flex; position: fixed; inset: 0; z-index: 99996; top: 0; max-height: none; border: 0; border-radius: 0; }
.cmrv-fp.acik .cmrv-fp-kapat { display: inline-flex; align-items: center; justify-content: center; }
.cmrv-fp.acik .cmrv-fp-govde { flex: 1; overflow: auto; }
.cmrv-fp.acik .cmrv-fp-alt { display: block; }
.cmrv-fp.acik .cmrv-fp-liste { max-height: none; }
.cmrv-fp.cmrv-deneme { outline: 2px dashed #f5a623; outline-offset: -2px; }
/* Canlı temanın yan süzgecine eklenen bölümler */
.cmr-yan-filtre .cmrv-fp-grup { border-bottom: 0; }
.cmr-yan-filtre .cmrv-fp-liste { padding-inline: 0; }

/* ---------- #31 kart: puan, teslimat etiketleri, hızlı bakış ---------- */
.cmrv-puan { display: flex; align-items: center; gap: 4px; margin: 2px 0 4px; font-size: 12px; color: var(--cmrv-gri); }
.cmrv-puan b { color: var(--cmrv-koyu); }
.wc-block-product .cmrv-puan { justify-content: center; }
.cmrv-kargo { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.cmrv-kg { display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 4px; font-size: 11px; font-weight: 700; line-height: 1.5; list-style: none; }
.cmrv-kg-bedava { background: #e8f6ee; color: #0b7a4b; }
.cmrv-kg-hizli { background: #eaf2fe; color: #1659b8; }
.cmrv-kg-yarin { background: #fff1e5; color: #b4510a; }
.cmrv-hb-ac { position: absolute; inset-inline: 10px; bottom: 10px; z-index: 3; min-height: 34px; border: 0; border-radius: 6px; background: rgba(255, 255, 255, .95); box-shadow: 0 2px 8px rgba(0, 0, 0, .15); color: var(--cmrv-koyu); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; opacity: 0; transform: translateY(6px); transition: opacity .15s, transform .15s; }
.cmrv-hb-ac:hover { color: var(--cmrv-turuncu); }
li.product:hover .cmrv-hb-ac, li.wc-block-product:hover .cmrv-hb-ac, .cmrv-hb-ac:focus { opacity: 1; transform: none; }
li.product.cmrv-kart { position: relative; }
@media (max-width: 781px), (hover: none) { .cmrv-hb-ac { display: none; } }
/* Pencere */
.cmrv-hb-perde { position: fixed; inset: 0; z-index: 99997; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(29, 33, 48, .55); }
.cmrv-hb-perde[hidden] { display: none; }
.cmrv-hb-pencere { position: relative; width: min(920px, 100%); max-height: calc(100vh - 40px); overflow: auto; border-radius: 12px; background: #fff; box-shadow: var(--cmrv-golge); outline: 0; }
.cmrv-hb-kapat { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 2; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #f3f3f3; font-size: 24px; line-height: 1; cursor: pointer; }
.cmrv-hb-ic { padding: 24px; }
.cmrv-hp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; }
.cmrv-hp-gorsel { position: relative; }
.cmrv-hp-ana img, .cmrv-hp-ana .woocommerce-placeholder { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 8px; background: #fafafa; }
.cmrv-hp-kucuk { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; }
.cmrv-hp-kucuk button { flex: 0 0 56px; padding: 0; border: 2px solid transparent; border-radius: 6px; background: none; cursor: pointer; }
.cmrv-hp-kucuk button[aria-current="true"] { border-color: var(--cmrv-turuncu); }
.cmrv-hp-kucuk img { display: block; width: 52px; height: 52px; object-fit: cover; border-radius: 4px; }
.cmrv-hp-marka { color: var(--cmrv-turuncu) !important; font-weight: 700; font-size: 14px; text-decoration: none !important; }
.cmrv-hp-ad { margin: 4px 0 8px; font-size: 20px; line-height: 1.3; }
.cmrv-hp-fiyat { margin: 8px 0; font-size: 22px; font-weight: 700; color: var(--cmrv-turuncu); }
.cmrv-hp .cmrv-kart-alt { display: flex; flex-direction: column; gap: 4px; }
.cmrv-hp-teslim { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; padding: 0; list-style: none; font-size: 13px; }
.cmrv-hp-cikis { font-weight: 700; }
.cmrv-hp-teslim li { list-style: none; }
.cmrv-hp-satici { margin: 8px 0; font-size: 14px; }
.cmrv-hp-sp { display: inline-block; padding: 0 6px; border-radius: 4px; background: #1f9d4c; color: #fff; font-size: 12px; font-weight: 700; }
.cmrv-hp-aciklama { font-size: 14px; color: #444; }
.cmrv-hp-nitelik { margin: 10px 0; padding: 0; border: 0; }
.cmrv-hp-nitelik legend { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.cmrv-hp-nitelik div { display: flex; flex-wrap: wrap; gap: 6px; }
.cmrv-hp-nitelik button { min-width: 44px; min-height: 36px; padding: 0 10px; border: 1.5px solid var(--cmrv-cizgi); border-radius: 6px; background: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.cmrv-hp-nitelik button[aria-pressed="true"] { border-color: var(--cmrv-turuncu); color: var(--cmrv-turuncu); font-weight: 700; }
.cmrv-hp-vmesaj { min-height: 1.2em; margin: 4px 0; font-size: 13px; color: var(--cmrv-gri); }
.cmrv-hp-islem { display: flex; align-items: center; gap: 10px; margin: 14px 0 6px; }
.cmrv-hp-adet input { width: 64px; min-height: 44px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--cmrv-cizgi); border-radius: var(--cmrv-r); font: inherit; text-align: center; }
.cmrv-hp-ekle { flex: 1; min-height: 46px; margin: 0 !important; }
.cmrv-hp-islem .cmrv-fav { position: static; }
.cmrv-hp-mesaj { min-height: 1.2em; margin: 0 0 8px; font-size: 13px; color: #0b7a4b; }
.cmrv-hp-mesaj.hata { color: var(--cmrv-kirmizi); }
.cmrv-hp-detay { color: var(--cmrv-turuncu) !important; font-weight: 700; }
@media (max-width: 781px) { .cmrv-hp { grid-template-columns: 1fr; } .cmrv-hb-ic { padding: 16px; } .cmrv-hb-perde { padding: 0; align-items: flex-end; } .cmrv-hb-pencere { max-height: 92vh; border-radius: 12px 12px 0 0; } }

/* ---------- #27 kampanya bannerları ---------- */
.cmrv-kb { margin: 16px 0; }
.cmrv-kb-liste { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 12px; margin: 0; padding: 0 0 4px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; }
.cmrv-kb-liste li { scroll-snap-align: start; }
.cmrv-kb-kart { position: relative; display: flex; flex-direction: column; gap: 4px; min-height: 96px; height: 100%; box-sizing: border-box; padding: 14px 16px 14px 36px; border-radius: 12px; color: var(--cmrv-koyu) !important; text-decoration: none !important; }
[dir="rtl"] .cmrv-kb-kart { padding: 14px 36px 14px 16px; }
.cmrv-kb-kart strong { font-size: 16px; }
.cmrv-kb-kart span { font-size: 13px; }
.cmrv-kb-kart em { font-style: normal; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.cmrv-kb-kart b { position: absolute; inset-inline-end: 12px; top: 50%; transform: translateY(-50%); font-size: 22px; }
.cmrv-kb-kirmizi, .cmrv-og-kirmizi .cmrv-og-bant { background: #ffe9e8; }
.cmrv-kb-turuncu, .cmrv-og-turuncu .cmrv-og-bant { background: #fff1e5; }
.cmrv-kb-pembe, .cmrv-og-pembe .cmrv-og-bant { background: #ffeaf3; }
.cmrv-kb-yesil, .cmrv-og-yesil .cmrv-og-bant { background: #e8f6ee; }
.cmrv-kb-mavi, .cmrv-og-mavi .cmrv-og-bant { background: #eaf2fe; }
.cmrv-og-kart.cmrv-og-kirmizi { background: #ffe9e8; } .cmrv-og-kart.cmrv-og-turuncu { background: #fff1e5; } .cmrv-og-kart.cmrv-og-pembe { background: #ffeaf3; } .cmrv-og-kart.cmrv-og-yesil { background: #e8f6ee; } .cmrv-og-kart.cmrv-og-mavi { background: #eaf2fe; }

/* ---------- #115 sekmeli raf, #114 kendi raf ---------- */
.cmrv-begeni-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.cmrv-sekme-dugmeler { display: inline-flex; gap: 6px; }
.cmrv-sekme-dugmeler button { min-height: 36px; padding: 0 14px; border: 1.5px solid var(--cmrv-cizgi); border-radius: 18px; background: #fff; font: inherit; font-size: 14px; font-weight: 700; color: var(--cmrv-koyu); cursor: pointer; }
.cmrv-sekme-dugmeler button[aria-selected="true"] { border-color: var(--cmrv-turuncu); background: var(--cmrv-turuncu); color: #fff; }
.cmrv-tumu-satir { margin: 8px 0 0; text-align: end; }
/* Yatay raf: temanın .cmr-kaydir stilleri kullanılır (kaydırma düğmeleri liste.js'te). */

/* ---------- #117 hediye bulucu ---------- */
.cmrv-hediye { margin: 24px 0; padding: 20px; border-radius: 12px; background: #ffeaf3; }
.cmrv-hediye-bas h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 22px; }
.cmrv-hediye-bas p { margin: 0 0 12px; color: #444; }
.cmrv-hb-grup { margin: 0 0 12px; padding: 0; border: 0; min-width: 0; }
.cmrv-hb-grup legend { margin-bottom: 6px; font-weight: 700; }
.cmrv-hb-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.cmrv-hb-cip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cmrv-hb-cip span { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1.5px solid #f1b8d0; border-radius: 18px; background: #fff; font-size: 14px; cursor: pointer; }
.cmrv-hb-cip input:checked + span { border-color: #d9327a; background: #d9327a; color: #fff; font-weight: 700; }
.cmrv-hb-cip input:focus-visible + span { outline: 2px solid var(--cmrv-koyu); outline-offset: 2px; }
.cmrv-hb-form .cmrv-dugme { width: auto; min-width: 220px; }

/* ---------- #140 özel gün sayfası ---------- */
.cmrv-og-bant { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 20px; padding: 24px; border-radius: 14px; }
.cmrv-og-ad { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--cmrv-gri); }
.cmrv-og-bant h2 { margin: 4px 0; font-size: 28px; line-height: 1.2; }
.cmrv-og-bant p { margin: 0; }
.cmrv-og-sayac { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-weight: 700; }
.cmrv-og-sayac .cmrv-sayac { font-size: 22px; font-variant-numeric: tabular-nums; }
@media (max-width: 781px) { .cmrv-og-bant { padding: 18px; } .cmrv-og-bant h2 { font-size: 22px; } .cmrv-og-sayac { align-items: flex-start; } }