/* DÜZELTİLDİ: create.css'in DOĞRU paleti buraya yayıldı. AYRICA bir
   hata düzeltildi — bu dosyanın altlarında (.qarec-ttl gibi) var(--ink)
   kullanılıyordu ama --ink bu dosyanın kendi :root'unda HİÇ tanımlı
   değildi, sadece --k vardı — o kurallar sessizce bozuk çalışıyordu.
   --ink/--ink2/--ink3 artık --k/--k2/--k3 ile AYNI değerle, açıkça
   tanımlı. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
header,nav.navbar,.navbar,.top-nav,.site-header,#header,.topbar-section,footer,.site-footer,#footer,.breadcrumb-section,.hero-section,.slider-container,.home-sections,.statistics-section,.page-hero{display:none!important}
body{background:#fff!important;padding-top:0!important;margin-top:0!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
.main-content,.page-wrapper,.content-wrapper{padding-top:0!important;background:#fff!important;margin-top:0!important}
:root{--a:#0F172A;--aL:#0F172A;--aD:#0F172A;--bg:#FAFAFA;--w:#fff;--k:#0F172A;--k2:#475569;--k3:#94A3B8;--ink:#0F172A;--ink2:#475569;--ink3:#94A3B8;--sh:0 1px 2px rgba(0,0,0,.04),0 2px 6px rgba(0,0,0,.03);--brd:#EDEDEE;--red:#EF4444;--blue:#2563EB}
.qn{position:sticky;top:0;z-index:999;background:var(--w);border-bottom:1px solid #EDE9E2}
.qni{max-width:1140px;margin:0 auto;padding:0 16px;height:52px;display:flex;align-items:center;gap:12px}
.qlogo{font-size:16px;font-weight:800;color:var(--k);letter-spacing:-.3px;text-decoration:none;flex-shrink:0}
.qlogo b{color:var(--a)}
.qsrch{flex:1;max-width:360px;position:relative}
.qsrch svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--k3)}
.qsrch input{width:100%;height:32px;padding:0 12px 0 30px;background:#F4F1EC;border:none;border-radius:16px;font-size:13px;color:var(--k);outline:none;font-family:inherit}
.qsrch input::placeholder{color:var(--k3)}
.qlang{display:flex;background:#F4F1EC;border-radius:9px;padding:3px;flex-shrink:0}
.qlang button{padding:5px 10px;border:none;background:transparent;border-radius:6px;font-size:10.5px;font-weight:800;color:var(--k3);cursor:pointer;font-family:inherit;letter-spacing:.3px}
.qlang button.on{background:var(--a);color:#fff}
.qnav{display:flex;align-items:center;margin-left:auto}
.qnl{display:flex;flex-direction:column;align-items:center;padding:5px 12px;text-decoration:none;color:var(--k3);font-size:9.5px;font-weight:600;gap:1px;border-bottom:2px solid transparent;position:relative}
.qnl svg{width:19px;height:19px}
.qnl.on{color:var(--a);border-bottom-color:var(--a)}
.qnl:hover{color:var(--k)}
.qnbdg{position:absolute;top:0;right:4px;background:#EF4444;color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:8px;line-height:1.5}
.qnav-av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--aL),var(--aD));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;overflow:hidden}
.qnav-av img{width:100%;height:100%;object-fit:cover}
.qlbtn{padding:6px 14px;margin-left:6px;background:linear-gradient(135deg,var(--aL),var(--a));color:#fff;border-radius:16px;font-size:12px;font-weight:700;text-decoration:none;flex-shrink:0}
.qlay{max-width:1140px;margin:0 auto;padding:18px 16px 80px;display:grid;grid-template-columns:220px 1fr 280px;gap:16px;align-items:start}
@media(max-width:1060px){.qlay{grid-template-columns:200px 1fr}.qrgt{display:none}}
@media(max-width:700px){.qlay{grid-template-columns:1fr}.qlft{display:none}.qbasic-grid{grid-template-columns:1fr 1fr}}
.qcard{background:var(--w);border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.qlft{position:sticky;top:66px;display:flex;flex-direction:column;gap:10px}
.qpbx{padding:16px 12px 12px;text-align:center;border-bottom:1px solid #F4F1EC}
.qpav{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--aL),var(--aD));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;margin:0 auto 8px;overflow:hidden}
.qpav img{width:100%;height:100%;object-fit:cover}
.qpnm{font-size:13.5px;font-weight:700;color:var(--k)}
.qpmt{font-size:11px;color:var(--k2);margin-top:1px}
.qlvl{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;margin-top:6px}
.lb{background:#F4F1EC;color:var(--k2)}.lp{background:#EFF6FF;color:#1D4ED8}.lpr{background:#F5F3FF;color:#6D28D9}.lpm{background:#FFF7ED;color:#C2410C}.lbx{background:#FEFCE8;color:#A16207}
.qsnav{padding:4px 0}
.qsl{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--k2);text-decoration:none;transition:all .12s}
.qsl svg{width:17px;height:17px;flex-shrink:0}
.qsl:hover,.qsl.on{background:rgba(217,119,6,.07);color:var(--aD)}
.qsl.on{font-weight:700}
.qsct{margin-left:auto;background:var(--a);color:#fff;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:8px}
.qsts{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;scrollbar-width:none}
.qsts::-webkit-scrollbar{display:none}
.qst{flex-shrink:0;width:96px;height:160px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .15s;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.qst:hover{transform:scale(1.03)}
.qst-bg{width:100%;height:100%;object-fit:cover;display:block}
.qst-bg-def{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;color:rgba(255,255,255,.9);background:linear-gradient(160deg,#B45309,#D97706)}
.qst-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0) 40%,rgba(0,0,0,.75) 100%)}
.qst-av{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:50%;border:2.5px solid var(--a);overflow:hidden;background:#18160F;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.qst-av img{width:100%;height:100%;object-fit:cover}
.qst-nm{position:absolute;bottom:8px;left:6px;right:6px;font-size:10px;font-weight:700;color:#fff;text-align:center;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.qst-add .qst-bg-def{background:linear-gradient(160deg,#FEF3C7,#FDE68A);color:var(--aD)}
.qsmodal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.9);align-items:center;justify-content:center}
.qsmodal.open{display:flex}
.qsmodal-inner{position:relative;width:380px;height:680px;border-radius:14px;overflow:hidden;background:#000}
.qsmodal-top{position:absolute;top:0;left:0;right:0;padding:14px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent)}
.qsmodal-prog{display:flex;gap:4px;margin-bottom:10px}
.qsmpbar{flex:1;height:2.5px;background:rgba(255,255,255,.35);border-radius:2px}
.qsmpbar.done{background:white}
.qsmodal-user{display:flex;align-items:center;gap:8px}
.qsmodal-uav{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--aL),var(--aD));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.4)}
.qsmodal-uav img{width:100%;height:100%;object-fit:cover}
.qsmodal-uname{font-size:13px;font-weight:700;color:white}
.qsmodal-time{font-size:11px;color:rgba(255,255,255,.6)}
.qsmodal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:18px;border:none}
.qcmp{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #F4F1EC}
.qcav{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--aL),var(--aD));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}
.qcinp{flex:1;height:36px;background:#F4F1EC;border:none;border-radius:18px;padding:0 14px;font-size:13px;color:var(--k2);cursor:pointer;outline:none;font-family:inherit}
.qcbtn{height:34px;padding:0 14px;background:linear-gradient(135deg,var(--aL),var(--a));color:#fff;border:none;border-radius:17px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.qtabs{display:flex;padding:0 8px;overflow-x:auto;scrollbar-width:none}
.qtabs::-webkit-scrollbar{display:none}
.qtab{padding:9px 10px;font-size:12px;font-weight:600;color:var(--k3);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .12s;flex-shrink:0;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit}
.qtab.on{color:var(--a);border-bottom-color:var(--a)}
.qsurf{display:flex;gap:6px;margin-bottom:10px}
.qsb{padding:5px 12px;border-radius:16px;border:none;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .12s;background:var(--w);color:var(--k2);box-shadow:var(--sh)}
.qsb.on{background:var(--k);color:#fff}
.qtck{width:12px;height:12px;color:#2563EB;flex-shrink:0}
.qtck.gld{color:var(--a)}
.qpill{margin-left:auto;flex-shrink:0;padding:2px 7px;border-radius:5px;font-size:9.5px;font-weight:700}
.pp{background:#EFF6FF;color:#1D4ED8}.ps{background:#F5F3FF;color:#6D28D9}.pv{background:#ECFDF5;color:#047857}.pb{background:#FFF7ED;color:#C2410C}.ppr{background:#FEF2F2;color:#B91C1C}
.qsk{background:linear-gradient(90deg,#EDE9E2 25%,#E4DFD7 50%,#EDE9E2 75%);background-size:200% 100%;animation:sk 1.4s infinite;border-radius:6px}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.qrgt{position:sticky;top:66px;display:flex;flex-direction:column;gap:10px}
.qpnttl{font-size:12.5px;font-weight:700;color:var(--k);padding:12px 12px 0}
.qcrow{display:flex;align-items:center;gap:10px;padding:8px 12px}
.qcav3{width:34px;height:34px;border-radius:50%;background:#18160F;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}
.qcav3 img{width:100%;height:100%;object-fit:cover}
.qcnm{font-size:12px;font-weight:700;color:var(--k);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qcmt{font-size:10.5px;color:var(--k3)}
.qfw{margin-left:auto;padding:4px 10px;background:var(--w);color:var(--a);border:1.5px solid var(--a);border-radius:14px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;flex-shrink:0;transition:all .12s}
.qfw:hover,.qfw.on{background:linear-gradient(135deg,var(--aL),var(--a));color:#fff;border-color:transparent}
.qtrow{display:flex;align-items:center;gap:9px;padding:7px 12px;cursor:pointer}
.qtrow:hover{background:#FAFAF7}
.qtai{font-size:15px;flex-shrink:0}
.qttx{font-size:12.5px;color:var(--k);font-weight:500}
.qtct{font-size:10px;color:var(--k3);margin-left:auto}
.qaib{margin:0 12px 12px;background:linear-gradient(135deg,#FFFBEB,#FEF3C7);border-radius:10px;padding:11px}
.qaib-t{font-size:11.5px;font-weight:700;color:var(--aD);margin-bottom:3px}
.qaib-d{font-size:10.5px;color:var(--k2);line-height:1.4;margin-bottom:7px}
.qaib-btn{display:block;width:100%;padding:6px;text-align:center;background:linear-gradient(135deg,var(--aL),var(--a));color:#fff;border:none;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none}

/* ─── Basic 2-sütun grid kart (mobil BasicGridCard ile aynı yoğunluk) ─── */
.qbasic-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--brd);margin-bottom:10px;border-radius:14px;overflow:hidden}
.qbasic-card{background:var(--w);cursor:pointer}
.qbc-head{display:flex;align-items:center;gap:6px;padding:8px 8px 4px}
.qbc-av{width:26px;height:26px;border-radius:50%;background:#18160F;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}
.qbc-av img{width:100%;height:100%;object-fit:cover}
.qbc-nm{font-size:10px;font-weight:600;color:var(--k);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.qbc-media{position:relative;width:100%;aspect-ratio:4/5;background:#F1F5F9;overflow:hidden}
.qbc-media img{width:100%;height:100%;object-fit:cover}
.qbc-chip{position:absolute;top:6px;left:6px;padding:3px 7px;border-radius:5px;font-size:8px;font-weight:700;color:#fff}
.qbc-city{position:absolute;bottom:6px;right:6px;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:500;color:#fff;background:rgba(0,0,0,.65)}
.qbc-body{padding:6px 8px 2px}
.qbc-price{font-size:10.5px;font-weight:700;color:var(--a)}
.qbc-title{font-size:10px;font-weight:600;color:var(--k);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qbc-act{display:flex;padding:2px 4px 8px}
.qbc-a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;cursor:pointer;padding:4px 0;font-family:inherit}
.qbc-a svg{width:13px;height:13px;color:var(--k3)}
.qbc-a.on svg{color:var(--red)}
.qbc-a span{font-size:7.5px;color:var(--k3)}

/* ─── Full kart (Plus/Pro/Premium/Bruxelles) — mobil FullCard ile aynı ─── */
.qfull{margin-bottom:10px}
.qph{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 0}
.qpav2{width:40px;height:40px;border-radius:50%;background:#18160F;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden}
.qpav2 img{width:100%;height:100%;object-fit:cover}
.qpcn{font-size:13px;font-weight:700;color:var(--k);display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.qpmt2{font-size:11px;color:var(--k2);margin-top:1px}
.qpfollow{margin-left:auto;flex-shrink:0;height:26px;padding:0 12px;border-radius:8px;border:1.5px solid #BFDBFE;background:#EFF6FF;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.qpfollow.on{background:var(--blue);color:#fff;border-color:transparent}
.qpimg-wrap{position:relative;margin-top:10px}
.qpimg{width:100%;object-fit:cover;display:block;background:#F1F5F9}
.qpimg.r169{aspect-ratio:16/9}
.qpimg.r54{aspect-ratio:5/4}
.qpbdy{padding:9px 12px 0}
.qpttl{font-size:15px;font-weight:700;color:var(--k);line-height:1.3}
.qpdsc{font-size:12.5px;color:var(--k2);margin-top:3px;line-height:1.5}
.qppr{font-size:15px;font-weight:800;color:var(--a);margin-top:5px}
.qpact{display:flex;padding:6px 6px;border-top:1px solid #F4F1EC;margin-top:9px;gap:2px}
.qac{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 2px;font-size:11px;font-weight:600;color:var(--k2);border:none;background:none;cursor:pointer;border-radius:7px;transition:all .12s;font-family:inherit}
.qac svg{width:14px;height:14px;flex-shrink:0}
.qac:hover{background:#F9F7F4;color:var(--k)}
.qac.lkd{color:#EF4444}
.qac.svd{color:var(--blue)}
.qac.rcm{color:var(--a)}

/* ─── Öneri banner (mobil RecommendedCardWrapper) ─── */
.qrec-band{display:flex;align-items:center;gap:6px;padding:8px 12px 0;font-size:11.5px;color:var(--k2)}
.qrec-band b{color:var(--k);font-weight:700}
.qrec-av{width:20px;height:20px;border-radius:50%;background:#18160F;overflow:hidden;flex-shrink:0}
.qrec-av img{width:100%;height:100%;object-fit:cover}

/* ─── Discovery carousel (mobil DiscoveryCarousel) ─── */
.qdisc{padding:12px 0}
.qdisc-ttl{display:flex;padding:0 12px 10px;align-items:center}
.qdisc-list{display:flex;gap:10px;overflow-x:auto;padding:0 12px;scrollbar-width:none}
.qdisc-list::-webkit-scrollbar{display:none}
.qdisc-card{flex-shrink:0;width:140px;height:200px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(180deg,#0D1B2A,#15355A);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}
.qdisc-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.82))}
.qdisc-content{position:absolute;left:10px;right:10px;bottom:10px}
.qdisc-av{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;margin-bottom:5px;overflow:hidden}
.qdisc-av img{width:100%;height:100%;object-fit:cover}
.qdisc-nm{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qdisc-sec{display:inline-block;margin-top:2px;padding:3px 6px;background:rgba(255,255,255,.15);border-radius:5px;font-size:8px;color:rgba(255,255,255,.9)}
.qdisc-fw{margin-top:6px;height:24px;width:100%;border-radius:7px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit}

/* ─── Öneri (recommend) paneli modal ─── */
.qmodal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;align-items:flex-end;justify-content:center}
.qmodal-ov.open{display:flex}
.qmodal-sheet{background:var(--w);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px;max-height:80vh;overflow-y:auto}
.qmodal-handle{width:36px;height:4px;background:#CBD5E1;border-radius:10px;margin:0 auto 16px}
.qmodal-ttl{font-size:16px;font-weight:800;color:var(--k);margin-bottom:4px;display:flex;align-items:center;gap:6px}
.qmodal-sub{font-size:12.5px;color:var(--k3);margin-bottom:14px}
.qreason-wrap{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.qreason{padding:8px 13px;border-radius:18px;border:1.5px solid var(--brd);background:var(--w);font-size:12px;font-weight:600;color:var(--k);cursor:pointer;font-family:inherit}
.qreason.on{background:var(--a);color:#fff;border-color:transparent}
.qmodal-btn{width:100%;height:46px;background:#E2E8F0;color:#94A3B8;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:not-allowed;font-family:inherit}
.qmodal-btn.on{background:var(--a);color:#fff;cursor:pointer}

/* ═══════════════════════════════════════════════════════════
   POST DETAY MODALI — CSS-only, :target tekniği, JS YOK.
   Bir karta tıklayınca href="#qpm-123" ile bu id'li div "hedef"
   olur, :target kuralı onu görünür yapar. Kapatma linki href="#"
   ile hash'i temizler, modal otomatik kapanır.
   ═══════════════════════════════════════════════════════════ */
.qpost-modal{display:none;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;padding:20px}
.qpost-modal:target{display:flex}
.qpost-modal-bg{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qpost-modal-box{position:relative;background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.qpost-modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(15,23,42,.55);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;z-index:2}
.qpost-modal-img{width:100%;aspect-ratio:1/1;background:#F4F3EF}
.qpost-modal-img img,.qpost-modal-img video{width:100%;height:100%;object-fit:cover}
.qpost-modal-body{padding:18px}
.qpost-modal-ttl{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:8px}
.qpost-modal-desc{font-size:13.5px;color:#475569;line-height:1.6;margin-bottom:12px}
.qpost-modal-price{font-size:20px;font-weight:900;color:var(--ink)}

/* ═══════════════════════════════════════════════════════════
   POST DETAY MODALI — CSS-only, :target tekniği, JS YOK.
   Bir karta tıklayınca href="#qpm-123" ile bu id'li div "hedef"
   olur, :target kuralı onu görünür yapar. Kapatma linki href="#"
   ile hash'i temizler, modal otomatik kapanır.
   ═══════════════════════════════════════════════════════════ */
.qpost-modal{display:none;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;padding:20px}
.qpost-modal:target{display:flex}
.qpost-modal-bg{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qpost-modal-box{position:relative;background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.qpost-modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(15,23,42,.55);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;z-index:2}
.qpost-modal-img{width:100%;aspect-ratio:1/1;background:#F4F3EF}
.qpost-modal-img img,.qpost-modal-img video{width:100%;height:100%;object-fit:cover}
.qpost-modal-body{padding:18px}
.qpost-modal-ttl{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:8px}
.qpost-modal-desc{font-size:13.5px;color:#475569;line-height:1.6;margin-bottom:12px}
.qpost-modal-price{font-size:20px;font-weight:900;color:var(--ink)}

/* ═══════════════════════════════════════════════════════════
   AKSİYON BUTONLARI — dual-icon geçişi + aktif renkler.
   JS SADECE butona .on class'ı ekliyor/çıkarıyor — hangi SVG'nin
   görüneceğini ve rengin ne olacağını TAMAMEN CSS belirliyor.
   ═══════════════════════════════════════════════════════════ */
.ic-on{display:none}
.qa-btn.on .ic-on{display:inline-flex}
.qa-btn.on .ic-off{display:none}
.qa-like.on{color:#EF4444}
.qa-save.on{color:#2563EB}
.qa-rec.on{color:#F97316}
button[data-follow-btn].on{background:#2563EB!important;color:#fff!important}

/* ═══════════════════════════════════════════════════════════
   ÖNERİ (recommend) PANELİ — sebep seçim modalı, CSS class ile
   açılıp kapanıyor (home-actions.js sadece .open class'ını
   ekliyor/çıkarıyor).
   ═══════════════════════════════════════════════════════════ */
#qaRecModal{display:none;position:fixed;inset:0;z-index:9997;align-items:flex-end;justify-content:center}
#qaRecModal.open{display:flex}
.qarec-bg{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.qarec-sheet{position:relative;background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:20px;padding-bottom:32px}
.qarec-handle{width:36px;height:4px;background:#E2E8F0;border-radius:10px;margin:0 auto 16px}
.qarec-ttl{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:14px}
.qarec-chip{padding:10px 14px;border-radius:20px;border:1px solid #E2E8F0;background:#F1F5F9;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;margin:0 6px 8px 0;font-family:inherit}
.qarec-chip.on{background:#2563EB;border-color:#2563EB;color:#fff}
.qarec-confirm{width:100%;height:50px;border:none;border-radius:14px;background:#2563EB;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:14px}
.qarec-confirm:disabled{background:#F1F5F9;color:#94A3B8;cursor:not-allowed}

/* ═══════════════════════════════════════════════════════════
   POST DETAY MODALI — CSS-only, :target tekniği, JS YOK.
   Bir karta tıklayınca href="#qpm-123" ile bu id'li div "hedef"
   olur, :target kuralı onu görünür yapar. Kapatma linki href="#"
   ile hash'i temizler, modal otomatik kapanır.
   ═══════════════════════════════════════════════════════════ */
.qpost-modal{display:none;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;padding:20px}
.qpost-modal:target{display:flex}
.qpost-modal-bg{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qpost-modal-box{position:relative;background:#fff;border-radius:20px;max-width:480px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.qpost-modal-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(15,23,42,.55);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;z-index:2}
.qpost-modal-img{width:100%;aspect-ratio:1/1;background:#F4F3EF}
.qpost-modal-img img,.qpost-modal-img video{width:100%;height:100%;object-fit:cover}
.qpost-modal-body{padding:18px}
.qpost-modal-ttl{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:8px}
.qpost-modal-desc{font-size:13.5px;color:#475569;line-height:1.6;margin-bottom:12px}
.qpost-modal-price{font-size:20px;font-weight:900;color:var(--ink)}

/* ═══════════════════════════════════════════════════════════
   AKSİYON BUTONLARI — dual-icon geçişi + aktif renkler.
   JS SADECE butona .on class'ı ekliyor/çıkarıyor — hangi SVG'nin
   görüneceğini ve rengin ne olacağını TAMAMEN CSS belirliyor.
   ═══════════════════════════════════════════════════════════ */
.ic-on{display:none}
.qa-btn.on .ic-on{display:inline-flex}
.qa-btn.on .ic-off{display:none}
.qa-like.on{color:#EF4444}
.qa-save.on{color:#2563EB}
.qa-rec.on{color:#F97316}
button[data-follow-btn].on{background:#2563EB!important;color:#fff!important}

/* NOT (hata düzeltmesi): data-count span'i eskiden sayı 0 iken HİÇ
   basılmıyordu — beğenince JS "sayıyı nereye yazayım" diye arayınca
   bulamıyordu. Artık HER ZAMAN DOM'da var, boşsa CSS gizliyor. */
[data-count]:empty{display:none}

/* NOT (hata düzeltmesi): Öneri/mesaj panellerinin z-index'i (9997)
   post detay modalının z-index'inden (9998) DÜŞÜKTÜ — detay açıkken
   öneriye tıklayınca panel ARKADA açılıyordu. Artık üstte. */
#qaRecModal,#qaMsgModal{display:none;position:fixed;inset:0;z-index:99999;align-items:flex-end;justify-content:center}
#qaRecModal.open,#qaMsgModal.open{display:flex}
.qarec-bg{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.qarec-sheet{position:relative;background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:20px;padding-bottom:32px}
.qarec-handle{width:36px;height:4px;background:#E2E8F0;border-radius:10px;margin:0 auto 16px}
.qarec-ttl{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:14px}
.qarec-chip{padding:10px 14px;border-radius:20px;border:1px solid #E2E8F0;background:#F1F5F9;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;margin:0 6px 8px 0;font-family:inherit}
.qarec-chip.on{background:#2563EB;border-color:#2563EB;color:#fff}
.qarec-confirm{width:100%;height:50px;border:none;border-radius:14px;background:#2563EB;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:14px}
.qarec-confirm:disabled{background:#F1F5F9;color:#94A3B8;cursor:not-allowed}

/* ═══════════════════════════════════════════════════════════
   STORY ŞERİDİ — mobildeki StoryBar/_StoryTile/_AddTile ile
   birebir aynı boyut/renk mantığı (72×94, turuncu gradyan halka).
   ═══════════════════════════════════════════════════════════ */
.qstory-bar{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;background:#fff;scrollbar-width:none}
.qstory-bar::-webkit-scrollbar{display:none}
.qstory-add{flex-shrink:0;width:72px;height:94px;border-radius:10px;background:#F2F2F7;border:1px solid #E5E7EB;text-decoration:none;display:flex;flex-direction:column;overflow:hidden}
.qstory-add-ico{flex:1;display:flex;align-items:center;justify-content:center;background:#F5F5F5;font-size:24px;color:#E8420A;font-weight:800}
.qstory-add span{height:26px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#18160F}
.qstory-tile{flex-shrink:0;width:72px;height:94px;border-radius:10px;text-decoration:none;padding:2.5px}
.qstory-tile.unseen{background:linear-gradient(135deg,#E8420A,#FFB347)}
.qstory-tile.seen{background:#D1D5DB;padding:1.5px}
.qstory-tile-inner{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background:#0D1B2A}
.qstory-tile-inner img{width:100%;height:100%;object-fit:cover;display:block}
.qstory-textph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;text-align:center;padding:6px}
.qstory-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:900}
.qstory-tile-name{position:absolute;left:0;right:0;bottom:0;padding:16px 4px 4px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);color:#fff;font-size:9.5px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qstory-count{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff;font-size:9px;font-weight:800;padding:2px 4px;border-radius:6px}

/* ═══════════════════════════════════════════════════════════
   STORY İZLEYİCİ — tam ekran, ilerleme çubukları, tap-zone
   ═══════════════════════════════════════════════════════════ */
.qsv-overlay{display:none;position:fixed;inset:0;z-index:999999;background:#000}
.qsv-overlay.open{display:block}
.qsv-media-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.qsv-media-wrap img,.qsv-media-wrap video{width:100%;height:100%;object-fit:cover}
.qsv-media-wrap.is-text{display:flex;align-items:center;justify-content:center;padding:40px}
.qsv-text-content{color:#fff;font-size:22px;font-weight:800;text-align:center;line-height:1.4}
.qsv-scrim-top{position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);pointer-events:none}
.qsv-scrim-bottom{position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}
.qsv-progress-row{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.qsv-progress-seg{flex:1;height:2.5px;background:rgba(255,255,255,.35);border-radius:2px;overflow:hidden}
.qsv-progress-fill{height:100%;width:0%;background:#fff;border-radius:2px}
.qsv-progress-fill.filled{width:100%!important}
.qsv-progress-fill.animating{transition:width linear}
.qsv-header{position:absolute;top:24px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:3}
.qsv-avatar{width:32px;height:32px;border-radius:50%;background:#0D1B2A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;overflow:hidden;flex-shrink:0}
.qsv-avatar img{width:100%;height:100%;object-fit:cover}
.qsv-name{color:#fff;font-size:13px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qsv-time{color:rgba(255,255,255,.7);font-size:11px;flex-shrink:0}
.qsv-icon-btn{background:none;border:none;color:#fff;font-size:19px;cursor:pointer;padding:4px;line-height:1;flex-shrink:0}
.qsv-tapzone{position:absolute;top:0;bottom:0;width:33%;z-index:2;cursor:pointer}
.qsv-tapzone-left{left:0}
.qsv-tapzone-right{right:0}
.qsv-footer{position:absolute;bottom:20px;left:16px;right:16px;display:flex;align-items:center;gap:10px;z-index:3}
.qsv-like-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}
.qsv-like-btn.on{background:rgba(239,68,68,.9);border-color:transparent}
.qsv-caption{position:absolute;bottom:70px;left:16px;right:16px;color:#fff;font-size:13px;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
/* ═══════════════════════════════════════════════════════════
   GÖRÜNTÜLENME SAYISI + İZLEYENLER PANELİ — story-viewer.js
   ═══════════════════════════════════════════════════════════ */
.qsv-views-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:8px 16px;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}
.qsv-viewers-panel{display:none;position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.5);align-items:flex-end;justify-content:center}
.qsv-viewers-panel.open{display:flex}
.qsv-viewers-sheet{background:#fff;width:100%;max-width:480px;border-radius:20px 20px 0 0;max-height:65vh;display:flex;flex-direction:column}
.qsv-viewers-head{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EDE9E2}
.qsv-viewers-head b{font-size:15px;color:#18160F}
.qsv-viewers-list{overflow-y:auto;padding:8px}
.qsv-viewer-row{display:flex;align-items:center;gap:12px;padding:9px 8px}
.qsv-viewer-av{width:36px;height:36px;border-radius:50%;background:#0D1B2A;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;overflow:hidden;flex-shrink:0}
.qsv-viewer-av img{width:100%;height:100%;object-fit:cover}
.qsv-viewer-name{font-size:13.5px;font-weight:600;color:#18160F}

.qsv-collab-btn{flex:1;background:linear-gradient(135deg,#F59E0B,#D97706);border:none;border-radius:20px;padding:10px 14px;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit}
.qsv-collab-btn:disabled{opacity:.7;cursor:default}