/* artıcüzdan — tasarım: Claude Design prototipi, birebir (accent #f0552a). 720px altı mobil tasarım. */
:root{--accent:#f0552a;--accent-ink:#c93f14;--accent-d:color-mix(in oklab,#f0552a,#000 15%);--ink:#222;--mute:#767676;--line:#e3e6e8;--bg:#eceff1;--green:#008a1e;--link:#3b2a8f}
/* Open Sans gelene kadar ayni olculerde yedek yazi tipi: metin yuklenince kaymasin */
@font-face{font-family:"Open Sans Fallback";src:local("Arial");size-adjust:105.6%;ascent-override:101.2%;descent-override:27.7%;line-gap-override:0%}
/* Kaydirma cubugu her sayfada yer kaplasin: kisa/uzun sayfa arasinda icerik yana kaymasin */
html{overflow-y:scroll}
html,body{margin:0;padding:0;background:var(--bg);font-family:"Open Sans","Open Sans Fallback",Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--accent);text-decoration:underline}
img{max-width:100%;height:auto}
input,select,button{font-family:inherit}
.ms{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;width:1em;height:1em;overflow:hidden;flex:none;white-space:nowrap;direction:ltr;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;user-select:none;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}
.ms.fill{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.car-track::-webkit-scrollbar,.mega-l::-webkit-scrollbar,.mchips::-webkit-scrollbar,.chipbar::-webkit-scrollbar,.mgal-t::-webkit-scrollbar,.promos::-webkit-scrollbar,.subs-g::-webkit-scrollbar{display:none;width:0;height:0}
@keyframes modalIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.wrap{max-width:1600px;margin:0 auto;padding:0 24px}
.mh,.mchips,.mft,.tabbar,.mcta,.mgal,.acc,.crumbs.mo,.kicker,.mo-t,.msort,.mcount,.sec-h.m,.sheet{display:none}

/* ÜST BAR */
.hd{background:#fff}
.hd-bar{max-width:1600px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:clamp(16px,2.5vw,40px)}
.brand{font-size:34px;font-weight:800;color:var(--accent);letter-spacing:-1.5px;line-height:1;flex:none}
.brand:hover{color:var(--accent);text-decoration:none}
.brand span{color:var(--ink)}
.sb{flex:1;max-width:720px;min-width:0;display:flex;align-items:center;height:36px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;transition:border-color .15s,box-shadow .15s}
.sb:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,#f0552a,transparent 88%)}
.sb>.ms{color:#8a8f96;margin-left:12px}
.sb input{flex:1 1 80px;border:0;outline:0;padding:0 10px;font-size:13px;color:var(--ink);min-width:60px;background:transparent;height:100%}
.sb-sep{width:1px;height:20px;background:var(--line);flex:none}
.sb-sel{position:relative;display:flex;align-items:center;flex:0 1 auto;min-width:0}
.sb-sel select{appearance:none;-webkit-appearance:none;border:0;outline:0;padding:0 28px 0 12px;font-size:13px;color:#444;background:transparent;width:clamp(140px,14vw,180px);height:34px;cursor:pointer;text-overflow:ellipsis}
.sb-sel .ms{position:absolute;right:8px;color:#8a8f96;pointer-events:none}
.sb button{border:0;background:var(--accent);color:#fff;font-weight:700;font-size:13px;letter-spacing:.3px;height:28px;padding:0 16px;margin:0 4px 0 2px;border-radius:4px;cursor:pointer;flex:none;transition:background .15s}
.sb button:hover{background:var(--accent-d)}
.hd-join{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.hd-join>span{font-size:12px;color:var(--mute);margin-right:4px}
.join-b{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:6px;border:1px solid #dcdfe3;background:#fff;color:var(--ink);font-size:13px;font-weight:600;transition:border-color .15s,background .15s}
.join-b:hover{border-color:var(--ink);background:#f6f7f8;color:var(--ink);text-decoration:none}
.join-b i{width:8px;height:8px;border-radius:50%;display:block}

/* KATEGORİ ŞERİDİ */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip-in{max-width:1600px;margin:0 auto;padding:0 24px;height:54px;display:flex;align-items:center;position:relative}
.mega-wrap{height:54px;display:flex;align-items:center;position:relative}
.mega-btn{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:0 24px 0 0;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;height:28px;color:var(--ink)}
.mega-btn .ms{transition:transform .2s}
.mega-wrap.open .mega-btn{color:var(--accent)}
.mega-wrap.open .mega-btn .ms{transform:rotate(180deg)}
.mega{display:none;position:absolute;top:100%;left:-24px;width:min(960px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-top:0;box-shadow:0 12px 32px rgba(0,0,0,.14);z-index:40;grid-template-columns:232px minmax(0,1fr);border-radius:0 0 8px 8px;overflow:hidden}
.mega-wrap.open .mega{display:grid}
.mega-l{padding:12px 0;border-right:1px solid #eef0f2;max-height:560px;overflow-y:auto;scrollbar-width:thin}
.mega-c{display:flex;align-items:center;gap:14px;padding:7px 20px;font-size:14px;color:var(--ink)}
.mega-c .ms{color:#6b7075}
.mega-c.on{background:#f6f7f8;color:var(--accent)}
.mega-c:hover{text-decoration:none}
.mega-r{padding:24px 28px 28px;min-width:0;max-height:560px;overflow-y:auto}
.mega-p{display:none}.mega-p.on{display:flex;flex-direction:column;gap:24px}
.mega-all{font-weight:700;font-size:15px;color:var(--ink);margin-bottom:-12px}
.mega-kw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 20px}
.mega-kw a,.mega-b a{font-size:13px;color:#333;line-height:1.3}
.mega-kw a:hover,.mega-b a:hover,.mega-all:hover{color:var(--accent);text-decoration:none}
.mega-b{border-top:1px solid #eef0f2;padding-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:24px 20px}
.mega-b>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.mega-b b{font-size:15px;font-weight:700}
.mega-br{grid-column:span 2}
.mega-br span{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mega-br span a{height:56px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fafbfc 0 8px,#f1f3f5 8px 16px);font-size:11px;color:#666;padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mega-br span a:hover{border-color:var(--accent);color:var(--ink)}
.strip-nav{display:flex;align-items:center;gap:26px;padding-left:22px;font-size:13px}
.strip-nav a{display:flex;align-items:center;gap:6px;color:var(--ink)}
.strip-nav .ms{color:#777}
.strip-nav .ms.fill{color:var(--accent)}
.strip-nav a:hover{color:var(--accent);text-decoration:none}
.fav-top{margin-left:auto;display:flex;align-items:center;gap:6px;height:32px;padding:0 4px;font-size:13px;font-weight:600;color:var(--ink)}
.fav-top .ms{color:var(--accent);font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.fav-top.has .ms,.mh-fav.has .ms,.mh-h.has .ms{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.fav-top:hover{color:var(--accent);text-decoration:none}
.fav-n{min-width:20px;height:20px;border-radius:10px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--bg);color:#555}
.fav-n.has{background:var(--accent);color:#fff}

/* HERO SLIDER */
.hero{margin-top:16px}
.hero-box{position:relative;height:350px;border-radius:8px;overflow:hidden;background:#0d0d0d;color:#fff}
.slide{position:absolute;inset:0;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);color:#fff}
.slide:hover{color:#fff;text-decoration:none}
.slide.on{display:grid}
.slide-l{padding:clamp(28px,4vw,56px) 16px 0 clamp(32px,6vw,140px);position:relative;z-index:1}
.slide-l .sl-t{margin:clamp(16px,2vw,28px) 0 0;font-weight:400;font-size:clamp(24px,2.6vw,38px);line-height:1.2;letter-spacing:-.3px;max-width:560px;text-wrap:pretty}
.slide-l .sl-t b{font-weight:700;display:block}
.slide-t{font-size:11px;color:#aaa;margin-top:12px}
.slide-r{position:relative;background:repeating-linear-gradient(45deg,#1b1b1b 0 10px,#262626 10px 20px);display:flex;align-items:center;justify-content:flex-start;padding-left:clamp(20px,5vw,90px)}
.slide-r:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0d0d 0%,rgba(13,13,13,0) 25%)}
.slide-r img{position:relative;max-height:270px;max-width:46%;width:auto;background:#fff;border-radius:10px;padding:10px;object-fit:contain}
.slide-pct{position:absolute;right:clamp(24px,9vw,140px);top:50%;transform:translateY(-50%);width:clamp(120px,11vw,170px);height:clamp(120px,11vw,170px);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in oklab,#f0552a,#fff 40%),#f0552a 55%,color-mix(in oklab,#f0552a,#000 30%));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(32px,3vw,46px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.slide.sl-ban.on{display:block}
.sl-ban picture,.sl-ban img{display:block;width:100%;height:100%}
.sl-ban img{object-fit:cover}
.hero-dots{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;height:8px}
.hero-dots button{border:0;padding:0;height:4px;border-radius:2px;cursor:pointer;transition:all .3s;width:4px;background:#9aa0a6}
.hero-dots button.on{width:28px;background:var(--ink)}

/* KAMPANYA KARTLARI */
.promos{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.promo{background:#fff;border-radius:8px;min-height:110px;display:flex;align-items:center;gap:22px;padding:16px 24px;color:var(--ink);font-weight:700;font-size:14px;line-height:1.45;transition:box-shadow .2s;text-wrap:pretty}
.promo:hover{box-shadow:0 4px 14px rgba(0,0,0,.12);color:var(--ink);text-decoration:none}
.promo-i{flex:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}

/* GRİ PANEL */
.panel{margin-top:32px;background:#e1e4e8;border-radius:8px;padding:32px 24px 36px;display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(20px,3vw,40px)}
.panel-r{min-width:0;position:relative}
.panel-l h2{margin:0;font-size:24px;font-weight:400;letter-spacing:-.2px}
.panel p{margin:6px 0 0;font-size:17px}
.panel-btn{display:inline-block;margin-top:22px;border:1px solid #333;border-radius:4px;padding:8px 16px;font-size:15px;color:var(--ink);background:transparent}
.panel-btn:hover{background:#fff;color:var(--ink);text-decoration:none}
/* Ana sayfa gri panel: kare banner (840x840 yukle, 420x420 gorunur) */
.panel.nb{grid-template-columns:minmax(0,1fr)}
/* Banner kart seridinin boyunda: satir yuksekligini kartlar belirler, banner ust/alt kenarla hizali uzar */
.panel{align-items:stretch}
.p-banner{align-self:stretch;min-height:0;position:relative}
.p-banner a{position:absolute;inset:0;display:block;border-radius:8px;transition:box-shadow .18s}
.p-banner>img,.p-banner a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.p-banner a:hover{box-shadow:0 10px 24px rgba(0,0,0,.12)}
.brand-tile{margin-top:42px;height:265px;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}
.brand-tile>div:first-child{background:repeating-linear-gradient(45deg,#111 0 10px,#1f1f1f 10px 20px);display:flex;align-items:center;justify-content:center;padding:20px}
.brand-tile>div:last-child{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.skew-w{display:inline-flex;flex-direction:column;align-items:flex-start}
.skew{display:inline-flex;font-weight:800;font-size:26px;line-height:1;border-radius:6px;overflow:hidden;transform:skewX(-6deg)}
.skew b{background:#fff;color:#111;padding:6px 8px 6px 12px;font-weight:800}
.skew i{font-style:normal;background:var(--accent);color:#111;padding:6px 12px 6px 8px}
.skew-w em{margin-top:-6px;margin-left:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;font-style:normal;padding:2px 10px;border-radius:4px;position:relative}
.bt-a{font-size:30px;font-weight:800;color:var(--accent);letter-spacing:-1px}.bt-a span{color:#111}
.bt-b{font-size:40px;font-weight:800;color:#111;letter-spacing:-1px;line-height:1}.bt-b span{color:var(--accent)}

/* BÖLÜMLER */
.sec{margin-top:40px}
/* Bolum basligi: baslik solda; "Tümü/Daha fazla" baglantisi ve sayac etiketi sagda */
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sec-h h2{margin:0;font-size:24px;font-weight:400;letter-spacing:-.2px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}
.sec-h h2 a,.sec-h>a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:18px;background:#fff0eb;color:var(--accent);font-size:14px;font-weight:600;letter-spacing:0;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.sec-h h2 a:after,.sec-h>a:after{content:"";width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-right:2px}
.sec-h h2 a:hover,.sec-h>a:hover{background:var(--accent);color:#fff;text-decoration:none}
.sec-h .pill{flex:none}
/* Marka seridi (ana sayfa): cipler + kartta marka adi + sonda "tum firsatlar" karti */
.bt-wrap{position:relative;margin-top:14px}
.bt-wrap .car-btn{top:50%;transform:translateY(-50%);width:34px;height:34px}
.bt-wrap .car-btn.prev{left:-14px}.bt-wrap .car-btn.next{right:-14px}
.bt-wrap .car-btn[hidden]{display:none}
.bt-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;scroll-behavior:smooth}
.bt-chips::-webkit-scrollbar{display:none}
.bt-chip{flex:none;height:38px;padding:0 16px;border-radius:19px;border:1px solid #dcdfe3;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:border-color .15s,background .15s}
.bt-chip span{font-size:12px;font-weight:600;color:var(--mute)}
.bt-chip:hover{border-color:var(--ink)}
.bt-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bt-chip.on span{color:#c9ced3}
.bt-sec .car{margin-top:14px}
.bt-sec .car-track{transition:opacity .15s}
.bt-sec .car-track.loading{opacity:.45;pointer-events:none}
.pc-brand{display:block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-brand+.pc-t{margin-top:2px}.pill{display:flex;align-items:center;gap:6px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:20px;font-variant-numeric:tabular-nums}

/* KAYDIRMALI ŞERİT */
.car{position:relative;margin-top:16px}
.panel .car{margin-top:0}
.car-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline:6px;padding:6px 6px 10px;margin:-6px -6px -10px}
.car .pc{flex:none;width:208px;scroll-snap-align:start}
.panel .car .pc{width:206px}
.car-btn{position:absolute;top:180px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.panel .car-btn{top:150px}
.car-btn.prev{left:-18px}.car-btn.next{right:-18px}

/* ÜRÜN KARTI */
.pgrid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px}
.pgrid>[hidden]{display:none!important}
.pc{background:#fff;border-radius:8px;padding:16px 16px 20px;display:flex;flex-direction:column;transition:box-shadow .2s;min-width:0}
.pc:hover{box-shadow:0 4px 14px rgba(0,0,0,.14)}
.pc-img{position:relative;height:150px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.pc-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.pc-img img{max-height:150px;width:auto;max-width:100%;object-fit:contain}
.fv{border:0;background:transparent;cursor:pointer;padding:4px;display:flex;color:#222}
.pc-img .fv{position:absolute;top:0;right:0}
.fv.on{color:var(--accent)}
.fv.on .ms{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24}
.pc-pr{margin-top:14px;display:flex;align-items:center;gap:8px;min-height:20px}
.dsc{background:var(--green);color:#fff;font-size:12px;font-weight:700;padding:1px 5px;border-radius:2px;flex:none}
.pc-pr s{font-size:12px;color:var(--mute)}
.pc-p{margin-top:4px;font-size:22px;display:flex;align-items:center;gap:4px;color:var(--ink)}
.pc-info{margin-top:8px;height:22px;display:flex;align-items:center;min-width:0}
.pc-time{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Fiyatin yaninda saat damgasi (Amazon 2(i)) */
.pc-u{margin-top:1px;font-size:12px;color:var(--mute);cursor:help}
.pc-at{margin-left:6px;font-size:11px;font-weight:400;letter-spacing:0;color:var(--mute);white-space:nowrap;cursor:help}
.pc-p,.fl-p{flex-wrap:wrap;align-items:baseline}
.fl-p{display:flex}
.fr-m .pc-at{margin-left:4px}
.mcta .pc-at{margin:0;font-size:10px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pc-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pc-badge.low{display:inline-flex;align-items:center;gap:3px;background:#e9f7ee;color:var(--green);border-color:#bfe5cc}
.dealbox.low{background:#eef9f2;border-color:#bfe5cc}.dealbox.low .dealbox-t{color:var(--green)}
.dt-load{margin-top:4px;font-size:13px;color:var(--mute)}.dt-price .sk.s1{width:160px;height:34px;margin:6px 0}
.pc-badge{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--bg);color:#444;border:1px solid #dcdfe3;border-radius:4px;font-size:11px;font-weight:600;padding:1px 7px}
.pc-t{margin-top:12px;font-size:14px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:37px}
.pc-t:hover{color:var(--accent);text-decoration:none}
.end{font-size:12px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.pc .end{height:18px;margin:8px 0 14px}
.pc-btn{margin-top:auto;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:#fff;border-radius:4px;height:34px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.pc-btn:hover{background:var(--ink);color:#fff;text-decoration:none}

.sk{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,#f1f3f5 25%,#e6e9ec 50%,#f1f3f5 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}
.sk.s1{width:45%}.sk.s2{width:60%;height:22px;margin:4px 0}
.pc-wait{display:none;font-size:11px;color:var(--mute)}
.pc.fail .sk{visibility:hidden;animation:none}
.pc.fail .pc-wait{display:block}
.dt-price.none{font-size:20px;color:#555}

.rare{position:absolute;left:0;bottom:0;z-index:2;padding:3px 7px;border-radius:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px;pointer-events:none}
.rk{position:absolute;top:0;left:0;z-index:2;min-width:26px;height:26px;padding:0 6px;border-radius:6px;background:var(--ink);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.best-note,.intro{margin:6px 0 0;font-size:13px;color:var(--mute);max-width:820px;line-height:1.5}.intro b{color:var(--ink);font-weight:600}

/* YILDIRIM KARTI */
.fl-box{margin-top:14px;background:var(--bg);border-radius:8px;padding:12px 10px 10px}
.fl-e{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}
.fl-l{font-size:12px;color:#555;margin-top:2px}
.fl-d{margin-top:8px;display:flex;align-items:center;gap:8px}
.fl-d b{font-size:15px}
.fl-o{display:block;margin-top:6px;font-size:12px;color:var(--mute)}
.fl-p{margin-top:4px;font-size:18px}
.fl .pc-t{margin:10px 0 14px}
.fl .pc-btn{margin-top:auto}
.cl{margin-top:12px;font-size:11px;color:#555}
.cl i{display:block;margin-top:4px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.cl b{display:block;height:100%;border-radius:3px;background:var(--accent)}

/* İLHAM KUTULARI */
.cats{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.cat-t{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;padding:14px;color:#fff}
.cat-t:hover{color:#fff;text-decoration:none}
.cat-t:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 10px,rgba(255,255,255,0) 10px 20px)}
.cat-t img{position:absolute;top:12%;left:50%;transform:translateX(-50%);max-width:62%;max-height:58%;width:auto;background:#fff;border-radius:6px;padding:6px;object-fit:contain}
.cat-t span{position:relative;font-weight:700;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.4)}

.cat-t.own img{inset:0;top:0;left:0;transform:none;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;background:none;border-radius:0;padding:0}
.sub-i.own{padding:0}
.sub-i.own img{width:100%;height:100%;object-fit:cover;background:none;border-radius:0;padding:0}

/* MARKALAR */
.br-g{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
/* Ana sayfa: 12 marka, her genislikte tam satir (6/4/3 sutun) */
.br-g.br-12{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.br-g.br-12{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.br-g.br-12{grid-template-columns:repeat(3,minmax(0,1fr))}}
.br-t{background:#fff;border-radius:8px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);text-align:center;transition:box-shadow .2s;min-width:0}
.br-t:hover{box-shadow:0 4px 14px rgba(0,0,0,.14);color:var(--accent);text-decoration:none}
.br-i{height:84px;display:flex;align-items:center;justify-content:center}
.br-i img{max-height:84px;max-width:100%;object-fit:contain}
.br-t b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-t small{font-size:12px;color:var(--mute)}

/* KATEGORİ SAYFASI */
.crumbs{margin-top:28px;font-size:12px;color:#666;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.crumbs a{color:#666}.crumbs a:hover{color:var(--accent);text-decoration:none}.crumbs .cur{color:var(--ink)}
.w-p .crumbs{margin-top:24px}
h1.pg{margin:8px 0 0;font-size:32px;font-weight:400;letter-spacing:-.3px}
.subs{position:relative;margin-top:20px;background:#fff;border-radius:8px;padding:16px 24px 14px}
.subs-g{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:8px}
.subs .car-btn{top:50px}
.subs .car-btn.off{display:none}
.sub-t{flex:none;width:112px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink)}
.sub-t:hover{color:var(--accent);text-decoration:none}
.sub-i{width:100%;max-width:120px;aspect-ratio:1/1;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--accent);overflow:hidden}
.sub-i.dark{background:#0d0d0d}
.sub-i img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.sub-i .ms{color:#fff;font-size:38px}
.skew.s{flex-direction:column;align-items:center;font-size:13px;border-radius:3px;gap:2px;overflow:visible}
.skew.s b,.skew.s i{padding:3px 6px;border-radius:3px}
.sub-n{font-weight:700;font-size:13px;line-height:1.3;text-align:center;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.cat-bar{margin-top:32px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cat-bar h2{margin:0;font-size:24px;font-weight:400;letter-spacing:-.2px;display:flex;align-items:baseline;gap:10px}
.cat-bar h2 small{font-size:13px;color:var(--mute)}
.sort{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}
.sel{position:relative;display:flex;align-items:center}
.sel select{appearance:none;-webkit-appearance:none;border:1px solid #dcdfe3;border-radius:6px;background:#fff;padding:7px 32px 7px 12px;font-size:13px;color:var(--ink);cursor:pointer}
.sel .ms{position:absolute;right:8px;color:#8a8f96;pointer-events:none}
.fbar{margin-top:14px}
.chipbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;font-size:13px;font-weight:600;border:1px solid #dcdfe3;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s;white-space:nowrap}
.chip:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chipbar .sel select{height:34px;border-radius:17px;font-weight:600;padding:0 32px 0 14px}
.chipbar .sel select.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chipbar .sel select.on+.ms{color:#fff}
.sec-x{margin-left:auto;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--mute);cursor:pointer;padding:4px 0}
.sec-x:hover{color:var(--accent)}
.qchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 4px;padding-bottom:2px}
.qchips::-webkit-scrollbar{display:none}
.qchips a{flex:none;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;border:1px solid #dcdfe3;background:#fff;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.qchips a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
.qchips a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.qchips span{font-size:11px;font-weight:700;color:var(--mute)}
.qchips a.on span{color:#fff}
.msel{position:relative}
.msel summary{list-style:none;display:flex;align-items:center;gap:4px;height:34px;border:1px solid #dcdfe3;border-radius:17px;background:#fff;padding:0 10px 0 14px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.msel summary::-webkit-details-marker{display:none}
.msel summary .ms{position:static;color:#8a8f96}
.msel.on summary{background:var(--ink);color:#fff;border-color:var(--ink)}
.msel.on summary .ms{color:#fff}
.msel-box{position:absolute;z-index:30;top:40px;left:0;width:240px;max-height:300px;overflow:auto;background:#fff;border:1px solid #e3e5e8;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0 0}
.msel-box label{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:13px;cursor:pointer}
.msel-box label:hover{background:#f5f6f7}
.msel-box small{color:var(--mute)}
.msel-box input{width:16px;height:16px;accent-color:var(--accent)}
.msel-go{position:sticky;bottom:0;display:block;width:100%;height:40px;border:0;border-top:1px solid #e3e5e8;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.clear{height:34px;padding:0 10px;display:flex;align-items:center;font-size:13px;text-decoration:underline}
.note-box{margin-top:24px;background:#fff;border-radius:8px;padding:48px 24px;text-align:center;color:#555;font-size:15px}
.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:28px 0 4px}
.pager a,.pager b{min-width:38px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #dcdfe3;border-radius:6px;background:#fff;color:var(--ink);font-size:14px}
.pager a:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}
.pager .gap{height:38px;display:flex;align-items:center;color:var(--mute);padding:0 2px}
.pager b{background:var(--ink);color:#fff;border-color:var(--ink)}
.all-done{margin:32px 0 8px;text-align:center;font-size:13px;color:var(--mute)}

/* ÜRÜN DETAY */
.dt{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:start}
.dt-l{background:#fff;border-radius:8px;padding:24px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;min-width:0}
.dt-l:not(:has(.th)){grid-template-columns:minmax(0,1fr)}
.dt-th{display:flex;flex-direction:column;gap:10px}
.dt-th:empty{display:none}
.th{width:72px;height:72px;border-radius:6px;cursor:pointer;background:#fff;padding:3px;border:2px solid transparent;display:flex;align-items:center;justify-content:center}
.th-x{display:none}
.dt-th.open .th-x{display:flex}
.th-more{width:72px;height:44px;border-radius:6px;border:1px solid #dcdfe3;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:center}
.th-more:hover{border-color:var(--ink)}
.th-more[hidden]{display:none}
.th-more .ms{display:none}
.dt-th.open .th-more span:first-child{display:none}
.dt-th.open .th-more .ms{display:inline-block}
.th:hover{border-color:var(--ink)}
.th.on{border-color:var(--accent)}
.th img{max-width:100%;max-height:100%;object-fit:contain}
.dt-main{min-width:0}
.dt-img{position:relative;aspect-ratio:1/1;max-height:560px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff}
.dt-img img{max-height:100%;max-width:100%;width:auto;object-fit:contain}
.dt-d{position:absolute;top:16px;left:16px;background:var(--green);color:#fff;font-size:13px;font-weight:700;padding:3px 8px;border-radius:3px}
.dt-fv{position:absolute;top:10px;right:10px;border:0;background:#fff;border-radius:22px;height:44px;padding:0 16px 0 12px;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.12);font-size:13px;font-weight:600;color:#222}
.dt-fv.on{color:var(--accent)}
.dt-fv.on .ms{font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 24}
.dt-tabs{margin-top:24px;display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.dt-tab{display:flex;align-items:center;gap:4px;border:0;background:transparent;padding:0 0 12px;font-size:15px;cursor:pointer;color:#666;border-bottom:2px solid transparent;margin-bottom:-1px}
.dt-tab .ms{transition:transform .2s}
.dt-tab.on .ms{transform:rotate(180deg)}
.dt-tab:hover{color:var(--ink)}
.dt-tab.on{font-weight:700;color:var(--ink);border-bottom-color:var(--accent)}
.dt-pane{display:none}.dt-pane.on{display:block}
.dt-feat{margin:0;padding:20px 0 0 20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.55;color:#333;max-width:720px}
.dt-specs{padding-top:12px;max-width:720px}
.dt-spec{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:16px;padding:12px 0;border-bottom:1px solid #eef0f2;font-size:14px}
.dt-spec span:first-child{color:var(--mute)}
.dt-r{position:sticky;top:16px;display:flex;flex-direction:column;gap:16px}
.dt-box{background:#fff;border-radius:8px;padding:24px;display:flex;flex-direction:column}
.dt-box h1{margin:0;font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.2px;text-wrap:pretty}
.tags{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.tag{background:var(--bg);color:var(--ink);padding:3px 8px;border-radius:3px;font-weight:600}
.tag:hover{color:var(--ink)}
.tag.ok{background:#e6f4ea;color:#0a6b24}
.tag.warn{background:#fff4ef;color:#b63a12}
.rank{color:#555}.rank b{color:var(--ink)}
.dealbox{margin-top:18px;background:#fff4ef;border:1px solid #ffd6c7;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.dealbox-r{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dealbox-t{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--accent)}
.dealbox-c{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:4px}
.dealbar{display:block;height:6px;border-radius:3px;background:#ffd6c7;overflow:hidden}
.dealbar b{display:block;height:100%;border-radius:3px;background:var(--accent)}
.dealbox-n{font-size:12px;color:#555}
.dt-disc{margin-top:18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mute);min-height:22px}
.dt-disc .dsc{font-size:13px;padding:2px 6px}
.dt-price{margin-top:6px;font-size:34px;font-weight:600;letter-spacing:-.5px}
.dt-save{margin-top:4px;font-size:13px;color:#555}
.dt-save b{color:var(--green)}
.colors{margin-top:20px}
.col-l{font-size:13px;color:#555}
.col-l b{color:var(--ink)}
.cols{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.col{width:36px;height:36px;border-radius:50%;padding:3px;background:#fff;border:2px solid #dcdfe3;display:block;overflow:hidden}
.col:hover,.col.on{border-color:var(--ink)}
.cols a.col{animation:fadeIn .2s ease}
.col i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.col img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.cols+.sz-l{margin-top:14px}
.szs{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.sz{min-width:44px;height:36px;padding:0 12px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--ink)}
.sz:hover,.sz.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.szs a.sz{animation:fadeIn .2s ease}
.btn-go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;height:50px;border-radius:6px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;transition:background .15s}
.btn-go:hover{background:var(--accent-d);color:#fff;text-decoration:none}
.dt-m{margin-top:12px;font-size:13px;color:#333;display:flex;align-items:center;gap:8px}
.dt-m .ms{color:#555}
.dt-fine{margin-top:14px;padding-top:12px;border-top:1px solid #eef0f2;font-size:11px;color:var(--mute);line-height:1.5}

/* FOOTER */
.ft{margin-top:64px;background:#fff}
.ft-in{max-width:1600px;margin:0 auto;padding:48px 24px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px 40px}
.ft h3{margin:0 0 18px;font-size:18px;font-weight:600}
.ft nav,.ft-set{display:flex;flex-direction:column;gap:12px;font-size:14px}
.ft nav a{color:var(--ink)}.ft nav a:hover{color:var(--accent);text-decoration:none}
.ft-set span{display:flex;align-items:center;gap:6px}
.ft-bot{background:#3d4a52;color:#fff}
.ft-bot-in{max-width:1600px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ft-bot-in>span:first-child{font-size:12px;color:#c9d1d6;line-height:1.5;max-width:720px}
.brand-s{font-size:34px;font-weight:800;letter-spacing:-1.5px;line-height:1;flex:none}
.brand-s span{color:var(--accent)}

/* FAVORİ PENCERESİ + TOAST */
.modal{display:none;position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:100;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}
.modal.open{display:flex}
.modal-p{width:100%;max-width:880px;background:var(--bg);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:88vh;overflow:hidden;animation:modalIn .2s ease}
.modal-h{background:#fff;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.modal-h>div{display:flex;align-items:center;gap:8px}
.modal-h>div:first-child{align-items:baseline;gap:10px}
.modal-h h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.2px}
.modal-h span{font-size:13px;color:var(--mute)}
.m-clear{height:34px;padding:0 12px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;font-size:13px;color:#555;cursor:pointer}
.m-clear:hover{border-color:var(--ink);color:var(--ink)}
.m-x{width:34px;height:34px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.m-x:hover{border-color:var(--ink);background:#f6f7f8}
.modal-b{padding:20px 24px 24px;overflow-y:auto}
.modal-b .pgrid{margin-top:0;grid-template-columns:repeat(auto-fill,minmax(196px,1fr))}
.modal-b .pc{padding:14px 14px 16px}
.modal-b .pc-img{height:130px}.modal-b .pc-img img{max-height:130px}
.modal-b .pc-p{font-size:20px}
.fav-empty{background:#fff;border-radius:8px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.fav-empty .ms{font-size:40px;color:#c9ced3}
.fav-empty b{font-size:15px;font-weight:600}
.fav-empty span{font-size:13px;color:#555;line-height:1.5;max-width:320px}
.toast{display:none;position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:14px;padding:12px 20px;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:120;align-items:center;gap:8px;white-space:nowrap}
.toast.on{display:flex;animation:toastIn .25s ease}
.toast .ms{color:#8ee6a1}
.prose{background:#fff;border-radius:8px;padding:24px 28px;margin-top:24px;line-height:1.65}
.prose h1{font-size:28px;font-weight:600;margin:0 0 8px}
.prose h2{margin-top:28px;font-size:20px}

/* REHBER, FIRSAT GUNLERI, HAFTALIK SECKI (bizim icerigimiz) */
.art{background:#fff;border-radius:8px;padding:24px 28px;margin-top:20px;line-height:1.7;font-size:15px}
.art h1{font-size:30px;font-weight:600;margin:0 0 8px;letter-spacing:-.3px;line-height:1.25}
.art h2{margin:28px 0 8px;font-size:21px;font-weight:600;scroll-margin-top:90px}
.art h3{margin:20px 0 6px;font-size:17px;font-weight:600}
.art>h2:first-child{margin-top:0}
.art ul,.art ol{padding-left:22px}.art li{margin:4px 0}
.art table{border-collapse:collapse;width:100%;margin:12px 0;font-size:14px}.art th,.art td{border:1px solid var(--line);padding:8px 10px;text-align:left}.art th{background:var(--bg);font-weight:600}
.art .tip{background:#fff4ef;border-left:3px solid var(--accent);padding:10px 14px;border-radius:4px;margin:14px 0}
.gd-meta{font-size:13px;color:var(--mute)}.gd-meta a{color:var(--link)}
.gd-lead{font-size:17px;color:#333;margin:14px 0}
.gd-toc{display:flex;flex-direction:column;gap:4px;background:var(--bg);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:14px}.gd-toc a{color:var(--link)}
.gd-g{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.gd-t{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:8px;padding:16px 18px;color:var(--ink);text-decoration:none;border:1px solid transparent}
.gd-t:hover{border-color:var(--accent)}.gd-t b{font-size:16px;font-weight:600}.gd-t span{font-size:13px;color:#555;line-height:1.5}.gd-t small{font-size:12px;color:var(--mute)}
.draft{align-self:flex-start;font-style:normal;font-size:11px;font-weight:700;background:#fff3cd;color:#8a6100;border-radius:4px;padding:1px 6px}
.gd-link{display:flex;align-items:center;gap:8px;margin-top:12px;background:#fff;border-radius:8px;padding:10px 14px;color:var(--ink);text-decoration:none;font-size:14px}.gd-link span{flex:1}.gd-link:hover{color:var(--accent)}
.gd-box{margin-top:32px}
.faq{margin-top:24px}.faq details{border-top:1px solid var(--line);padding:12px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary .ms{transform:rotate(180deg)}.faq p{margin:8px 0 0;color:#444}
.ev-g{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ev-t{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:8px;padding:16px;color:var(--ink);text-decoration:none;border:1px solid transparent}
.ev-t:hover{border-color:var(--accent)}.ev-t .ms{color:var(--accent)}.ev-t b{font-size:15px;font-weight:600}.ev-t span{font-size:13px;color:var(--mute)}
/* KUPON VE KAMPANYALAR (promos.php): iki kart tasarimi, yonetim panelinden secilir. --c = kampanya turu rengi */
.kp-g{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}
.kp{color:var(--ink);background:#fff;border-radius:10px;transition:transform .18s,box-shadow .18s}
.kp:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10);color:var(--ink);text-decoration:none}
.kp[hidden]{display:none}
.kp-pr{font-size:11px;font-weight:700;color:#fff;background:#0a6ebd;padding:2px 7px;border-radius:3px}
.kp-pr i{font-style:normal}
.kp-new{font-size:11px;font-weight:700;color:var(--accent);background:#fff0eb;padding:2px 7px;border-radius:3px}
.kp-ad{font-size:12px;color:var(--mute);display:flex;align-items:center;gap:4px;white-space:nowrap}
.kp-ad.kp-end{color:var(--accent);font-weight:700}
.kp-go{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}
/* 1) Bilet: solda renkli serit, kesik cizgi ve iki yarim daire */
.kp-bilet{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);min-height:148px}
.kp-bilet:before,.kp-bilet:after{content:"";position:absolute;left:119px;width:18px;height:18px;border-radius:50%;background:var(--bg)}
.kp-bilet:before{top:-9px}.kp-bilet:after{bottom:-9px}
.kp-l{border-radius:10px 0 0 10px;background:var(--c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;text-align:center}
.kp-bilet .kp-big{font-size:34px;font-weight:800;letter-spacing:-1.2px;line-height:1}
.kp-bilet .kp-big.kp-long{font-size:26px}
.kp-bilet .kp-sub{font-size:12px;font-weight:600;line-height:1.3}
.kp-r{border-left:2px dashed #e3e6e8;padding:16px 18px 14px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.kp-m{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:20px}
.kp-br{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mute)}
.kp-bilet .kp-t{font-size:15px;font-weight:700;line-height:1.35;text-wrap:pretty}
.kp-f{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:6px}
.kp-f .kp-go{margin-left:auto}
/* 2) Fiyat etiketi: beyaz, ustte renkli cizgi, dev indirim, tam genislik buton */
.kp-etiket{display:flex;flex-direction:column;gap:12px;padding:18px 20px 16px;border-top:4px solid var(--c)}
.kp-ty{font-size:12px;font-weight:700;color:var(--c)}
.kp-etiket .kp-m{gap:8px}
.kp-etiket .kp-ad{margin-left:auto}
.kp-v{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.kp-etiket .kp-big{font-size:40px;font-weight:800;letter-spacing:-2px;line-height:1}
.kp-etiket .kp-sub{font-size:15px;font-weight:600;color:#555}
.kp-etiket .kp-t{font-size:14px;line-height:1.4;color:#333;text-wrap:pretty}
.kp-btn{margin-top:auto;height:42px;border-radius:6px;background:var(--accent);color:#fff;font-size:14px;justify-content:center;gap:6px}
/* Sayfa */
.kp-head{padding:20px 0 8px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px}
.kp-head h1.pg{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.6px}
.kp-count{margin:6px 0 0;font-size:14px;color:#555}
.kp-lead{display:none}
.kp-tools{display:flex;align-items:center;gap:12px;flex:1 1 420px;justify-content:flex-end;min-width:0}
.kp-q{display:flex;align-items:center;gap:8px;height:40px;flex:1 1 220px;min-width:0;max-width:360px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;padding:0 12px;color:#8a8f96}
.kp-q:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(240,85,42,.12)}
.kp-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);height:100%}
.kp-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;flex:none}
.kp-chips{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}
.kp-chips .msort{display:none}
.kp-chip{height:40px;padding:0 16px;border-radius:20px;border:1px solid #dcdfe3;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.kp-chip:hover{border-color:var(--ink)}
.kp-chip i{width:8px;height:8px;border-radius:50%}
.kp-chip span{font-size:12px;opacity:.7}
.kp-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.kp-sec{margin-top:28px}
.kp-sec[hidden]{display:none}
.kp-sh{display:flex;align-items:center;gap:14px}
.kp-sh h2{margin:0;font-size:17px;font-weight:700}
.kp-sh>span{font-size:13px;color:var(--mute)}
.kp-sh i{flex:1;height:1px;background:#dcdfe3}
.kp-sec .kp-g{margin-top:14px}
.kp-empty{margin-top:28px;background:#fff;border-radius:10px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.kp-empty[hidden]{display:none}
.kp-empty .ms{color:#c9ced3}
.kp-empty b{font-size:15px;font-weight:600}
.kp-empty button{margin-top:6px;height:40px;padding:0 18px;border:1px solid var(--ink);border-radius:6px;background:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.kp-empty button:hover{background:var(--ink);color:#fff}
.kp-legal{margin:40px 0 0;font-size:12px;line-height:1.6;color:var(--mute)}
/* Yonetim paneli */
.sh-o{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;border:0;border-bottom:1px solid #f1f3f5;background:transparent;font:inherit;font-size:15px;cursor:pointer;text-align:left;color:var(--ink)}
.sh-o .ms{color:var(--accent);visibility:hidden}
.sh-o.on{font-weight:700}.sh-o.on .ms{visibility:visible}
.ev-when{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#fff;border-radius:999px;padding:6px 14px;font-size:14px}.ev-when .ms{color:var(--accent)}
/* 24 urun: sutun sayisi 24'u tam boler (6/4/3, mobil 2) ki son satir hep dolu olsun */
.wk{margin-top:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1279px){.wk{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:999px){.wk{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wk-i{position:relative;display:flex;flex-direction:column}.wk-i .pc{flex:1}
.wk-n{position:absolute;top:8px;left:8px;z-index:3;min-width:26px;height:26px;border-radius:6px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wk-note{margin:6px 0 0;background:#fff;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;color:#444}

@media (max-width:1180px){.strip-nav{display:none}.hd-join>span{display:none}}
@media (max-width:1100px){.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{grid-template-columns:1fr}.brand-tile,.p-banner{display:none}}

/* =================== MOBİL TASARIM =================== */
@media (max-width:720px){
  body{background:var(--bg)}
  /* Metin bloklari tek stil: 16px iceride, 10px kose (kartlar ve not kutulariyla ayni) */
  .art{margin:12px 16px 0;border-radius:10px;padding:18px 16px;font-size:15px}.art h1{font-size:23px}.art h2{font-size:18px}
  .art table{font-size:13px}.art th,.art td{padding:6px 8px;overflow-wrap:anywhere}
  .prose h1{font-size:23px}.prose h2{font-size:18px}
  .note-box h1.pg{padding:0;margin:0 0 8px}
  .gd-t,.ev-t,.gd-link,.wk-note{border-radius:10px}
  .dt-box h1,.dt-spec span,.acc-p,.art,.prose{overflow-wrap:anywhere}
  .gd-link,.ev-when{margin-left:16px;margin-right:16px}.gd-g,.ev-g,.wk{padding:0 16px}
  .ev-g{grid-template-columns:1fr 1fr}.wk{grid-template-columns:1fr 1fr}
  .gd-g,.ev-g,.wk{margin-top:12px;gap:10px}
  .ev-when{display:flex;align-items:flex-start;border-radius:10px;font-size:13px;line-height:1.45}
  .gd-toc{gap:0}.gd-toc a{padding:8px 0}
  /* Kupon kartlari mobil (tasarim: articuzdan-mobil-kuponlar) */
  .kp-g{margin-top:12px;padding:0 16px;grid-template-columns:1fr;gap:10px}
  .kp:hover{transform:none;box-shadow:none}
  .kp-pr,.kp-new{font-size:10px;padding:2px 6px}.kp-pr i{display:none}
  .kp-ad{font-size:11px}
  .kp-go{font-size:12px;gap:3px}
  .kp-bilet{grid-template-columns:104px minmax(0,1fr);min-height:124px}
  .kp-bilet:before,.kp-bilet:after{left:96px;width:16px;height:16px}
  .kp-bilet:before{top:-8px}.kp-bilet:after{bottom:-8px}
  .kp-l{padding:12px 8px;gap:5px}
  .kp-bilet .kp-big{font-size:28px;letter-spacing:-1px}
  .kp-bilet .kp-big.kp-long{font-size:22px}
  .kp-bilet .kp-sub{font-size:11px}
  .kp-r{padding:12px 12px 10px 14px;gap:6px}
  .kp-br{font-size:10px}
  .kp-bilet .kp-t{font-size:13px}
  .kp-f{gap:8px;padding-top:4px}
  .kp-etiket{gap:10px;padding:14px 16px}
  .kp-ty{font-size:11px}
  .kp-etiket .kp-big{font-size:34px;letter-spacing:-1.5px}
  .kp-etiket .kp-sub{font-size:14px}
  .kp-etiket .kp-t{font-size:13px}
  .kp-btn{height:44px;font-size:14px}
  .kp-head{display:block;padding:4px 16px 0}
  .kp-head h1.pg{padding:0;font-size:24px;font-weight:600;letter-spacing:-.3px;text-wrap:balance}
  .kp-lead{display:block;margin:6px 0 0;font-size:13px;color:#555;line-height:1.45}
  .kp-count{order:2;margin:0;font-size:12px;color:var(--mute)}
  .kp-head .kp-tools{display:none} /* mobilde arama ust cubukta, siralama cip satirinda */
  .kp-head>div:first-child{display:flex;flex-direction:column}
  .kp-head .kp-count{margin-top:14px}
  .kp-chips{position:sticky;top:61px;z-index:4;background:var(--bg);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 16px;margin-top:6px}
  .kp-chips:after{content:"";flex:0 0 6px}
  .kp-chips .msort{display:flex}
  .kp-chip{flex:none;padding:0 14px;gap:6px}
  .kp-chip span{font-size:11px}
  .kp-chip:hover{border-color:#dcdfe3}.kp-chip.on:hover{border-color:var(--ink)}
  .kp-sec{margin-top:18px}
  .kp-sh{padding:0 16px;gap:10px}
  .kp-sh h2{font-size:15px}
  .kp-sh>span{font-size:12px}
  .kp-sec .kp-g{margin-top:10px}
  .kp-empty{margin:14px 16px 0;padding:36px 16px;gap:8px}
  .kp-legal{margin:24px 16px;font-size:11px;line-height:1.5;text-align:center}
  #fav-list .fav-empty{margin:12px 16px 0;border-radius:10px}
  .hd,.ft,.car-btn,.crumbs.dk,.sort,.cat-bar,.dt-tabs,.dt-pane,.dt-th,.dk-t,.panel-l,.brand-tile{display:none}
  .mft,.mo-t,.sec-h.m,.msort,.mcount{display:flex}
  .mo-t{display:inline}
  .mcount{display:block}
  .wrap{padding:0}
  /* viewport-fit=cover ile iPhone alt cubugu (safe-area) hesaba katilir */
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.m-product{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  /* Dokunmatikte hover kalici kalir (iOS): renk/alti cizgi geri alinir */
  a:hover,.pc-t:hover{color:inherit;text-decoration:none}
  .pc-btn:hover{background:#fff;color:var(--ink)}
  .ev-t:hover{border-color:var(--line)}

  /* üst bar */
  .mh{display:block;background:#fff;padding:12px 16px}
  .mh.st{position:sticky;top:0;z-index:10;display:flex;align-items:center}
  .mh.ml{padding:10px 12px;gap:6px;border-bottom:1px solid var(--line)}
  .mh.mp{padding:6px 8px;justify-content:space-between}
  .mh-r{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand.m{font-size:26px;letter-spacing:-1.2px}
  .mh-fav{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;color:var(--ink)}
  .mh-fav .ms,.mh-h .ms{color:var(--accent)}
  .ms-b{margin-top:12px;display:flex;align-items:center;height:40px;border:1px solid #dcdfe3;border-radius:8px;background:#fff;padding:0 10px 0 12px;gap:8px}
  .ms-b:focus-within{border-color:var(--accent)}
  .ml .ms-b{margin-top:0;flex:1;min-width:0}
  .ms-b .ms{color:#8a8f96}
  .ms-b input{flex:1;border:0;outline:0;font-size:16px;color:var(--ink);min-width:0;background:transparent;height:100%}
  .mh-i{width:40px;height:40px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--ink);border-radius:20px;position:relative;cursor:pointer;flex:none;padding:0}
  .mh-i:hover{color:var(--ink)}
  .mh-i.on{color:var(--accent)}
  .mp-t{font-size:13px;font-weight:600;color:#555;flex:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 8px}
  .mp-a{display:flex}
  .fav-b{display:none;position:absolute;top:2px;right:0;min-width:16px;height:16px;border-radius:8px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;align-items:center;justify-content:center;padding:0 4px}
  .fav-b.has{display:flex}
  .mchips{display:flex;background:#fff;border-top:1px solid #eef0f2;border-bottom:1px solid var(--line);padding:10px 16px;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px}
  .mchip{flex:none;display:flex;align-items:center;gap:6px;height:36px;scroll-snap-align:start;padding:0 12px;border-radius:16px;border:1px solid #dcdfe3;background:#fff;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
  .mchip:hover{color:var(--ink);text-decoration:none}
  .mchip .ms{color:var(--accent)}
  .mchip.dark{border:0;background:var(--ink);color:#fff}
  .mchip.dark .ms{color:#fff}

  /* hero */
  .hero{margin-top:0;padding:12px 16px 0}
  .hero-box{height:200px;border-radius:10px}
  .slide{display:none}
  .slide.on{display:block}
  .slide-r{position:absolute;inset:0;padding:0}
  .slide-r:before{background:linear-gradient(90deg,#0d0d0d 0%,#0d0d0d 45%,rgba(13,13,13,0) 85%)}
  .slide-r img{display:none}
  .slide-pct{right:18px;width:96px;height:96px;font-size:26px;background:radial-gradient(circle at 35% 30%,#ffb089,#f0552a 55%,#b63a12)}
  .slide-l{position:relative;z-index:2;padding:22px 20px;max-width:240px}
  .kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--accent)}
  /* baslik en fazla 3 satir, fiyat her zaman gorunur */
  .slide-l .sl-t{margin:8px 0 0;font-size:20px;line-height:1.25;letter-spacing:-.2px}
  .sl-t span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .slide-t{margin-top:6px;font-size:11px}
  .hero-dots{gap:8px;margin-top:10px;height:4px}
  .hero-dots button{width:6px;position:relative}
  .hero-dots button:after{content:"";position:absolute;inset:-14px -4px}
  .hero-dots button.on{width:20px}

  /* kampanya kartları */
  .promos{margin-top:14px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 16px;scroll-snap-type:x proximity;scroll-padding-inline:16px}
  .promo{flex:none;width:170px;scroll-snap-align:start;min-height:0;border-radius:10px;padding:12px;gap:10px;font-size:12px;line-height:1.35}
  .promo-i{width:40px;height:40px}
  .promo-i .ms{font-size:20px!important}

  /* bölümler */
  .sec{margin-top:24px}
  .panel{margin-top:24px;background:transparent;padding:0;display:block;border-radius:0}
  .sec-h{padding:0 16px;gap:10px;align-items:center}
  .sec-h h2,.panel h2,.cat-bar h2{font-size:17px;font-weight:600}
  .sec-h h2{gap:10px}
  /* Baglanti mobilde de turuncu kucuk dugme, sagda; dokunma alani dikeyde genisletilir */
  .sec-h h2 a,.sec-h>a{font-size:12px;padding:6px 11px;gap:6px;position:relative}
  .sec-h h2 a:before,.sec-h>a:before{content:"";position:absolute;inset:-6px 0}
  .sec-h h2 a:hover,.sec-h>a:hover{background:#fff0eb;color:var(--accent)}
  .bt-wrap{margin-top:10px}
  .bt-chips{padding:2px 16px;scroll-padding-inline:16px}
  .bt-chips:after{content:"";flex:0 0 6px}
  .bt-chip{height:36px;padding:0 14px;font-size:13px}
  .bt-chip:hover{border-color:#dcdfe3}.bt-chip.on:hover{border-color:var(--ink)}
  .bt-sec .car{margin-top:10px}
  .pc-brand{font-size:10px;margin-top:6px}
  .pill{font-size:12px;padding:4px 10px;border-radius:14px;gap:5px}
  .car,.panel .car{margin-top:12px}
  /* scroll-padding: kaydirinca kart ekran kenarina degil 16px iceri oturur */
  .car-track{gap:10px;padding:0 16px 4px;margin:0;scroll-padding-inline:16px}
  .car .pc,.panel .car .pc{width:164px}
  /* Safari kaydirma kutusunda sag ic boslugu yutar: son kart sag kenara yapismasin */
  .car-track:after,.promos:after,.mchips:after{content:"";flex:0 0 6px}
  .ev-g{margin-top:12px}

  /* mobil kart */
  .pgrid{margin-top:12px;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
  .pc{border-radius:10px;padding:10px 10px 12px}
  .pc-img,.car .pc-img{height:120px;border-radius:8px}
  .pgrid .pc-img{height:130px}
  .pc-img img{max-height:100%}
  .pc-img .fv{top:-4px;right:-4px;padding:8px}
  .pc-img .fv .ms{font-size:24px!important}
  .pc-pr{margin-top:10px;gap:6px;min-height:18px}
  .dsc{font-size:11px}
  .pc-pr s{font-size:11px}
  .pc-p{margin-top:3px;font-size:17px;font-weight:600;letter-spacing:-.2px}
  .pc-info{margin-top:4px;height:20px}
  .pc-time{font-size:11px}
  .pc-badge{font-size:11px;padding:0 5px}
  .pc-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  .pc-t{margin-top:6px;font-size:12px;height:31px}
  .pc .end{height:15px;margin:4px 0 8px;font-size:11px}
  .pc-btn{height:36px;font-size:12px;border-radius:6px}
  .fl-box{margin-top:10px;padding:8px 10px}
  .fl-e{font-size:13px}
  .fl-l{display:none}
  .fl-d{margin-top:6px;gap:6px}
  .fl-d b{font-size:13px}
  .fl-o{margin-top:4px;font-size:11px}
  .fl-p{font-size:15px;font-weight:600}
  .fl .pc-t{margin:8px 0 10px}
  .fl .pc-btn{margin-top:auto}
  .cl{margin-top:8px;font-size:11px}
  .cl i{height:4px;margin-top:3px}

  /* ilham, marka */
  .cats{margin-top:12px;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}
  .cat-t{border-radius:10px;padding:12px}
  .cat-t span{font-size:14px}
  .br-g{margin-top:12px;padding:0 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .br-t{padding:10px;border-radius:10px}
  .br-i{height:60px}.br-i img{max-height:60px}
  .br-t b{font-size:12px}

  /* kategori */
  .crumbs{margin:0;padding:16px 16px 0;font-size:12px;color:var(--mute);gap:4px;flex-wrap:nowrap}
  .crumbs a,.crumbs .ms{flex:none}
  .crumbs>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .crumbs a{color:var(--mute)}
  .best-note,.intro{padding:0 16px;font-size:12px}
  h1.pg{margin:4px 0 0;padding:0 16px;font-size:24px;font-weight:600;letter-spacing:-.3px}
  .subs{margin-top:12px;background:transparent;padding:0}
  .subs-g{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:0 16px 4px}
  .sub-t{flex:none;width:76px;gap:7px}
  .sub-i{width:76px;height:76px;border-radius:10px;padding:6px}
  .sub-n{font-size:11px;line-height:1.25}
  .skew.s{font-size:9px}
  .fbar{margin-top:16px;position:sticky;top:61px;z-index:9;background:var(--bg);padding:8px 0}
  .chipbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 16px}
  /* Urun tipi / hizli filtre cipleri: diger ogelerle ayni 16px kenar boslugu (kaydirinca son cip de kenara yapismasin) */
  .qchips{padding:0 16px 2px;margin:12px 0 4px;scroll-padding:0 16px}
  .qchips::after{content:'';flex:none;width:1px}
  /* Paylas paneli */
  .shr-t{margin:0 0 14px;font-size:13px;color:#555;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .shr-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:4px}
  .shr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 2px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--ink);text-align:center;line-height:1.25;cursor:pointer}
  .shr:hover{color:var(--ink);text-decoration:none}
  .shr[hidden]{display:none}
  .shr i{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
  .shr:active i{transform:scale(.94)}
  .chip{flex:none;padding:0 12px;gap:5px}
  .chip,.clear{height:38px;border-radius:19px}
  /* Fiyat araligi ve marka secimi mobilde de var; 16px: iOS dokununca yakinlastirmasin */
  .chipbar .sel{flex:none}
  .chipbar .sel select{font-size:16px;height:38px}
  .pager{padding:0 16px;gap:4px}
  .pager a,.pager b{min-width:36px;height:40px}
  .msort{border-color:var(--ink)}
  .clear{flex:none;white-space:nowrap}
  .mcount{padding:4px 16px 0;font-size:12px;color:var(--mute)}
  .note-box{margin:12px 16px 0;border-radius:10px;padding:36px 16px;font-size:14px}
  .all-done{margin:20px 0 0;font-size:12px}
  .prose{margin:12px 16px 0;padding:20px 16px;border-radius:10px}

  /* ürün */
  .mgal{display:block;background:#fff;padding-bottom:14px}
  .mgal-t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .mgal-t>div{flex:none;width:100%;aspect-ratio:1/1;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:12px}
  .mgal-t img{max-width:100%;max-height:100%;object-fit:contain}
  .mgal-d{display:flex;justify-content:center;gap:6px;margin-top:10px}
  .mgal-d span{height:4px;border-radius:2px;transition:all .25s;width:6px;background:#9aa0a6}
  .mgal-d span.on{width:20px;background:var(--ink)}
  .dt{display:block;margin-top:8px}
  .dt-l{display:none}
  .dt-r{position:static}
  .dt-box{border-radius:0;padding:16px}
  .crumbs.mo{display:flex;padding:0}
  .dt-box h1{margin-top:8px;font-size:17px}
  .tags{margin-top:10px;gap:6px;font-size:11px}
  .dealbox{margin-top:14px;border-radius:10px;padding:10px 12px}
  .dealbox-t{font-size:12px;gap:5px}
  .dealbox-c{font-size:12px}
  .dealbar{height:5px}
  .dealbox-n{font-size:11px}
  .dt-disc{margin-top:16px;gap:8px;font-size:12px}
  .dt-disc .dsc{font-size:12px}
  .dt-price{margin-top:4px;font-size:28px}
  .dt-save{margin-top:2px;font-size:12px}
  .colors{margin-top:16px}
  .col-l{font-size:12px}
  .col{width:40px;height:40px}
  .btn-go{display:none}
  .dt-m{margin-top:16px;padding-top:12px;border-top:1px solid #eef0f2;font-size:12px}
  .dt-fine{border-top:0;padding-top:0;margin-top:10px}
  .acc{display:block;margin-top:8px;background:#fff}
  .acc-b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;border:0;border-bottom:1px solid #eef0f2;background:transparent;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
  .acc-b:last-of-type{border-bottom:0}
  .acc-b .ms{transition:transform .2s}
  .acc-b.open .ms{transform:rotate(180deg)}
  .acc-p{display:none;border-bottom:1px solid #eef0f2}
  .acc-p.open{display:block}
  .acc-p ul{margin:0;padding:12px 16px 16px 34px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:#333}
  .acc-s{padding:0 16px 8px}
  .acc-s .dt-spec{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #f1f3f5;font-size:13px}
  .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;gap:12px}
  .mcta>div{display:flex;flex-direction:column;min-width:0}
  .mcta>div>span{font-size:11px;color:var(--mute);display:flex;align-items:center;gap:4px;min-height:14px}
  .mcta .dsc{font-size:10px;padding:1px 4px}
  .mcta b{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
  .mcta a{flex:1;height:48px;border-radius:8px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}
  .mcta a:hover{color:#fff;text-decoration:none}

  /* alt bilgi, alt bar */
  .mft{display:flex;flex-direction:column;gap:14px;margin-top:28px;background:#fff;padding:20px 16px 24px}
  .mft div{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px}
  .mft a{color:var(--ink);padding:6px 0}
  .mft p{margin:0;font-size:11px;color:var(--mute);line-height:1.5}
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
  .tabbar a,.tabbar button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#555;padding:4px 0;cursor:pointer;position:relative}
  .tabbar a:hover{color:#555;text-decoration:none}
  .tabbar .on,.tabbar a.on:hover{font-weight:700;color:var(--accent)}
  .tabbar .fav-b{top:0;left:calc(50% + 4px);right:auto}

  /* alt sayfalar */
  .sheet{position:fixed;inset:0;background:rgba(17,17,17,.5);z-index:80;align-items:flex-end;animation:fadeIn .2s ease}
  .sheet.open{display:flex}
  .sheet-p{width:100%;max-height:78%;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:sheetIn .25s ease;overflow:hidden}
  .sheet-h{padding:10px 0 0;display:flex;justify-content:center}
  .sheet-h i{width:40px;height:4px;border-radius:2px;background:#dcdfe3}
  .sheet-t{padding:12px 16px 10px;display:flex;align-items:center;justify-content:space-between}
  .sheet-t span{font-size:17px;font-weight:700}
  .sheet-t button{width:40px;height:40px;border:0;border-radius:20px;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
  .sheet-b{overflow-y:auto;padding:0 16px calc(32px + env(safe-area-inset-bottom))}
  .sh-c{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f1f3f5;font-size:15px;color:var(--ink)}
  .sh-c:hover{color:var(--ink);text-decoration:none}
  .sh-c>span:not(.ms){flex:1}
  .sh-c .ms{color:#6b7075}
  .sh-c .ms:last-child{color:#8a8f96}
  .sh-p{margin:0 0 14px;font-size:13px;color:#555;line-height:1.5}
  .sh-ch{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #dcdfe3;border-radius:10px;color:var(--ink);margin-bottom:10px}
  .sh-ch:hover{color:var(--ink);text-decoration:none}
  .sh-ch i{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
  .sh-ch span:not(.ms){flex:1;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#555}
  .sh-ch b{font-size:15px;color:var(--ink)}
  .sh-ch>.ms{color:#8a8f96}
  .fr{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f3f5}
  .fr-i{flex:none;width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .fr-i img{max-width:100%;max-height:100%;object-fit:contain}
  .fr-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
  .fr-m a{font-size:13px;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fr-m>span{display:flex;align-items:center;gap:6px}
  .fr-m b{font-size:15px}
  .fr-m .dsc{font-size:10px;padding:1px 4px}
  .fr .fv{flex:none;padding:6px}
  .fav-empty{padding:40px 16px;gap:8px}
  .fav-empty .ms{font-size:36px}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .modal{display:none!important}
}

/* Erisilebilirlik: klavye odagi gorunur, hareket azaltma tercihi, icerige atla linki */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:8px;top:-60px;z-index:1000;padding:10px 16px;border-radius:6px;background:var(--ink);color:#fff;font-weight:700}
.skip:focus{top:8px;color:#fff;text-decoration:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Yonetici: Telegram'a gonder (sadece ac_adm cerezi varken JS ekler) */
.tg-b{position:absolute;left:8px;bottom:8px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;background:#229ed9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3);padding:0}
.tg-b:hover{background:#1b86b9}.tg-b.busy{opacity:.5;pointer-events:none}.tg-b.ok{background:var(--green)}
.pc-img{position:relative}
.tg-big{position:static;width:100%;height:44px;border-radius:6px;margin-top:10px;gap:8px;color:#fff;font:inherit;font-size:14px;font-weight:700;box-shadow:none}