:root{--bg: #F6F7F9;--surface: #FFFFFF;--surface-2: #F0F2F5;--border: #E7E9ED;--ink: #14171A;--ink-2: #5B6270;--muted: #9AA1AC;--gold: #E0A82E;--gold-deep: #B8860B;--gold-soft: #FBEFD2;--navy: #101B3D;--navy-2: #0A0E1A;--ok: #1F9D6B;--ok-soft: #E3F5EC;--alert: #C0392B;--alert-soft: #FBE7E4;--wa: #25D366;--wa-deep: #1EA952;--radius: 16px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(16, 23, 42, .04), 0 8px 24px rgba(16, 23, 42, .06);--shadow-lift: 0 10px 30px rgba(16, 23, 42, .12);--maxw: 1180px;--font-display: "Sora", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,.brand{font-family:var(--font-display);letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}@media(max-width:560px){.wrap{padding:0 16px}}.gold{color:var(--gold)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:46px 0 18px}.section-head h2{font-size:26px;font-weight:700}.section-head a{font-size:14px;font-weight:600;color:var(--gold-deep)}.breadcrumb{font-size:13px;color:var(--ink-2);padding:20px 0 4px}.breadcrumb a:hover{color:var(--gold-deep)}.breadcrumb .sep{color:var(--muted);margin:0 8px}.note{max-width:var(--maxw);margin:22px auto 0;padding:12px 24px;font-size:12.5px;color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;border-radius:12px;padding:13px 22px;cursor:pointer;border:1px solid transparent;transition:transform .16s var(--ease-out),background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;font-family:inherit}.btn svg{width:18px;height:18px}.btn-gold{background:var(--gold);color:#231a00;box-shadow:0 6px 16px #e0a82e59}.btn-gold:hover{background:var(--gold-deep);color:#fff;transform:translateY(-1px)}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000}.btn-block{width:100%}.btn-sm{padding:9px 14px;font-size:13.5px;border-radius:10px}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;box-shadow:none}.btn:disabled:active{transform:none}.btn-gold:disabled,.btn-gold:disabled:hover{background:var(--surface-2);color:var(--muted);transform:none}.field{position:relative;margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.field label .req{color:var(--alert);margin-left:2px}.field label .opt{color:var(--muted);font-weight:500;font-size:12px;margin-left:4px}.field input,.field select{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:12px 14px;font-size:14.5px;color:var(--ink);font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.field .hint{font-size:12px;color:var(--muted);margin-top:6px}.field.invalid input,.field.invalid select{border-color:var(--alert)}.field.invalid input:focus,.field.invalid select:focus{box-shadow:0 0 0 3px var(--alert-soft)}.field.invalid input:not(:focus),.field.invalid select:not(:focus){animation:field-shake .35s var(--ease-out)}.field.valid input,.field.valid select{border-color:var(--ok)}.field.valid input:focus,.field.valid select:focus{box-shadow:0 0 0 3px var(--ok-soft)}.field-error{display:block;font-size:12.5px;color:var(--alert);margin-top:6px;animation:field-error-in .2s var(--ease-out)}.form-alert{background:var(--alert-soft);border:1px solid rgba(192,57,43,.18);color:var(--alert);padding:10px 12px;border-radius:10px;font-size:13.5px;margin-bottom:16px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-2)}.check input{width:18px;height:18px;accent-color:var(--gold);margin-top:2px}@keyframes field-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes field-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.field-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.field.invalid input,.field.invalid select,.field-error{animation:none}}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s;position:relative}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card .thumb{aspect-ratio:1/1;background:linear-gradient(160deg,#FFF,var(--surface-2));display:grid;place-items:center;position:relative}.card .thumb>svg{width:74px;height:74px;color:#c3c8d0}.card .body{padding:14px 16px 16px}.card h4{font-size:15px;font-weight:600;margin:4px 0 10px;line-height:1.3}.brandline{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge{position:absolute;top:12px;left:12px;background:var(--gold);color:#231a00;font-size:12px;font-weight:700;padding:4px 9px;border-radius:8px}.badge.new{background:#eaf6f0;color:var(--ok)}.fav{position:absolute;top:11px;right:11px;width:34px;height:34px;border-radius:9px;background:#ffffffd9;display:grid;place-items:center;color:var(--ink-2);border:1px solid var(--border);cursor:pointer}.fav:hover{color:var(--gold-deep)}.price{display:flex;align-items:baseline;gap:8px}.price .now{font-family:var(--font-display);font-weight:700;font-size:16px}.price .was{font-size:12px;color:var(--muted);text-decoration:line-through}.stock{font-size:12px;margin-top:8px;color:var(--ok);font-weight:600;display:flex;align-items:center;gap:6px}.stock.low{color:var(--gold-deep)}.stock.out{color:var(--muted)}.stock .d{width:7px;height:7px;border-radius:50%;background:currentColor}.buy{margin-top:14px;padding:9px 16px;font-size:14px;border-radius:var(--radius-sm)}.buy.btn-ghost:hover{background:var(--gold);border-color:var(--gold);color:#231a00}.promo{border-radius:var(--radius);padding:30px;min-height:210px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.promo.brand{color:#f4f1e8;background:radial-gradient(90% 120% at 85% 15%,rgba(224,168,46,.45),transparent 55%),radial-gradient(70% 90% at 10% 100%,rgba(224,168,46,.18),transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);box-shadow:var(--shadow-lift)}.promo.brand:after{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,rgba(255,220,150,.9),transparent),radial-gradient(1.5px 1.5px at 70% 60%,rgba(255,220,150,.7),transparent),radial-gradient(1.5px 1.5px at 85% 35%,rgba(255,220,150,.6),transparent);opacity:.7}.promo.brand .k{position:relative;z-index:1}.promo.brand .tag{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.promo.brand h3{font-size:30px;font-weight:800;margin:10px 0 8px;color:#fff}.promo.brand p{color:#c9ceda;font-size:14px;max-width:34ch}.promo.brand .btn{margin-top:18px;align-self:flex-start}.promo.light{background:var(--surface);border:1px solid var(--border)}.promo.light .tag{color:var(--gold-deep);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.promo.light h3{font-size:22px;margin:8px 0 6px}.promo.light p{color:var(--ink-2);font-size:14px}.promo.light .btn{margin-top:16px;align-self:flex-start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel h3{font-size:17px;margin-bottom:16px}.sumrow{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-2);padding:7px 0}.sumrow.total{color:var(--ink);font-weight:700;font-size:18px;border-top:1px solid var(--border);margin-top:8px;padding-top:14px;font-family:var(--font-display)}.tag-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ok);font-weight:600;margin-top:12px}.steps{display:flex;align-items:center;gap:8px;margin:8px 0 30px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted);font-weight:600}.step .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:13px;border:1px solid var(--border)}.step.done .n{background:var(--ok);color:#fff;border-color:var(--ok)}.step.active{color:var(--ink)}.step.active .n{background:var(--gold);color:#231a00;border-color:var(--gold)}.step .bar{width:34px;height:2px;background:var(--border);border-radius:2px}.fab{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 10px 24px #25d36666;z-index:30}.fab svg{width:30px;height:30px;color:#fff}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.fab{width:48px;height:48px;right:14px;bottom:14px}.fab svg{width:26px;height:26px}}@keyframes enter-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-enter-up{animation:enter-up .3s var(--ease-out) both}.anim-stagger>*{animation:enter-up .3s var(--ease-out) both}.anim-stagger>*:nth-child(1){animation-delay:0ms}.anim-stagger>*:nth-child(2){animation-delay:40ms}.anim-stagger>*:nth-child(3){animation-delay:80ms}.anim-stagger>*:nth-child(4){animation-delay:.12s}.anim-stagger>*:nth-child(5){animation-delay:.16s}.anim-stagger>*:nth-child(6){animation-delay:.2s}.anim-stagger>*:nth-child(7){animation-delay:.24s}.anim-stagger>*:nth-child(8){animation-delay:.28s}.anim-stagger>*:nth-child(9){animation-delay:.32s}.anim-stagger>*:nth-child(10){animation-delay:.36s}.anim-stagger>*:nth-child(11){animation-delay:.4s}.anim-stagger>*:nth-child(12){animation-delay:.44s}@media(prefers-reduced-motion:reduce){.anim-enter-up,.anim-stagger>*{animation:none}}@media print{body{background:#fff}body *{visibility:hidden}.invoice-printable,.invoice-printable *{visibility:visible}.invoice-printable{position:absolute;inset:0;margin:0;padding:0;max-height:none;overflow:visible;box-shadow:none;border:0;border-radius:0}}.skeleton{display:block;border-radius:6px;background:linear-gradient(100deg,var(--surface-2) 30%,#e9ebf0 50%,var(--surface-2) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--surface-2)}}