:root{--gold:#e1be56;--gold-dark:#c9a43f;--black:#000;--page:#151515;--bar:#222;--card:#1f1f1f;--card-hover:#262626;--line:#3a3a3a;--text:#fff;--muted:#b8b9b8;--on-gold:#151515;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--page);margin:0;font-family:Montserrat,system-ui,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.site-header{background:var(--black);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:80px;display:flex}.logo{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.logo-text{white-space:nowrap;font-size:18px;font-weight:700;line-height:1.1}.logo-text small{color:var(--muted);letter-spacing:4px;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:500;display:block}.nav{gap:26px;display:flex}.nav a{white-space:nowrap;color:var(--text);text-transform:uppercase;letter-spacing:.3px;font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--gold)}.hero{background:radial-gradient(ellipse at 50% 0%, #e1be561f, transparent 60%), linear-gradient(180deg, #1c1c1c, var(--page));color:var(--text);text-align:center;border-bottom:1px solid var(--line);padding:72px 0 64px}.hero h2{margin:0;font-weight:600;line-height:1.15}.hero .eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:clamp(16px,2.2vw,20px);font-weight:600}.hero .headline{margin-top:10px;font-size:clamp(32px,6vw,56px)}.hero p{max-width:640px;color:var(--muted);margin:18px auto 0;font-size:17px}.trust{border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.stars{color:var(--gold);letter-spacing:2px}.catalog{background:var(--page);padding:56px 0 72px}.grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (width<=960px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid{grid-template-columns:1fr}.nav{gap:14px}.nav a{font-size:13px}.logo-text small{display:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:transform .15s,border-color .15s,background .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--gold);background:var(--card-hover);transform:translateY(-3px)}.thumb{aspect-ratio:16/10;text-decoration:none;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .ph{color:var(--text);background:linear-gradient(160deg,#e1be5614,#000000d9),repeating-linear-gradient(135deg,#2a2a2a 0 14px,#303030 14px 28px);flex-direction:column;justify-content:flex-end;padding:18px;display:flex;position:absolute;inset:0}.thumb .ph strong{font-size:22px;font-weight:700;line-height:1.15}.card-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.card h3{margin:0 0 6px;font-size:19px;font-weight:600}.price{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;font-size:18px;font-weight:700;display:flex}.price .now{color:var(--gold)}.price .was{color:var(--muted);font-size:16px;font-weight:500;text-decoration:line-through}.price .off{color:var(--text);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:13px;font-weight:600}.card p{color:var(--muted);flex:1;margin:0 0 20px;font-size:15px}.btn{text-align:center;background:var(--gold);color:var(--on-gold);border-radius:var(--radius);cursor:pointer;border:0;width:100%;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:block}.btn:hover{background:var(--gold-dark)}.btn.added{color:var(--gold);border:1px solid var(--gold);background:0 0}.btn.added:hover{background:#e1be561a}.btn:disabled,.btn.disabled{opacity:.55;cursor:default}.btn.added:disabled{color:var(--muted);border-color:var(--line);background:0 0}.btn.inline{width:auto;margin-top:16px;display:inline-block}.bundle{border-color:var(--gold);grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.bundle .thumb{aspect-ratio:auto;min-height:280px}.bundle .thumb img{position:absolute;inset:0}.bundle .card-body{justify-content:center;padding:32px}.bundle h3{font-size:26px}.bundle .tag{background:var(--gold);color:var(--on-gold);letter-spacing:1px;text-transform:uppercase;border-radius:4px;align-self:flex-start;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}@media (width<=760px){.bundle{grid-template-columns:1fr}.bundle .thumb{min-height:200px}.bundle .card-body{padding:22px}}.site-footer{background:var(--black);color:var(--muted);border-top:1px solid var(--line);padding:40px 0 32px;font-size:13px}.site-footer .top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.legal{flex-wrap:wrap;gap:8px 20px;display:flex}.legal a{color:var(--muted);text-decoration:none}.legal a:hover{color:var(--gold)}.disclaimers p{color:#8a8a8a;margin:16px 0 0}.nav{align-items:center}.cart-btn{border:1px solid var(--line);color:var(--text);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font:500 15px/1 Montserrat,sans-serif;display:inline-flex}.cart-btn:hover{border-color:var(--gold);color:var(--gold)}.cart-count{background:var(--gold);color:var(--on-gold);text-align:center;border-radius:999px;min-width:20px;padding:3px 6px;font-size:12px;font-weight:700}@media (width<=620px){.site-header .wrap{min-height:64px}.nav a{display:none}.cart-btn{padding:7px 12px;font-size:13px}.trust{white-space:nowrap;gap:8px;padding:8px 14px;font-size:13px}.stars{letter-spacing:1px}}.drawer-root{z-index:50;pointer-events:none;position:fixed;inset:0}.drawer-backdrop{opacity:0;background:#0009;transition:opacity .2s;position:absolute;inset:0}.drawer{background:var(--card);border-left:1px solid var(--line);flex-direction:column;width:min(420px,100%);height:100%;transition:transform .25s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.drawer-root.open{pointer-events:auto}.drawer-root.open .drawer-backdrop{opacity:1}.drawer-root.open .drawer{transform:none}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.drawer-head h2{margin:0;font-size:20px}.icon-btn{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:28px;line-height:1}.icon-btn:hover{color:var(--gold)}.drawer-empty{color:var(--muted);padding:22px}.drawer .line-items{flex:1;padding:8px 22px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);gap:12px;padding:20px 22px 24px;display:grid}.line-items{margin:0;padding:0;list-style:none}.line-item{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.line-item:last-child{border-bottom:0}.line-item img{object-fit:cover;border-radius:4px;width:64px;height:48px}.line-info{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.line-title{font-size:14px;font-weight:600;line-height:1.3}.line-price{color:var(--gold);font-weight:700}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font:500 13px Montserrat,sans-serif;text-decoration:underline}.link-btn:hover{color:var(--gold)}.drawer-foot .link-btn{justify-self:center}.subtotal{justify-content:space-between;align-items:baseline;font-size:16px;display:flex}.subtotal strong{font-size:20px}.checkout{min-height:60vh;padding:40px 0 72px}.checkout h1{margin:8px 0 24px;font-size:clamp(28px,4vw,40px)}.checkout .narrow{max-width:560px}.back{color:var(--muted);font-size:14px;text-decoration:none}.back:hover{color:var(--gold)}.checkout-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:28px;display:grid}@media (width<=860px){.checkout-grid{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel h2{margin:0 0 6px;font-size:20px}.muted{color:var(--muted);margin:0 0 18px}.small{margin:16px 0 0;font-size:13px}.panel label{gap:6px;margin-bottom:16px;font-size:14px;font-weight:600;display:grid}.panel input{color:var(--text);background:var(--page);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font:15px Montserrat,sans-serif}.panel input:focus{border-color:var(--gold);outline:none}.panel .btn{margin-top:8px}.notice{border:1px solid var(--gold);border-radius:var(--radius);color:var(--text);background:#e1be5614;margin:16px 0 0;padding:12px 14px;font-size:14px}.subtotal.total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.pay-page{color:#1a1f36;background:#fff;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.test-banner{color:#5a3b00;text-align:center;background:#ffde92;padding:6px 16px;font-size:13px;font-weight:600}.pay-grid{grid-template-columns:1fr 1fr;min-height:calc(100vh - 30px);display:grid}.pay-summary{color:#fff;background:#151515;padding:56px 56px 40px max(24px,100% - 440px)}.pay-form-wrap{padding:56px max(24px,100% - 440px) 40px 56px}.pay-back{color:#b8b9b8;font-size:14px;font-weight:600;text-decoration:none}.pay-back:hover{color:var(--gold)}.pay-label{color:#b8b9b8;margin:40px 0 4px;font-size:16px}.pay-amount{margin:0 0 32px;font-size:36px;font-weight:700}.pay-items{margin:0;padding:0;list-style:none}.pay-items li{justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.pay-items .pay-total{border-top:1px solid #3a3a3a;margin-top:8px;padding-top:16px;font-weight:700}.pay-form{max-width:400px}.pay-form h2{margin:0 0 12px;font-size:16px;font-weight:600}.pay-form h2+.pay-input,.pay-form .readonly{margin-bottom:28px}.pay-field-label{color:#4f566b;margin:14px 0 6px;font-size:13px;font-weight:500;display:block}.pay-input{color:#1a1f36;background:#fff;border:1px solid #d5d9e0;border-radius:6px;width:100%;padding:11px 12px;font:15px system-ui,-apple-system,sans-serif;box-shadow:0 1px 1px #0000000a}.pay-input:focus{z-index:1;border-color:#c9a43f;outline:none;position:relative;box-shadow:0 0 0 3px #e1be5659}.pay-input.invalid{color:#df1b41;border-color:#df1b41}.pay-input.readonly{color:#1a1f36;background:#f6f8fa}.muted-label{color:#697386;margin-right:12px}.card-group .pay-input{border-radius:0}.card-group>.pay-input{border-radius:6px 6px 0 0}.card-row{grid-template-columns:1fr 1fr;margin-top:-1px;display:grid}.card-row .pay-input:first-child{border-radius:0 0 0 6px}.card-row .pay-input:last-child{border-radius:0 0 6px;margin-left:-1px}.pay-error{color:#df1b41;margin:6px 0 0;font-size:13px}.pay-btn{color:#fff;cursor:pointer;background:#151515;border:0;border-radius:6px;justify-content:center;align-items:center;width:100%;height:46px;margin-top:28px;font:600 16px system-ui,-apple-system,sans-serif;display:flex}.pay-btn:hover{background:#000}.pay-btn:disabled{cursor:default}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pay-decline{color:#a1102e;background:#fff0f2;border-radius:6px;margin:14px 0 0;padding:10px 12px;font-size:14px}.test-cards{color:#4f566b;border:1px dashed #d5d9e0;border-radius:6px;margin-top:28px;padding:10px 12px;font-size:13px}.test-cards summary{cursor:pointer;font-weight:600}.test-cards ul{margin:8px 0 0;padding-left:18px;line-height:1.8}.test-cards code{background:#f6f8fa;border-radius:4px;padding:1px 5px;font-size:12px}.pay-empty{text-align:center;max-width:400px;margin:0 auto;padding:80px 16px}@media (width<=820px){.pay-grid{grid-template-columns:1fr;min-height:0}.pay-summary,.pay-form-wrap{padding:28px 16px}.pay-label{margin-top:20px}.pay-amount{margin-bottom:16px}.pay-form{max-width:none}}.success-mark{background:var(--gold);width:56px;height:56px;color:var(--on-gold);border-radius:50%;place-items:center;margin-top:24px;font-size:28px;font-weight:700;display:grid}.order-meta{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-bottom:8px;font-size:13px;display:flex}.checkout .order-meta+.line-items .line-item{grid-template-columns:64px 1fr auto}@media (width<=360px){.trust{white-space:normal;text-align:left;font-size:12px}}
