/* Base mobile-first styles - Premium Gun Case */
:root{--bg:#0E0F10;--graphite:#2B2F33;--text:#E8ECEF;--muted:#3A3F45;--accent:#A6FF4D;--focus:2px solid #A6FF4D}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:var(--focus);outline-offset:2px}

/* Inputs & Forms */
input,select,textarea{width:100%;background:#0B0C0D;border:1px solid #2D3237;color:#E8ECEF;padding:12px 12px;border-radius:8px;transition:border-color .15s ease, box-shadow .15s ease}
input:hover,select:hover,textarea:hover{border-color:#3A3F45}
input:focus,select:focus,textarea:focus{border-color:#A6FF4D;box-shadow:0 0 0 3px rgba(166,255,77,.1)}
label{display:block;margin:6px 0 6px 2px;font-size:.9rem;color:#C9D1D9}
.form-row{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:720px){.form-row.sm\:cols-2{grid-template-columns:1fr 1fr}.form-row.sm\:cols-3{grid-template-columns:repeat(3,1fr)}}

.container{max-width:1100px;margin:0 auto;padding:0 16px}
.bg-dark{background:var(--bg)}
.bg-graphite{background:var(--graphite)}
.bg-muted{background:var(--muted)}
.text-light{color:var(--text)}
.small{font-size:.9rem;opacity:.9}
.h1{font-size:2rem;margin:.25rem 0}
.h2{font-size:1.4rem;margin:.25rem 0}
.h3{font-size:1.1rem;margin:.25rem 0}
.m-0{margin:0}
.mt-8{margin-top:8px}
.mt-16{margin-top:16px}
.mt-24{margin-top:24px}
.p-12{padding:12px}
.p-16{padding:16px}
.grid{display:grid}
.cols-1{grid-template-columns:1fr}
.cols-2{grid-template-columns:repeat(2,1fr)}
.sm\:cols-3{grid-template-columns:repeat(2,1fr)}
@media(min-width:720px){.sm\:cols-3{grid-template-columns:repeat(3,1fr)}}
.gap-8{gap:8px}
.gap-12{gap:12px}
.flex{display:flex}
.ai-center{align-items:center}
.jc-between{justify-content:space-between}
.gap-12{gap:12px}
.w-100{width:100%}
.br-4{border-radius:4px}
.card{border:1px solid #202428;border-radius:8px;box-shadow:0 1px 2px rgb(0 0 0 / .2)}
.card:hover{box-shadow:0 6px 18px rgb(0 0 0 / .35);transform:translateY(-1px);transition:all .2s ease}
.btn{display:inline-block;padding:12px 16px;border-radius:6px;border:1px solid #3A3F45}
.btn-accent{background:var(--accent);color:#0B0C0D;font-weight:600}
.btn:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:#E8ECEF;border-color:#2D3237}
.btn-ghost:hover{background:#15181b}
.btn-muted{background:#1a1e22;border-color:#2D3237;color:#C9D1D9}
.btn-muted:hover{filter:none;background:#20252a}
.link{padding:8px 12px;display:inline-block}
.site-header{border-bottom:1px solid #202428}
.brand-logo{display:flex;flex-direction:column;line-height:1}
.brand-logo .pgc{font-family:'Orbitron', Inter, system-ui, sans-serif;font-size:2rem;letter-spacing:.08em;font-weight:800;background:linear-gradient(90deg,#A6FF4D,#7CFF00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(166,255,77,.15)}
.brand-logo .brand-sub{font-size:.95rem;color:#C9D1D9;opacity:.9}
.site-footer{border-top:1px solid #202428}
.site-footer{background:#0B0C0D}
.site-footer h3{margin:.5rem 0;font-size:1rem;color:#C9D1D9}
.site-footer p,.site-footer a,.site-footer li{color:#AEB6BF}
.site-footer a:hover{color:#E8ECEF}
.site-footer .social a{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #2D3237;border-radius:50%;margin-right:8px}
.list-plain{list-style:none;padding:0;margin:0}
.legal{border-top:1px solid #202428;padding-top:12px;color:#8a93a1}
.ratio-16x9{position:relative;padding-bottom:56.25%;background:#222}
.ratio-16x9>*{position:absolute;inset:0}
.product-card img{border-bottom:1px solid #202428}
.product-card .h3{font-weight:700}

/* Tables (cart, orders) */
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table thead th{font-size:.9rem;text-align:left;padding:8px 12px;color:#C9D1D9}
.table tbody tr{background:#0B0C0D;border:1px solid #202428}
.table tbody td{padding:12px}

/* Badges / Chips */
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#1b1f23;border:1px solid #2D3237;color:#C9D1D9;font-size:.8rem}
.badge-success{background:#0e2a12;border-color:#1f6b2a;color:#A6FF4D}
.badge-warn{background:#2a1e0e;border-color:#6b4a1f;color:#ffd27c}

/* Sections */
.section{padding:24px;border:1px solid #202428;border-radius:10px;background:#0B0C0D}
.section + .section{margin-top:16px}
.steps{list-style:decimal inside}

/* Mobile bottom nav */
.mobile-bottom-nav{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:8px;padding:8px;background:#0B0C0D;border-top:1px solid #202428}
.mobile-bottom-nav a{padding:10px 8px;border-radius:6px}
.hide-sm{display:none}
.show-sm{display:flex}
@media(min-width:720px){.hide-sm{display:block}.show-sm{display:none}}