/* Bilgi Bilişim Sistemleri — Mağaza teması (logo renkleri: kırmızı / turuncu / siyah) */
:root{--red:#e30a17;--red2:#ff2d3a;--orange:#f08a00;--orange2:#ffa630;--dark:#18181b;--dark2:#2a2a30;--red-d:color-mix(in srgb,var(--red) 82%,#000);--red-l:color-mix(in srgb,var(--red) 8%,#fff);--orange-l:color-mix(in srgb,var(--orange) 12%,#fff);--ink:#17171c;--mut:#6b6f7b;--line:#ebebef;--bg:#f6f6f8;--green:#12a150;--green-bg:#eaf8f0;--r:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Inter,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit}
.container{max-width:1320px;margin:0 auto;padding:0 28px}
.container.narrow{max-width:640px;padding-top:30px}
main{min-height:50vh;padding-bottom:20px}
[hidden]{display:none!important}
.center{text-align:center;margin-top:22px}

/* Üst bar */
.topbar{background:var(--dark);color:#d4d4d8;font-size:12.5px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:6px;padding-bottom:6px}
.topbar b{color:var(--orange2)}.topbar i{color:var(--orange2);margin-right:4px}
.tb-right{display:flex;gap:18px;align-items:center;white-space:nowrap}.tb-right>a:hover{color:#fff}

/* Sosyal medya ikonları (marka renkli) */
.soc{display:flex;gap:8px;align-items:center}
.soc a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;transition:transform .15s,background .15s}
.soc a:hover{transform:translateY(-2px);background:rgba(255,255,255,.22)}
.soc a i{margin:0!important;color:inherit!important}
.soc-card .soc a{background:var(--bg);border-color:var(--line);color:var(--ink)}
.soc-card .soc a:hover{background:var(--line)}
.soc-mini a{width:24px;height:24px;font-size:11.5px}
.soc-big a{width:42px;height:42px;font-size:18px}

/* Header */
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}
.header .container{display:flex;align-items:center;gap:30px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;flex-shrink:0}
.logo img{height:64px;width:auto;display:block}
.logo-fallback{display:none;align-items:center;gap:10px}.logo-fallback>b{width:48px;height:48px;border-radius:12px;background:var(--red);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.logo-fallback>span{font-weight:800;font-size:18px;line-height:1.1}.logo-fallback small{display:block;font-weight:500;font-size:12px;color:var(--red)}
.search{flex:1;display:flex;background:var(--bg);border-radius:30px;padding:4px;border:2px solid transparent;transition:.15s}
.search:focus-within{border-color:var(--red);background:#fff}
.search input{flex:1;border:0;background:transparent;padding:0 20px;font-size:14.5px;outline:0;min-width:0}
.search button{width:50px;height:44px;border-radius:24px;border:0;background:var(--red);color:#fff;font-size:16px;cursor:pointer}
.search button:hover{background:var(--dark)}
.header-icons{display:flex;gap:18px;align-items:center}
.hi{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--mut)}.hi i{font-size:21px;color:var(--dark);margin-bottom:2px}.hi:hover i{color:var(--red)}
.hi .fa-whatsapp{color:#25D366}
.cart-btn{display:flex;align-items:center;gap:10px;background:var(--dark);color:#fff;padding:11px 18px;border-radius:30px;position:relative;font-weight:700;white-space:nowrap}
.cart-btn:hover{background:var(--red)}.cart-btn i{font-size:17px}
.cart-btn em{position:absolute;left:30px;top:3px;background:var(--orange);font-style:normal;font-size:10px;border-radius:10px;padding:0 6px;line-height:16px}
.menu-btn{display:none;border:0;background:var(--bg);border-radius:12px;width:44px;height:44px;font-size:18px;cursor:pointer}

/* Menü */
.mainnav{background:#fff;border-top:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.03)}
.mainnav{position:relative;z-index:40}
.mainnav .container{display:flex;gap:2px;align-items:center;flex-wrap:wrap}
.nav-dd{position:relative}
.nav-dd>a{display:block}
.dd-arrow{font-size:9px;margin-left:2px;opacity:.6}
.dd{display:none;position:absolute;top:100%;left:0;min-width:230px;max-height:72vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 18px 36px rgba(0,0,0,.12);padding:8px}
.nav-dd-r .dd{left:auto;right:0}
.nav-dd:hover>.dd,.nav-dd:focus-within>.dd,.nav-dd.open>.dd{display:block}
.dd a,.mainnav .dd a{display:block;padding:8px 12px;border:0;border-radius:9px;font-size:13px;font-weight:500;white-space:normal}
.dd a:hover,.mainnav .dd a:hover{background:var(--red-l);border:0}
.dd-wide{width:470px;columns:2;column-gap:6px}.dd-wide a{break-inside:avoid}
.dd-tree{width:300px}
.dd-tree summary{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;font-weight:700;font-size:13.5px;cursor:pointer;list-style:none;color:var(--ink)}
.dd-tree summary::-webkit-details-marker{display:none}
.dd-tree summary:hover{background:var(--bg)}
.dd-tree summary i{width:22px;text-align:center;color:var(--red)}
.dd-tree summary small{margin-left:auto;font-weight:500;color:var(--mut)}
.dd-tree summary::after{content:'›';margin-left:auto;color:var(--mut);transition:transform .15s}.dd-tree details[open] summary::after{transform:rotate(90deg)}
.dd-tree details a{margin-left:30px;padding:6px 10px}
.mainnav .dd-tree a.dd-all{color:var(--red);font-weight:700}
.cat-tree summary{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;font-weight:700;cursor:pointer;list-style:none}
.cat-tree summary::-webkit-details-marker{display:none}
.cat-tree summary:hover{background:var(--bg)}
.cat-tree summary i{width:20px;text-align:center;color:var(--red)}
.cat-tree summary small{margin-left:auto;font-weight:500}
.cat-tree summary::after{content:'›';margin-left:auto;color:var(--mut);transition:transform .15s}.cat-tree details[open] summary::after{transform:rotate(90deg)}
.cat-tree details a{margin-left:24px;font-size:13.5px}
.doc-links{display:flex;gap:8px;flex-wrap:wrap}
.f-partner{display:inline-flex;align-items:center;opacity:.85;transition:opacity .15s}.f-partner:hover{opacity:1}
.f-partner img{height:34px;width:auto;display:block}
.pay-logos{display:inline-flex;gap:8px;align-items:center}
@media(min-width:901px){.footer-bottom .container{padding-right:190px;align-items:center}}
.pay-logos b{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:52px;padding:0 8px;background:#fff;border-radius:6px}
.pay-logos svg{height:22px;width:auto}
.pl-visa{color:#1a1f71;font-size:15px;font-style:italic;font-weight:900;letter-spacing:.5px}
.pl-troy{color:#00a3ad;font-size:16px;font-weight:800;letter-spacing:-.3px}
html[data-theme="karanlik"] .dd{background:#18181d}
.mainnav{background:var(--dark2);border-top:0}
.mainnav a{white-space:nowrap;padding:13px 8px;font-weight:600;color:#e6e6ea;font-size:13px;border-bottom:3px solid transparent}
.mainnav a:hover,.mainnav a.on{color:#fff;border-bottom-color:var(--orange)}
.mainnav a.mega{background:var(--red);color:#fff;border-radius:10px;padding:9px 14px;margin-right:6px;border:0}
.mainnav a.mega:hover{background:var(--red-d);color:#fff}
.mainnav a.hot{margin-left:auto;color:var(--orange2)}
.mainnav a.pg{color:#c2c2ca;border-left:1px solid rgba(255,255,255,.14)}
.mainnav a.pg.on,.mainnav a.pg:hover{color:#fff}
.mainnav .dd a{color:var(--ink)}
.mainnav .dd a:hover{color:var(--red)}
.header{background:linear-gradient(90deg,var(--red-l),var(--orange-l))}
.header .search{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
/* Canlı arama önerileri */
.search{position:relative}
.sg{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.16);padding:8px;max-height:75vh;overflow:auto}
.sg-h{padding:6px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--mut)}
.sg a{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:10px;color:var(--ink)}
.sg a.act,.sg a:hover{background:var(--red-l)}
.sg img{width:44px;height:44px;flex:none;object-fit:contain;background:#fff;border-radius:6px}
.sg-t{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.3}
.sg-t mark{background:transparent;color:var(--red);font-weight:800}
.sg-p{flex:none;text-align:right;font-size:13.5px;font-weight:800;white-space:nowrap}
.sg-p s{display:block;font-size:11px;font-weight:500;color:var(--mut)}
.sg-c i{width:44px;text-align:center;color:var(--red);flex:none}
.sg-all{justify-content:center;margin-top:4px;font-weight:700;font-size:13px;color:var(--red)!important;border-top:1px solid var(--line);border-radius:0 0 10px 10px!important}
.sg-none{padding:18px 12px;text-align:center;font-size:13.5px;color:var(--mut)}
html[data-theme="karanlik"] .sg{background:#18181d}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border-radius:12px;font-weight:700;border:0;cursor:pointer;transition:.15s}
.btn-acc{background:var(--red);color:#fff}.btn-acc:hover{background:var(--red-d)}
.btn-navy{background:var(--dark);color:#fff}.btn-navy:hover{background:var(--orange)}
.btn-wa{background:#25d366;color:#fff;margin-top:12px}
.btn-lg{padding:14px 26px;font-size:15px}.btn-block{display:flex;width:100%}
.btn-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;font-weight:700;transition:.15s}
.btn-pill.acc{background:var(--red);color:#fff}.btn-pill.acc:hover{background:var(--orange)}
.btn-pill.outline{border:2px solid var(--dark);color:var(--dark)}.btn-pill.outline:hover{background:var(--dark);color:#fff}
.btn-pill.wa{background:#25D366;color:#fff}.btn-pill.light{background:#fff;color:var(--dark)}.btn-pill.outline-light{border:2px solid rgba(255,255,255,.6);color:#fff}
.link{background:none;border:0;color:var(--red);font-weight:600;cursor:pointer;padding:0}
.kick{display:inline-block;background:var(--red);color:#fff;padding:5px 12px;border-radius:6px;font-size:11.5px;font-weight:800;letter-spacing:1px}
.kick.light{background:rgba(255,255,255,.16)}

/* Flash */
.flash{margin:16px 0;padding:12px 16px;border-radius:12px;background:var(--green-bg);color:#14532d;border:1px solid #bfe8cf;font-weight:600}
.flash-err{background:#fdecec;color:#7f1d1d;border-color:#f6c6c6}

/* Hero / Slider */
.hero{display:grid;grid-template-columns:2.4fr 1fr;gap:18px;margin-top:22px}
.slider{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1180/440;min-height:300px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.slide{position:absolute;inset:0;display:flex;align-items:center;padding:40px 60px;color:#fff;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;background-size:cover;background-position:left center}
.slide.on{opacity:1;visibility:visible}
.slide.has-img{padding:0;background-color:#fff;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.slide-link{position:absolute;inset:0}
.theme-koyu{background:radial-gradient(circle at 78% 50%,color-mix(in srgb,var(--red) 55%,transparent) 0,transparent 45%),linear-gradient(115deg,var(--dark) 0%,var(--dark2) 60%,color-mix(in srgb,var(--red) 30%,var(--dark)) 100%)}
.theme-kirmizi{background:radial-gradient(circle at 80% 40%,rgba(255,255,255,.18) 0,transparent 40%),linear-gradient(115deg,var(--red-d) 0%,var(--red) 60%,var(--red2) 100%)}
.theme-turuncu{background:radial-gradient(circle at 80% 40%,rgba(255,255,255,.22) 0,transparent 40%),linear-gradient(115deg,color-mix(in srgb,var(--orange) 80%,#000) 0%,var(--orange) 55%,var(--orange2) 100%)}
.theme-mor{background:linear-gradient(115deg,#1b1060 0%,#5b21b6 100%)}
.theme-mavi{background:linear-gradient(115deg,#0b1f3a 0%,#1a5fd0 100%)}
.theme-yesil{background:linear-gradient(115deg,#0a6b37 0%,#12a150 60%,#34d27a 100%)}
.slide-text{position:relative;z-index:2;max-width:56%}
.slide-text h2{font-size:42px;line-height:1.08;margin:14px 0 12px;font-weight:900}
.slide-text h2 em{font-style:normal;color:var(--orange2)}
.theme-turuncu .slide-text h2 em,.theme-kirmizi .slide-text h2 em{color:var(--dark)}
.theme-turuncu .kick,.theme-kirmizi .kick{background:var(--dark)}
.slide-text p{color:rgba(255,255,255,.85);font-size:15px;max-width:420px;margin:0}
.slide-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:#fff;color:var(--dark);padding:13px 26px;border-radius:30px;font-weight:800}
.slide-btn:hover{background:var(--dark);color:#fff}
.slide-art{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:36%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.slide-art .orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);border:2px solid rgba(255,255,255,.12)}
.slide-art i{font-size:120px;color:rgba(255,255,255,.92);filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
.sl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--dark);cursor:pointer;z-index:5;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transition:.2s}
.slider:hover .sl-arrow{opacity:1}.sl-arrow.l{left:14px}.sl-arrow.r{right:14px}
.sl-dots{position:absolute;bottom:14px;right:18px;display:flex;gap:6px;z-index:5;background:rgba(0,0,0,.25);padding:6px 8px;border-radius:20px}
.sl-dots i{width:8px;height:8px;border-radius:5px;background:rgba(255,255,255,.55);cursor:pointer;transition:.2s}.sl-dots i.on{width:24px;background:#fff}
.hero-side{display:grid;gap:18px}
.promo{border-radius:24px;padding:26px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:.2s}
.promo:hover{transform:translateY(-3px)}
.promo-orange{background:linear-gradient(135deg,var(--red),var(--red2))}.promo-blue{background:linear-gradient(135deg,var(--orange),var(--orange2))}
.promo b{font-size:30px;display:block;line-height:1.15;font-weight:900}.promo small{display:block;margin-top:6px;opacity:.92}
.promo>i{position:absolute;right:-10px;bottom:-14px;font-size:96px;opacity:.16}

/* Özellikler */
.features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;background:#fff;border-radius:var(--r);padding:6px;box-shadow:0 4px 14px rgba(0,0,0,.03)}
.features>div{display:grid;grid-template-columns:46px 1fr;column-gap:12px;padding:14px;border-right:1px solid var(--line);align-items:center}
.features>div:last-child{border:0}
.features i{grid-row:span 2;font-size:19px;width:46px;height:46px;border-radius:14px;background:var(--red-l);color:var(--red);display:flex;align-items:center;justify-content:center}
.features .fa-whatsapp{background:#e9fbef;color:#25D366;font-size:22px}
.features b{font-size:13.5px}.features span{font-size:12px;color:var(--mut)}

/* Kategori daireleri */
.cat-circles{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:30px}
.cat-circles a{text-align:center;font-weight:600;font-size:13px;color:#33343c}
.cat-circles i{display:flex;margin:0 auto 10px;width:86px;height:86px;border-radius:50%;background:#fff;align-items:center;justify-content:center;font-size:32px;color:var(--red);box-shadow:0 8px 20px rgba(0,0,0,.06);border:3px solid #fff;outline:2px solid var(--red-l);transition:.2s}
.cat-circles a:nth-child(even) i{color:var(--orange);outline-color:var(--orange-l)}
.cat-circles a:hover i{background:var(--red);color:#fff;transform:translateY(-4px)}
.cat-circles span{display:block;line-height:1.3}
/* Yasal sayfalar */
.legal-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.legal-tabs a{padding:9px 16px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:600;color:var(--ink)}
.legal-tabs a.on{background:var(--dark);border-color:var(--dark);color:#fff}
.legal{max-width:860px;line-height:1.7;margin-bottom:30px}
.legal h2{font-size:18px;margin:24px 0 8px}.legal h2:first-child{margin-top:0}
.legal a{color:var(--red);font-weight:600}
.legal ul,.legal ol{padding-left:22px}.legal li{margin-bottom:6px}
.legal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.legal-steps div{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:var(--bg)}
.legal-steps div>b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center}
.agree a{color:var(--red);text-decoration:underline}
.tbl-scroll{overflow-x:auto}
.legal-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:12px}
.legal-tbl th,.legal-tbl td{padding:8px 10px;border:1px solid var(--line);text-align:left}
.legal-tbl th{background:var(--bg)}
/* PC toplama sihirbazı */
.pcb{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;margin:22px 0 34px;align-items:start}
.pcb-side{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.pcb-steps{padding:8px}
.pcb-step{display:flex;align-items:center;gap:4px;border-radius:12px}
.pcb-step+.pcb-step{margin-top:2px}
.pcb-step>a{flex:1;min-width:0;display:flex;gap:10px;align-items:center;padding:8px;color:var(--ink)}
.pcb-step i{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--red);background:var(--red-l)}
.pcb-step span{min-width:0;display:block}
.pcb-step b{display:block;font-size:13.5px}.pcb-step b small{font-weight:500;color:var(--mut)}
.pcb-step em{display:block;font-style:normal;font-size:11.5px;line-height:1.35;color:var(--mut);overflow-wrap:anywhere}
.pcb-step strong{display:block;margin-top:2px;font-size:12.5px;color:var(--red)}
.pcb-step.on{background:var(--red-l)}.pcb-step.on i{background:var(--red);color:#fff}
.pcb-step.done:not(.on) i{background:var(--green-bg);color:var(--green)}
.pcb-msg{font-size:12.5px;padding:8px 10px;border-radius:10px;margin-bottom:8px;line-height:1.4}
.pcb-msg.no{background:var(--red-l);color:var(--red)}.pcb-msg.warn{background:var(--orange-l);color:color-mix(in srgb,var(--orange) 75%,var(--ink))}.pcb-msg.ok{background:var(--green-bg);color:var(--green)}
.pcb-sum .btn[disabled]{opacity:.45;cursor:not-allowed}
.pcb-sum .center{text-align:center;margin-top:8px}
.pcb-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pcb-head h2{margin:0;font-size:22px}.pcb-head small{font-size:13px;font-weight:500;color:var(--mut)}
.pcb-tools{display:flex;gap:8px;flex-wrap:wrap}
.pcb-tools input,.pcb-tools select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.pcb-hidden{font-size:13px;color:var(--mut);margin:0 0 10px}.pcb-hidden a{color:var(--red);font-weight:600}
.pcb-item{display:grid;grid-template-columns:72px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:8px}
.pcb-item img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff}
.pcb-item.sel{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.pcb-item.no{opacity:.6}
.pcb-t{min-width:0}.pcb-t>a{font-weight:600;font-size:14px;color:var(--ink);line-height:1.35;display:block}
.pcb-badge{display:inline-block;font-size:11.5px;padding:3px 8px;border-radius:8px;margin-top:5px;font-weight:600}
.pcb-badge.warn{background:var(--orange-l);color:color-mix(in srgb,var(--orange) 75%,var(--ink))}.pcb-badge.no{background:var(--red-l);color:var(--red)}
.pcb-p{text-align:right;white-space:nowrap}.pcb-p s{display:block;font-size:12px;color:var(--mut)}.pcb-p b{display:block;font-size:16px}.pcb-p small{color:var(--green);font-size:11.5px;font-weight:600}
.pcb-picked{background:var(--green-bg);color:var(--green);cursor:default}.pcb-picked.off{background:var(--bg);color:var(--mut)}
.pcb-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px}.pcb-pager .btn{background:#fff;border:1px solid var(--line);color:var(--ink)}
html[data-theme="karanlik"] .pcb-item,html[data-theme="karanlik"] .pcb-tools input,html[data-theme="karanlik"] .pcb-tools select,html[data-theme="karanlik"] .pcb-pager .btn,html[data-theme="karanlik"] .legal-tabs a:not(.on){background:#18181d}
@media(max-width:960px){.pcb{grid-template-columns:minmax(0,1fr)}.legal-steps{grid-template-columns:1fr}}
@media(max-width:600px){.pcb-item{grid-template-columns:56px 1fr;gap:10px}.pcb-item img{width:56px;height:56px}.pcb-p{text-align:left;grid-column:2}.pcb-item form,.pcb-picked{grid-column:2}.pcb-item .btn{width:100%}.pcb-tools,.pcb-tools input,.pcb-tools select{width:100%}}
.cat-art{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em}
.cat-circles .cat-art{width:1.6em;height:1.6em;transition:transform .2s}
.cat-circles a:hover .cat-art{transform:scale(1.08)}

/* Fırsatlar */
.deals{display:grid;grid-template-columns:290px 1fr;gap:18px;margin-top:34px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--red) 50%,transparent),transparent 45%),linear-gradient(120deg,var(--dark),var(--dark2));border-radius:26px;padding:18px}
.deals-head{color:#fff;padding:22px}
.deals-head h2{font-size:30px;line-height:1.1;margin:14px 0 16px}
.countdown{display:flex;gap:8px}.countdown div{background:rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;text-align:center;font-size:11px;color:#bdbdc6;min-width:58px}
.countdown b{display:block;font-size:24px;color:#fff;font-variant-numeric:tabular-nums}
.deals-head .btn-pill{margin-top:22px}
.deals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pbar{height:6px;background:#efeff3;border-radius:4px;margin-top:10px;overflow:hidden}.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--orange2))}

.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 16px;gap:12px;flex-wrap:wrap}
.sec-head h2{margin:0;font-size:24px;color:var(--ink);font-weight:800}
.sec-head h2 small{display:block;font-size:13px;color:var(--mut);font-weight:500}
.sec-head>a{color:var(--red);font-weight:700;white-space:nowrap}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs button{padding:8px 15px;border-radius:20px;background:#fff;font-weight:600;font-size:13px;border:1px solid var(--line);cursor:pointer}
.tabs button.on{background:var(--dark);color:#fff;border-color:var(--dark)}

/* Ürün kartı */
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.pgrid-4{grid-template-columns:repeat(4,1fr)}
.tab-item{display:flex}.tab-item>.pcard{flex:1}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;position:relative;display:flex;flex-direction:column;transition:.2s}
.pcard:hover{box-shadow:0 16px 34px rgba(0,0,0,.09);transform:translateY(-3px);border-color:#fff}
.pimg{display:flex;align-items:center;justify-content:center;height:190px;border-radius:14px;background:#fff;overflow:hidden}
.pimg img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s}
.pcard:hover .pimg img{transform:scale(1.05)}
.tag{position:absolute;top:20px;left:20px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:20px;z-index:2}
.tag-new{background:var(--orange)}
.pbrand{font-size:11px;color:var(--mut);margin-top:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;min-height:16px}
.ptitle{display:block;margin:2px 0 6px;font-size:13.5px;font-weight:600;line-height:1.35;height:36px;overflow:hidden}
.ptitle:hover{color:var(--red)}
.stk{font-size:11.5px;color:var(--green);font-weight:600}.stk.low{color:#d97706}.stk.out{color:#dc2626}
.pprice{margin-top:4px}.pprice s{color:var(--mut);font-size:12px;display:block;min-height:17px}.pprice s.ph{visibility:hidden}.pprice b{display:block;font-size:18px;font-weight:800}
.phavale{margin-top:6px;background:var(--green-bg);border-radius:10px;padding:7px 10px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.phavale span{font-size:11px;color:var(--green);font-weight:600}.phavale b{color:var(--green);font-size:15.5px;white-space:nowrap}
.pcard form{margin-top:auto}
.btn-add{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#fff;color:var(--dark);border:2px solid var(--dark);padding:8px;border-radius:30px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}
.btn-add:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn-add.disabled{background:#f1f1f4;border-color:#f1f1f4;color:#9a9aa5;cursor:default}

/* Duo / markalar / şerit */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.duo a{border-radius:24px;padding:30px 30px 84px;color:#fff;min-height:190px;position:relative;overflow:hidden;transition:.2s}
.duo a:hover{transform:translateY(-3px)}
.duo-1{background:linear-gradient(120deg,var(--red),var(--red2))}.duo-2{background:linear-gradient(120deg,var(--dark),var(--dark2))}
.duo span{font-size:12px;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.duo b{display:block;font-size:24px;margin:6px 0;position:relative;z-index:2}.duo small{opacity:.9;position:relative;z-index:2}
.duo em{font-style:normal;position:absolute;left:30px;bottom:26px;background:#fff;color:var(--ink);padding:10px 18px;border-radius:30px;font-weight:700;z-index:2}
.duo .bg{position:absolute;right:20px;bottom:-20px;font-size:150px;opacity:.13}
.brands{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;margin-top:30px;background:#fff;border-radius:var(--r);padding:22px 30px}
.brands a{font-weight:900;font-size:18px;color:#b5b5bf;letter-spacing:.5px;text-transform:uppercase}.brands a:hover{color:var(--red)}
.strip{margin-top:30px;border-radius:24px;background:#fff;border:1px solid var(--line);padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.strip b{font-size:20px}.strip p{margin:4px 0 0;color:var(--mut)}
.mp{display:flex;gap:10px;flex-wrap:wrap}.mp a{background:var(--bg);color:var(--ink);padding:10px 18px;border-radius:12px;font-weight:800}.mp a:hover{background:var(--red);color:#fff}

/* Ayrı sayfalar */
.page-hero{margin-top:24px;border-radius:26px;padding:44px 48px;color:#fff;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--orange) 55%,transparent),transparent 40%),linear-gradient(115deg,var(--dark),var(--dark2) 55%,color-mix(in srgb,var(--red) 45%,var(--dark)))}
.page-hero h1{font-size:34px;margin:12px 0 8px}.page-hero p{margin:0;color:#d4d4d8;max-width:640px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.scard{--sc:var(--red);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.2s;border-top:4px solid var(--sc)}
.scard:hover{box-shadow:0 14px 30px rgba(0,0,0,.07);transform:translateY(-3px)}
.scard>i{font-size:24px;display:flex;width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,var(--sc) 12%,white);color:var(--sc);align-items:center;justify-content:center}
.scard h3{margin:14px 0 6px;font-size:17px}.scard p{color:var(--mut);margin:0 0 10px}
.scard ul{margin:0;padding:0;list-style:none}.scard li{margin:6px 0;display:flex;gap:8px;align-items:baseline}.scard li i{color:var(--sc);font-size:12px}
.cta-band{margin-top:24px;border-radius:24px;padding:28px 34px;background:linear-gradient(115deg,var(--red),var(--orange));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta-band b{font-size:22px}.cta-band p{margin:4px 0 0;opacity:.92}.cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.about{margin-top:22px;display:grid;grid-template-columns:1.6fr 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px}
.about-text>p{color:#3a3b44;font-size:15px}
.mv{display:flex;gap:14px;background:var(--bg);border-radius:14px;padding:16px;margin:12px 0}.mv>i{font-size:20px;color:var(--red);width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}.mv b{color:var(--ink)}.mv p{margin:4px 0 0;color:#3a3b44}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}
.about-stats div{background:linear-gradient(135deg,var(--red-l),var(--orange-l));border-radius:16px;padding:22px;text-align:center}
.about-stats b{display:block;font-size:32px;color:var(--red);font-weight:900}.about-stats span{color:var(--mut);font-size:13px}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;margin-top:22px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.cgrid>*{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:block}
.cgrid>* > i{font-size:20px;color:var(--red);width:44px;height:44px;border-radius:12px;background:var(--red-l);display:flex;align-items:center;justify-content:center}
.cgrid b{display:block;margin:10px 0 4px}.cgrid span{color:#3a3b44}
.cgrid .wa-card{background:#25D366;color:#fff;border:0}.cgrid .wa-card i{background:rgba(255,255,255,.2);color:#fff;font-size:24px}.cgrid .wa-card span{color:#fff}
.soc-card{grid-column:1/-1}.soc-card b{margin:0 0 12px}
.map{border-radius:18px;overflow:hidden;border:1px solid var(--line);min-height:420px;background:#fff}.map iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

/* Listeleme */
.breadcrumb{margin:18px 0 12px;color:var(--mut);font-size:13px}.breadcrumb a:hover{color:var(--red)}
.listing{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;position:sticky;top:120px;max-height:calc(100vh - 140px);overflow:auto}
.filters h4{margin:14px 0 6px}.filters h4:first-child{margin-top:0}
.filters a{display:block;padding:6px 10px;border-radius:9px;color:#33343c}.filters a:hover{background:var(--bg)}
.filters a.on{background:var(--red-l);color:var(--red);font-weight:700}.filters small{color:var(--mut)}
.filter-btn{display:none;width:100%;padding:12px;border:1px solid var(--line);background:#fff;border-radius:12px;font-weight:700;cursor:pointer}
.filter-promo{margin-top:14px;background:var(--green-bg);color:var(--green);padding:10px;border-radius:10px;font-size:13px}
.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}
.results-head h1{margin:0;font-size:22px}.results-head h1 small{font-size:13px;color:var(--mut);font-weight:500}
.sort select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.pager{display:flex;gap:6px;justify-content:center;margin:26px 0}
.pager a,.pager span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:600}
.pager a.on{background:var(--red);color:#fff;border-color:var(--red)}
.empty{background:#fff;border:1px dashed #d6d6de;border-radius:var(--r);padding:40px;text-align:center;color:var(--mut)}
.empty a{color:var(--red);font-weight:600}.empty.big{font-size:18px;margin-top:20px}.empty.big .btn{margin-top:14px;color:#fff}

/* Ürün detay */
.pdetail{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}
.gmain{position:relative;height:460px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.gmain img{max-height:100%;max-width:100%;object-fit:contain}
.gthumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.gthumbs img{width:74px;height:74px;object-fit:contain;border:2px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}
.gthumbs img.on{border-color:var(--red)}
.pinfo h1{font-size:25px;margin:4px 0 8px;line-height:1.3}
.pmeta{color:var(--mut);font-size:13px}
.pricebox{margin:18px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pb-normal{padding:14px 18px}.pb-normal s{color:var(--mut);margin-right:10px}.pb-normal b{font-size:24px}
.pb-havale{background:var(--green-bg);padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.pb-havale span{color:var(--green);font-weight:700}.pb-havale small{font-weight:500}.pb-havale b{font-size:28px;color:var(--green)}
.buy{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.qty{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.qty button{width:40px;border:0;background:var(--bg);font-size:18px;cursor:pointer}
.qty input{width:54px;border:0;text-align:center;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.soldout{background:#fdecec;color:#7f1d1d;padding:14px;border-radius:12px}.soldout a{font-weight:700;text-decoration:underline}
.perks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.perks li{background:var(--bg);padding:10px 12px;border-radius:12px}.perks a{color:var(--red);font-weight:600}
.pdesc{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}
.pdesc h2{margin:0 0 12px}.pdesc-body{overflow-x:auto}.pdesc-body img{height:auto}
.pdesc-body table{border-collapse:collapse}.pdesc-body td,.pdesc-body th{border:1px solid var(--line);padding:6px 10px}

/* Sepet / ödeme */
.steps{display:flex;gap:10px;margin:22px 0}
.steps div{flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-weight:600;color:var(--mut)}
.steps div.on{border-color:var(--red);color:var(--ink);box-shadow:inset 0 -3px 0 var(--red)}
.checkout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.box h3{margin:0 0 14px}.box h3 small{color:var(--mut);font-weight:500}
.mt{margin-top:24px!important}
.cline{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.cline img{width:64px;height:64px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#fff}
.cl-t{flex:1;min-width:0}.cl-t b{display:block;font-weight:600}.cl-t span{color:var(--mut);font-size:12px}
.cl-q{width:64px;padding:8px;border:1px solid var(--line);border-radius:8px;text-align:center}
.cl-p{white-space:nowrap}
.cl-x{border:0;background:#fdecec;color:#b91c1c;width:30px;height:30px;border-radius:8px;cursor:pointer}
.cart-actions{display:flex;justify-content:space-between;margin-top:14px}.cart-actions a{color:var(--red);font-weight:600}
.summary .r{display:flex;justify-content:space-between;padding:7px 0}
.summary .d{color:var(--green);font-weight:700}
.summary .tot{border-top:2px solid var(--line);margin-top:8px;padding-top:12px;font-size:20px;font-weight:800}
.summary .btn{margin-top:14px}
.sticky{position:sticky;top:120px}
.note,.muted{font-size:12px;color:var(--mut);margin-top:10px}
.hint{font-size:12px;color:#b45309;background:#fff8e1;padding:6px 10px;border-radius:8px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f2 input,.f2 textarea,.f2 select{width:100%;padding:12px;border:1px solid #d9d9e0;border-radius:12px;outline:0}
.f2 input:focus,.f2 textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 12%,transparent)}
.f2 .w{grid-column:1/-1}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.paymethod{display:flex;gap:12px;align-items:center;border:2px solid var(--green);background:#f1fbf5;border-radius:12px;padding:14px}
.paymethod i{font-style:normal;font-size:26px}.paymethod b{color:var(--green);display:block}.paymethod span{color:var(--mut);font-size:12px}
.agree{display:flex;gap:8px;font-size:12.5px;color:#3a3b44;margin-top:14px;cursor:pointer}
.bank{margin-top:14px;border-radius:12px;background:var(--orange-l);border:1px solid color-mix(in srgb,var(--orange) 25%,white);padding:14px}
.bank .holder{font-size:13px;margin-top:4px}
.iban{font-family:Consolas,"Courier New",monospace;background:#fff;border-radius:8px;padding:9px 10px;margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px}
.iban button,[data-copy]{border:0;background:none;color:var(--red);font-weight:700;cursor:pointer;font-family:inherit;font-size:12px}
.desc-note{margin-top:12px;background:#fff8e1;border-radius:10px;padding:10px;font-size:13px}
.success{display:flex;gap:16px;align-items:flex-start;background:var(--green-bg);border-radius:14px;padding:18px;margin-bottom:16px}
.success i{font-style:normal;width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.success h2{margin:0 0 4px;color:#14532d}.success p{margin:0}
.r-status{margin:6px 0}
.status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,white)}
.addr{color:#3a3b44;margin:0}
.h1s{margin:0 0 6px;font-size:24px}
.howto li{margin:6px 0}

/* Footer */
.footer{background:var(--dark);color:#a9a9b3;margin-top:50px;border-top:4px solid var(--red)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:30px;padding-top:40px;padding-bottom:28px}
.f-logo{display:inline-block;background:#fff;border-radius:14px;padding:8px 14px;margin-bottom:12px}.f-logo img{height:54px;display:block}.f-logo b{color:var(--red);font-size:18px}
.footer h5{color:#fff;font-size:15px;margin:0 0 14px}
.footer p,.footer li{font-size:13px;line-height:1.8;margin:0}
.footer ul{list-style:none;padding:0;margin:0}.footer a:hover{color:#fff}
.f-about p{margin-bottom:14px}
.f-contact li{display:flex;gap:10px;align-items:baseline;margin-bottom:4px}.f-contact i{color:var(--orange2);width:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);font-size:12px}
.footer-bottom .container{display:flex;justify-content:space-between;gap:10px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.wa-float{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;padding:12px 18px;border-radius:30px;font-weight:700;box-shadow:0 8px 24px rgba(37,211,102,.4);z-index:60;display:flex;align-items:center;gap:8px}
.wa-float i{font-size:22px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--dark);color:#fff;padding:10px 18px;border-radius:10px;z-index:99;font-weight:600}

/* Responsive */
@media (max-width:1180px){
  .pgrid{grid-template-columns:repeat(4,1fr)}.pgrid-4{grid-template-columns:repeat(3,1fr)}
  .cat-circles{grid-template-columns:repeat(4,1fr)}
  .features{grid-template-columns:repeat(2,1fr)}.features>div:nth-child(2){border:0}
  .slide-text h2{font-size:32px}.slide-art i{font-size:80px}
  .deals{grid-template-columns:1fr}.deals-head{padding:10px 8px}
}
@media (max-width:900px){
  .topbar .tb-left{display:none}.topbar .container{justify-content:center}
  .header .container{flex-wrap:wrap;gap:12px}
  .menu-btn{display:block}.logo img{height:46px}
  .search{order:5;flex-basis:100%}
  .header-icons{margin-left:auto}.hi{display:none}
  .mainnav{display:none}.nav-open .mainnav{display:block}
  .nav-open .mainnav .container{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
  .dd,.dd-wide,.dd-tree{position:static;width:auto;columns:1;max-height:none;box-shadow:none;border:0;padding:0 0 6px 12px;background:transparent}
  .mainnav .dd a,.dd-tree summary{color:#e6e6ea}.mainnav .dd a:hover{background:rgba(255,255,255,.08);color:#fff}.dd-tree summary:hover{background:rgba(255,255,255,.08)}
  .nav-dd:hover>.dd,.nav-dd:focus-within>.dd{display:none}.nav-dd.open>.dd{display:block}
  .mainnav a.hot{margin-left:0}
  .hero,.checkout,.listing,.pdetail,.about,.contact-grid{grid-template-columns:1fr}
  .hero-side{grid-template-columns:1fr 1fr}
  .slider{min-height:0}
  .slide{padding:26px}.slide-text{max-width:100%}.slide-art{display:none}
  .slide-text h2{font-size:26px}.slide-text p{font-size:13px}
  .features{grid-template-columns:1fr 1fr}.features>div{border-right:0;border-bottom:1px solid var(--line)}
  .pgrid,.pgrid-4,.deals-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .sgrid{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr}
  .filters{position:static;max-height:none;display:none}.filters.open{display:block}.filter-btn{display:block}
  .gmain{height:320px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .sticky{position:static}
  .page-hero{padding:30px 24px}.page-hero h1{font-size:26px}
}
@media (max-width:560px){
  .container{padding:0 14px}
  .tb-right{gap:12px;font-size:11.5px}.tb-right .soc{display:none}
  .slider{aspect-ratio:auto;height:auto}
  .slide{position:relative;display:none;min-height:220px}.slide.on{display:flex}
  .slide.has-img{min-height:0;aspect-ratio:1180/440}
  .hero-side{grid-template-columns:1fr 1fr;gap:10px}.promo{padding:16px;border-radius:18px}.promo b{font-size:19px}.promo span,.promo small{font-size:11.5px}.promo>i{font-size:60px}
  .features>div{grid-template-columns:38px 1fr;padding:10px;column-gap:8px}.features i{width:38px;height:38px;font-size:16px}.features b{font-size:12.5px}.features span{font-size:11px}
  .cat-circles{grid-template-columns:repeat(4,1fr);gap:8px}.cat-circles i{width:62px;height:62px;font-size:22px}.cat-circles a{font-size:11.5px}
  .pimg{height:140px}.phavale{flex-direction:column;align-items:flex-start;gap:0}
  .sgrid,.cgrid{grid-template-columns:1fr}
  .f2{grid-template-columns:1fr}.steps div{font-size:11.5px;padding:10px}
  .footer-grid{grid-template-columns:1fr}
  .cline{flex-wrap:wrap}
  .cart-btn b{display:none}
  .wa-float span{display:none}
}
/* İkinci el / garanti */
.tag-cond{--cc:#7c3aed;background:var(--cc);top:auto;bottom:auto;left:auto;right:20px;top:20px}
.pmeta-row{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:18px}
.pwar{font-size:11px;color:#0b6b9e;font-weight:600;white-space:nowrap}.pwar i{font-size:10px}
.pinfo-badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.cond-b{--cc:#12a150;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;color:var(--cc);background:color-mix(in srgb,var(--cc) 12%,white)}
.war-b{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;background:#eaf4fb;color:#0b6b9e}
.cond-note{margin-top:10px;background:#f6f1ff;color:#4c1d95;border-radius:12px;padding:10px 12px;font-size:13px}
.mainnav a.used{color:#c4b5fd}.mainnav a.used:hover,.mainnav a.used.on{color:#ddd6fe;border-bottom-color:#a78bfa}
.filters a.used-link{color:#7c3aed;font-weight:700}.filters a.used-link.on{background:#f3edff;color:#7c3aed}
.cat-circles a.used i{color:#7c3aed;outline-color:#e9ddff}.cat-circles a.used:hover i{background:#7c3aed;color:#fff}

/* ================= TEMALAR =================
   Panel > Ayarlar > Site Teması'ndan seçilir. <html data-theme="..."> */
html[data-theme="gece"]{--red:#2563eb;--red2:#60a5fa;--orange:#f59e0b;--orange2:#fbbf24;--dark:#0b1220;--dark2:#1e293b;--bg:#f3f6fb;--ink:#0f172a}
html[data-theme="zumrut"]{--red:#059669;--red2:#34d399;--orange:#d4a017;--orange2:#f3c94b;--dark:#062b22;--dark2:#0f3d31;--bg:#f2f7f5;--ink:#0c1f19}
html[data-theme="mor"]{--red:#7c3aed;--red2:#c084fc;--orange:#ec4899;--orange2:#f9a8d4;--dark:#160f2b;--dark2:#2a1d4d;--bg:#f6f4fb;--ink:#1b1430}
html[data-theme="altin"]{--red:#b8862b;--red2:#e0b65a;--orange:#c2410c;--orange2:#f59e0b;--dark:#0d0d0d;--dark2:#232323;--bg:#f7f5f0;--ink:#121212}
html[data-theme="okyanus"]{--red:#0891b2;--red2:#22d3ee;--orange:#f97316;--orange2:#fdba74;--dark:#082f3a;--dark2:#0e4a5a;--bg:#f0f7f9;--ink:#0b2730}
/* Koyu (gece modu) tema: tüm yüzeyler koyu */
html[data-theme="karanlik"]{--red:#ef4444;--red2:#f87171;--orange:#f59e0b;--orange2:#fbbf24;--dark:#0a0a0c;--dark2:#1c1c22;--bg:#111114;--ink:#ececf1;--mut:#9a9aa8;--line:#26262e;--green-bg:#0f2a1c;--red-l:#2a1416;--orange-l:#2a2010}
html[data-theme="karanlik"] body{background:var(--bg);color:var(--ink)}
html[data-theme="karanlik"] .header,html[data-theme="karanlik"] .mainnav,html[data-theme="karanlik"] .features,html[data-theme="karanlik"] .pcard,html[data-theme="karanlik"] .pimg,
html[data-theme="karanlik"] .box,html[data-theme="karanlik"] .filters,html[data-theme="karanlik"] .pdetail,html[data-theme="karanlik"] .pdesc,html[data-theme="karanlik"] .gmain,
html[data-theme="karanlik"] .strip,html[data-theme="karanlik"] .scard,html[data-theme="karanlik"] .about,html[data-theme="karanlik"] .cgrid>*,html[data-theme="karanlik"] .steps div,
html[data-theme="karanlik"] .pager a,html[data-theme="karanlik"] .pager span,html[data-theme="karanlik"] .tabs button,html[data-theme="karanlik"] .empty,html[data-theme="karanlik"] .slider,
html[data-theme="karanlik"] .cat-circles i,html[data-theme="karanlik"] .sort select,html[data-theme="karanlik"] .btn-add,html[data-theme="karanlik"] .iban,html[data-theme="karanlik"] .gthumbs img,html[data-theme="karanlik"] .cline img{background:#18181d;color:var(--ink);border-color:var(--line)}
html[data-theme="karanlik"] .search{background:#1c1c22}html[data-theme="karanlik"] .search input{color:var(--ink)}
html[data-theme="karanlik"] .cat-circles a,html[data-theme="karanlik"] .filters a,html[data-theme="karanlik"] .hi i{color:#d4d4dc}
html[data-theme="karanlik"] .btn-add{border-color:#3a3a44}html[data-theme="karanlik"] .btn-add:hover{background:var(--red);border-color:var(--red);color:#fff}
html[data-theme="karanlik"] .mp a,html[data-theme="karanlik"] .perks li,html[data-theme="karanlik"] .mv,html[data-theme="karanlik"] .qty button{background:#202028;color:var(--ink)}
html[data-theme="karanlik"] .f2 input,html[data-theme="karanlik"] .f2 textarea,html[data-theme="karanlik"] .f2 select,html[data-theme="karanlik"] .cl-q,html[data-theme="karanlik"] .qty input{background:#1c1c22;color:var(--ink);border-color:#34343e}
html[data-theme="karanlik"] .logo img,html[data-theme="karanlik"] .f-logo{background:#fff;border-radius:12px;padding:4px 8px}
html[data-theme="karanlik"] .footer{background:#09090b}
html[data-theme="karanlik"] .about-text>p,html[data-theme="karanlik"] .mv p,html[data-theme="karanlik"] .cgrid span,html[data-theme="karanlik"] .addr{color:#c4c4cf}
html[data-theme="karanlik"] .phavale{background:var(--green-bg)}
/* Altın temada düğmeler daha zarif */
html[data-theme="altin"] .mainnav a.mega,html[data-theme="altin"] .search button{background:linear-gradient(135deg,#b8862b,#e0b65a)}
html[data-theme="altin"] .cart-btn{background:linear-gradient(135deg,#1a1a1a,#333)}
html[data-theme="karanlik"] .cat-circles i{color:var(--red)}html[data-theme="karanlik"] .cat-circles a:nth-child(even) i{color:var(--orange)}html[data-theme="karanlik"] .cat-circles a.used i{color:#a78bfa}

/* ================= Üyelik & Ödeme ================= */
.auth{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:26px auto 0}
.auth .box h3{font-size:20px}.auth .box h3 i{color:var(--red);margin-right:6px}
.auth-row{display:flex;justify-content:space-between;font-size:13px}.auth-row a{color:var(--red);font-weight:600}
.auth-perks{margin-top:18px;display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.auth-perks div{display:flex;gap:10px;align-items:center;color:#3a3b44;font-size:13.5px}.auth-perks i{color:var(--green);width:18px}
.agree input,.f2 .agree input{width:auto!important;padding:0!important;flex-shrink:0;margin-top:2px}
.acc{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-top:22px;align-items:start}
.acc-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;position:sticky;top:120px}
.acc-user{display:flex;gap:12px;align-items:center;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.acc-user b{display:block}.acc-user small{color:var(--mut);word-break:break-all}
.acc-side a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;font-weight:600;color:#33343c}
.acc-side a i{width:18px;color:var(--mut)}.acc-side a.on{background:var(--red-l);color:var(--red)}.acc-side a.on i{color:var(--red)}.acc-side a:hover{background:var(--bg)}
.ost{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 18px}
.ost div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.ost b{display:block;font-size:24px}.ost span{color:var(--mut);font-size:13px}
.ord{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}
.oh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.oh small{color:var(--mut);display:block}.oi{display:flex;gap:14px;margin-top:12px;align-items:center;flex-wrap:wrap}
.pm{font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;background:var(--bg)}
.trk{font-weight:700;color:var(--red);font-size:13px;white-space:nowrap}
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ad-card{background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px}.ad-card.on{border-color:var(--red)}
.ad-card p{margin:6px 0 10px;color:#3a3b44;font-size:13.5px}.ad-card b i{color:var(--red)}
.ad-act{display:flex;gap:14px;align-items:center;font-size:13px}.ad-act a{color:var(--red);font-weight:600}.ad-act form{margin:0}.link.del{color:#b91c1c}
.chip-s{font-size:11px;background:var(--red-l);color:var(--red);padding:2px 8px;border-radius:10px;margin-left:4px}
.member{display:flex;align-items:center;gap:12px;background:var(--green-bg);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.member i{font-size:20px;color:var(--green)}.member a{margin-left:auto;color:var(--red);font-weight:700;font-size:13px}
.addrsel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.ad{border:2px solid var(--line);border-radius:12px;padding:12px;font-size:13px;cursor:pointer;display:block;margin:0;color:#3a3b44}.ad input{display:none}
.ad.on{border-color:var(--red);background:var(--red-l)}.ad b{display:block;color:var(--ink);margin-bottom:2px}.ad b i{color:var(--red)}
.ad.new{border-style:dashed;color:var(--mut);display:flex;align-items:center;justify-content:center;font-weight:700;min-height:70px}
.newaddr{margin-bottom:6px}
.paytabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pt{border:2px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;background:#fff;position:relative;margin:0}
.pt input{display:none}.pt.on{border-color:var(--red);background:var(--red-l)}
.pt .rd{width:20px;height:20px;border-radius:50%;border:2px solid #c9c9d2;flex-shrink:0;margin-top:2px}.pt.on .rd{border:6px solid var(--red)}
.pt b{display:block;font-size:15px}.pt span{font-size:12.5px;color:var(--mut)}
.pt .tagx{position:absolute;top:-10px;right:12px;background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px}
.cards{display:flex;gap:6px;margin-top:8px}.cards i{font-size:26px;color:#1a1f71}.cards .fa-cc-mastercard{color:#eb001b}.cards .fa-cc-amex{color:#2e77bb}
.iyz{display:flex;align-items:center;gap:10px;background:#f4f7ff;border:1px solid #dbe5ff;border-radius:12px;padding:12px;margin-top:12px;font-size:13px;color:#33405a}.iyz>i{color:#1e64ff;font-size:20px}
.payframe{width:100%;min-height:620px;border:0;border-radius:12px;background:#fff}
.success.wait i{background:var(--orange)}
.spin{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.auth,.acc,.addr-grid,.addrsel,.paytabs{grid-template-columns:1fr}.acc-side{position:static}.ost{grid-template-columns:1fr 1fr 1fr}}
html[data-theme="karanlik"] .acc-side,html[data-theme="karanlik"] .ord,html[data-theme="karanlik"] .ost div,html[data-theme="karanlik"] .ad-card,html[data-theme="karanlik"] .pt,html[data-theme="karanlik"] .ad{background:#18181d;color:var(--ink);border-color:var(--line)}
html[data-theme="karanlik"] .iyz{background:#141a2a;border-color:#22304f;color:#c8d3ec}
/* Stoktakiler anahtarı (ürün listesi) */
.res-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stock-tgl{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap}
.stock-tgl .sw{width:30px;height:17px;border-radius:9px;background:#d4d4dc;position:relative;transition:.2s;flex:none}
.stock-tgl .sw:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.stock-tgl.on{border-color:#16a34a;color:#15803d;background:#f0fbf4}.stock-tgl.on .sw{background:#16a34a}.stock-tgl.on .sw:after{left:15px}
.stock-tgl:hover{border-color:var(--red)}
html[data-theme="karanlik"] .stock-tgl{background:#18181d;color:var(--ink);border-color:var(--line)}
html[data-theme="karanlik"] .stock-tgl.on{background:#10291a;color:#4ade80;border-color:#16a34a}
@media (max-width:560px){.results-head{flex-wrap:wrap}.res-tools{width:100%}.res-tools .sort{flex:1}.res-tools .sort select{width:100%}}
/* Ürün sayfası kargo kartı */
.shipcard{margin:16px 0 4px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;border-left:4px solid var(--cc)}
.sc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.sc-carrier{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:var(--cc);font-size:15px}
.sc-fee{font-size:12.5px;font-weight:700;color:#15803d;background:#f0fbf4;padding:3px 9px;border-radius:8px}
.shipcard ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:14px;color:var(--ink)}
.shipcard li i{width:18px;color:var(--mut);text-align:center;margin-right:4px}
html[data-theme="karanlik"] .shipcard{background:#18181d}
html[data-theme="karanlik"] .sc-fee{background:#10291a;color:#4ade80}
.sc-fee.paid{color:#3f3f46;background:#f1f1f4}html[data-theme="karanlik"] .sc-fee.paid{background:#26262d;color:#d4d4dc}
/* Ürün sayfası alt bilgi rozeti */
.sub-b{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;font-weight:700;font-size:13px;color:var(--dark);background:#f1f2f6;border:1px solid var(--line)}
html[data-theme="karanlik"] .sub-b{background:#1f1f25;color:var(--ink)}
/* Ana sayfa bölüm başlıkları (Öne Çıkan / Yeni Gelenler) */
.sec-head.fancy{position:relative;align-items:center;margin:46px 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sec-head.fancy::after{content:"";position:absolute;left:0;bottom:-2px;width:150px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--red),var(--orange))}
.sec-head.fancy h2{display:flex;align-items:center;gap:14px;font-size:27px;letter-spacing:-.4px;line-height:1.15}
.sec-head.fancy h2 em{font-style:normal;background:linear-gradient(90deg,var(--red),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-ico{position:relative;flex:none;width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 10px 22px -8px color-mix(in srgb,var(--red) 70%,transparent);transform:rotate(-6deg)}
.sec-ico::before{content:"";position:absolute;inset:-5px;border-radius:19px;border:2px dashed color-mix(in srgb,var(--orange) 45%,transparent);animation:secspin 14s linear infinite}
.sec-ico i{transform:rotate(6deg)}
.sec-ico.new{background:linear-gradient(135deg,var(--dark2),var(--dark));box-shadow:0 10px 22px -8px rgba(0,0,0,.45)}
.sec-ico.new i{color:var(--orange2)}
.sec-t{display:flex;flex-direction:column}
.sec-n{display:block}.sec-k{font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:var(--orange);margin-bottom:3px}
.sec-head.fancy h2 small{margin-top:5px;font-size:12.5px;font-weight:500;color:var(--mut);letter-spacing:0}
.sec-head.fancy h2 small i{color:var(--green);margin-right:3px;font-size:11px}
.sec-more{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:30px;border:1.5px solid color-mix(in srgb,var(--red) 30%,transparent);background:var(--red-l);color:var(--red);font-weight:800;font-size:13.5px;white-space:nowrap;transition:.2s}
.sec-more:hover{background:var(--red);color:#fff;border-color:var(--red)}
.sec-more i{transition:transform .2s}.sec-more:hover i{transform:translateX(3px)}
@keyframes secspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sec-ico::before{animation:none}}
@media (max-width:640px){.sec-head.fancy{margin:32px 0 16px}.sec-head.fancy h2{font-size:21px;gap:11px}.sec-ico{width:42px;height:42px;font-size:17px;border-radius:13px}.sec-k{font-size:10.5px}}
html[data-theme="karanlik"] .sec-more{background:#1f1f25}
.sec-ico.used{background:linear-gradient(135deg,#0f9d58,#12a150 55%,#5ec26a);box-shadow:0 10px 22px -8px rgba(18,161,80,.6)}
.sec-ico.used::before{border-color:rgba(18,161,80,.4)}
/* Bölüm başlıkları: soldan sağa saydamlaşan renkli zemin */
.sec-head.fancy{padding:14px 18px 16px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--red) 11%,transparent) 0%,color-mix(in srgb,var(--orange) 7%,transparent) 40%,transparent 85%)}
.sec-head.fancy:has(.sec-ico.new){background:linear-gradient(90deg,color-mix(in srgb,var(--orange) 13%,transparent) 0%,color-mix(in srgb,var(--orange) 5%,transparent) 40%,transparent 85%)}
.sec-head.fancy:has(.sec-ico.used){background:linear-gradient(90deg,rgba(18,161,80,.13) 0%,rgba(18,161,80,.05) 40%,transparent 85%)}
.sec-head.fancy:has(.sec-ico.used)::after{background:linear-gradient(90deg,#0f9d58,#5ec26a)}
.sec-head.fancy .sec-more{background:rgba(255,255,255,.75);backdrop-filter:blur(4px)}
.sec-head.fancy .sec-more:hover{background:var(--red)}
html[data-theme="karanlik"] .sec-head.fancy .sec-more{background:rgba(31,31,37,.8)}
@media (max-width:640px){.sec-head.fancy{padding:12px 12px 14px;border-radius:16px 16px 0 0}}
/* Günün fırsatları: biraz daha alçak (yalnızca görsel alanı ve boşluklar) */
@media (min-width:1181px){.deals{padding:14px}.deals .pimg{height:150px}.deals-head{padding:16px 22px}.deals-head h2{margin:12px 0 14px}.deals-head .btn-pill{margin-top:18px}}
/* ===== WhatsApp sipariş, haber ver, karşılaştır, yorumlar ===== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.stars{display:inline-flex;gap:2px;color:#f5a524;font-size:14px}
.prating{display:inline-flex;align-items:center;gap:7px;margin:2px 0 8px;font-size:13px;color:var(--mut)}.prating b{color:var(--ink)}.prating:hover span{text-decoration:underline}
.btn-wa-order{display:flex;align-items:center;gap:12px;margin-top:10px;padding:11px 16px;border-radius:14px;background:#25d366;color:#fff;box-shadow:0 8px 20px -10px rgba(37,211,102,.8);transition:.15s}
.btn-wa-order:hover{background:#1ebe5b;transform:translateY(-1px)}
.btn-wa-order>i{font-size:26px}.btn-wa-order span{display:flex;flex-direction:column;line-height:1.25}.btn-wa-order b{font-size:15px}.btn-wa-order small{font-size:11.5px;opacity:.9}
.pextra{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.alertbox{border:1px dashed color-mix(in srgb,var(--orange) 55%,transparent);background:var(--orange-l);border-radius:14px;padding:11px 13px}
.ab-t{display:flex;gap:10px;align-items:center;margin-bottom:8px}.ab-t>i{width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--orange);color:#fff}
.ab-t span{display:flex;flex-direction:column}.ab-t b{font-size:14px}.ab-t small{font-size:12px;color:var(--mut)}
.ab-f{display:flex;gap:8px}.ab-f input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;background:#fff}
.ab-f .btn{padding:9px 16px;white-space:nowrap}
.btn-cmp{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;border:1.5px solid var(--line);font-weight:700;font-size:13px;color:var(--ink);background:#fff}
.btn-cmp:hover{border-color:var(--dark)}.btn-cmp.on{background:var(--dark);border-color:var(--dark);color:#fff}
.pcmp{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border:1px solid var(--line);color:var(--mut);font-size:13px;opacity:0;transition:.15s;z-index:2}
.pcard:hover .pcmp,.pcmp.on{opacity:1}.pcmp:hover{color:var(--red);border-color:var(--red)}.pcmp.on{background:var(--dark);color:#fff;border-color:var(--dark)}
@media (hover:none){.pcmp{opacity:1}}
.cmp-float{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:inline-flex;align-items:center;gap:8px;background:var(--dark);color:#fff;padding:11px 20px;border-radius:30px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.cmp-float b{background:var(--red);border-radius:12px;padding:0 8px;font-size:12px;line-height:20px}.cmp-float:hover{background:var(--red)}
.cmp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px}.cmp-head h1{font-size:24px;margin:0}
.cmp-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.cmp{width:100%;border-collapse:collapse;min-width:720px;table-layout:fixed}
.cmp th,.cmp td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13.5px}
.cmp th{width:180px;color:var(--mut);font-weight:600;background:#fafafb}
.cmp tr.diff td{background:color-mix(in srgb,var(--orange) 7%,#fff)}
.cmp-sep th{background:var(--dark)!important;color:#fff!important;font-weight:800}
.cmp-prod td{position:relative;text-align:center}.cmp-prod img{height:140px;max-width:100%;object-fit:contain}
.cmp-t{display:block;font-weight:700;margin-top:8px;line-height:1.35}
.cmp-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#f1f1f4;display:flex;align-items:center;justify-content:center;color:var(--mut)}.cmp-x:hover{background:var(--red);color:#fff}
.cmp-empty{background:#fcfcfd}.cmp-empty a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:180px;color:var(--mut);border:2px dashed var(--line);border-radius:14px}
.cmp-price{display:block;font-size:17px}.cmp-price.best{color:var(--green)}.cmp td small{display:block;color:var(--mut)}
.reviews{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.rv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.rv-head h2{margin:0;font-size:20px}
.rv-sum{display:flex;align-items:center;gap:8px}.rv-sum>b{font-size:26px}.rv-sum .stars{font-size:17px}.rv-sum span{color:var(--mut);font-size:13px}
.rv{border-top:1px solid var(--line);padding:14px 0}.rv-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rv-top>b{font-size:14px}
.rv-who{margin-left:auto;font-size:12px;color:var(--mut)}.rv-who i{color:var(--green)}
.rv p{margin:8px 0 0;line-height:1.55}.rv-reply{margin-top:10px;background:#f6f6f8;border-radius:10px;padding:10px 12px;font-size:13px}
.rv-form{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;display:flex;flex-direction:column;gap:10px;max-width:640px}
.rv-form h3{margin:0;font-size:16px}.rv-form input,.rv-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}
.rv-form .btn{align-self:flex-start}
.rv-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rv-stars input{position:absolute;opacity:0;pointer-events:none}.rv-stars label{font-size:26px;color:#d9d9e0;cursor:pointer;transition:.1s}
.rv-stars input:checked~label,.rv-stars label:hover,.rv-stars label:hover~label{color:#f5a524}
html[data-theme="karanlik"] .reviews,html[data-theme="karanlik"] .cmp-wrap,html[data-theme="karanlik"] .btn-cmp,html[data-theme="karanlik"] .ab-f input{background:#18181d}
html[data-theme="karanlik"] .cmp th,html[data-theme="karanlik"] .cmp-empty,html[data-theme="karanlik"] .rv-reply{background:#1f1f25}
@media (max-width:640px){.ab-f{flex-direction:column}.rv-who{margin-left:0;width:100%}.cmp-float{bottom:76px}}
/* Sayfa yolu (breadcrumb) */
.crumbs{margin:16px 0 14px}
.crumbs ol{list-style:none;margin:0;padding:5px;display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 4px 14px -10px rgba(0,0,0,.25);max-width:100%}
.crumbs li{display:inline-flex;align-items:center;gap:2px;min-width:0}
.crumbs a,.crumbs .cr-cur{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:22px;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap;transition:.15s}
.crumbs a:hover{background:var(--red-l);color:var(--red)}
.crumbs li:first-child a,.crumbs li:first-child .cr-cur{padding-left:6px}
.crumbs .fa-house{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange))}
.crumbs .cr-cur{color:var(--ink);font-weight:800;background:linear-gradient(90deg,color-mix(in srgb,var(--red) 10%,transparent),color-mix(in srgb,var(--orange) 10%,transparent));max-width:52vw;overflow:hidden;text-overflow:ellipsis;display:inline-block}
.crumbs .cr-sep{font-size:9px;color:#c4c4cc;margin:0 1px}
html[data-theme="karanlik"] .crumbs ol{background:#18181d}
@media (max-width:640px){.crumbs ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.crumbs ol::-webkit-scrollbar{display:none}.crumbs li:first-child span{display:none}.crumbs .cr-cur{max-width:60vw}}
.crumbs .cr-cur{font-weight:500}

/* ---------- Yazılımlar ---------- */
.sw-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:6px 0 26px;padding:30px 34px;border-radius:var(--r);color:#fff;background:linear-gradient(120deg,var(--dark) 0%,var(--dark2) 55%,color-mix(in srgb,var(--red) 70%,var(--dark2)) 100%);position:relative;overflow:hidden}
.sw-hero::after{content:"</>";position:absolute;right:28px;bottom:-34px;font:900 150px/1 ui-monospace,Consolas,monospace;color:rgba(255,255,255,.05);pointer-events:none}
.sw-hero h1{margin:6px 0 8px;font-size:32px;letter-spacing:-.5px}.sw-hero p{margin:0;max-width:620px;color:rgba(255,255,255,.78)}
.sw-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--orange2)}
.sw-hero-stats{display:flex;gap:12px;position:relative;z-index:1}.sw-hero-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 20px;text-align:center;min-width:110px}
.sw-hero-stats b{display:block;font-size:26px}.sw-hero-stats span{font-size:12px;color:rgba(255,255,255,.7)}
.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}
.sw-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.sw-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,20,30,.09);border-color:color-mix(in srgb,var(--red) 30%,var(--line))}
.sw-card-top{display:flex;gap:14px;align-items:center}.sw-card h2{margin:0;font-size:19px}.sw-card p{margin:0;color:var(--mut);font-size:14px;line-height:1.55;flex:1}
.sw-logo{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--red-l);color:var(--red);font-size:24px;overflow:hidden}
.sw-logo img{width:100%;height:100%;object-fit:contain}.sw-logo-lg{width:92px;height:92px;border-radius:22px;font-size:40px;box-shadow:0 8px 24px rgba(20,20,30,.1)}
.sw-ver{display:inline-block;margin-top:3px;font-size:12px;font-weight:700;color:var(--red);background:var(--red-l);border-radius:20px;padding:2px 9px}
.sw-card-shot{border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:var(--bg)}.sw-card-shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.sw-card:hover .sw-card-shot img{transform:scale(1.03)}
.sw-card-meta{display:flex;gap:8px;flex-wrap:wrap}.sw-card-meta span{font-size:12px;color:var(--mut);background:var(--bg);border-radius:20px;padding:4px 10px}
.sw-card-meta .sw-price{color:var(--green);background:var(--green-bg);font-weight:700}
.sw-card-btn{font-weight:700;color:var(--red);font-size:14px}.sw-card-btn i{transition:transform .2s}.sw-card:hover .sw-card-btn i{transform:translateX(4px)}
.sw-head{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;margin:6px 0 20px;background-image:linear-gradient(90deg,transparent 40%,var(--red-l))}
.sw-head-txt{flex:1;min-width:240px}.sw-head h1{margin:0;font-size:30px;letter-spacing:-.4px}.sw-tag{margin:6px 0 12px;color:var(--mut);font-size:16px}
.sw-chips{display:flex;gap:8px;flex-wrap:wrap}.sw-chips span,.sw-chips a{font-size:12.5px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:5px 11px;text-decoration:none}.sw-chips a:hover{border-color:var(--red);color:var(--red)}
.sw-chips i{color:var(--mut);margin-right:3px}
.sw-dl{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px}
.sw-dl-price{text-align:center;font-weight:800;color:var(--green);font-size:15px}
.sw-dl-btn{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 26px;border-radius:14px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 10px 24px color-mix(in srgb,var(--red) 30%,transparent);transition:transform .15s,box-shadow .15s}
.sw-dl-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--red) 38%,transparent);color:#fff}.sw-dl-btn.alt{background:var(--dark);box-shadow:none}
.sw-dl-info{text-align:center;font-size:12px;color:var(--mut)}
.sw-dl-wa{display:flex;justify-content:center;gap:8px;align-items:center;padding:10px;border-radius:12px;border:1px solid #bfe8cf;color:#128c4a;background:#effaf3;font-weight:700;font-size:14px;text-decoration:none}.sw-dl-wa:hover{background:#e0f5e8}
.sw-shots{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:20px;scroll-snap-type:x mandatory}
.sw-shots a{flex:none;width:min(440px,82vw);aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--bg);scroll-snap-align:start}
.sw-shots img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.sw-shots a:hover img{transform:scale(1.03)}
.sw-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;margin-bottom:24px}
.sw-desc,.sw-feat,.sw-refs,.sw-others{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.sw-h{margin:0 0 14px;font-size:19px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sw-h i{color:var(--red)}.sw-h small{font-size:13px;font-weight:500;color:var(--mut)}
.sw-desc-txt{line-height:1.7;color:var(--ink)}.sw-desc-txt p{margin:0 0 12px}.sw-desc-txt img{max-width:100%;height:auto;border-radius:10px}
.sw-feat ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sw-feat li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}.sw-feat li i{color:var(--green);margin-top:3px}
.sw-refs{margin-bottom:24px}
.sw-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:12px}
.sw-ref{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
a.sw-ref:hover{border-color:var(--red);background:#fff}
.sw-ref-ini{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:800;font-size:15px;color:#fff}
.sw-ref-ini.c0{background:linear-gradient(135deg,#e30a17,#ff5a5f)}.sw-ref-ini.c1{background:linear-gradient(135deg,#2563eb,#60a5fa)}.sw-ref-ini.c2{background:linear-gradient(135deg,#059669,#34d399)}
.sw-ref-ini.c3{background:linear-gradient(135deg,#7c3aed,#c084fc)}.sw-ref-ini.c4{background:linear-gradient(135deg,#f08a00,#ffb74d)}.sw-ref-ini.c5{background:linear-gradient(135deg,#0891b2,#22d3ee)}
.sw-ref-txt{display:flex;flex-direction:column;min-width:0}.sw-ref-txt b{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.sw-ref-txt small{color:var(--mut);font-size:12px;margin-top:2px}
.sw-others{margin-bottom:40px}.sw-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.sw-mini a{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}.sw-mini a:hover{border-color:var(--red)}
.sw-mini .sw-logo{width:44px;height:44px;font-size:19px}.sw-mini b{display:block}.sw-mini small{color:var(--mut);font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sw-lb{position:fixed;inset:0;z-index:1000;background:rgba(8,8,12,.88);display:flex;align-items:center;justify-content:center;padding:30px}.sw-lb[hidden]{display:none}
.sw-lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.sw-lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:46px;height:46px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}.sw-lb button:hover{background:rgba(255,255,255,.25)}
.sw-lb-x{top:18px;right:18px}.sw-lb-p{left:18px;top:50%;transform:translateY(-50%)}.sw-lb-n{right:18px;top:50%;transform:translateY(-50%)}
@media (max-width:860px){.sw-body{grid-template-columns:1fr}.sw-hero{padding:24px}.sw-hero h1{font-size:26px}.sw-head{padding:20px}.sw-dl{width:100%}}
html[data-theme="karanlik"] .sw-card,html[data-theme="karanlik"] .sw-head,html[data-theme="karanlik"] .sw-desc,html[data-theme="karanlik"] .sw-feat,html[data-theme="karanlik"] .sw-refs,html[data-theme="karanlik"] .sw-others{background:#18181d}
html[data-theme="karanlik"] a.sw-ref:hover{background:#1f1f25}html[data-theme="karanlik"] .sw-dl-wa{background:#0f2a1c;border-color:#1f4d33;color:#4ade80}
.sw-ref-logo{flex:none;display:flex;box-sizing:border-box;overflow:hidden;width:86px;height:52px;border-radius:12px;background:#fff;border:1px solid var(--line);padding:6px}
.sw-ref-logo img{display:block;width:100%;height:100%;object-fit:contain}
html[data-theme="karanlik"] .sw-ref-logo{background:#f4f4f6}

/* Fotoğraflı banner + yazı: okunurluk için soldan koyu geçiş */
.slide.has-img.has-text{padding:40px 60px}
.slide.has-img.has-text::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,16,.86) 0%,rgba(10,10,16,.6) 42%,rgba(10,10,16,0) 76%)}
.slide.has-img.has-text .slide-text h2{text-shadow:0 2px 18px rgba(0,0,0,.35)}
@media (max-width:900px){.slide.has-img.has-text{padding:26px}.slide.has-img.has-text::before{background:linear-gradient(90deg,rgba(10,10,16,.82),rgba(10,10,16,.5))}}
@media (max-width:560px){.slide.has-img.has-text{aspect-ratio:auto;min-height:250px;padding:24px 22px 40px}}

/* Kategori daireleri: gerçek fotoğraf */
.cat-circles i.ph{padding:0;overflow:hidden;background:#fff}
.cat-circles i.ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;transition:transform .35s}
.cat-circles a:hover i.ph{background:#fff;outline-color:var(--red)}
.cat-circles a:hover i.ph img{transform:scale(1.1)}
.cat-circles a:nth-child(even):hover i.ph{outline-color:var(--orange)}
html[data-theme="karanlik"] .cat-circles i.ph{border-color:#26262e}

/* ---------- Popüler Kategoriler (ana sayfa) ---------- */
.popc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 26px 10px;margin:34px 0}
.popc-h{margin:0;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:21px;font-weight:700;letter-spacing:-.2px}
.popc-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;grid-template-rows:repeat(2,minmax(150px,auto));grid-template-areas:"a c d e" "b c d f"}
.popc-grid.n5{grid-template-areas:"a c d e" "b c d e"}
.popc-grid.n4{grid-template-columns:1.4fr 1fr 1fr;grid-template-areas:"a c d" "b c d"}
.popc-a{grid-area:a}.popc-b{grid-area:b}.popc-c{grid-area:c}.popc-d{grid-area:d}.popc-e{grid-area:e}.popc-f{grid-area:f}
.popc-i{display:flex;align-items:center;gap:18px;padding:18px 22px;color:var(--ink);text-decoration:none;position:relative;min-width:0}
.popc-i b{font-size:16px;font-weight:700;line-height:1.3;transition:color .2s}
.popc-img{flex:none;display:flex;align-items:center;justify-content:center;width:150px;height:110px}
.popc-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.popc-img i{font-size:42px;color:var(--mut)}
.popc-i.tall{flex-direction:column;justify-content:flex-start;gap:14px;padding:18px 16px 22px}
.popc-i.tall b{order:-1;text-align:center}
.popc-i.tall .popc-img{width:100%;flex:1;height:auto;min-height:220px}
.popc-i:hover b{color:var(--red)}.popc-i:hover .popc-img img{transform:scale(1.07)}
/* ayırıcı çizgiler */
.popc-a,.popc-e{border-bottom:1px solid var(--line)}
.popc-c,.popc-d{border-left:1px solid var(--line)}
.popc-d{border-right:1px solid var(--line)}
.popc-grid.n4 .popc-d{border-right:0}
.popc-grid.n5 .popc-e{border-bottom:0}
@media (max-width:1100px){.popc-img{width:110px;height:90px}.popc-i{gap:12px;padding:16px}}
@media (max-width:900px){
  .popc{padding:18px 16px 6px}
  .popc-grid,.popc-grid.n4,.popc-grid.n5{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-template-areas:none}
  .popc-grid .popc-i{grid-area:auto;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px 10px;border:0;border-bottom:1px solid var(--line)}
  .popc-grid .popc-i:nth-child(odd){border-right:1px solid var(--line)}
  .popc-grid .popc-i b{order:2;text-align:center;font-size:14px}
  .popc-grid .popc-img,.popc-grid .popc-i.tall .popc-img{width:100%;height:110px;min-height:0;flex:none}
}
html[data-theme="karanlik"] .popc{background:#18181d}
html[data-theme="karanlik"] .popc-img img{mix-blend-mode:normal;background:#fff;border-radius:12px;padding:6px}

/* PC Topla: yazdır */
.pcb-print{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:11px;border-radius:12px;border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;transition:.2s}
.pcb-print:hover{border-color:var(--ink)}
.pcb-print.ready{background:var(--dark);border-color:var(--dark);color:#fff}.pcb-print.ready:hover{background:var(--red);border-color:var(--red)}
.pcb-done{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:16px 18px;border-radius:var(--r);background:var(--green-bg);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}
.pcb-done>i{font-size:28px;color:var(--green)}
.pcb-done div{flex:1;min-width:180px}.pcb-done b{display:block;font-size:16px}.pcb-done span{color:var(--mut);font-size:13px}
.pcb-done-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:var(--green);color:#fff;font-weight:800;text-decoration:none}.pcb-done-btn:hover{background:var(--dark);color:#fff}
/* Popüler Kategoriler başlığı (fancy) */
.popc{margin:0 0 34px;padding:10px 26px}
.sec-ico.pop{background:linear-gradient(135deg,#7c3aed,#c026d3 55%,#f472b6);box-shadow:0 10px 22px -8px rgba(124,58,237,.6)}
.sec-ico.pop::before{border-color:rgba(124,58,237,.4)}
.sec-head.fancy:has(.sec-ico.pop){background:linear-gradient(90deg,rgba(124,58,237,.12) 0%,rgba(192,38,211,.05) 40%,transparent 85%)}
.sec-head.fancy:has(.sec-ico.pop)::after{background:linear-gradient(90deg,#7c3aed,#f472b6)}
@media (max-width:900px){.popc{padding:6px 14px}}

/* ---------- Banner yanı: Sıcak Fırsatlar ---------- */
.hero-side.hot{display:flex;flex-direction:column;gap:0;min-width:0;border-radius:24px;overflow:hidden;color:#fff;padding:16px 16px 14px;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--orange) 55%,transparent),transparent 50%),radial-gradient(circle at 0% 100%,color-mix(in srgb,var(--red) 45%,transparent),transparent 55%),linear-gradient(160deg,var(--dark2),var(--dark));box-shadow:0 10px 30px rgba(0,0,0,.1)}
.hot-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.hot-t{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;line-height:1.1;letter-spacing:-.2px}
.hot-t small{display:block;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--orange2);margin-bottom:2px}
.hot-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--orange));font-size:17px;box-shadow:0 8px 18px -6px color-mix(in srgb,var(--red) 70%,transparent);animation:hotpulse 2.4s ease-in-out infinite}
@keyframes hotpulse{50%{transform:scale(1.08) rotate(-4deg)}}
.hot-cd{display:flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}
.hot-cd b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.12);font-size:14px;font-weight:800}
.hot-cd i{font-style:normal;opacity:.6;font-weight:800}
.hot-track{position:relative;flex:1;min-height:0}
.hot-item{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateX(14px);transition:opacity .45s,transform .45s,visibility .45s;color:#fff;text-decoration:none}
.hot-item.on{opacity:1;visibility:visible;transform:none}
.hot-img{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;padding:10px;overflow:hidden}
.hot-img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s}
.hot-item:hover .hot-img img{transform:scale(1.06)}
.hot-badge{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:center;line-height:1;padding:7px 9px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red2));font-weight:900;font-size:18px;box-shadow:0 6px 14px -4px color-mix(in srgb,var(--red) 70%,transparent)}
.hot-badge small{font-size:8.5px;letter-spacing:.6px;margin-top:2px}
.hot-info{display:flex;flex-direction:column;gap:3px}
.hot-name{font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.hot-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.hot-price s{font-size:12.5px;color:rgba(255,255,255,.55)}
.hot-price b{font-size:22px;font-weight:900;color:var(--orange2)}
.hot-hv{font-size:11.5px;color:#7ee2a8;font-weight:600}
.hot-nav{position:absolute;top:calc(50% - 50px);z-index:2;width:32px;height:32px;border-radius:50%;border:0;background:rgba(24,24,27,.65);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}
.hot-nav.p{left:6px}.hot-nav.n{right:6px}
.hero-side.hot:hover .hot-nav{opacity:1}.hot-nav:hover{background:var(--red)}
.hot-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.hot-dots{display:flex;gap:5px}.hot-dots i{width:7px;height:7px;border-radius:5px;background:rgba(255,255,255,.3);cursor:pointer;transition:.25s}.hot-dots i.on{width:20px;background:var(--orange2)}
.hot-all{font-size:12.5px;font-weight:800;color:#fff;text-decoration:none;padding:6px 12px;border-radius:20px;background:rgba(255,255,255,.12)}.hot-all:hover{background:var(--red);color:#fff}
@media (max-width:1180px){.hot-price b{font-size:19px}.hot-t{font-size:17px}}
@media (max-width:900px){.hero-side.hot{display:flex;height:380px}}
@media (max-width:560px){.hero-side.hot{display:flex;height:360px;border-radius:18px;padding:14px}.hot-nav{opacity:1}}
html[data-theme="karanlik"] .hot-img{background:#f4f4f6}
@media (min-width:901px){.hero:has(.hero-side.hot){grid-template-columns:minmax(0,3.1fr) minmax(250px,1fr)}}
@media (min-width:901px){
  .hero-side.hot{padding:14px 14px 12px}
  .hot-head{margin-bottom:10px;gap:6px}
  .hot-t{font-size:16px;gap:8px;white-space:nowrap}.hot-t small{font-size:9px;letter-spacing:.7px}
  .hot-ico{width:32px;height:32px;border-radius:10px;font-size:14px}
  .hot-cd{gap:2px}.hot-cd b{min-width:25px;height:26px;font-size:12px;border-radius:7px}
  .hot-name{font-size:13px;min-height:0}
  .hot-price b{font-size:19px}
}

/* ---------- Bölüm başlıkları: sade ve şık ---------- */
.sec-head.fancy,.sec-head.fancy:has(.sec-ico){background:none!important;padding:0 0 14px;border-radius:0;margin:46px 0 22px;border-bottom:1px solid var(--line)}
.sec-head.fancy::after,.sec-head.fancy:has(.sec-ico)::after{width:48px;height:2px;bottom:-1px;background:var(--red)!important}
.sec-head.fancy h2{gap:12px;font-size:24px;font-weight:800;letter-spacing:-.3px}
.sec-head.fancy h2 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--red)}
.sec-ico,.sec-ico.new,.sec-ico.used,.sec-ico.pop{width:40px;height:40px;border-radius:12px;font-size:16px;transform:none;box-shadow:none;background:var(--red-l);color:var(--red)}
.sec-ico::before{display:none}.sec-ico i{transform:none}
.sec-ico.new,.sec-ico.new i{background:var(--orange-l);color:var(--orange)}.sec-ico.new{background:var(--orange-l)}
.sec-ico.used{background:var(--green-bg);color:var(--green)}
.sec-ico.pop{background:color-mix(in srgb,#7c3aed 10%,#fff);color:#7c3aed}
.sec-k{font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:var(--mut);margin-bottom:2px}
.sec-head.fancy .sec-more,.sec-more{padding:6px 0;border:0;border-radius:0;background:none!important;backdrop-filter:none;color:var(--ink);font-weight:700;font-size:13.5px}
.sec-head.fancy .sec-more:hover,.sec-more:hover{background:none!important;color:var(--red)}
@media (max-width:640px){.sec-head.fancy,.sec-head.fancy:has(.sec-ico){margin:32px 0 16px;padding:0 0 12px}.sec-head.fancy h2{font-size:20px}.sec-ico{width:36px;height:36px;font-size:14px}}
html[data-theme="karanlik"] .sec-ico.pop{background:#231a3a}

/* ---------- Soluk yeşil → mavi zemin: üst arama alanı ve bölüm başlıkları ---------- */
:root{--soft-g:#e9f7ef;--soft-b:#e8f1fc}
html[data-theme="karanlik"]{--soft-g:#10261b;--soft-b:#0f1d30}
.header{background:linear-gradient(90deg,var(--soft-g),var(--soft-b))}
.sec-head.fancy,.sec-head.fancy:has(.sec-ico){background:linear-gradient(90deg,var(--soft-g),var(--soft-b))!important;padding:14px 18px;border-radius:16px;border-bottom:0}
.sec-head.fancy::after,.sec-head.fancy:has(.sec-ico)::after{display:none}
.sec-head.fancy .sec-ico{background:#fff}
html[data-theme="karanlik"] .sec-head.fancy .sec-ico{background:rgba(255,255,255,.08)}
@media (max-width:640px){.sec-head.fancy,.sec-head.fancy:has(.sec-ico){padding:12px 14px}}
/* Bölüm başlıkları: hafif oval kenar + ince çerçeve */
.sec-head.fancy,.sec-head.fancy:has(.sec-ico){border-radius:22px;border:1px solid color-mix(in srgb,#3b82f6 18%,var(--line))!important;box-shadow:0 2px 10px -6px rgba(30,64,120,.18)}
html[data-theme="karanlik"] .sec-head.fancy,html[data-theme="karanlik"] .sec-head.fancy:has(.sec-ico){border-color:#22324a!important}
/* Ana sayfa ürün bölümleri: yalnızca tek satır (ekran genişliğine göre sütun sayısı kadar ürün) */
.pgrid.one-row{grid-template-rows:auto;grid-auto-rows:0;row-gap:0;overflow:hidden;padding:6px 6px 1px;margin:-6px -6px -1px}

/* Mağazaya özel ürünler (online satılmaz) */
.tag-store{background:#2563eb;top:auto;bottom:auto;left:auto;right:20px;top:20px}
.tag-cond+.tag-store{top:48px}
.phavale.pstore{background:#eaf1ff}.phavale.pstore span,.phavale.pstore b{color:#2563eb}.phavale.pstore b{font-size:12.5px}
.btn-add.store{border-color:#2563eb;color:#2563eb;background:#fff}
.btn-add.store:hover{background:#2563eb;border-color:#2563eb;color:#fff}
.store-b{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;color:#2563eb;background:#eaf1ff}
.store-only{margin-top:14px;border:2px solid #2563eb;border-radius:14px;padding:14px 16px;background:#f5f8ff}
.store-only .so-t{display:flex;gap:12px;align-items:flex-start}
.store-only .so-t>i{font-size:26px;color:#2563eb;margin-top:2px}
.store-only .so-t b{display:block;font-size:19px;color:#2563eb}
.store-only .so-t small{display:block;margin-top:3px;color:var(--muted,#5b6475);font-size:13px;line-height:1.45}
.store-only ul{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed #c7d6f5;display:grid;gap:6px;font-size:14px}
.store-only li i{width:18px;color:#2563eb;text-align:center;margin-right:4px}
.store-only a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sec-ico.store,.sec-ico.store i{color:#2563eb}
html[data-theme="karanlik"] .sec-ico.store,html[data-theme="karanlik"] .sec-ico.store i{color:#93b4ff}
html[data-theme="karanlik"] .phavale.pstore,html[data-theme="karanlik"] .store-b{background:rgba(37,99,235,.18);color:#93b4ff}
html[data-theme="karanlik"] .phavale.pstore span,html[data-theme="karanlik"] .phavale.pstore b{color:#93b4ff}
html[data-theme="karanlik"] .btn-add.store{background:#18181d;border-color:#3b6fe0;color:#93b4ff}
html[data-theme="karanlik"] .btn-add.store:hover{background:#2563eb;color:#fff}
html[data-theme="karanlik"] .store-only{background:rgba(37,99,235,.10);border-color:#3b6fe0}
html[data-theme="karanlik"] .store-only .so-t b,html[data-theme="karanlik"] .store-only .so-t>i,html[data-theme="karanlik"] .store-only li i{color:#93b4ff}
html[data-theme="karanlik"] .store-only ul{border-color:#2c3a5c}

/* Bot koruması (Turnstile) kutusu */
.bot-box{margin:10px 0 4px;min-height:65px}
.alertbox .bot-box{margin:10px 0 0}

/* Çerez onayı */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;justify-content:center;pointer-events:none}
.cookie-bar[hidden]{display:none}
.cookie-bar .cb-in{pointer-events:auto;max-width:980px;width:100%;background:#fff;color:var(--text,#1f2430);border:1px solid var(--line,#e5e7eb);border-radius:16px;box-shadow:0 18px 50px -12px rgba(15,23,42,.35);padding:16px 18px;display:flex;align-items:center;gap:18px;animation:cbIn .35s ease}
.cookie-bar .cb-t{display:flex;gap:12px;align-items:flex-start;flex:1}
.cookie-bar .cb-t>i{font-size:26px;color:#d97706;margin-top:2px}
.cookie-bar p{margin:0;font-size:14px;line-height:1.5}
.cookie-bar p a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.cookie-bar .cb-b{display:flex;gap:8px;flex-shrink:0}
.cookie-bar .btn{padding:10px 20px;white-space:nowrap}
.btn.cb-no{background:transparent;border:1.5px solid var(--line,#d1d5db);color:inherit}
.btn.cb-no:hover{border-color:currentColor}
html.cb-open .wa-float,html.cb-open .cmp-float{bottom:120px}
@keyframes cbIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:700px){.cookie-bar{left:8px;right:8px;bottom:8px}.cookie-bar .cb-in{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.cookie-bar .cb-b .btn{flex:1}html.cb-open .wa-float,html.cb-open .cmp-float{bottom:210px}}
.map-off{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:8px;background:var(--soft,#f6f7fb)}
.map-off>i{font-size:44px;color:var(--muted,#8a93a6)}
.map-off b{font-size:18px}.map-off p{margin:0;max-width:420px;color:var(--muted,#5b6475);font-size:14px}
.map-off .mo-b{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
html[data-theme="karanlik"] .cookie-bar .cb-in{background:#18181d;border-color:#2a2a33;color:#e7e7ea}
html[data-theme="karanlik"] .map-off{background:#141418}

/* Üst bar: sağdaki bağlantıları sağa yaslayan ara boşluk (bağlantılar panelden gizlenebilir) */
.mainnav .nav-sp{margin-left:auto}.mainnav a.hot{margin-left:0}
@media (max-width:900px){.mainnav .nav-sp{display:none}}


/* ---------- Sade başlık (logo · arama · teslimat adresi · sepet · hesap) ---------- */
.header.hdr2{background:#fff!important;box-shadow:0 1px 0 var(--line)}
.hdr2 .container{gap:26px;padding-top:14px;padding-bottom:14px}
.hdr2 .logo img{height:56px}
.hdr2 .search.s2{flex:0 1 760px;margin:0 auto;background:#f3f2ef;border:2px solid transparent;border-radius:30px;padding:0;box-shadow:none;align-items:center;height:50px}
.hdr2 .search.s2:focus-within{border-color:var(--red);background:#fff}
.hdr2 .search.s2 button{order:0;width:auto;height:auto;background:transparent;color:var(--ink);padding:0 4px 0 22px;font-size:19px;border-radius:0}
.hdr2 .search.s2 button:hover{background:transparent;color:var(--red)}
.hdr2 .search.s2 input{padding:0 18px 0 10px;font-size:15px;font-weight:500;color:var(--ink)}
.hdr2 .search.s2 input::placeholder{color:#3b3b44;opacity:1}
.hdr2 .h2i{gap:26px}
.hdr2 .h2b{display:flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap}
.hdr2 .h2b>i{font-size:26px;color:var(--ink)}
.hdr2 .h2b span{display:flex;flex-direction:column;line-height:1.25;font-size:13px;font-weight:700}
.hdr2 .h2b small{font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#6b6b75}
.hdr2 .h2b u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.hdr2 .h2-acc{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink);max-width:150px}
.hdr2 .h2-acc i{font-size:24px}
.hdr2 .h2-acc span{font-size:12px;font-weight:600;line-height:1.2;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr2 .h2-acc:hover{color:var(--red)}
.hdr2 .h2-cart{position:relative;font-size:26px;color:var(--ink);padding:4px}
.hdr2 .h2-cart:hover{color:var(--red)}
.hdr2 .h2-cart em{position:absolute;top:-4px;right:-8px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}
html[data-theme="karanlik"] .header.hdr2{background:#111114!important}
html[data-theme="karanlik"] .hdr2 .search.s2{background:#1c1c22}
html[data-theme="karanlik"] .hdr2 .h2-cart,html[data-theme="karanlik"] .hdr2 .h2-acc{color:#e7e7ea}
@media (max-width:900px){
  .hdr2 .container{gap:12px}.hdr2 .logo img{height:44px}
  .hdr2 .search.s2{height:46px;flex:1 1 100%;margin:0}
  .hdr2 .h2-acc span{display:none}
  .hdr2 .h2i{gap:14px;flex-shrink:0}
  .hdr2 .logo{min-width:0;flex:1 1 auto}.hdr2 .logo img{max-width:100%;object-fit:contain;object-position:left}
  .hdr2 .logo-fallback{min-width:0}.hdr2 .logo-fallback>b{width:40px;height:40px;font-size:20px;flex-shrink:0}.hdr2 .logo-fallback>span{font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr2 .logo-fallback small{font-size:11px;overflow:hidden;text-overflow:ellipsis}
}

/* Üst şeritte Kurumsal açılır menüsü */
.topbar{position:relative;z-index:60}
.tb-dd>a{display:inline-flex;align-items:center;gap:2px;color:#d4d4d8;padding:2px 0}.tb-dd>a:hover{color:#fff}
.tb-dd>a .dd-arrow{color:#d4d4d8;margin-left:4px}
.tb-dd{padding:6px 0;margin:-6px 0}
.tb-dd .dd{top:100%;min-width:180px;border-radius:12px;z-index:70}
.tb-dd .dd a{color:var(--ink);font-size:13px;padding:8px 12px;border-radius:9px;display:block}
.tb-dd .dd a:hover{background:var(--red-l);color:var(--red)}
@media (max-width:900px){.tb-dd .dd{display:none!important}}

/* Hesap menüsü (girişli üye): tıklayınca aşağı açılır */
.acc-dd{position:relative}
.hdr2 button.h2-acc{background:none;border:0;padding:0;cursor:pointer;font:inherit}
.acc-menu{display:none;position:absolute;right:0;top:calc(100% + 10px);min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.14);padding:6px;z-index:80}
.acc-menu::before{content:"";position:absolute;right:22px;top:-6px;width:10px;height:10px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.acc-dd.open .acc-menu{display:block}
.acc-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ink)}
.acc-menu a i{width:18px;text-align:center;color:var(--mut)}
.acc-menu a:hover{background:var(--red-l);color:var(--red)}.acc-menu a:hover i{color:var(--red)}
.acc-menu .acc-out{border-top:1px solid var(--line);border-radius:0 0 9px 9px;margin-top:4px;padding-top:12px}
html[data-theme="karanlik"] .acc-menu,html[data-theme="karanlik"] .acc-menu::before{background:#18181d;border-color:#2a2a33}
html[data-theme="karanlik"] .acc-menu a{color:#e7e7ea}

/* Ana sayfa kategori şeridi: çerçeveli, kenarları oval kutu */
.cat-circles{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 18px 18px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
@media (max-width:900px){.cat-circles{border-radius:18px;padding:16px 10px 12px}}
html[data-theme="karanlik"] .cat-circles{background:#141418;border-color:#26262e;box-shadow:none}