/* Mağaza ve panelde ortak bileşenler (tasarımdan birebir, sıra korunarak) */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1200px;margin:0 auto;padding:10px 16px}
.ib{position:relative;width:44px;height:44px;display:grid;place-items:center;background:none;border:1px solid var(--line)}
.ib:hover{background:var(--bg)}
.ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:square}
.logo{font-weight:800;font-size:1.4rem;letter-spacing:-.01em;padding:6px 0;border:0;color:var(--ink);text-decoration:none;background:var(--surface)}
.brand{display:flex;align-items:center;gap:6px}
.art{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:60% 40%;border:2px solid var(--ink);background:#1D3A8A;flex:none;overflow:hidden;display:block}
@media (max-width:360px){.art{width:34px;height:34px}}
.logo{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.logo .st{font-weight:900;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%2040%22%3E%3Crect%20width%3D%22120%22%20height%3D%2240%22%20fill%3D%22%2313307A%22/%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M-5%2010C15%202%2030%2018%2050%2010S85%200%20125%208%22%20stroke%3D%22%232A55B8%22%20stroke-width%3D%225%22/%3E%3Cpath%20d%3D%22M-5%2022C18%2014%2034%2030%2056%2022S90%2012%20125%2020%22%20stroke%3D%22%235B8DEF%22%20stroke-width%3D%223%22/%3E%3Cpath%20d%3D%22M-5%2033C15%2026%2032%2040%2052%2033S86%2024%20125%2031%22%20stroke%3D%22%232E5BBA%22%20stroke-width%3D%224%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2218%22%20r%3D%226%22%20stroke%3D%22%237FA8EE%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%2222%208%22/%3E%3C/g%3E%3Cg%20fill%3D%22%23F7C933%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%223%22/%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%2210%22%20r%3D%224%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%222.5%22/%3E%3Ccircle%20cx%3D%22108%22%20cy%3D%2230%22%20r%3D%222.5%22/%3E%3C/g%3E%3C/svg%3E") 0 0/90px 30px repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.logo .st2{background-position:-30px -15px}
.logo>span{background:var(--accent);color:var(--on-accent);padding:1px 4px;margin:2px 0 0 -4px}
.right{display:flex;gap:8px}
.badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:800;display:grid;place-items:center}
.badge[hidden]{display:none}
.search{display:none;border-top:1px solid var(--line)}
.search.open{display:block}
.search input{display:block;width:100%;max-width:1200px;margin:0 auto;padding:14px 16px;border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem}
.search input:focus{outline:none;box-shadow:inset 0 -3px 0 var(--accent)}
.search{position:relative}
/* Yazarken açılan sonuç listesi */
.sugg{position:absolute;left:0;right:0;top:100%;z-index:5;max-width:1200px;margin:0 auto;max-height:min(70vh,520px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-top:0;box-shadow:0 18px 40px -18px rgba(15,30,74,.45)}
.sgi{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.sgi:hover,.sgi:focus-visible,.sgall:hover,.sgall:focus-visible{background:var(--line);outline:none}
.sgph{flex:0 0 44px;height:44px;display:grid;place-items:center;color:#fff;font-weight:800}
.sgtx{flex:1;min-width:0;display:flex;flex-direction:column}
.sgtx b{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgtx small{color:var(--mute);font-size:.8rem}
.sgpr{font-weight:800;white-space:nowrap}
.sgall{display:block;width:100%;padding:12px 16px;border:0;background:none;color:var(--ink);font:inherit;font-weight:800;text-align:left;cursor:pointer}
.sgnone{margin:0;padding:14px 16px;color:var(--mute)}
.banner{position:relative;overflow:hidden;background:#0F1E4A;color:#fff;min-height:min(70vh,560px);display:flex;align-items:flex-end;border-bottom:8px solid var(--accent)}
.banner div{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:48px 16px}
.banner svg{position:absolute;inset:0;width:100%;height:100%}
.banner h2{font-size:clamp(2.2rem,8vw,5rem);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0 0 14px;max-width:14ch}
.banner p{margin:0 0 24px;max-width:46ch;color:#C9D1E3;font-size:1.05rem}
.ship{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;max-width:760px}
.ship li{padding:0;text-shadow:0 1px 10px rgba(8,16,40,.95),0 0 3px rgba(8,16,40,.9)}
.ship b{display:block;font-size:1.05rem}
.ship span{display:block;font-size:1rem;font-weight:800;color:var(--accent);line-height:1.4}
.ship small{color:#C9D1E3;font-size:.95rem}
.banner.bimg{background-position:center;background-size:cover;background-repeat:no-repeat}
.banner.bimg>svg.sn{display:none}
.banner.bimg::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,16,40,.8),rgba(8,16,40,.15) 65%)}
.banner .btitle{color:#fff;text-shadow:0 2px 18px rgba(8,16,40,.85)}
.banner .btext{color:#E6ECF7;text-shadow:0 1px 10px rgba(8,16,40,.95)}
.banner a{display:inline-block;padding:14px 26px;background:var(--accent);color:#14213D;font-weight:800;text-decoration:none}
.cats{max-width:1200px;margin:0 auto;padding:22px 0 0}
.cats h2{margin:0 16px 14px;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:10px}
.cats h2::after{content:"";flex:1;height:2px;background:var(--line)}
.strip{display:grid;grid-template-columns:1fr;gap:10px;padding:0 16px 8px}
@media (min-width:760px){.strip{grid-template-columns:1fr 1fr;gap:14px}}
.cat{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 40px;align-items:center;gap:14px;width:100%;padding:12px 14px 12px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);text-align:left;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.cat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .15s}
.cat:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(15,30,74,.55);border-color:var(--ink)}
.cat:hover::before{background:var(--accent)}
.flag{position:relative;display:block;width:76px;height:52px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.lbl{display:flex;flex-direction:column;gap:2px;min-width:0}
.lbl b{font-weight:800;font-size:1.05rem;line-height:1.2}
.lbl small{white-space:nowrap;font-size:.82rem;color:var(--mute);opacity:.75}
.cnt{display:inline-block;align-self:flex-start;margin-top:4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;background:var(--bg);border:1px solid var(--line)}
.go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);transition:all .15s}
.go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2}
.cat:hover .go{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.us{background:repeating-linear-gradient(to bottom,#B22234 0 4px,#fff 4px 8px)}
.us::before{content:"";position:absolute;left:0;top:0;width:44%;height:56%;background:radial-gradient(circle,#fff .9px,transparent 1.3px) 0 0/6px 5px,#3C3B6E}
.au{background:#012169}
.au::before{content:"";position:absolute;left:0;top:0;width:46%;height:52%;background:linear-gradient(#C8102E,#C8102E) center/100% 14% no-repeat,linear-gradient(#C8102E,#C8102E) center/14% 100% no-repeat,linear-gradient(#fff,#fff) center/100% 30% no-repeat,linear-gradient(#fff,#fff) center/30% 100% no-repeat,#012169}
.au::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 78%,#fff 3px,transparent 3.5px),radial-gradient(circle at 76% 20%,#fff 1.8px,transparent 2.3px),radial-gradient(circle at 88% 44%,#fff 1.8px,transparent 2.3px),radial-gradient(circle at 66% 50%,#fff 1.8px,transparent 2.3px),radial-gradient(circle at 78% 80%,#fff 2px,transparent 2.5px)}
.intl{background:radial-gradient(circle at 50% 50%,#1D63B0,#0B3F75)}
.intl::before,.intl::after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.75);border-radius:50%;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)) center/100% 2px no-repeat,linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.75)) center/2px 100% no-repeat}
.intl::after{width:18px;background:none}
/* Avrupa Birliği: lacivert üstünde 12 sarı yıldız (yalnızca bayrak; kargo bölgesi değil) */
.eu{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><path fill='%23FC0' d='M21.00 8.90L21.26 9.64L22.05 9.66L21.42 10.14L21.65 10.89L21.00 10.44L20.35 10.89L20.58 10.14L19.95 9.66L20.74 9.64ZM20.20 11.90L20.45 12.64L21.24 12.66L20.61 13.14L20.84 13.89L20.20 13.44L19.55 13.89L19.78 13.14L19.15 12.66L19.94 12.64ZM18.00 14.10L18.26 14.84L19.05 14.86L18.42 15.33L18.65 16.09L18.00 15.64L17.35 16.09L17.58 15.33L16.95 14.86L17.74 14.84ZM15.00 14.90L15.26 15.64L16.05 15.66L15.42 16.14L15.65 16.89L15.00 16.44L14.35 16.89L14.58 16.14L13.95 15.66L14.74 15.64ZM12.00 14.10L12.26 14.84L13.05 14.86L12.42 15.33L12.65 16.09L12.00 15.64L11.35 16.09L11.58 15.33L10.95 14.86L11.74 14.84ZM9.80 11.90L10.06 12.64L10.85 12.66L10.22 13.14L10.45 13.89L9.80 13.44L9.16 13.89L9.39 13.14L8.76 12.66L9.55 12.64ZM9.00 8.90L9.26 9.64L10.05 9.66L9.42 10.14L9.65 10.89L9.00 10.44L8.35 10.89L8.58 10.14L7.95 9.66L8.74 9.64ZM9.80 5.90L10.06 6.64L10.85 6.66L10.22 7.14L10.45 7.89L9.80 7.44L9.16 7.89L9.39 7.14L8.76 6.66L9.55 6.64ZM12.00 3.70L12.26 4.45L13.05 4.46L12.42 4.94L12.65 5.69L12.00 5.24L11.35 5.69L11.58 4.94L10.95 4.46L11.74 4.45ZM15.00 2.90L15.26 3.64L16.05 3.66L15.42 4.14L15.65 4.89L15.00 4.44L14.35 4.89L14.58 4.14L13.95 3.66L14.74 3.64ZM18.00 3.70L18.26 4.45L19.05 4.46L18.42 4.94L18.65 5.69L18.00 5.24L17.35 5.69L17.58 4.94L16.95 4.46L17.74 4.45ZM20.20 5.90L20.45 6.64L21.24 6.66L20.61 7.14L20.84 7.89L20.20 7.44L19.55 7.89L19.78 7.14L19.15 6.66L19.94 6.64Z'/></svg>") center/contain no-repeat,#039}
.cat[aria-current="true"]{background:#0F1E4A;color:#fff;border-color:#0F1E4A;box-shadow:0 12px 28px -14px rgba(15,30,74,.8)}
.cat[aria-current="true"]::before{background:var(--accent)}
.cat[aria-current="true"] .lbl small{color:#C9D1E3;opacity:1}
.cat[aria-current="true"] .cnt{background:var(--accent);border-color:var(--accent);color:#14213D}
.cat[aria-current="true"] .go{background:var(--accent);border-color:var(--accent);color:#14213D}
.cat[aria-current="true"] .go svg{transform:rotate(90deg)}
.cat[aria-current="true"] .flag{box-shadow:0 0 0 2px rgba(255,255,255,.85)}
@media (prefers-reduced-motion:reduce){.cat,.go{transition:none}.cat:hover{transform:none}}
.acc{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:none;font-size:1.2rem;font-weight:800;text-align:left;text-transform:uppercase}
.drawer nav>a{text-transform:uppercase}
.acc span{font-weight:800}
.sub{display:flex;flex-direction:column;padding-left:14px}
.sub[hidden]{display:none}
.page{position:fixed;inset:0;z-index:60;background:var(--bg);overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 40px)}
.page[hidden]{display:none}
.page .in{max-width:680px;margin:0 auto}
.page h1{margin:20px 0 8px}
.page h2{font-size:1.2rem;margin:32px 0 10px}
.lead{color:var(--mute);margin:0 0 24px}
.steps{padding-left:22px;margin:0}
.steps li{margin-bottom:18px;padding-left:6px}
.steps b,.tips b{font-weight:800}
.tips{padding-left:20px;margin:0}
.tips li{margin-bottom:10px}
main{scroll-margin-top:72px;max-width:1200px;margin:0 auto;padding:28px 16px 64px}
h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 6px}
.sub{color:var(--mute);margin:0 0 28px;max-width:60ch}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.ph{aspect-ratio:1/1;display:grid;place-items:center;font-weight:800;font-size:3rem;color:rgba(255,255,255,.9)}
.info{padding:14px;display:flex;flex-direction:column;gap:4px;flex:1}
.info b{font-weight:600}
.info small{color:var(--mute)}
.price{font-size:.9rem;font-weight:600;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;margin-top:auto;padding-top:8px;font-variant-numeric:lining-nums tabular-nums}
.card .open{all:unset;cursor:pointer;display:block}
.card .open:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.card .nm{font-weight:600}
.pd{z-index:15;padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
.pd .in{max-width:1100px}
.back{display:inline-flex;align-items:center;gap:6px;padding:8px 0;border:0;background:none;font-weight:600}
.back svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.pdg{display:grid;grid-template-columns:1fr;gap:24px;margin-top:12px}
@media (min-width:800px){.pdg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}}
.pdimg{aspect-ratio:1/1;display:grid;place-items:center;font-weight:800;font-size:8rem;color:rgba(255,255,255,.9)}
.pd h1{margin:6px 0 4px;font-size:clamp(1.6rem,4vw,2.4rem)}
.pdprice{font-size:1.15rem;font-weight:600;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;margin:4px 0 16px;font-variant-numeric:lining-nums tabular-nums}
.pddesc{margin:0 0 20px}
.buy{display:flex;gap:10px;margin-bottom:24px}
.buy .qty{border:2px solid var(--ink);gap:0}
.buy .qty button{width:44px;height:48px;border:0;font-size:1.2rem}
.buy .qty span{min-width:32px;text-align:center;font-weight:800}
.buy .add{flex:1;margin:0;font-size:1rem}
.added{color:#1E8E3E;font-weight:600;margin:-14px 0 20px}
.specs{width:100%;border-collapse:collapse;margin-bottom:24px}
.specs th,.specs td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{width:40%;font-weight:600}
.pd h2{margin:0 0 8px;font-size:1.1rem}
.shipl{list-style:none;margin:0;padding:0}
.shipl li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.shipl small{display:block}
.stock{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#1E8E3E}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stock{color:#4ADE80}}
:root[data-theme="dark"] .stock{color:#4ADE80}
.add{margin:0 14px 14px;padding:11px;border:2px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600}
.add:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.empty{color:var(--mute);padding:24px 0}
.scrim{position:fixed;inset:0;background:rgba(10,15,30,.55);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;width:min(380px,90vw);background:var(--surface);z-index:50;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 16px) 20px calc(env(safe-area-inset-bottom,0px) + 16px);transition:transform .25s}
#menu{left:0;transform:translateX(-100%);border-right:1px solid var(--line)}
.ft{background:#0F1E4A;color:#fff;border-top:8px solid var(--accent);margin-top:40px}
.ft .w{max-width:1200px;margin:0 auto;padding:40px 16px 24px;display:grid;gap:32px 16px;grid-template-columns:minmax(0,1fr) auto}
.nw{white-space:nowrap}
/* Mobilde logo tam satır, Shop ve Help yan yana */
.ft .w>div:first-child{grid-column:1/-1}
/* Help sütunu sağ kenara yaslı (header'daki sağ düğmelerle hizalı) */
.ft .w>div:last-child{justify-self:end;min-width:110px}
@media (min-width:720px){.ft .w{grid-template-columns:2fr 1fr 1fr;gap:32px}.ft .w>div:first-child{grid-column:auto}}
.ft .fb{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;line-height:1.05}
.ft .fb .art{border-color:#fff}
.ft .fb span span{display:inline-block;background:var(--accent);color:#14213D;padding:1px 4px;margin-left:-4px;margin-top:2px}
/* Footer: kabul edilen kripto paraların logoları (logonun altında) */
.ft .fpay{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fpay svg{display:block;width:22px;height:22px;opacity:.8;transition:opacity .15s}
.fpay svg:hover{opacity:1}
.ft p{color:#C9D1E3;margin:12px 0 0;max-width:34ch;font-size:.95rem}
.ft h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 12px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li{margin-bottom:10px}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{text-decoration:underline}
.ft .sh li{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}
.ft .sh small{display:block;color:#C9D1E3;font-size:.8rem}
.ft .sh b{font-family:'Inter','Helvetica Neue',Arial,sans-serif}
.ft .bot{border-top:1px solid rgba(255,255,255,.15)}
.ft .bot div{max-width:1200px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#C9D1E3;font-size:.85rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}
#cart{right:0;transform:translateX(100%);border-left:1px solid var(--line)}
#menu.open,#cart.open{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.dh h2{margin:0;font-size:1.2rem}
.drawer nav{display:flex;flex-direction:column}
.drawer nav a{padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:1.2rem;font-weight:800}
.items{flex:1;overflow-y:auto}
.row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.thumb{width:56px;height:56px;display:grid;place-items:center;font-weight:800;font-size:1.4rem;color:rgba(255,255,255,.9)}
.rname{font-weight:600;line-height:1.3}
.rprice{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:.9rem}
.rbot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.qty .rm{width:auto;height:30px;border:0;background:none;padding:0 0 0 8px;font-size:.85rem;font-weight:600;color:#D11A2A;text-decoration:underline}
.foot{border-top:2px solid var(--ink);padding-top:12px}
.foot[hidden]{display:none}
.shipsel{border:0;margin:0 0 8px;padding:0}
.shipsel legend{font-weight:800;padding:0;margin-bottom:6px}
.shipsel label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);margin-bottom:6px;cursor:pointer;font-size:.9rem}
.shipsel label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.shipsel input{accent-color:var(--ink);margin:0}
.shipsel small{display:block;font-size:.8rem}
.shipsel b,.sum span+span,.total span+span{font-family:'Inter','Helvetica Neue',Arial,sans-serif}
.sum{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.95rem}
.sum small{display:block;font-size:.8rem}
.qty{display:flex;align-items:center;gap:6px}
.qty button{width:30px;height:30px;border:1px solid var(--line);background:none}
.total{display:flex;justify-content:space-between;font-weight:800;font-size:1.1rem;padding:14px 0}
.pay{display:block;width:100%;padding:14px;border:0;background:var(--accent);color:var(--on-accent);font-weight:800}
@media (prefers-reduced-motion:reduce){.drawer,.scrim{transition:none}}
.pay{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%2040%22%3E%3Crect%20width%3D%22120%22%20height%3D%2240%22%20fill%3D%22%2313307A%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%2010C15%204%2045%2016%2060%2010C75%204%20105%2016%20120%2010%22%20stroke%3D%22%232A55B8%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M0%2022C15%2016%2045%2028%2060%2022C75%2016%20105%2028%20120%2022%22%20stroke%3D%22%235B8DEF%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M0%2033C15%2028%2045%2038%2060%2033C75%2028%20105%2038%20120%2033%22%20stroke%3D%22%232E5BBA%22%20stroke-width%3D%224%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2218%22%20r%3D%226%22%20stroke%3D%22%237FA8EE%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%2222%208%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23F7C933%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%2210%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22104%22%20cy%3D%2230%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/auto 100% repeat-x,#13307A;color:#fff;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 6px rgba(8,16,40,.95),0 0 2px rgba(8,16,40,.9);border:2px solid var(--accent)}
.pay{transition:filter .15s}
.pay:hover{filter:brightness(1.15)}
.pd{padding-bottom:0;display:flex;flex-direction:column}
.pd[hidden]{display:none}
.pd .in{width:100%;flex:1 0 auto}
.pd .ft{margin:48px -16px 0}
.co .in{max-width:1100px}
.cog{display:grid;grid-template-columns:1fr;gap:28px;margin-top:8px}
@media (min-width:860px){.cog{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}}
.co h1{font-size:clamp(1.6rem,4vw,2.2rem);margin:8px 0 4px}
.co h2{font-size:1.1rem;margin:28px 0 12px}
.co h2:first-child{margin-top:0}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg .full{grid-column:1/-1}
.fld label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}
.fld input,.fld select{width:100%;padding:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;border-radius:0}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fld input[aria-invalid="true"]{border-color:#D11A2A;box-shadow:inset 0 0 0 1px #D11A2A}
.err{display:block;color:#D11A2A;font-size:.8rem;margin-top:4px}
.err:empty{display:none}
.chk{display:flex;gap:8px;align-items:center;font-size:.9rem;margin-top:12px}
.chk input{accent-color:var(--ink);width:18px;height:18px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
/* Ödeme: logolu kripto seçimi (radio kartları) */
.coins{border:0;margin:0 0 16px;padding:0;min-width:0}
.coins legend{font-size:.85rem;font-weight:600;padding:0;margin-bottom:8px}
.coing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:560px){.coing{grid-template-columns:repeat(3,minmax(0,1fr))}}
.coin{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.coin:hover{border-color:var(--ink)}
.coin input{position:absolute;opacity:0;pointer-events:none}
.coin svg{flex:0 0 32px;width:32px;height:32px}
.coin span{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.coin b{font-size:.95rem}
.coin small{color:var(--mute);font-size:.78rem}
.coin:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.coin:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:8px;font-size:.8rem;font-weight:800}
.coin:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.osum{background:var(--surface);border:1px solid var(--line);padding:18px;order:-1}
@media (min-width:860px){.osum{order:0}}
@media (min-width:860px){.osum{position:sticky;top:96px}}
.oi{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.oi .thumb{width:48px;height:48px;font-size:1.1rem;position:relative}
.oi .q{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;background:var(--ink);color:var(--bg);font-size:.7rem;font-weight:800;display:grid;place-items:center;border-radius:10px}
.oi b,.osum .sum span+span,.osum .total span+span{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-weight:600}
.oi span{font-size:.9rem;line-height:1.3}
.osum .sum:first-of-type{margin-top:10px}
.co .pay{margin-top:24px}
.note{margin:12px 0 0;font-size:.9rem;padding:12px;border-left:4px solid var(--accent);background:var(--surface)}
.note[hidden]{display:none}
.otxt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;background:var(--bg);border:1px solid var(--line);padding:10px;margin:10px 0;user-select:text}
.ocp{padding:8px 12px;border:1px solid var(--ink);background:none;font-weight:600}
.back2{margin-bottom:4px}
.brand{cursor:pointer}
.fq .in{max-width:760px}
.fq h1{margin-bottom:20px}
.faql{display:grid;gap:8px}
.faqi{background:var(--surface);border:1px solid var(--line)}
.faqi[open]{border-left:4px solid var(--accent)}
.faqi summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-weight:800;cursor:pointer;list-style:none}
.faqi summary::-webkit-details-marker{display:none}
.faqi summary>span[aria-hidden]::before{content:"+";font-size:1.3rem;font-weight:600;line-height:1}
.faqi[open] summary>span[aria-hidden]::before{content:"−"}
.faqi p{margin:0;padding:0 16px 16px;white-space:pre-line;overflow-wrap:anywhere;color:var(--mute)}
.hp .in{max-width:760px}
.hpbody p{margin:0 0 16px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}
.faqm{margin:28px 0 0;color:var(--mute)}
.faqm a{color:inherit;font-weight:800}
.srp .in{max-width:1100px}
.srinfo{margin:0 0 20px;color:var(--mute)}
.qp .in{max-width:1100px}
/* Kalite blokları kart ızgarası: mobilde 2, masaüstünde 4 sütun. */
.qpl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.qpl>.empty{grid-column:1/-1}
.qpb{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);min-width:0}
.qpb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--line)}
.qpb>div{padding:12px}
.qpb h2{margin:0 0 6px;font-size:1rem;overflow-wrap:anywhere}
.qpb p{margin:0 0 8px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.55;font-size:.88rem;color:var(--mute)}
.qpb p:last-child{margin-bottom:0}
@media (min-width:900px){.qpl{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.qpb>div{padding:16px}.qpb h2{font-size:1.1rem}}
.ct .in{min-height:50vh;display:flex;flex-direction:column}
.ct .mail{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 0}
.mcard{position:relative;overflow:hidden;width:100%;max-width:620px;min-height:340px;background:#0F1E4A;color:#fff;border-bottom:8px solid var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px -20px rgba(15,30,74,.6)}
.mcard>svg{position:absolute;inset:0;width:100%;height:100%}
.mbody{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 20px;text-align:center}
.menv{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 0 0 10px rgba(242,183,5,.18),0 0 0 22px rgba(242,183,5,.08)}
.menv svg{width:36px;height:36px;fill:none;stroke:#14213D;stroke-width:2;stroke-linejoin:round}
.maddr{font-size:clamp(1.35rem,5.5vw,2.1rem);font-weight:800;letter-spacing:-.01em;color:#fff;text-decoration:none;text-shadow:0 2px 14px rgba(8,16,40,.95);word-break:break-all}
.maddr:hover{color:var(--accent)}
.mact{display:flex;gap:12px}
.mbtn{width:52px;height:52px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.7);background:rgba(10,18,48,.55);color:#fff;cursor:pointer}
.mbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.mbtn:hover{border-color:var(--accent);color:var(--accent)}
.mprim{background:var(--accent);border-color:var(--accent);color:#14213D}
.mprim:hover{background:#fff;border-color:#fff;color:#14213D}
.mtoast{min-height:1.2em;font-size:.9rem;font-weight:600;color:var(--accent)}
/* "Oops" (404) sayfası: iletişim kartıyla aynı yıldızlı kart */
.nf .mbody{gap:14px;padding:44px 20px}
.nfcode{margin:0;font-family:'DotGothic16',monospace;font-size:clamp(4.5rem,18vw,7.5rem);line-height:1;color:var(--accent);text-shadow:0 0 18px rgba(242,183,5,.55),0 4px 18px rgba(8,16,40,.9)}
.nf .mcard h1{margin:0;font-size:clamp(1.4rem,5vw,2rem);color:#fff;text-shadow:0 2px 14px rgba(8,16,40,.95)}
.nftext{margin:0;max-width:36ch;color:#DDE5F5;text-shadow:0 1px 8px rgba(8,16,40,.9)}
.nfbtns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.nfbtn{padding:12px 20px;border:2px solid rgba(255,255,255,.7);background:rgba(10,18,48,.55);color:#fff;font-weight:800;text-decoration:none}
.nfbtn:hover{border-color:var(--accent);color:var(--accent)}
.nfprim{background:var(--accent);border-color:var(--accent);color:#14213D}
.nfprim:hover{background:#fff;border-color:#fff;color:#14213D}
/* Depo geçici olarak kapalı: kategori kartında rozet, ürünlerin üstünde yıldızlı (gece) kart */
.cnt.cclosed{background:#C2410C;border-color:#C2410C;color:#fff}
.cat[aria-current="true"] .cnt.cclosed{background:#EA580C;border-color:#EA580C;color:#fff}
.closedcard{position:relative;overflow:hidden;margin:4px 0 22px;background:#0F1E4A;color:#fff;border-bottom:6px solid var(--accent);box-shadow:0 18px 40px -22px rgba(15,30,74,.7)}
.closedcard[hidden]{display:none}
.closedcard>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.ccbody{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 24px;background:linear-gradient(90deg,rgba(10,20,52,.88) 0%,rgba(10,20,52,.6) 55%,rgba(10,20,52,0) 100%)}
.ccpill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent);color:#14213D;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ccpill svg{width:16px;height:16px;fill:#14213D}
.ccnote{margin:0;max-width:52ch;font-size:clamp(1.1rem,3.6vw,1.45rem);font-weight:800;line-height:1.3;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 2px 12px rgba(8,16,40,.9)}
.ccbody small{color:#C9D1E3;font-size:.85rem;text-shadow:0 1px 8px rgba(8,16,40,.9)}
.pdclosed{margin:12px 0 16px;padding:12px 14px;border-left:4px solid #C2410C;background:var(--surface);font-weight:600;white-space:pre-line;overflow-wrap:anywhere}
.pdclosed::before{content:"Temporarily closed";display:block;margin-bottom:2px;color:#C2410C;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
@media (prefers-reduced-motion:no-preference){.menv{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(242,183,5,.22),0 0 0 30px rgba(242,183,5,.06)}}}
header{transition:background .25s,border-color .25s}
body::before{transition:background .25s}
body.top header{background:transparent;border-bottom-color:transparent}
body.top::before{background:transparent}
body.top header .ib{color:#fff;border-color:rgba(255,255,255,.45)}
body.top header .ib:hover{background:rgba(255,255,255,.12)}
body.top header .logo{background:transparent}
body.top header .art{border-color:#fff}
.banner{margin-top:-65px}
.banner div{padding-top:113px}
@media (prefers-reduced-motion:reduce){header,body::before{transition:none}}
.stock.out{color:var(--mute);opacity:.75}
.add:disabled,.add:disabled:hover{background:var(--line);border-color:var(--line);color:var(--mute);cursor:not-allowed}
.ph,.thumb,.pdimg{background-color:var(--line)}
.pddesc{max-width:60ch}
header .ib,body.top header .ib{border:2px solid #13307A}
.bar{padding-top:8px;padding-bottom:8px}
header .ib{width:40px;height:40px}
header .art{width:36px;height:36px}
header .logo{font-size:1.2rem;padding:0}
.banner{margin-top:-61px}
.banner div{padding-top:109px}
.pd{padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
main{scroll-margin-top:68px}
.banner .ship{display:none}
.banner{min-height:min(48vh,400px)}
.sn .tw{transform-box:fill-box;transform-origin:center;animation:snTw 4.5s ease-in-out infinite}
.sn .t2{animation-delay:-1.5s}.sn .t3{animation-delay:-3s}
@keyframes snTw{50%{opacity:.6;transform:scale(.86)}}
.sn .d1{animation:snFl 20s linear infinite}.sn .d2{animation:snFl 30s linear infinite reverse}
@keyframes snFl{to{stroke-dashoffset:-860}}
.snSwirl circle{transform-origin:0 0;animation:snRot 70s linear infinite}
.snSwirl circle:nth-child(2n){animation-duration:52s;animation-direction:reverse}
.snSwirl circle:nth-child(3n){animation-duration:90s}
@keyframes snRot{to{transform:rotate(360deg)}}
.sn .win rect{animation:snWin 7s steps(1) infinite}
.sn .win rect:nth-child(3n){animation-delay:-2.3s}.sn .win rect:nth-child(4n){animation-delay:-4.1s}
@keyframes snWin{92%{opacity:1}96%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.sn *{animation:none!important}}
header .logo .st{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
header .brand{filter:drop-shadow(0 2px 3px rgba(6,12,36,.55))}
.perks{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.perks[hidden]{display:none}
.perks{grid-auto-rows:1fr}
ul.perks li{gap:8px;padding:9px 10px}
ul.perks li .pi{width:32px;height:32px}
ul.perks li svg{width:18px;height:18px}
ul.perks li b{font-size:.8rem;line-height:1.25}
@media (max-width:375px){ul.perks li b{font-size:.74rem}ul.perks li{padding:9px 8px;gap:7px}}
.perks li{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);min-width:0}
.perks .pi{flex:none;width:40px;height:40px;display:grid;place-items:center;background:#13307A;color:var(--accent);border-radius:50%}
.perks svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.perks b{display:block;font-weight:800;font-size:.92rem;line-height:1.25}
.perks small{display:block;font-size:.8rem;color:var(--mute);opacity:.8}
#shopPerks{margin-top:24px}
@media (min-width:900px){#shopPerksIntl{grid-template-columns:repeat(4,minmax(0,1fr))}}
#shopPerksIntl{margin-top:24px}
@media (min-width:900px){#shopPerks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:340px){.perks{grid-template-columns:1fr}}
.dn .in{max-width:620px}
.dwrap{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:12px 0 8px}
.dh1{text-align:center;margin:8px 0 0;font-size:clamp(2rem,8vw,2.8rem);letter-spacing:-.02em;text-wrap:balance}
.dsum{text-align:center;margin:-8px 0 0;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}
.dinfo{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--accent);padding:16px 18px;font-size:.98rem}
.dinfo p{margin:0 0 10px}.dinfo p:last-child{margin:0}
.dinfo b{user-select:all;overflow-wrap:anywhere}
.dtpl{margin:0;background:#0F1E4A;color:#fff;padding:20px 22px;font:500 .98rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;border-bottom:6px solid var(--accent);user-select:text}
.dbtns{display:flex;flex-direction:column;gap:10px}
.dn .dbtns .pay{margin:0}
.dmail{display:block;text-align:center;padding:13px;border:2px solid var(--ink);color:var(--ink);font-weight:800;text-decoration:none}
.dmail:hover{background:var(--ink);color:var(--bg)}
.dtoast{min-height:1.2em;margin:-6px 0 0;text-align:center;font-weight:600;color:#1E8E3E}
.dback{align-self:center}
.ph,.pdimg{position:relative}
.fbadge.flag{position:absolute;top:0;right:12px;width:32px;height:30px;box-shadow:none;z-index:1;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);transform-origin:50% 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));animation:fbSway 4s ease-in-out infinite}
@keyframes fbSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.fbadge.flag{animation:none}}
.pdimg .fbadge.flag{top:0;right:20px;width:56px;height:52px}
.fbadge.intl::before{width:15px;height:15px;border-width:1.5px}
.fbadge.intl::after{width:7px;height:15px;border-width:1.5px}
.pdimg .fbadge.intl::before{width:28px;height:28px;border-width:2px}
.pdimg .fbadge.intl::after{width:13px;height:28px;border-width:2px}
.fbadge.au::after{background:radial-gradient(circle at 24% 78%,#fff 1.6px,transparent 2px),radial-gradient(circle at 76% 22%,#fff 1px,transparent 1.4px),radial-gradient(circle at 88% 46%,#fff 1px,transparent 1.4px),radial-gradient(circle at 66% 52%,#fff 1px,transparent 1.4px),radial-gradient(circle at 78% 80%,#fff 1.1px,transparent 1.5px)}
.fbadge.us::before{background:radial-gradient(circle,#fff .5px,transparent .8px) 0 0/3px 3px,#3C3B6E}
.pdimg .fbadge.us::before{background:radial-gradient(circle,#fff .8px,transparent 1.2px) 0 0/5px 4px,#3C3B6E}
.led{position:relative;margin:0 16px 18px;height:40px;overflow:hidden;background:linear-gradient(#13307A,#0F1E4A);border:2px solid #F2B705;box-shadow:inset 0 0 10px rgba(5,10,30,.6),0 0 16px -4px rgba(242,183,5,.6)}
.led[hidden]{display:none}
.led::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 1.2px,rgba(8,16,48,.9) 1.5px) 0 0/3px 3px;opacity:.3}
.led::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#112868,transparent 6%,transparent 94%,#112868)}
.ledt{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;width:max-content;white-space:nowrap;animation:ledrun var(--led-dur,22s) linear infinite}
.ledt span{display:block;padding-right:64px;font-family:'DotGothic16','VT323',ui-monospace,monospace;font-size:23px;letter-spacing:.1em;text-transform:uppercase;color:#FFD23F;-webkit-text-stroke:.4px #FFD23F;text-shadow:0 0 1px #FFE27A,0 0 4px rgba(255,214,64,.85),0 0 10px rgba(242,183,5,.7)}
@keyframes ledrun{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ledt{animation:none;position:static;padding-left:16px}.ledt span+span{display:none}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.also{margin-top:40px;padding-top:24px;border-top:2px solid var(--line)}
.also[hidden]{display:none}
.also h2{font-size:1.25rem;margin:0 0 14px}
.alsog{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 2px 12px;margin:0 -2px;scrollbar-width:thin}
.alsog .alsoc{flex:0 0 44%;scroll-snap-align:start}
@media (min-width:800px){.alsog .alsoc{flex-basis:calc((100% - 36px)/4.3)}}
.alsoc{all:unset;cursor:pointer;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);min-width:0}
.alsoc:hover{border-color:var(--ink)}
.alsoc:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.alsoc .ph{font-size:2.2rem}
.alsoc>span{display:block;padding:10px 12px 0;font-weight:600;font-size:.9rem;line-height:1.3}
.alsoc>b{display:block;padding:6px 12px 12px;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}
body:not(.top) header,body.top:has(.pd:not([hidden])) header{background:rgba(255,255,255,.35);border-bottom-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body:not(.top) header,:root:not([data-theme="light"]) body.top:has(.pd:not([hidden])) header{background:rgba(22,33,58,.35)}}
:root[data-theme="dark"] body:not(.top) header,:root[data-theme="dark"] body.top:has(.pd:not([hidden])) header{background:rgba(22,33,58,.35)}
body:not(.top)::before,body.top:has(.pd:not([hidden]))::before{background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body:not(.top) header .ib,body.top:has(.pd:not([hidden])) header .ib{background:var(--surface)}
header .logo{background:transparent}
.opts{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.opts[hidden]{display:none}
.opts .ol{font-weight:800;font-size:.9rem}
.opts .ob{display:flex;flex-wrap:wrap;gap:8px}
.opts button{min-width:72px;padding:10px 14px;border:2px solid var(--line);background:var(--surface);font-weight:700;font-variant-numeric:tabular-nums}
.opts button:hover{border-color:var(--ink)}
.opts button[aria-checked="true"]{border-color:#13307A;background:#13307A;color:#fff}
.dinfo .dimp{font-weight:900;letter-spacing:.08em;font-size:.9rem;color:#D11A2A;margin-bottom:8px}
body.top:has(.pd:not([hidden])) header{background:transparent;border-bottom-color:transparent}
body.top:has(.pd:not([hidden]))::before{background:var(--surface)}
body.top:has(.pd:not([hidden])) header .ib{color:var(--ink)}
body.top:has(.pd:not([hidden])) header .art{border-color:var(--ink)}
/* top of page: solid white header above the banner; translucent once scrolling */
html body.top header{background:var(--surface);border-bottom-color:var(--line)}
html body.top::before{background:var(--surface)}
html body.top header .ib{color:var(--ink);background:var(--surface)}
html body.top header .art{border-color:var(--ink)}
.banner{margin-top:0}
.banner div{padding-top:48px}
/* Header: arama kutusu .bar içinde. Telefonda büyüteçle açılır ve alt satıra iner;
   masaüstünde (≥1000px) hamburger yerine yatay menü + her zaman açık arama kutusu. */
.bar{flex-wrap:wrap}
.dnav,.sic{display:none}
.search{order:9;flex:0 0 calc(100% + 32px);margin:8px -16px -8px}
.search input{max-width:none}
@media (min-width:1000px){
  #menuBtn,#searchBtn{display:none}
  .bar{flex-wrap:nowrap;justify-content:flex-start;gap:24px}
  .dnav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
  .dnav>a,.ddb{display:flex;align-items:center;gap:4px;height:40px;padding:0 12px;border:0;background:none;color:var(--ink);font:inherit;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 -3px 0 transparent;transition:box-shadow .15s}
  .dnav>a:hover,.ddb:hover,.ddb[aria-expanded="true"]{box-shadow:inset 0 -3px 0 var(--accent)}
  .ddb svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .15s}
  .ddb[aria-expanded="true"] svg{transform:rotate(180deg)}
  .dd{position:relative}
  .ddm{position:absolute;top:calc(100% + 10px);left:0;z-index:30;min-width:240px;display:flex;flex-direction:column;background:var(--surface);border:2px solid #13307A;box-shadow:0 18px 40px -18px rgba(15,30,74,.45)}
  .ddm[hidden]{display:none}
  .ddm a{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;text-decoration:none}
  .ddm a:last-child{border-bottom:0}
  .ddm a:hover,.ddm a:focus-visible{background:var(--line);outline:none}
  .search,.search.open{order:0;flex:0 0 280px;display:flex;align-items:center;margin:0;height:40px;border:2px solid #13307A;background:var(--surface)}
  .sic{display:block;flex:none;width:18px;height:18px;margin-left:10px;stroke:var(--mute);fill:none;stroke-width:2}
  .search input{padding:0 10px;height:100%;background:transparent}
  .search input:focus{box-shadow:none}
  .search:focus-within{border-color:var(--accent)}
  .sugg{left:auto;right:-2px;width:420px}
}
@media (min-width:1000px) and (prefers-reduced-motion:reduce){.dnav>a,.ddb,.ddb svg{transition:none}}
/* Telefonda ürün adı fotoğrafın üstünde (bilgi sütunu açılıp başlık öne alınır) */
@media (max-width:639px){
  .pdg{display:flex;flex-direction:column;gap:0}
  .pdg>div:not(.pdimg){display:contents}
  .pd h1{order:-1;margin:0 0 14px}
  .pdimg{margin-bottom:20px}
}
/* Telefonda son ürünle footer arasındaki boşluk daha kısa */
@media (max-width:639px){main{padding-bottom:20px}.ft{margin-top:12px}}
/* Panelde {renk}…{/} ile renklendirilen metin parçaları (src/lib/color-text.js).
   Açık zeminde koyu, koyu zeminde (koyu tema, kapalı depo kartı) parlak tonlar. */
:root{--tc-y:#A87A00;--tc-b:#1F4FBF;--tc-r:#C8102E;--tc-g:#1E7A36;--tc-o:#C2410C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tc-y:#F2B705;--tc-b:#7FA8EE;--tc-r:#FF6B6B;--tc-g:#4ADE80;--tc-o:#FF922B}}
:root[data-theme="dark"],.closedcard{--tc-y:#F2B705;--tc-b:#7FA8EE;--tc-r:#FF6B6B;--tc-g:#4ADE80;--tc-o:#FF922B}
.tc{font-weight:700}
.tc-y{color:var(--tc-y)}.tc-b{color:var(--tc-b)}.tc-r{color:var(--tc-r)}.tc-g{color:var(--tc-g)}.tc-o{color:var(--tc-o)}
/* Başlığın altındaki yazı menüdeki .sub (flex) kuralını almasın: renkli kısımlar satır içinde kalsın */
#shopSub{display:block}
/* {kalın}…{/kalın}: açıklama/FAQ gibi ince metinlerde de belirgin olsun */
.sub strong,.pddesc strong,.faqi p strong,.pdclosed strong{font-weight:800}