/* 🪧 Snapper vitrini — siyah / kırmızı (Snapper) + Fikircan uyumu */
.snh{background:radial-gradient(1200px 400px at 85% 0,rgba(227,6,19,.22),transparent 60%),linear-gradient(135deg,#0B0B0F,#1F2937);color:#fff;padding:22px 0 40px}
.snh .crumbs,.snh .crumbs a{color:#CBD5E1}
.snh-in{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center;margin-top:10px}
.snh-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 14px 6px 8px;margin:0 0 14px}
.snh-badge span{font:800 .72rem/1 var(--body);letter-spacing:.08em;color:#E30613}
.snh-logo{height:26px;width:auto;display:block}.snp-logo-t{font:900 1rem/1 var(--display,inherit);letter-spacing:.06em;color:#111}
.snh h1{font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.12;margin:0 0 12px;color:#fff}.snh h1 em{font-style:normal;color:#FF3B47;display:block}
.snh-lead{color:#E2E8F0;font-size:1.02rem;line-height:1.6;max-width:640px}
.snh-b1{background:#E30613;color:#fff;border:0;font-weight:800}.snh-b1:hover{background:#B8000E;color:#fff}
.snh-b2{background:#fff;color:#111;border:0;font-weight:800}.snh-b3{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.snh-stats{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:18px}.snh-stats b{display:block;font-size:1.5rem;color:#fff}.snh-stats span{font-size:.8rem;color:#94A3B8}
.snh-art{position:relative;min-height:300px}
.snh-ph{position:absolute;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);display:grid;place-items:center}
.snh-ph img{width:100%;height:100%;object-fit:contain;background:#fff}
.snh-ph1{inset:0 30% 18% 0}.snh-ph2{width:42%;height:52%;right:0;top:4%}.snh-ph3{width:46%;height:44%;right:6%;bottom:0}
.sng{position:sticky;top:var(--hdr,0);z-index:5;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 16px rgba(15,23,42,.05)}
.sng-in{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}
.sng-i{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;color:var(--ink);background:#fff;text-decoration:none}
.sng-i:hover{border-color:#E30613;color:#E30613}.sng-i small{background:#F1F5F9;border-radius:999px;padding:1px 7px;font-size:.72rem;color:#475569}
.okc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.snc .okc-go,.snc-go{background:#111;color:#fff}.snc .okc-go:hover{background:#E30613;color:#fff}
.snc-img img{object-fit:contain!important;background:#fff;padding:6px}
.snc-best{background:#E30613!important;color:#fff}
.snc-sku{font-size:.74rem;color:#64748B;margin:-2px 0 8px;font-family:ui-monospace,monospace}
.snp-noimg{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;background:#F8FAFC}
.snk{scroll-margin-top:80px}.snk-n{font-size:.8rem;color:#64748B;font-weight:600;margin-left:6px}
.snp-empty{display:grid;gap:8px;justify-items:start;background:#FFF7ED;border:1px dashed #FDBA74;border-radius:16px;padding:20px}
.snw-l{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.snw-l li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:4px}.snw-l span{font-size:.9rem;color:#475569}
.snkat-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.snkat-i{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink)}
.snkat-i:hover{border-color:#E30613}.snkat-i span{font-size:.8rem;color:#64748B}.snkat-ek{background:#111;color:#fff}.snkat-ek span{color:#CBD5E1}
.okfaq-in{max-width:860px}.okfaq details{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:8px 0;background:#fff}.okfaq summary{cursor:pointer;font-weight:700}.okfaq p{margin:8px 0 0;color:#475569}
.snt{background:#111;color:#fff}.snt-in{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.snt h2{color:#fff;margin:0 0 6px}.snt p{color:#CBD5E1;margin:0}.snt-b{display:flex;flex-wrap:wrap;gap:10px}
/* ürün sayfası */
.snq-brand{display:flex;align-items:center;gap:8px}.snq-logo{height:22px;width:auto}.snq-brand .snp-logo-t{font-size:.9rem}
.snq-sku{margin:-4px 0 10px;color:#64748B;font-size:.88rem}.snq-sku b{font-family:ui-monospace,monospace;color:#111}
.snq-bul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px}.snq-bul li{position:relative;padding-left:22px;line-height:1.45}.snq-bul li::before{content:"✓";position:absolute;left:0;color:#E30613;font-weight:900}
.snq-qty input{max-width:160px}
.snq-tab{margin-bottom:26px}.snq-cap{font-weight:700;margin:8px 0 6px}
.snq-tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.snq-tw table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px}
.snq-tw th{background:#111;color:#fff;text-align:left;padding:10px 12px;font-weight:700;white-space:nowrap}
.snq-tw td{padding:9px 12px;border-top:1px solid var(--line)}.snq-tw tr:nth-child(even) td{background:#F8FAFC}
.snq-draw{display:grid;gap:8px}.snq-draw img{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}
.snq-pdf{list-style:none;padding:0;margin:0;display:grid;gap:8px}.snq-pdf a{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}.snq-pdf a:hover{border-color:#E30613}.snq-pdf small{color:#64748B;font-size:.75rem}
.snq-note{font-size:.82rem;color:#64748B;background:#F8FAFC;border-radius:12px;padding:10px 12px;margin-top:12px}
.snq-vid{position:relative;display:block;border-radius:14px;overflow:hidden;max-width:640px;aspect-ratio:16/9;background:#000;margin:8px 0}.snq-vid img{width:100%;height:100%;object-fit:cover;opacity:.85}
.snq-vid span{position:absolute;inset:0;display:grid;place-items:center;font-size:2.6rem;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.6)}
.snq-ifr{width:100%;max-width:640px;aspect-ratio:16/9;border:0;border-radius:14px}
@media (max-width:860px){.snh-in{grid-template-columns:1fr}.snh-art{min-height:220px}.snw-l{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.snw-l{grid-template-columns:1fr}.snh-stats{gap:12px}.okc-grid{grid-template-columns:1fr 1fr;gap:10px}.snq-tw td[data-l]{white-space:nowrap}}
.snq-sizes{list-style:none;padding:0;margin:6px 0 14px;display:flex;flex-wrap:wrap;gap:6px}.snq-sizes li{border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:.84rem;background:#fff}
