/*
Theme Name: CMR Port Tema
Theme URI: https://www.cmrport.com
Description: CMR Port pazaryeri için Twenty Twenty-Five çocuk teması (Trendyol tarzı ana sayfa).
Author: CMR Port
Template: twentytwentyfive
Version: 1.6.6
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: cmrport-tema
*/
:root { --cmr-k: #EE0305; --cmr-kk: #C40204; --cmr-m: #1B1B1B; --cmr-g: #F5F5F5; --cmr-b: #E6E6E6; --cmr-i: #666; }
body { background: #fff; }
a { text-decoration: none; }
/* Üst şerit */
.cmr-ust-serit { background: var(--cmr-g); font-size: 12px; color: var(--cmr-i); padding: 6px 16px; }
.cmr-ust-serit-ic { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.cmr-ust-serit a { color: var(--cmr-k); font-weight: 600; }
/* Başlık */
header.wp-block-template-part, .cmr-header-sabit { position: sticky; top: 0; z-index: 50; background: #fff; box-shadow: 0 1px 0 var(--cmr-b); }
.admin-bar .cmr-header-sabit { top: 32px; }
.cmr-baslik { padding: 12px 16px; }
.cmr-baslik-ic { gap: 24px; }
.cmr-logo img { max-height: 48px; width: auto; }
.cmr-arama { flex: 1; max-width: 640px; margin: 0 !important; }
.cmr-arama .wp-block-search__inside-wrapper { background: var(--cmr-g); border: 2px solid transparent !important; border-radius: 8px; padding: 2px 4px; }
.cmr-arama .wp-block-search__inside-wrapper:focus-within { border-color: var(--cmr-k) !important; background: #fff; }
.cmr-arama input { background: transparent; border: 0 !important; font-size: 14px; padding: 10px 12px; }
.cmr-arama .wp-block-search__button { background: transparent !important; color: var(--cmr-k) !important; border: 0; }
.cmr-hesap-alani { gap: 20px; font-size: 14px; }
.cmr-hesap-alani a, .cmr-favori { display: inline-flex; align-items: center; gap: 6px; color: var(--cmr-m); }
.cmr-hesap-alani a:hover { color: var(--cmr-k); }
/* Kategori şeridi */
.cmr-kategori-serit { border-top: 1px solid var(--cmr-b); padding: 0 16px; }
.cmr-kategori-serit-ic { display: flex; gap: 22px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; font-size: 14px; font-weight: 500; }
.cmr-kategori-serit-ic::-webkit-scrollbar { display: none; }
.cmr-kategori-serit-ic a { padding: 11px 0; color: var(--cmr-m); border-bottom: 2px solid transparent; }
.cmr-kategori-serit-ic a:hover { color: var(--cmr-k); border-bottom-color: var(--cmr-k); }
.cmr-tum-kat { font-weight: 700; }
/* Ana sayfa */
.cmr-anasayfa { padding: 20px 16px 40px; }
.cmr-vitrin { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }
.cmr-hero { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 300px; padding: 40px; border-radius: 12px; color: #fff !important; background: linear-gradient(120deg, #EE0305 0%, #B80003 55%, #1B1B1B 100%); overflow: hidden; }
.cmr-hero h1 { color: #fff; margin: 8px 0; font-size: 34px; max-width: 520px; }
.cmr-hero p { margin: 0 0 20px; max-width: 460px; opacity: .92; }
.cmr-hero-etiket { align-self: flex-start; background: #fff; color: var(--cmr-k); font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 20px; }
.cmr-hero-dugme { align-self: flex-start; background: #fff; color: var(--cmr-k); font-weight: 700; padding: 12px 22px; border-radius: 8px; }
.cmr-yan-banner { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.cmr-mini-banner { display: flex; flex-direction: column; justify-content: center; padding: 22px; border-radius: 12px; color: var(--cmr-m); }
.cmr-mini-banner strong { font-size: 20px; }
.cmr-mini-banner span { font-size: 14px; color: var(--cmr-i); }
.cmr-mini-1 { background: #FFF0E6; }
.cmr-mini-2 { background: #F0F4FF; }
.cmr-yuvarlak-kat { display: flex; gap: 18px; overflow-x: auto; padding: 24px 0 8px; scrollbar-width: none; }
.cmr-yuvarlak-kat a { flex: 0 0 84px; text-align: center; font-size: 12px; color: var(--cmr-m); }
.cmr-yuvarlak-kat i { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin: 0 auto 6px; border-radius: 50%; border: 2px solid var(--cmr-k); background: #FFF5F5; color: var(--cmr-k); font-style: normal; font-weight: 700; font-size: 18px; }
.cmr-yuvarlak-kat a:hover i { background: var(--cmr-k); color: #fff; }
/* Raflar */
.cmr-raf-baslik { display: flex; justify-content: space-between; align-items: baseline; margin-top: 32px; }
.cmr-raf-baslik h2 { margin: 0; font-size: 22px; }
.cmr-raf-baslik a { color: var(--cmr-k); font-weight: 600; font-size: 14px; }
.cmr-raf-bos { background: var(--cmr-g); border: 1px dashed var(--cmr-b); border-radius: 8px; padding: 22px; text-align: center; color: var(--cmr-i); margin: 0; }
/* Ürün kartları */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 0; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: #fff; border: 1px solid var(--cmr-b); border-radius: 8px; padding: 10px; display: flex; flex-direction: column; transition: box-shadow .2s; }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); }
.woocommerce ul.products li.product img { border-radius: 6px; aspect-ratio: 1; object-fit: cover; margin-bottom: 8px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; font-weight: 400; line-height: 1.35; height: 2.7em; overflow: hidden; padding: 0 !important; }
.woocommerce ul.products li.product .price { color: var(--cmr-k) !important; font-weight: 700; font-size: 16px !important; margin-top: auto; }
.woocommerce ul.products li.product .price del { color: var(--cmr-i); font-weight: 400; font-size: 13px; }
.woocommerce ul.products li.product .button { background: var(--cmr-k) !important; color: #fff !important; border-radius: 6px; width: 100%; text-align: center; margin-top: 8px; font-weight: 600; }
.woocommerce ul.products li.product .button:hover { background: var(--cmr-kk) !important; }
.woocommerce span.onsale { background: var(--cmr-k); border-radius: 4px; min-height: 0; line-height: 1.6; padding: 0 6px; }
/* Neden CMR Port */
.cmr-neden { margin-top: 44px; background: var(--cmr-g); border-radius: 12px; padding: 28px; }
.cmr-neden h2 { margin: 0 0 16px; }
.cmr-neden-kutular { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cmr-neden-kutular div { background: #fff; border-radius: 8px; padding: 18px; border-top: 3px solid var(--cmr-k); }
.cmr-neden-kutular strong { display: block; margin-bottom: 4px; }
.cmr-neden-kutular span { font-size: 14px; color: var(--cmr-i); }
.cmr-uyari { margin: 16px 0 0; font-size: 13px; color: var(--cmr-kk); font-weight: 600; }
/* Popüler kategoriler */
.cmr-populer { margin-top: 40px; }
.cmr-populer-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.cmr-populer-grid a { border: 1px solid var(--cmr-b); border-radius: 8px; padding: 14px 10px; text-align: center; font-size: 14px; color: var(--cmr-m); }
.cmr-populer-grid a:hover { border-color: var(--cmr-k); color: var(--cmr-k); }
/* Alt bilgi */
.cmr-alt { background: var(--cmr-g); border-top: 1px solid var(--cmr-b); padding: 32px 16px 20px; margin-top: 40px; font-size: 14px; }
.cmr-alt-guven { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding-bottom: 24px; border-bottom: 1px solid var(--cmr-b); }
.cmr-alt-guven strong { display: block; }
.cmr-alt-guven span { color: var(--cmr-i); font-size: 13px; }
.cmr-alt-sutunlar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; padding: 24px 0; }
.cmr-alt-sutun h4 { margin: 0 0 10px; font-size: 15px; }
.cmr-alt-sutun a { display: block; color: var(--cmr-i); padding: 3px 0; }
.cmr-alt-sutun a:hover { color: var(--cmr-k); }
.cmr-adres { color: var(--cmr-i); font-size: 13px; margin-top: 10px; }
.cmr-alt-dolandirici { background: #fff; border-left: 3px solid var(--cmr-k); padding: 10px 14px; font-size: 13px; border-radius: 4px; }
.cmr-alt-telif { text-align: center; color: var(--cmr-i); font-size: 13px; padding-top: 16px; }
/* Tablet */
@media (max-width: 1024px) {
.woocommerce ul.products { grid-template-columns: repeat(3, 1fr); }
.cmr-populer-grid { grid-template-columns: repeat(4, 1fr); }
.cmr-alt-sutunlar { grid-template-columns: repeat(3, 1fr); }
}
/* Mobil */
@media (max-width: 781px) {
.cmr-ust-serit-ic { justify-content: center; font-size: 11px; }
.cmr-baslik-ic { flex-wrap: wrap !important; gap: 10px; }
.cmr-logo { order: 1; }
.cmr-hesap-alani { order: 2; gap: 14px; }
.cmr-hesap-alani .wc-block-customer-account__label, .cmr-favori span { display: none; }
.cmr-arama { order: 3; flex-basis: 100%; max-width: none; }
.cmr-logo img { max-height: 38px; }
.cmr-vitrin { grid-template-columns: 1fr; }
.cmr-hero { min-height: 220px; padding: 24px; }
.cmr-hero h1 { font-size: 24px; }
.cmr-yan-banner { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
.cmr-mini-banner { padding: 14px; }
.cmr-mini-banner strong { font-size: 15px; }
.cmr-mini-banner span { font-size: 12px; }
.cmr-yuvarlak-kat a { flex-basis: 70px; }
.cmr-yuvarlak-kat i { width: 60px; height: 60px; font-size: 15px; }
.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.cmr-anasayfa .woocommerce ul.products li.product:nth-child(5) { display: none; }
.cmr-neden-kutular, .cmr-alt-guven { grid-template-columns: 1fr 1fr; }
.cmr-populer-grid { grid-template-columns: repeat(2, 1fr); }
.cmr-alt-sutunlar { grid-template-columns: 1fr 1fr; }
.admin-bar .cmr-header-sabit { top: 0; }
}
/* Yazı tipi: Trendyol ile aynı (Source Sans 3) – her yerde */
body, button, input, select, textarea, .wp-block-button__link, .woocommerce, .dokan-dashboard, .dokan-form-control, .dokan-btn { font-family: var(--wp--preset--font-family--sistem) !important; }
/* ===== 1.1.0 – Canlı ana sayfa ===== */
.cmr-yeni { display: inline-block; background: var(--cmr-k); color: #fff; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 10px; margin-left: 3px; vertical-align: 2px; }
.cmr-kategori-serit-ic a.cmr-tum-kat { color: var(--cmr-k); }
/* Kısayol daireleri */
.cmr-kisayol { display: flex; gap: 14px; overflow-x: auto; padding: 18px 2px 14px; scrollbar-width: none; justify-content: space-between; }
.cmr-kisayol::-webkit-scrollbar { display: none; }
.cmr-kisayol a { flex: 0 0 96px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: 13px; font-weight: 600; color: var(--cmr-m); line-height: 1.2; }
.cmr-kisayol i { width: 74px; height: 74px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--halka, #F27A1A); transition: transform .2s; }
.cmr-kisayol i svg { width: 40px; height: 40px; }
.cmr-kisayol a:hover i { transform: translateY(-3px) scale(1.04); }
.ks1 { background: linear-gradient(135deg,#FFB547,#F27A1A); --halka:#F27A1A; }
.ks2 { background: linear-gradient(135deg,#FF6B6B,#EE0305); --halka:#EE0305; }
.ks3 { background: linear-gradient(135deg,#FFC37A,#F27A1A); --halka:#F59E0B; }
.ks4 { background: linear-gradient(135deg,#FF8CC6,#E3197A); --halka:#E3197A; }
.ks5 { background: linear-gradient(135deg,#FF9A3D,#E53935); --halka:#E53935; }
.ks6 { background: linear-gradient(135deg,#9D7BFF,#6C4CF1); --halka:#6C4CF1; }
.ks7 { background: linear-gradient(135deg,#34D399,#0B8F6A); --halka:#0B8F6A; }
.ks8 { background: linear-gradient(135deg,#64B5F6,#1E88E5); --halka:#1E88E5; }
.ks9 { background: linear-gradient(135deg,#FFD54F,#F59E0B); --halka:#F59E0B; }
.ks10 { background: linear-gradient(135deg,#B0BEC5,#546E7A); --halka:#546E7A; }
/* Afiş geçişi */
.cmr-vitrin { margin-top: 6px; }
.cmr-slider { position: relative; min-height: 320px; border-radius: 14px; overflow: hidden; }
.cmr-slayt { position: absolute; inset: 0; display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; padding: 36px 44px; color: #fff !important; opacity: 0; visibility: hidden; transition: opacity .6s; }
.cmr-slayt.aktif { opacity: 1; visibility: visible; }
.cmr-slayt.s1 { background: linear-gradient(120deg,#FF5F2E 0%,#EE0305 50%,#9B0002 100%); }
.cmr-slayt.s2 { background: linear-gradient(120deg,#C084FC 0%,#7B2FF7 55%,#4C1D95 100%); }
.cmr-slayt.s3 { background: linear-gradient(120deg,#34D399 0%,#0B8F6A 55%,#064E3B 100%); }
.cmr-slayt h1 { color: #fff; margin: 10px 0 8px; font-size: 36px; line-height: 1.12; font-weight: 800; }
.cmr-slayt p { margin: 0 0 22px; max-width: 440px; opacity: .95; font-size: 16px; }
.cmr-slayt .cmr-hero-dugme { display: inline-block; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.cmr-slayt.s2 .cmr-hero-etiket, .cmr-slayt.s2 .cmr-hero-dugme { color: #7B2FF7; }
.cmr-slayt.s3 .cmr-hero-etiket, .cmr-slayt.s3 .cmr-hero-dugme { color: #0B8F6A; }
.cmr-slayt-sekil { position: relative; height: 100%; min-height: 240px; }
.cmr-slayt-sekil span { position: absolute; border-radius: 50%; background: rgba(255,255,255,.14); }
.cmr-slayt-sekil .b1 { width: 260px; height: 260px; right: -30px; top: -10px; }
.cmr-slayt-sekil .b2 { width: 120px; height: 120px; left: 0; bottom: 0; background: rgba(255,255,255,.10); }
.cmr-slayt-sekil .b3 { width: 50px; height: 50px; left: 30%; top: 10px; background: rgba(255,255,255,.22); }
.cmr-slayt-ikon { position: absolute; width: 190px; height: 190px; right: 20px; top: 50%; transform: translateY(-50%) rotate(-6deg); filter: drop-shadow(0 10px 18px rgba(0,0,0,.25)); }
.cmr-slider-nokta { position: absolute; left: 44px; bottom: 16px; display: flex; gap: 6px; z-index: 2; }
.cmr-slider-nokta button { width: 8px; height: 8px; border-radius: 8px; border: 0; padding: 0; background: rgba(255,255,255,.55); cursor: pointer; transition: width .3s; }
.cmr-slider-nokta button.aktif { width: 26px; background: #fff; }
.cmr-mini-banner { position: relative; overflow: hidden; }
.cmr-mini-banner em { font-style: normal; font-weight: 700; font-size: 14px; margin-top: 8px; }
.cmr-mini-1 { background: linear-gradient(135deg,#FFF1E6,#FFD8BD); }
.cmr-mini-1 em { color: #F27A1A; }
.cmr-mini-2 { background: linear-gradient(135deg,#EEF2FF,#C7D2FE); }
.cmr-mini-2 em { color: #4F46E5; }
.cmr-mini-banner::after { content: ""; position: absolute; width: 120px; height: 120px; right: -30px; bottom: -40px; border-radius: 50%; background: rgba(255,255,255,.5); }
/* Renkli bantlar (Sana Özel, Fırsat) */
.cmr-bant { margin-top: 28px; border-radius: 14px; padding: 16px 18px 18px; }
.cmr-bant-turuncu { background: linear-gradient(90deg,#F27A1A,#FF9A3D 60%,#F27A1A); }
.cmr-bant-kirmizi { background: linear-gradient(90deg,#C40204,#EE0305 60%,#FF4B2B); }
.cmr-bant-baslik { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.cmr-bant-baslik h2 { margin: 0; color: #fff; font-size: 22px; font-weight: 800; }
.cmr-bant-baslik a { color: #fff; font-weight: 700; font-size: 15px; }
.cmr-bant .cmr-raf-bos { background: rgba(255,255,255,.92); border: 0; }
/* Yatay kaydırılan raflar */
.cmr-kaydir { position: relative; }
.cmr-kaydir .woocommerce ul.products { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 12px; }
.cmr-kaydir .woocommerce ul.products::-webkit-scrollbar { display: none; }
.cmr-kaydir .woocommerce ul.products li.product { flex: 0 0 calc((100% - 48px) / 5); scroll-snap-align: start; display: flex !important; }
.cmr-ok { position: absolute; top: 40%; z-index: 3; width: 40px; height: 40px; border-radius: 50%; border: 0; background: #fff; color: var(--cmr-m); font-size: 26px; line-height: 1; box-shadow: 0 2px 10px rgba(0,0,0,.2); cursor: pointer; }
.cmr-ok.sol { left: -14px; }
.cmr-ok.sag { right: -14px; }
.cmr-kaydir.bos .cmr-ok { display: none; }
.cmr-raf { margin-top: 8px; }
/* Ürün kartı – daha canlı */
.woocommerce ul.products li.product { border-radius: 10px; position: relative; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--cmr-m); }
.woocommerce ul.products li.product .price { font-size: 17px !important; }
.woocommerce ul.products li.product .price::after { content: "Vergiler dahil"; display: block; font-size: 11px; font-weight: 600; color: #0B8F6A; margin-top: 2px; }
.woocommerce span.onsale { top: 14px !important; left: 14px !important; right: auto !important; margin: 0 !important; background: linear-gradient(135deg,#FF5F2E,#EE0305); font-weight: 700; font-size: 12px; padding: 2px 8px; border-radius: 12px; box-shadow: 0 2px 6px rgba(238,3,5,.35); }
/* Kategori kartları */
.cmr-kat-kartlar { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 28px; }
.cmr-kat-kartlar a { position: relative; overflow: hidden; min-height: 120px; border-radius: 14px; padding: 18px; color: #fff; display: flex; flex-direction: column; gap: 4px; transition: transform .2s, box-shadow .2s; }
.cmr-kat-kartlar a:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,.15); }
.cmr-kat-kartlar strong { font-size: 19px; font-weight: 800; position: relative; z-index: 1; }
.cmr-kat-kartlar span { font-size: 13px; opacity: .92; max-width: 70%; position: relative; z-index: 1; }
.cmr-kat-kartlar svg { position: absolute; right: 8px; bottom: 6px; width: 70px; height: 70px; opacity: .9; }
.kk1 { background: linear-gradient(135deg,#42A5F5,#1565C0); }
.kk2 { background: linear-gradient(135deg,#F06292,#C2185B); }
.kk3 { background: linear-gradient(135deg,#FFB74D,#EF6C00); }
.kk4 { background: linear-gradient(135deg,#CE93D8,#8E24AA); }
.kk5 { background: linear-gradient(135deg,#66BB6A,#2E7D32); }
.kk6 { background: linear-gradient(135deg,#FF7043,#D84315); }
.kk7 { background: linear-gradient(135deg,#4DD0E1,#00838F); }
.kk8 { background: linear-gradient(135deg,#9575CD,#4527A0); }
/* İkili banner */
.cmr-ikili-banner { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }
.cmr-ikili-banner a { border-radius: 14px; padding: 24px 26px; display: flex; flex-direction: column; gap: 4px; color: #fff; position: relative; overflow: hidden; }
.cmr-ikili-banner span { font-size: 14px; opacity: .9; }
.cmr-ikili-banner strong { font-size: 26px; font-weight: 800; }
.cmr-ikili-banner em { font-style: normal; font-weight: 700; margin-top: 6px; }
.cmr-ikili-banner a::after { content: ""; position: absolute; width: 180px; height: 180px; right: -40px; top: -60px; border-radius: 50%; background: rgba(255,255,255,.15); }
.ib1 { background: linear-gradient(120deg,#1B1B1B,#3A3A3A); }
.ib2 { background: linear-gradient(120deg,#0B8F6A,#10B981); }
/* Neden CMR Port – ikonlu */
.cmr-neden { background: #FFF6F0; }
.cmr-neden-kutular div { border-top: 0; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.cmr-neden-kutular i { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#FF5F2E,#EE0305); color: #fff; font-style: normal; font-weight: 800; font-size: 18px; margin-bottom: 8px; }
@media (max-width: 1024px) {
.cmr-kaydir .woocommerce ul.products li.product { flex-basis: calc((100% - 24px) / 3); }
.cmr-kat-kartlar { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 781px) {
.cmr-kisayol { justify-content: flex-start; gap: 10px; }
.cmr-kisayol a { flex-basis: 72px; font-size: 11px; }
.cmr-kisayol i { width: 58px; height: 58px; }
.cmr-kisayol i svg { width: 30px; height: 30px; }
.cmr-slider { min-height: 230px; }
.cmr-slayt { grid-template-columns: 1fr; padding: 22px 22px 36px; }
.cmr-slayt h1 { font-size: 23px; }
.cmr-slayt p { font-size: 14px; margin-bottom: 14px; }
.cmr-slayt-sekil { position: absolute; inset: 0; min-height: 0; opacity: .35; pointer-events: none; }
.cmr-slayt-ikon { width: 120px; height: 120px; }
.cmr-slider-nokta { left: 22px; bottom: 12px; }
.cmr-bant { padding: 14px 12px; margin-left: -4px; margin-right: -4px; }
.cmr-bant-baslik h2 { font-size: 18px; }
.cmr-kaydir .woocommerce ul.products { display: flex !important; }
.cmr-kaydir .woocommerce ul.products li.product { flex-basis: 44%; }
.cmr-anasayfa .cmr-kaydir .woocommerce ul.products li.product:nth-child(5) { display: flex !important; }
.cmr-ok { display: none; }
.cmr-kat-kartlar { gap: 10px; }
.cmr-kat-kartlar a { min-height: 96px; padding: 14px; }
.cmr-kat-kartlar strong { font-size: 16px; }
.cmr-kat-kartlar svg { width: 48px; height: 48px; }
.cmr-ikili-banner { grid-template-columns: 1fr; }
.cmr-ikili-banner strong { font-size: 21px; }
}
/* ===== Kategoriler açılır menüsü (Trendyol tarzı) ===== */
.cmr-kategori-serit { position: relative; display: flex !important; align-items: center; gap: 22px; justify-content: center; }
.cmr-kategori-serit > .cmr-mm { flex: none; margin: 0 !important; max-width: none !important; }
.cmr-kategori-serit > .cmr-kategori-serit-ic { flex: 1 1 auto; min-width: 0; margin: 0 !important; max-width: calc(1200px - 160px) !important; }
.cmr-mm-dugme { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; border-bottom: 2px solid transparent; padding: 11px 0; font: inherit; font-size: 14px; font-weight: 700; color: var(--cmr-m); cursor: pointer; white-space: nowrap; }
.cmr-mm-cizgi { font-size: 17px; line-height: 1; }
.cmr-mm.acik .cmr-mm-dugme, .cmr-mm-dugme:hover { color: var(--cmr-k); border-bottom-color: var(--cmr-k); }
.cmr-mm-acilir { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: min(1200px, calc(100vw - 32px)); z-index: 60; background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 14px 30px rgba(0,0,0,.16); border-top: 1px solid var(--cmr-b); }
.cmr-mm-ic { display: grid; grid-template-columns: 240px 1fr; height: min(560px, calc(100vh - 170px)); overflow: hidden; border-radius: 0 0 12px 12px; }
.cmr-mm-sol, .cmr-mm-sag { min-height: 0; }
.cmr-mm-sol { overflow-y: auto; padding: 10px 8px; border-right: 1px solid var(--cmr-b); }
.cmr-mm-mobil-baslik, .cmr-mm-geri { display: none; }
.cmr-mm-ana { display: flex; justify-content: space-between; align-items: center; padding: 11px 14px; border-radius: 8px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: var(--cmr-m); }
.cmr-mm-ana span { color: var(--cmr-i); opacity: 0; }
.cmr-mm-ana.aktif, .cmr-mm-ana:hover { background: #FFF1E6; color: #F27A1A; }
.cmr-mm-ana.aktif span { opacity: 1; color: #F27A1A; }
.cmr-mm-sag { overflow-y: auto; padding: 16px 22px 22px; }
.cmr-mm-panel { display: none; }
.cmr-mm-panel.aktif { display: block; }
.cmr-mm-tumu { display: inline-block; font-size: 13px; font-weight: 700; color: var(--cmr-k); margin-bottom: 10px; }
.cmr-mm-sutunlar { columns: 4 200px; column-gap: 26px; }
.cmr-mm-grup { break-inside: avoid; display: flex; flex-direction: column; margin-bottom: 18px; }
.cmr-mm-grup a { font-size: 14px; color: #333; padding: 4px 0; }
.cmr-mm-grup a:hover { color: #F27A1A; }
.cmr-mm-grup a.cmr-mm-alt { color: #F27A1A; font-weight: 700; font-size: 15px; }
.cmr-mm-grup a.cmr-mm-daha { font-weight: 700; text-decoration: underline; color: var(--cmr-m); }
@media (max-width: 781px) {
.cmr-kategori-serit { gap: 14px; justify-content: flex-start; }
.cmr-mm-acilir { position: fixed; inset: 0; transform: none; width: auto; border-radius: 0; z-index: 9999; }
.cmr-mm-ic { display: block; max-height: none; height: 100%; }
.cmr-mm-sol, .cmr-mm-sag { height: 100%; border: 0; }
.cmr-mm-mobil-baslik { display: flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 800; padding: 8px 10px 12px; }
.cmr-mm-kapat { background: none; border: 0; font-size: 30px; line-height: 1; cursor: pointer; }
.cmr-mm-ana span { opacity: 1; }
.cmr-mm-ana.aktif { background: none; color: var(--cmr-m); }
.cmr-mm .cmr-mm-sag { display: none; }
.cmr-mm.detay .cmr-mm-sol { display: none; }
.cmr-mm.detay .cmr-mm-sag { display: block; padding: 12px 16px; }
.cmr-mm-geri { display: block; background: none; border: 0; font: inherit; font-weight: 700; font-size: 15px; padding: 4px 0 12px; cursor: pointer; }
.cmr-mm-sutunlar { columns: 1; }
}
/* ===== Hesabım / Satıcı kayıt formu – net ve okunur ===== */
.woocommerce-account .woocommerce, .woocommerce form.register, .woocommerce form.login { color: var(--cmr-m); }
.woocommerce form.register, .woocommerce form.login { border: 1px solid var(--cmr-b) !important; border-radius: 12px !important; padding: 24px !important; background: #fff; }
.woocommerce form.register label, .woocommerce form.login label, .dokan-address-fields .control-label, .dokan-form-group label { display: block; color: var(--cmr-m) !important; font-weight: 600 !important; font-size: 14px !important; margin-bottom: 6px; opacity: 1 !important; }
.woocommerce form.register .input-text, .woocommerce form.register select, .woocommerce form.login .input-text, .dokan-form-control, .woocommerce-account select, .woocommerce-account .input-text { width: 100% !important; box-sizing: border-box; min-height: 46px; padding: 10px 14px !important; border: 1px solid #BDBDBD !important; border-radius: 8px !important; background: #fff !important; color: var(--cmr-m) !important; font-size: 15px !important; }
.woocommerce form.register .input-text:focus, .woocommerce form.register select:focus, .dokan-form-control:focus { border-color: var(--cmr-k) !important; outline: none; box-shadow: 0 0 0 3px rgba(238,3,5,.12); }
.woocommerce form.register ::placeholder, .dokan-form-control::placeholder { color: #8A8A8A; }
.woocommerce form.register .form-row, .dokan-address-fields .dokan-form-group { margin: 0 0 14px !important; float: none !important; width: 100% !important; }
.dokan-address-fields .dokan-w5, .dokan-address-fields .dokan-w6 { width: 100% !important; margin-right: 0 !important; }
.woocommerce form.register .required { color: var(--cmr-k); }
.woocommerce form .woocommerce-Button, .woocommerce form.register button[type=submit], .woocommerce form.login button[type=submit] { display: block; width: 100%; min-height: 48px; background: var(--cmr-k) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer; margin-top: 8px; }
.woocommerce form .woocommerce-Button:hover { background: var(--cmr-kk) !important; }
.vendor-customer-registration label.radio { display: inline-flex !important; align-items: center; gap: 6px; margin-right: 18px; font-weight: 600; }
.woocommerce-account h2 { font-weight: 800; }
/* ===== Canlı görseller: kategorilerdeki gerçek ürün fotoğrafları ===== */
.cmr-kat-kartlar .cmr-kr { position: absolute; right: 10px; bottom: 10px; width: 92px; height: 92px; object-fit: cover; border-radius: 14px; border: 3px solid rgba(255,255,255,.9); box-shadow: 0 8px 18px rgba(0,0,0,.25); background: #fff; transform: rotate(-4deg); transition: transform .25s; }
.cmr-kat-kartlar a:hover .cmr-kr { transform: rotate(0) scale(1.06); }
.cmr-kat-kartlar .cmr-kr + svg { display: none; }
.cmr-kat-kartlar a { min-height: 132px; }
.cmr-populer-grid a { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.cmr-populer-grid .cmr-kr-yuvarlak { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 2px solid #F27A1A; padding: 2px; background: #fff; }
.cmr-kolaj { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); width: 270px; height: 230px; z-index: 1; }
.cmr-kolaj img { position: absolute; width: 150px; height: 150px; object-fit: cover; border-radius: 16px; border: 4px solid #fff; box-shadow: 0 12px 26px rgba(0,0,0,.3); background: #fff; }
.cmr-kolaj-1 { left: 0; top: 10px; transform: rotate(-8deg); }
.cmr-kolaj-2 { right: 0; top: 0; transform: rotate(7deg); }
.cmr-kolaj-3 { left: 60px; bottom: 0; transform: rotate(-2deg); z-index: 2; }
.cmr-slayt-sekil .cmr-kolaj ~ .cmr-slayt-ikon { display: none; }
@media (max-width: 781px) {
.cmr-kat-kartlar .cmr-kr { width: 64px; height: 64px; border-radius: 10px; }
.cmr-kolaj { display: none; }
.cmr-populer-grid .cmr-kr-yuvarlak { width: 56px; height: 56px; }
}
/* ===== Afişler: gerçekçi görseller ===== */
.cmr-slayt.foto { background-size: cover !important; background-position: center right !important; }
.cmr-slayt.foto::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.12) 45%, rgba(0,0,0,0) 60%); pointer-events: none; }
.cmr-slayt.foto .cmr-slayt-metin { position: relative; z-index: 1; }
.cmr-slayt.foto .cmr-slayt-sekil { display: none; }
.cmr-slayt.foto.s1 { background-image: url(/wp-content/uploads/2026/11/cmr-afis-alisveris.png) !important; background-color: #EE0305; }
.cmr-slayt.foto.s2 { background-image: url(/wp-content/uploads/2026/11/cmr-afis-kisiye-ozel.jpg) !important; background-color: #6D28D9; }
.cmr-slayt.foto.s3 { background-image: url(/wp-content/uploads/2026/11/cmr-afis-teslimat.jpg) !important; background-color: #0B8F6A; }
@media (max-width: 781px) { .cmr-slayt.foto { background-position: 70% center !important; } .cmr-slayt.foto::before { background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.2) 70%); } }
/* ===== Denetim düzeltmeleri 07.11.2026 ===== */
.woocommerce ul.products li.product .button, .wc-block-components-product-button__button, .wp-block-button__link { box-sizing: border-box !important; max-width: 100%; }
section:has(.cmr-kaydir.bos) { display: none !important; }
ul.wc-block-product-template, .wp-block-woocommerce-product-template { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 14px !important; }
li.wc-block-product, .wc-block-product-template li { background: #fff; border: 1px solid var(--cmr-b); border-radius: 10px; padding: 10px !important; display: flex !important; flex-direction: column; transition: box-shadow .2s; min-width: 0; }
li.wc-block-product:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); }
li.wc-block-product img { border-radius: 8px; aspect-ratio: 1; object-fit: cover; }
li.wc-block-product .wp-block-post-title, li.wc-block-product .wp-block-post-title a { font-size: 14px !important; font-weight: 400 !important; line-height: 1.35; color: var(--cmr-m); text-align: left !important; text-transform: none; }
li.wc-block-product .wc-block-components-product-price { color: var(--cmr-k) !important; font-weight: 700 !important; font-size: 17px !important; text-align: left !important; margin-top: auto; }
li.wc-block-product .wc-block-components-product-price::after { content: "Vergiler dahil"; display: block; font-size: 11px; font-weight: 600; color: #0B8F6A; }
li.wc-block-product .wp-block-button__link { width: 100%; background: var(--cmr-k) !important; color: #fff !important; border-radius: 6px; font-weight: 600; }
.cmr-populer-grid a { min-width: 0; overflow: hidden; }
.cmr-populer-grid span { overflow-wrap: anywhere; }
@media (max-width: 781px) {
ul.wc-block-product-template, .wp-block-woocommerce-product-template { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
.cmr-populer-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
.cmr-populer-grid a { padding: 10px 6px; font-size: 13px; }
}
/* ===== Mobil: Trendyol düzeni (Patron kararı 08.11.2026) – yalnız telefon ===== */
.cmr-kart-bant, .cmr-rozetler, .cmr-alt-nav { display: none; }
@media (max-width: 781px) {
/* 1) Kompakt, geçişli üst bant */
.cmr-ust-serit { display: none !important; }
header.wp-block-template-part { background: linear-gradient(100deg, #F27A1A 0%, #EE0305 55%, #E0177E 100%) !important; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
header.wp-block-template-part .cmr-baslik { background: transparent !important; padding-top: 10px !important; padding-bottom: 8px !important; border: 0 !important; }
header.wp-block-template-part .cmr-baslik-ic { flex-wrap: nowrap !important; gap: 12px !important; align-items: center !important; }
header.wp-block-template-part .cmr-logo { display: none !important; }
header.wp-block-template-part .cmr-arama { order: 1 !important; flex: 1 1 auto !important; min-width: 0; margin: 0 !important; }
header.wp-block-template-part .cmr-arama .wp-block-search__inside-wrapper { background: #fff !important; border: 0 !important; border-radius: 24px !important; min-height: 42px; padding: 0 6px 0 14px !important; }
header.wp-block-template-part .cmr-arama input { background: transparent !important; border: 0 !important; font-size: 15px !important; min-height: 42px; }
header.wp-block-template-part .cmr-arama button { background: transparent !important; color: #F27A1A !important; }
header.wp-block-template-part .cmr-hesap-alani { order: 2 !important; gap: 14px !important; flex: 0 0 auto; }
header.wp-block-template-part .wp-block-woocommerce-customer-account { display: none !important; }
header.wp-block-template-part .cmr-favori, header.wp-block-template-part .wc-block-mini-cart__button { color: #fff !important; }
header.wp-block-template-part .cmr-favori svg, header.wp-block-template-part .wc-block-mini-cart__icon { width: 26px; height: 26px; }
header.wp-block-template-part .wc-block-mini-cart__badge { background: #fff !important; color: #EE0305 !important; }
/* Kategori hapları */
header.wp-block-template-part .cmr-kategori-serit { background: transparent !important; border: 0 !important; padding-top: 0 !important; padding-bottom: 10px !important; min-height: 0 !important; }
header.wp-block-template-part .cmr-kategori-serit-ic { display: flex; gap: 8px !important; overflow-x: auto; scrollbar-width: none; }
header.wp-block-template-part .cmr-kategori-serit-ic::-webkit-scrollbar { display: none; }
header.wp-block-template-part .cmr-kategori-serit-ic a, header.wp-block-template-part .cmr-mm-dugme { flex: 0 0 auto; color: #fff !important; background: transparent !important; border: 1.5px solid rgba(255,255,255,.9) !important; border-radius: 20px !important; padding: 5px 14px !important; height: auto !important; line-height: 1.3 !important; font-size: 14px !important; font-weight: 600 !important; white-space: nowrap; }
header.wp-block-template-part .cmr-kategori-serit-ic a::after { display: none !important; }
header.wp-block-template-part .cmr-mm-dugme { background: #fff !important; color: #EE0305 !important; border-color: #fff !important; }
header.wp-block-template-part .cmr-mm-dugme .cmr-yeni { display: none; }
header.wp-block-template-part .cmr-kategori-serit { display: flex !important; align-items: center; gap: 8px !important; }
header.wp-block-template-part .cmr-kategori-serit > .cmr-mm { flex: 0 0 auto; margin: 0 !important; }
header.wp-block-template-part .cmr-kategori-serit > .cmr-kategori-serit-ic { flex: 1 1 auto; min-width: 0; margin: 0 !important; max-width: none !important; }
/* 3) Küçük, sade ürün kartları */
.woocommerce ul.products li.product { background: #fff !important; border: 1px solid #ececec !important; border-radius: 8px !important; overflow: hidden; padding: 0 0 8px !important; box-shadow: none !important; }
.woocommerce ul.products li.product a img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; margin: 0 !important; background: #fff; border-radius: 0 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 13px !important; line-height: 1.3 !important; font-weight: 400 !important; color: #333 !important; margin: 6px 8px 0 !important; padding: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
.woocommerce ul.products li.product .price { font-size: 16px !important; font-weight: 700 !important; color: #F27A1A !important; margin: 4px 8px 0 !important; }
.woocommerce ul.products li.product .price::after { display: none !important; }
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart { display: none !important; }
.woocommerce ul.products li.product p { margin: 0 !important; }
/* 5) Kart etiketleri */
.cmr-kart-bant { display: block; margin: 0; background: #FFF1E6; color: #C2410C; font-size: 11px; font-weight: 700; text-align: center; padding: 3px 4px; }
.cmr-rozetler { display: flex; position: absolute; top: 6px; left: 6px; z-index: 2; flex-direction: column; gap: 4px; }
.cmr-rozet { font-size: 11px; font-weight: 800; line-height: 1; padding: 4px 6px; border-radius: 4px; color: #fff; }
.cmr-rozet-indirim { background: #EE0305; }
/* 4) Tüm ürün rafları yatay kayan şerit, 2,5 kart görünür */
.cmr-kaydir .woocommerce ul.products { gap: 8px !important; padding-bottom: 2px; }
.cmr-kaydir .woocommerce ul.products li.product { flex: 0 0 38% !important; max-width: 38%; }
.cmr-raf-baslik h2 { font-size: 18px !important; }
/* 2) Alt sekme çubuğu */
.cmr-alt-nav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; background: #fff; border-top: 1px solid #e6e6e6; padding: 6px 0 calc(6px + env(safe-area-inset-bottom, 0px)); }
.cmr-alt-nav a { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11px; color: #333 !important; text-decoration: none !important; position: relative; }
.cmr-alt-nav a svg { width: 24px; height: 24px; }
.cmr-alt-nav a.aktif { color: #F27A1A !important; font-weight: 700; }
.cmr-alt-nav .cmr-alt-sayi { position: absolute; top: -4px; left: 52%; background: #EE0305; color: #fff; font-size: 10px; font-weight: 800; border-radius: 9px; min-width: 17px; height: 17px; line-height: 17px; text-align: center; padding: 0 4px; }
body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
/* Mobil düzen ince ayar 08.11 */
@media (max-width: 781px) {
header.wp-block-template-part .cmr-mm { display: flex !important; align-items: center; padding: 0 !important; height: auto !important; }
header.wp-block-template-part .cmr-kategori-serit-ic { align-items: center; padding: 0 !important; }
header.wp-block-template-part .cmr-arama .wp-block-search__inside-wrapper { display: flex !important; }
header.wp-block-template-part .cmr-arama input { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; padding: 0 !important; }
header.wp-block-template-part .cmr-arama button { flex: 0 0 40px !important; width: 40px !important; padding: 0 !important; margin: 0 !important; }
main.cmr-anasayfa { margin-top: 0 !important; padding-top: 6px !important; }
.cmr-anasayfa .cmr-kisayol { padding-top: 8px !important; }
}
@media (max-width: 781px) {
header.wp-block-template-part .cmr-kategori-serit-ic a, header.wp-block-template-part .cmr-mm-dugme { margin: 0 !important; }
.woocommerce ul.products li.product br, .woocommerce ul.products li.product p:empty, .woocommerce ul.products li.product .screen-reader-text { display: none !important; }
.cmr-kaydir .woocommerce ul.products li.product { align-self: flex-start; }
}
@media (max-width: 781px) {
/* Mağaza / kategori sayfası blok kartları */
ul.wc-block-product-template { gap: 8px !important; }
li.wc-block-product { background: #fff !important; border: 1px solid #ececec !important; border-radius: 8px !important; overflow: hidden; padding: 0 0 8px !important; box-shadow: none !important; }
li.wc-block-product .wc-block-components-product-image { margin: 0 !important; }
li.wc-block-product .wc-block-components-product-image img { object-fit: contain !important; border-radius: 0 !important; }
li.wc-block-product .wp-block-post-title { font-size: 13px !important; line-height: 1.3 !important; font-weight: 400 !important; text-align: left !important; color: #333 !important; margin: 6px 8px 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
li.wc-block-product .wp-block-post-title a { color: #333 !important; font-size: 13px !important; }
li.wc-block-product .wp-block-woocommerce-product-price { text-align: left !important; margin: 4px 8px 0 !important; }
li.wc-block-product .wp-block-woocommerce-product-price *, li.wc-block-product .wc-block-components-product-price { font-size: 16px !important; font-weight: 700 !important; color: #F27A1A !important; text-align: left !important; }
li.wc-block-product .wp-block-woocommerce-product-price ::after, li.wc-block-product .wc-block-components-product-price::after { display: none !important; }
li.wc-block-product .wc-block-components-product-button { display: none !important; }
}
@media (max-width: 781px) {
li.wc-block-product .wp-block-post-title, .woocommerce ul.products li.product .woocommerce-loop-product__title { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; max-height: 2.7em; }
li.wc-block-product .wc-block-components-product-image { padding: 0 !important; }
}
/* ===== Ürün sayfası Trendyol eşitleme 08.11.2026 ===== */
.cmr-birim-fiyat { font-size: 13px; color: #666; margin-top: 2px; }
.cmr-puan { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #333 !important; text-decoration: none !important; margin: 6px 0 4px; }
.cmr-puan.bos { color: #888 !important; font-size: 13px; }
.cmr-yildiz { --p: 0%; display: inline-block; width: 80px; height: 15px; background: linear-gradient(90deg, #FFB800 var(--p), #ddd var(--p)); -webkit-mask: url("data:image/svg+xml;utf8,") no-repeat; mask: url("data:image/svg+xml;utf8,") no-repeat; }
.cmr-satici-kutu { display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid #e6e6e6; border-radius: 10px; padding: 12px 14px; margin: 14px 0 8px; background: #fff; }
.cmr-satici-kutu span { display: block; font-size: 12px; color: #888; }
.cmr-satici-kutu strong { font-size: 15px; color: #333; }
.cmr-satici-kutu a { flex: 0 0 auto; border: 1.5px solid #F27A1A; color: #F27A1A !important; border-radius: 8px; padding: 6px 12px; font-weight: 700; font-size: 13px; text-decoration: none !important; }
.cmr-guven-liste { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 4px; font-size: 13px; color: #444; }
.cmr-guven-liste li::before { content: "✓"; color: #0B8F6A; font-weight: 800; margin-right: 6px; }
.cmr-paylas { position: absolute; top: 10px; right: 10px; z-index: 5; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; color: #333; box-shadow: 0 1px 6px rgba(0,0,0,.18); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.cmr-paylas.tamam { background: #0B8F6A; color: #fff; }
.cmr-urun-cubuk { display: none; }
@media (max-width: 781px) {
.cmr-urun-cubuk:not([hidden]) { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9991; background: #fff; border-top: 1px solid #e6e6e6; padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px)); align-items: center; gap: 12px; box-shadow: 0 -2px 10px rgba(0,0,0,.06); }
.cmr-urun-cubuk-fiyat { flex: 1 1 auto; display: flex; flex-direction: column; }
.cmr-urun-cubuk-fiyat b { font-size: 18px; color: #F27A1A; }
.cmr-urun-cubuk-fiyat span { font-size: 11px; color: #0B8F6A; font-weight: 600; }
.cmr-urun-cubuk-btn { flex: 0 0 52%; height: 46px; border: 0; border-radius: 8px; background: #F27A1A; color: #fff; font-size: 16px; font-weight: 800; cursor: pointer; }
body.cmr-urun-cubuklu .cmr-alt-nav { display: none !important; }
}
.cmr-paylas { top: 60px !important; right: 12px !important; }
/* ===== Favoriler 08.11.2026 ===== */
.cmr-fav-btn { position: absolute; z-index: 4; width: 34px; height: 34px; border-radius: 50%; border: 0; background: #fff; color: #333; box-shadow: 0 1px 6px rgba(0,0,0,.18); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.cmr-fav-btn.kart { top: 8px; right: 8px; }
.cmr-fav-btn.urun { top: 10px; right: 12px; width: 38px; height: 38px; }
.cmr-fav-btn.urun svg { width: 20px; height: 20px; }
.cmr-fav-btn.aktif { color: #F27A1A; }
.cmr-fav-btn.aktif svg { fill: #F27A1A; }
.cmr-paylas { top: 58px !important; }
.cmr-fav-bos { color: #555; }
.woocommerce-product-gallery__trigger { top: 106px !important; right: 12px !important; }
/* ===== Arama önerileri 08.11.2026 ===== */
.cmr-oneri { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 10000; background: #fff; border: 1px solid #e6e6e6; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.14); max-height: 70vh; overflow-y: auto; text-align: left; }
.cmr-oneri-baslik { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .04em; padding: 10px 14px 4px; }
.cmr-oneri a { display: flex; align-items: center; gap: 10px; padding: 8px 14px; color: #333 !important; text-decoration: none !important; font-size: 14px; }
.cmr-oneri a:hover { background: #FFF4EC; }
.cmr-oneri-kat span { margin-left: auto; font-size: 12px; color: #999; }
.cmr-oneri-urun img, .cmr-oneri-urun i { width: 44px; height: 44px; object-fit: contain; flex: 0 0 44px; border-radius: 6px; background: #f6f6f6; }
.cmr-oneri-urun span { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.cmr-oneri-urun span { overflow: hidden; text-overflow: ellipsis; }
.cmr-oneri-urun b { color: #F27A1A; font-size: 13px; margin-top: 2px; }
.cmr-oneri-bos { padding: 14px; color: #777; font-size: 14px; }
.cmr-oneri-tum { border-top: 1px solid #f0f0f0; color: #F27A1A !important; font-weight: 700; justify-content: center; }
/* ===== Mobil Sırala / Filtrele 08.11.2026 ===== */
.cmr-liste-cubuk, .cmr-panel { display: none; }
@media (max-width: 781px) {
.cmr-liste-cubuk { display: block; background: #fff; border-bottom: 1px solid #eee; margin: 0 0 10px; padding: 8px 0 0; }
.cmr-liste-bilgi { display: flex; align-items: baseline; justify-content: center; gap: 8px; padding: 0 16px 8px; }
.cmr-liste-bilgi b { font-size: 16px; color: #333; }
.cmr-liste-bilgi span { font-size: 12px; color: #888; }
.cmr-liste-dugmeler { display: flex; border-top: 1px solid #f0f0f0; }
.cmr-liste-dugmeler button { flex: 1 1 0; background: #fff; border: 0; padding: 11px 6px; font: inherit; font-size: 14px; font-weight: 600; color: #333; cursor: pointer; }
.cmr-liste-dugmeler button + button { border-left: 1px solid #f0f0f0; }
.cmr-liste-dugmeler button:first-child { color: #F27A1A; }
.cmr-panel:not([hidden]) { display: flex; position: fixed; inset: 0; z-index: 10001; background: rgba(0,0,0,.45); align-items: flex-end; }
.cmr-panel-ic { background: #fff; width: 100%; max-height: 80vh; overflow-y: auto; border-radius: 16px 16px 0 0; padding: 6px 0 calc(16px + env(safe-area-inset-bottom, 0px)); }
.cmr-panel-bas { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-bottom: 1px solid #f0f0f0; font-size: 17px; }
.cmr-panel-kapat { background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; color: #333; }
.cmr-panel-grup { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .04em; padding: 12px 16px 4px; }
.cmr-panel-satir { display: flex; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid #f5f5f5; color: #333 !important; text-decoration: none !important; font-size: 15px; }
.cmr-panel-satir span { color: #999; font-size: 13px; }
.cmr-panel-satir.secili { color: #F27A1A !important; font-weight: 700; }
.cmr-panel-satir.secili::after { content: "✓"; }
.cmr-panel-satir.geri { color: #F27A1A !important; font-weight: 600; }
.cmr-panel-not { padding: 14px 16px; color: #777; }
body.cmr-panel-acik { overflow: hidden; }
.woocommerce-ordering, .wc-block-catalog-sorting, .woocommerce-result-count, .wc-block-product-results-count { display: none !important; }
}
/* ===== Soru & Cevap 08.11.2026 ===== */
.cmr-soru-liste { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 12px; }
.cmr-soru-liste li { border: 1px solid #eee; border-radius: 10px; padding: 12px 14px; background: #fff; }
.cmr-soru b, .cmr-cevap b { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #888; }
.cmr-soru p, .cmr-cevap p { margin: 4px 0; font-size: 15px; color: #333; }
.cmr-soru span, .cmr-cevap span { font-size: 12px; color: #999; }
.cmr-cevap { margin-top: 10px; padding: 10px 12px; background: #FFF6EF; border-radius: 8px; }
.cmr-cevap b { color: #C2410C; }
.cmr-soru-form { display: grid; gap: 8px; max-width: 640px; }
.cmr-soru-form label { font-weight: 700; }
.cmr-soru-form textarea { width: 100%; border: 1px solid #ddd; border-radius: 8px; padding: 10px; font: inherit; }
.cmr-soru-form button { justify-self: start; background: #F27A1A; color: #fff; border: 0; border-radius: 8px; padding: 10px 18px; font-weight: 700; cursor: pointer; }
.cmr-soru-bilgi { background: #ECFDF5; color: #065F46; padding: 10px 12px; border-radius: 8px; }
.cmr-soru-bos, .cmr-soru-giris { color: #666; }
@media (max-width: 781px) { .cmr-oneri { right: -96px; } }
.cmr-teslim { display: flex; gap: 10px; align-items: flex-start; background: #F0FDF4; border: 1px solid #BBF7D0; color: #14532D; border-radius: 10px; padding: 10px 12px; margin: 12px 0 4px; font-size: 14px; }
.cmr-teslim svg { flex: 0 0 20px; color: #0B8F6A; margin-top: 1px; }
.cmr-teslim small { display: block; font-size: 12px; color: #4B7A5F; }
/* ===== Son gezdiğin ürünler 08.11.2026 ===== */
.cmr-songez { margin: 24px 0; }
.cmr-songez-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.cmr-songez-bas h2 { margin: 0; font-size: 20px; font-weight: 800; }
.cmr-songez-sil { background: none; border: 0; color: #888; font: inherit; font-size: 13px; cursor: pointer; }
.cmr-songez-serit { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.cmr-songez-serit::-webkit-scrollbar { display: none; }
.cmr-songez-serit a { flex: 0 0 150px; scroll-snap-align: start; border: 1px solid #ececec; border-radius: 8px; background: #fff; padding-bottom: 8px; color: #333 !important; text-decoration: none !important; display: flex; flex-direction: column; overflow: hidden; }
.cmr-songez-serit img, .cmr-songez-serit i { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; display: block; }
.cmr-songez-serit span { font-size: 13px; line-height: 1.3; margin: 6px 8px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
.cmr-songez-serit b { font-size: 15px; color: #F27A1A; margin: 4px 8px 0; }
@media (max-width: 781px) { .cmr-songez-bas h2 { font-size: 18px; } .cmr-songez-serit a { flex-basis: 38%; } }
/* ===== Fiyat filtresi + masaüstü filtre çubuğu 08.11.2026 ===== */
.cmr-fiyat-haplar { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 16px 10px; }
.cmr-fiyat-hap { border: 1px solid #ddd; border-radius: 18px; padding: 6px 12px; font-size: 13px; color: #333 !important; text-decoration: none !important; background: #fff; }
.cmr-fiyat-hap.secili { border-color: #F27A1A; color: #F27A1A !important; background: #FFF4EC; font-weight: 700; }
.cmr-fiyat-form { display: flex; gap: 8px; align-items: center; padding: 4px 16px 12px; }
.cmr-fiyat-form input { flex: 1 1 0; min-width: 0; border: 1px solid #ddd; border-radius: 8px; padding: 9px 10px; font: inherit; font-size: 14px; }
.cmr-fiyat-form button { flex: 0 0 auto; background: #F27A1A; color: #fff; border: 0; border-radius: 8px; padding: 10px 14px; font-weight: 700; cursor: pointer; }
.cmr-liste-dugmeler button.aktif { color: #F27A1A !important; }
@media (min-width: 782px) {
.cmr-liste-cubuk { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 8px 12px; margin: 0 auto 16px; max-width: var(--wp--style--global--wide-size, 1340px); }
.cmr-liste-bilgi { display: flex; align-items: baseline; gap: 8px; }
.cmr-liste-bilgi b { font-size: 16px; color: #333; }
.cmr-liste-bilgi span { font-size: 13px; color: #888; }
.cmr-liste-dugmeler { display: flex; gap: 8px; }
.cmr-liste-dugmeler button { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 8px 14px; font: inherit; font-size: 14px; font-weight: 600; color: #333; cursor: pointer; }
.cmr-panel:not([hidden]) { display: flex; position: fixed; inset: 0; z-index: 10001; background: rgba(0,0,0,.45); align-items: center; justify-content: center; }
.cmr-panel-ic { background: #fff; width: min(520px, 92vw); max-height: 80vh; overflow-y: auto; border-radius: 14px; padding: 6px 0 16px; }
.cmr-panel-bas { display: flex; justify-content: space-between; align-items: center; padding: 10px 16px; border-bottom: 1px solid #f0f0f0; font-size: 17px; }
.cmr-panel-kapat { background: none; border: 0; font-size: 28px; line-height: 1; cursor: pointer; color: #333; }
.cmr-panel-grup { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; letter-spacing: .04em; padding: 12px 16px 4px; }
.cmr-panel-satir { display: flex; justify-content: space-between; padding: 11px 16px; border-bottom: 1px solid #f5f5f5; color: #333 !important; text-decoration: none !important; font-size: 15px; }
.cmr-panel-satir span { color: #999; font-size: 13px; }
.cmr-panel-satir.secili { color: #F27A1A !important; font-weight: 700; }
.cmr-panel-satir.secili::after { content: "✓"; }
.cmr-panel-satir.geri { color: #F27A1A !important; font-weight: 600; }
.cmr-panel-not { padding: 14px 16px; color: #777; }
}
/* ===== Sepet kargo çubuğu 08.11.2026 ===== */
.cmr-kargo-cubuk { max-width: var(--wp--style--global--wide-size, 1340px); margin: 12px auto; background: #F0FDF4; border: 1px solid #BBF7D0; color: #14532D; border-radius: 10px; padding: 10px 14px; font-size: 14px; }
.cmr-kargo-cubuk.uyari { background: #FFF7ED; border-color: #FED7AA; color: #9A3412; }
.cmr-kargo-cubuk i { display: block; height: 6px; background: rgba(0,0,0,.08); border-radius: 4px; margin-top: 8px; overflow: hidden; }
.cmr-kargo-cubuk i span { display: block; height: 100%; background: #F27A1A; border-radius: 4px; }
/* Mağaza sayfası: varsayılan WP blok bileşenlerini gizle */
.dokan-store-sidebar .widget_block { display: none !important; }
/* ===== Ana sayfa gerçek görseller 08.11.2026 ===== */
.cmr-kat-kartlar .cmr-kr-foto { object-fit: cover !important; background: #fff; }
.cmr-neden.cmr-neden-v2 { background: transparent !important; padding: 0 !important; border: 0 !important; margin-top: 28px; }
.cmr-neden-v2 .cmr-neden-kutular { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; }
.cmr-neden-v2 figure { position: relative; margin: 0; border-radius: 16px; overflow: hidden; aspect-ratio: 1 / 1; background: #f3f3f3; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.cmr-neden-v2 figure img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
.cmr-neden-v2 figure:hover img { transform: scale(1.04); }
.cmr-neden-v2 figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 16px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.62) 100%); color: #fff; font-size: 20px; font-weight: 800; letter-spacing: .01em; }
@media (max-width: 781px) { .cmr-neden-v2 .cmr-neden-kutular { grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .cmr-neden-v2 figcaption { font-size: 15px; padding: 28px 12px 10px; } }
/* ===== Trendyol tipi yan filtre 08.11.2026 ===== */
.cmr-yan-filtre { background: #fff; font-size: 14px; color: #333; }
.cmr-yf-bas { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid #eee; }
.cmr-yf-bas b { font-size: 16px; }
.cmr-yf-bas a { color: #F27A1A !important; font-size: 13px; font-weight: 600; text-decoration: none !important; }
.cmr-yf-bolum { border-bottom: 1px solid #eee; padding: 0 16px; }
.cmr-yf-bolum summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 13px 0; font-weight: 700; font-size: 14px; }
.cmr-yf-bolum summary::-webkit-details-marker { display: none; }
.cmr-yf-bolum summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid #888; border-bottom: 2px solid #888; transform: rotate(45deg); margin: -4px 4px 0 0; transition: transform .15s; }
.cmr-yf-bolum[open] summary::after { transform: rotate(-135deg); margin-top: 4px; }
.cmr-yf-ara { width: 100%; box-sizing: border-box; border: 1px solid #e2e2e2; border-radius: 6px; background: #fafafa; padding: 9px 10px; font: inherit; font-size: 13px; margin-bottom: 8px; }
.cmr-yf-liste { max-height: 260px; overflow-y: auto; padding-bottom: 10px; }
.cmr-yf-kutu { display: flex; align-items: center; gap: 9px; padding: 6px 0; color: #333 !important; text-decoration: none !important; line-height: 1.3; }
.cmr-yf-kutu[hidden] { display: none !important; }
.cmr-yf-kutu i { flex: 0 0 18px; height: 18px; border: 1.5px solid #c8c8c8; border-radius: 4px; background: #fff; position: relative; }
.cmr-yf-kutu.yuvarlak i { border-radius: 50%; }
.cmr-yf-kutu span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmr-yf-kutu em { font-style: normal; color: #999; font-size: 12px; }
.cmr-yf-kutu:hover span { color: #F27A1A; }
.cmr-yf-kutu.secili i { background: #F27A1A; border-color: #F27A1A; }
.cmr-yf-kutu.secili i::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.cmr-yf-kutu.yuvarlak.secili i::after { left: 4px; top: 4px; width: 7px; height: 7px; border: 0; background: #fff; border-radius: 50%; transform: none; }
.cmr-yf-geri { display: block; color: #F27A1A !important; font-weight: 600; text-decoration: none !important; padding: 4px 0 8px; }
.cmr-yf-fiyat { display: flex; gap: 6px; align-items: center; padding-top: 6px; }
.cmr-yf-fiyat input[type=number] { flex: 1 1 0; min-width: 0; border: 1px solid #ddd; border-radius: 6px; padding: 8px; font: inherit; font-size: 13px; }
.cmr-yf-fiyat button { flex: 0 0 36px; height: 36px; border: 0; border-radius: 6px; background: #F27A1A; color: #fff; font-size: 20px; cursor: pointer; }
.cmr-yf-anahtarlar { padding: 4px 16px 12px; }
.cmr-yf-anahtar { display: flex; justify-content: space-between; align-items: center; padding: 11px 0; border-bottom: 1px solid #f2f2f2; color: #333 !important; text-decoration: none !important; font-weight: 700; }
.cmr-yf-anahtar b { width: 34px; height: 18px; border-radius: 9px; background: #ccc; position: relative; transition: background .15s; }
.cmr-yf-anahtar b::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: left .15s; }
.cmr-yf-anahtar.secili b { background: #F27A1A; }
.cmr-yf-anahtar.secili b::after { left: 18px; }
#cmr-filtre-panel .cmr-yan-filtre .cmr-yf-bas { display: none; }
@media (min-width: 1024px) {
.cmr-liste-duzen { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 20px; align-items: start; }
.cmr-liste-duzen > .cmr-yan-filtre { position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow-y: auto; border: 1px solid #eee; border-radius: 8px; }
.cmr-liste-duzen > .wp-block-woocommerce-product-collection { margin-top: 0 !important; }
body.cmr-yf-masa .cmr-liste-dugmeler button[data-ac=cmr-filtre-panel] { display: none; }
}
/* ===== Kadın / Erkek tercihi 08.11.2026 ===== */
.cmr-cins:not([hidden]) { position: fixed; inset: 0; z-index: 10002; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; padding: 16px; }
.cmr-cins-ic { position: relative; background: #fff; border-radius: 16px; width: min(400px, 100%); padding: 28px 22px 18px; text-align: center; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
.cmr-cins-ic b { display: block; font-size: 20px; color: #222; margin-bottom: 8px; }
.cmr-cins-ic p { font-size: 14px; color: #666; margin: 0 0 18px; line-height: 1.45; }
.cmr-cins-dugme { display: flex; gap: 10px; }
.cmr-cins-dugme button { flex: 1 1 0; padding: 14px 10px; border-radius: 10px; border: 0; font: inherit; font-size: 16px; font-weight: 700; color: #fff; cursor: pointer; background: linear-gradient(90deg, #F27A1A, #EE0305); }
.cmr-cins-dugme button + button { background: linear-gradient(90deg, #EE0305, #E0177E); }
.cmr-cins-atla { margin-top: 12px; background: none; border: 0; color: #888; font: inherit; font-size: 14px; cursor: pointer; text-decoration: underline; }
.cmr-cins-kapat { position: absolute; top: 8px; right: 12px; background: none; border: 0; font-size: 28px; line-height: 1; color: #999; cursor: pointer; }
.cmr-cins-hesap { border: 1px solid #eee; border-radius: 10px; padding: 14px 16px; margin-bottom: 20px; }
.cmr-cins-hesap b { display: block; margin-bottom: 10px; }
.cmr-cins-hesap div { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-cins-hesap button { border: 1px solid #ddd; background: #fff; border-radius: 18px; padding: 7px 16px; font: inherit; font-size: 14px; cursor: pointer; color: #333; }
.cmr-cins-hesap button.secili { border-color: #F27A1A; background: #FFF4EC; color: #F27A1A; font-weight: 700; }
/* ===== Erişilebilirlik asistanı 08.11.2026 ===== */
.cmr-er-ac { position: fixed; left: 14px; bottom: 18px; z-index: 9990; width: 48px; height: 48px; border-radius: 50%; border: 2px solid #fff; background: #333; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.3); padding: 0; }
.cmr-er-ac:focus-visible, .cmr-er button:focus-visible { outline: 3px solid #F27A1A; outline-offset: 2px; }
.cmr-er:not([hidden]) { position: fixed; left: 14px; bottom: 76px; z-index: 9991; width: min(320px, calc(100vw - 28px)); max-height: calc(100vh - 110px); overflow-y: auto; background: #2b2b2b; color: #fff; border-radius: 14px; padding: 12px 14px 14px; box-shadow: 0 10px 34px rgba(0,0,0,.35); display: block; font-size: 14px; }
.cmr-er-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.cmr-er-bas b { font-size: 16px; }
.cmr-er-x { background: none; border: 0; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.cmr-er-yazi { display: flex; justify-content: space-between; align-items: center; background: #3a3a3a; border-radius: 10px; padding: 8px 10px; margin-bottom: 10px; }
.cmr-er-yazi div { display: flex; align-items: center; gap: 8px; }
.cmr-er-yazi button { width: 38px; height: 34px; border-radius: 8px; border: 0; background: #fff; color: #222; font-weight: 700; cursor: pointer; }
.cmr-er-yazi output { min-width: 44px; text-align: center; font-weight: 700; }
.cmr-er-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cmr-er-izgara button { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; border-radius: 10px; border: 2px solid transparent; background: #3a3a3a; color: #fff; font: inherit; font-size: 13px; cursor: pointer; text-align: center; line-height: 1.25; }
.cmr-er-izgara button i { font-style: normal; font-size: 20px; }
.cmr-er-izgara button[aria-pressed="true"] { border-color: #F27A1A; background: #4a3326; }
.cmr-er-sifir { width: 100%; margin-top: 10px; padding: 10px; border-radius: 10px; border: 0; background: #F27A1A; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
@media (max-width: 781px) { .cmr-er-ac { bottom: 78px; left: 10px; width: 42px; height: 42px; } .cmr-er:not([hidden]) { bottom: 128px; left: 10px; } }
/* Etkiler */
html.cmr-er-gece { --cmr-er-g: invert(1) hue-rotate(180deg); }
html.cmr-er-renk { --cmr-er-r: saturate(1.8) contrast(1.15); }
html.cmr-er-gece, html.cmr-er-renk { filter: var(--cmr-er-g,) var(--cmr-er-r,); }
html.cmr-er-gece img, html.cmr-er-gece video, html.cmr-er-gece picture, html.cmr-er-gece .cmr-er-ac, html.cmr-er-gece .cmr-er { filter: invert(1) hue-rotate(180deg); }
html.cmr-er-gece { background: #fff; }
html.cmr-er-mavi body::after { content: ""; position: fixed; inset: 0; background: rgba(255, 140, 0, .16); mix-blend-mode: multiply; pointer-events: none; z-index: 99999; }
html.cmr-er-kontrast body, html.cmr-er-kontrast body *:not(img):not(svg):not(path):not(video) { background-color: #000 !important; color: #fff !important; border-color: #fff !important; background-image: none !important; }
html.cmr-er-kontrast a, html.cmr-er-kontrast a * { color: #ffeb3b !important; }
html.cmr-er-kontrast .cmr-er-izgara button[aria-pressed="true"] { border-color: #ffeb3b !important; }
html.cmr-er-resim img, html.cmr-er-resim picture, html.cmr-er-resim video { visibility: hidden !important; }
html.cmr-er-bag a { text-decoration: underline !important; text-underline-offset: 3px; outline: 2px dashed #F27A1A; outline-offset: 2px; }
html.cmr-er-imlec, html.cmr-er-imlec * { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M4 2l28 16-12 3 7 14-5 3-7-14-11 9z' fill='%23000' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") 4 2, auto !important; }
/* İlgili ürünler / ürün şablonu: WooCommerce'in %20 genişliği bizim ızgarayla çakışıyordu (08.11.2026) */
ul.wc-block-product-template.is-flex-container > li.wc-block-product { width: auto !important; max-width: none !important; margin: 0 !important; }
@media (min-width: 1024px) { .single-product ul.wc-block-product-template.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
/* ===== Sonsuz kaydırma 08.11.2026 ===== */
.cmr-sonsuz { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 24px 0 32px; color: #888; font-size: 14px; }
.cmr-sonsuz:not(.aktif):not(.bitti) span:last-child { visibility: hidden; }
.cmr-sonsuz-donen { width: 22px; height: 22px; border: 3px solid #f1d6c2; border-top-color: #F27A1A; border-radius: 50%; animation: cmr-don .8s linear infinite; visibility: hidden; }
.cmr-sonsuz.aktif .cmr-sonsuz-donen { visibility: visible; }
.cmr-sonsuz a { color: #F27A1A !important; font-weight: 700; }
@keyframes cmr-don { to { transform: rotate(360deg); } }
/* ===== Hareketli yan bannerlar: Flaş İndirim / Kampanyalı Ürünler 08.11.2026 ===== */
.cmr-hb { position: relative; display: flex; align-items: center; overflow: hidden; border-radius: 14px; min-height: 150px; height: 100%; color: #fff !important; text-decoration: none !important; isolation: isolate; box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.cmr-hb > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% center; z-index: -2; animation: cmr-hb-kb 14s ease-in-out infinite alternate; }
.cmr-hb::before { content: ""; position: absolute; inset: 0; z-index: -1; }
.cmr-hb-flas::before { background: linear-gradient(90deg, rgba(150,20,0,.78) 0%, rgba(200,40,0,.45) 45%, rgba(0,0,0,0) 75%); }
.cmr-hb-kamp::before { background: linear-gradient(90deg, rgba(90,10,110,.8) 0%, rgba(150,20,120,.45) 45%, rgba(0,0,0,0) 75%); }
.cmr-hb-isik { position: absolute; top: 0; left: -60%; width: 45%; height: 100%; z-index: 0; pointer-events: none; background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,.38) 50%, transparent 100%); animation: cmr-hb-parla 4s ease-in-out infinite; }
.cmr-hb-kamp .cmr-hb-isik { animation-delay: 2s; }
.cmr-hb-metin { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 16px 20px; max-width: 62%; }
.cmr-hb-etiket { display: inline-flex; align-items: center; gap: 4px; background: #fff; color: #E3120B; font-size: 12px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; border-radius: 20px; padding: 3px 10px; animation: cmr-hb-nabiz 1.6s ease-in-out infinite; }
.cmr-hb-kamp .cmr-hb-etiket { color: #8E1C9E; }
.cmr-hb-metin strong { font-size: 21px; line-height: 1.15; font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,.35); text-wrap: balance; }
.cmr-hb-metin > span:not(.cmr-hb-etiket) { font-size: 13px; opacity: .95; text-shadow: 0 1px 4px rgba(0,0,0,.4); }
.cmr-hb-sayac b { display: inline-block; background: rgba(0,0,0,.35); border-radius: 6px; padding: 1px 7px; margin-left: 4px; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.cmr-hb-metin em { font-style: normal; font-weight: 800; font-size: 14px; margin-top: 2px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.55); border-radius: 20px; padding: 5px 12px; transition: background .2s; }
.cmr-hb:hover .cmr-hb-metin em { background: rgba(255,255,255,.32); }
.cmr-hb:hover > img { animation-play-state: paused; transform: scale(1.06); }
.cmr-hb-rozet { position: absolute; right: 16px; top: 14px; width: 46px; height: 46px; border-radius: 50%; background: #FFD23F; color: #8E1C9E; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; z-index: 1; box-shadow: 0 4px 12px rgba(0,0,0,.25); animation: cmr-hb-zipla 2.2s ease-in-out infinite; }
.cmr-hb-simsek { position: absolute; right: 16px; top: 12px; font-size: 34px; z-index: 1; filter: drop-shadow(0 3px 6px rgba(0,0,0,.35)); animation: cmr-hb-titre 1.2s ease-in-out infinite; }
@keyframes cmr-hb-kb { from { transform: scale(1) translateX(0); } to { transform: scale(1.09) translateX(-2.5%); } }
@keyframes cmr-hb-parla { 0% { left: -60%; } 55%, 100% { left: 130%; } }
@keyframes cmr-hb-nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } }
@keyframes cmr-hb-zipla { 0%, 100% { transform: translateY(0) rotate(-8deg); } 50% { transform: translateY(-8px) rotate(8deg); } }
@keyframes cmr-hb-titre { 0%, 100% { transform: rotate(0) scale(1); } 20% { transform: rotate(-12deg) scale(1.1); } 40% { transform: rotate(10deg) scale(1.05); } 60% { transform: rotate(0) scale(1); } }
@media (max-width: 781px) { .cmr-hb { min-height: 130px; } .cmr-hb-metin strong { font-size: 18px; } .cmr-hb-metin { max-width: 70%; padding: 14px 16px; } }
@media (prefers-reduced-motion: reduce) { .cmr-hb > img, .cmr-hb-isik, .cmr-hb-etiket, .cmr-hb-rozet, .cmr-hb-simsek { animation: none !important; } }
/* ===== Satıcı paneli girişi 08.11.2026 ===== */
.cmr-sp { max-width: 1100px; margin: 0 auto; padding: 10px 0 40px; }
.cmr-sp-ust { text-align: center; padding: 26px 16px 18px; background: linear-gradient(90deg, #F27A1A, #EE0305 55%, #E0177E); color: #fff; border-radius: 16px; margin-bottom: 26px; }
.cmr-sp-ust h1 { color: #fff; font-size: 28px; margin: 8px 0 6px; }
.cmr-sp-ust p { margin: 0; opacity: .95; }
.cmr-sp-rozet { display: inline-block; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.6); border-radius: 20px; padding: 3px 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.cmr-sp-kutu { text-align: center; border: 1px solid #eee; border-radius: 14px; padding: 26px 16px; }
.cmr-sp-dugme { display: inline-block; margin-top: 10px; background: #EE0305; color: #fff !important; font-weight: 700; padding: 12px 22px; border-radius: 8px; text-decoration: none !important; }
.cmr-sp-alt, .cmr-sp-not { text-align: center; margin-top: 18px; color: #666; font-size: 14px; }
.cmr-sp-alt a, .cmr-sp-not a { color: #F27A1A !important; font-weight: 700; }
/* Sonsuz kaydırmada '11490 sonuçtan 1-16 arası' yazısı anlamsız – gizle (Patron 08.11.2026 17:30) */
.wp-block-woocommerce-product-results-count, .woocommerce-result-count { display: none !important; }
/* Kısayollarda yanıp sönen Yemek ikonu (Patron 08.11.2026 17:39) */
.cmr-kisayol a.ks-yemek-a { position: relative; }
.cmr-kisayol i.ks-yemek { background: radial-gradient(circle at 30% 30%, #FF8A3D, #EE0305 60%, #B5002A) !important; position: relative; animation: ks-yemek-nabiz 1.4s ease-in-out infinite; box-shadow: 0 0 0 0 rgba(238,3,5,.55); }
.cmr-kisayol i.ks-yemek::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 3px solid #EE0305; animation: ks-yemek-halka 1.4s ease-out infinite; pointer-events: none; }
.cmr-kisayol a.ks-yemek-a span { color: #EE0305; font-weight: 800; animation: ks-yemek-yazi 1.4s ease-in-out infinite; }
.cmr-kisayol .ks-yeni { position: absolute; top: -4px; right: 50%; margin-right: -38px; background: #EE0305; color: #fff; font-size: 10px; font-weight: 800; border-radius: 8px; padding: 1px 6px; border: 2px solid #fff; z-index: 2; }
@keyframes ks-yemek-nabiz { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(238,3,5,.5); } 50% { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(238,3,5,0); } }
@keyframes ks-yemek-halka { 0% { opacity: .9; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.35); } }
@keyframes ks-yemek-yazi { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .cmr-kisayol i.ks-yemek, .cmr-kisayol i.ks-yemek::after, .cmr-kisayol a.ks-yemek-a span { animation: none !important; } }
/* ===== İndirimleri İncele bandı 08.11.2026 ===== */
.cmr-indirim-bant { max-width: var(--wp--style--global--wide-size, 1340px); margin: 22px auto; padding: 0 16px; }
.cmr-ib-baslik { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.cmr-ib-baslik h2 { font-size: 18px; margin: 0; font-weight: 700; color: #333; }
.cmr-ib-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.cmr-ib-kart { display: grid; grid-template-columns: 42% 1fr; min-height: 118px; border-radius: 10px; overflow: hidden; text-decoration: none !important; color: #fff !important; background: #6E1272; box-shadow: 0 4px 14px rgba(110,18,114,.18); transition: transform .2s, box-shadow .2s; }
.cmr-ib-kart:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(110,18,114,.28); }
.cmr-ib-resim { background: linear-gradient(180deg, #D20FC8 0%, #F0569A 55%, #FFB15C 100%); display: flex; align-items: center; justify-content: center; padding: 10px; }
.cmr-ib-resim img { width: 100%; max-width: 110px; aspect-ratio: 1; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 6px 8px rgba(0,0,0,.25)); transition: transform .25s; }
.cmr-ib-kart:hover .cmr-ib-resim img { transform: scale(1.08) rotate(-3deg); }
.cmr-ib-metin { background: linear-gradient(135deg, #6E1272, #8A1A86); display: flex; flex-direction: column; justify-content: center; padding: 12px 16px; line-height: 1.1; }
.cmr-ib-metin b { font-size: 44px; font-weight: 900; letter-spacing: -.02em; text-shadow: 0 3px 0 rgba(0,0,0,.18); }
.cmr-ib-metin span { font-size: 17px; font-weight: 700; margin-top: 4px; }
.cmr-ib-metin em { font-style: normal; font-size: 12px; opacity: .85; margin-top: 6px; }
@media (max-width: 1024px) { .cmr-ib-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
@media (max-width: 560px) { .cmr-ib-izgara { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; } .cmr-ib-kart { flex: 0 0 78%; scroll-snap-align: start; min-height: 104px; } .cmr-ib-metin b { font-size: 36px; } .cmr-ib-metin span { font-size: 15px; } }