/* 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)}
.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 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}
.cat[aria-pressed="true"]{background:#0F1E4A;color:#fff;border-color:#0F1E4A;box-shadow:0 12px 28px -14px rgba(15,30,74,.8)}
.cat[aria-pressed="true"]::before{background:var(--accent)}
.cat[aria-pressed="true"] .lbl small{color:#C9D1E3;opacity:1}
.cat[aria-pressed="true"] .cnt{background:var(--accent);border-color:var(--accent);color:#14213D}
.cat[aria-pressed="true"] .go{background:var(--accent);border-color:var(--accent);color:#14213D}
.cat[aria-pressed="true"] .go svg{transform:rotate(90deg)}
.cat[aria-pressed="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;grid-template-columns:1fr}
@media (min-width:720px){.ft .w{grid-template-columns:2fr 1fr 1fr}}
.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}
.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//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/150px 50px repeat,#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:hover{background-position:30px 0}
.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}
.paybox{border:1px dashed var(--line);padding:16px;font-size:.9rem}
.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::before{content:"+";font-size:1.3rem;font-weight:600;line-height:1}
.faqi[open] summary span::before{content:"−"}
.faqi p{margin:0;padding:0 16px 16px;white-space:pre-line;overflow-wrap:anywhere;color:var(--mute)}
.faqm{margin:28px 0 0;color:var(--mute)}
.faqm a{color:inherit;font-weight:800}
.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)}
@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}