:root{--bg-deepest: #080f1f;--bg-dark: #0a1628;--bg-subtle: #0c1a30;--bg-card: rgba(255, 255, 255, .04);--navy: #1a3a5c;--blue: #2e75b6;--blue-bright: #3b89d4;--light-blue: #d6e4f2;--gold: #c99a4a;--gold-soft: rgba(201, 154, 74, .14);--green: #10b981;--red: #ef4444;--amber: #f59e0b;--t0: #ffffff;--t1: #cbd5e1;--t2: #64748b;--muted: var(--t1);--border: rgba(46, 117, 182, .14);--border-hi: rgba(46, 117, 182, .36);--border-accent: rgba(59, 137, 212, .25);--grid-size: 52px 52px;--grid-bg: linear-gradient(rgba(46, 117, 182, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 117, 182, .055) 1px, transparent 1px);--glow-radial: radial-gradient(circle, rgba(46, 117, 182, .11) 0%, transparent 66%);--glow-blue: 0 0 26px rgba(46, 117, 182, .24);--shadow-card: 0 24px 48px rgba(0, 0, 0, .35);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .15);--grad-accent: linear-gradient(135deg, #3b89d4, #2e75b6);--grad-success: linear-gradient(135deg, #10b981, #059669);--radius-xl: 20px;--radius-lg: 11px;--radius-sm: 8px;--font-display: "Fraunces", Georgia, serif;--font-body: "Manrope", system-ui, -apple-system, sans-serif}body{background:var(--glow-radial),var(--grid-bg),linear-gradient(180deg,var(--bg-dark),var(--bg-deepest));background-attachment:fixed;background-size:cover,var(--grid-size),cover;color:var(--t1);font-family:var(--font-body);margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.08;color:var(--t0);text-wrap:balance;margin:0 0 .4em}a{color:inherit}*{box-sizing:border-box}.kicker{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold);font-family:var(--font-body);margin:0 0 .6em}.container{width:min(1120px,calc(100% - 2.2rem));margin:0 auto}.section{padding:clamp(3.2rem,7vw,5.8rem) 0}.section-alt{background:var(--glow-radial),var(--grid-bg);border-top:1px solid var(--border-accent);border-bottom:1px solid var(--border-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:22px;padding:.7rem 1.2rem;background:var(--grad-accent);color:var(--t0);font-family:var(--font-body);font-weight:700;font-size:.95rem;box-shadow:0 12px 24px #2e75b640;cursor:pointer;text-decoration:none;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #2e75b659}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent;border:1.5px solid var(--border-accent);color:var(--blue-bright);box-shadow:none}.btn-ghost:hover:not(:disabled){background:#3b89d414;border-color:var(--blue-bright);transform:translateY(-2px)}.btn-small{padding:.52rem .9rem;font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.3rem;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-accent);opacity:.35;transition:opacity .22s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--glow-blue),var(--shadow-card);border-color:var(--border-hi)}.card:hover:before{opacity:1}.tag{display:inline-block;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em;border-radius:999px;padding:3px 12px;background:#2e75b624;color:var(--light-blue);font-weight:700}::selection{background:var(--blue);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px;border-radius:4px}.loading-state{display:flex;align-items:center;gap:.6rem;color:var(--t2);font-size:.9rem;padding:2.5rem 0}.loading-state:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--border-hi);border-top-color:var(--blue-bright);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.site-header{position:sticky;top:0;z-index:20;background:#080f1feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-accent)}.site-header .bar{display:flex;align-items:center;gap:1.5rem;padding:1rem 0}.back-link{display:flex;align-items:center;gap:5px;color:var(--t2);text-decoration:none;font-size:.82rem;font-weight:600;padding-right:1.1rem;border-right:1px solid var(--border);transition:color .18s ease}.back-link:hover{color:var(--blue-bright)}.back-link-text{white-space:nowrap}.site-header .brand{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--t0);text-decoration:none;white-space:nowrap}.site-nav{display:flex;gap:1.4rem;flex:1}.site-nav a{position:relative;text-decoration:none;color:var(--t1);font-weight:600;font-size:.92rem;padding-bottom:4px}.site-nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--blue-bright);transition:width .22s ease}.site-nav a:hover:after,.site-nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.icon-link{position:relative;display:flex;color:var(--t1);text-decoration:none}.icon-link:hover{color:var(--t0)}.cart-badge{position:absolute;top:-8px;right:-10px;background:var(--grad-accent);color:#fff;font-size:.68rem;font-weight:800;border-radius:999px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:0}.mobile-nav{display:none;flex-direction:column;border-top:1px solid var(--border);padding:.4rem 0 .9rem}.mobile-nav a{padding:.75rem 0;color:var(--t1);text-decoration:none;font-weight:600;font-size:.95rem;border-bottom:1px solid var(--border)}.mobile-nav a:last-child{border-bottom:none}.mobile-nav a.active{color:var(--blue-bright)}@media(max-width:780px){.site-nav{display:none}.menu-toggle,.mobile-nav{display:flex}.back-link-text{display:none}.back-link{padding-right:.7rem}}.hero{position:relative;padding:clamp(4rem,10vw,7rem) 0 clamp(3rem,7vw,5rem);border-bottom:1px solid var(--border-accent);overflow:hidden}.hero-eyebrow{margin-bottom:.8rem}.hero h1{font-size:clamp(2.1rem,5vw,3.8rem);max-width:16ch;font-weight:700}.hero p.lede{font-size:clamp(1rem,1.6vw,1.2rem);color:var(--t1);max-width:56ch;line-height:1.7;margin:1rem 0 2rem}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin-top:2.4rem}@media(max-width:1024px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.category-grid{grid-template-columns:1fr}}.category-tile{text-decoration:none;display:flex;flex-direction:column;gap:.9rem;padding:1.6rem}.category-tile .icon-badge{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--grad-accent);color:#fff}.category-tile h3{font-size:1.15rem;margin:0}.category-tile p{color:var(--t2);font-size:.88rem;margin:0;line-height:1.5}.category-tile .count{color:var(--blue-bright);font-size:.82rem;font-weight:700;margin-top:auto}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:2rem}@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.product-grid{grid-template-columns:1fr}}.product-card{text-decoration:none;padding:0;display:flex;flex-direction:column}.product-card .thumb{aspect-ratio:4 / 3;background:#ffffff08;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border)}.product-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-card .body{padding:1.1rem 1.3rem 1.3rem}.product-card h3{font-size:1rem;margin:0 0 .4rem;font-family:var(--font-body);font-weight:700;color:var(--t0)}.product-card .price{color:var(--light-blue);font-weight:700;font-size:1.05rem}.product-card .sold-out{color:var(--t2);font-size:.85rem}.product-layout{display:grid;grid-template-columns:1fr;gap:2.6rem;margin-top:1rem}@media(min-width:800px){.product-layout{grid-template-columns:1.05fr 1fr}}.gallery-main{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:#ffffff08}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:.6rem;margin-top:.7rem}.gallery-thumbs button{padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;width:64px;height:64px;cursor:pointer;background:none}.gallery-thumbs button.active{border-color:var(--blue-bright)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.buy-box h1{font-size:clamp(1.6rem,3vw,2.2rem)}.buy-box .price{font-size:1.7rem;font-weight:800;color:var(--t0);margin:.4rem 0 1rem}.buy-box .desc{color:var(--t1);line-height:1.7;margin-bottom:1.6rem}label{display:block;font-weight:700;font-size:.85rem;color:var(--t1);margin:1.1rem 0 .4rem}label:first-of-type{margin-top:0}input,select,textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;color:var(--t0);font:500 .95rem var(--font-body)}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-bright);outline-offset:1px;border-color:var(--blue-bright)}textarea{resize:vertical;min-height:80px}.cart-row{display:grid;grid-template-columns:64px 1fr auto auto auto;gap:1rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--border)}.cart-row img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);background:#ffffff08}.cart-row .qty-input{width:68px;padding:.5rem}.cart-row .remove-btn{background:none;border:none;color:var(--t2);cursor:pointer;font-size:.8rem;text-decoration:underline}.summary{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--border-hi)}.summary-line{display:flex;justify-content:space-between;padding:.25rem 0;color:var(--t1);font-size:.92rem}.summary-line.total{font-weight:800;font-size:1.2rem;color:var(--t0);margin-top:.5rem}.summary-line.discount{color:var(--green)}.empty-state{padding:4rem 0;text-align:center;color:var(--t2)}.form-msg{font-size:.85rem;margin-top:.4rem}.form-msg.error{color:var(--red)}.form-msg.success{color:var(--green)}.status-pill{font-size:.72rem;font-weight:800;padding:3px 11px;border-radius:999px;text-transform:capitalize;background:#ffffff14;color:var(--t2)}.status-pill.paid{background:#10b98129;color:var(--green)}.status-pill.failed{background:#ef444429;color:var(--red)}.site-footer{background:var(--bg-subtle);border-top:1px solid var(--border-accent);padding:2.5rem 0;margin-top:4rem;color:var(--t2);font-size:.85rem;text-align:center}.site-footer a{color:var(--t1);text-decoration:none;margin:0 .7rem}.site-footer a:hover{color:var(--t0)}.backlink{display:inline-flex;align-items:center;gap:6px;color:var(--t2);text-decoration:none;font-size:.88rem;margin-bottom:1.4rem;transition:color .18s ease}.backlink:hover{color:var(--blue-bright)}.result-panel{max-width:480px;text-align:center}.result-panel p{color:var(--t1);line-height:1.6}.result-icon{display:block;margin:0 auto 1.2rem}.result-icon-success{color:var(--green)}.result-icon-fail{color:var(--red)}
