:root{--ink: #15171b;--ink-soft: #2b2f37;--brand: #f05a28;--brand-strong: #d8481b;--teal: #15a394;--teal-strong: #0f8678;--bg: #f5f6f9;--surface: #ffffff;--surface-2: #fbfbfd;--muted: #6b7280;--muted-soft: #9aa1ad;--line: #e7e9ef;--line-strong: #d6dae2;--ok: #16a34a;--ok-bg: #e9f7ee;--warn: #b7791f;--warn-bg: #fdf3e2;--off: #6b7280;--off-bg: #eef0f3;--danger: #dc2626;--danger-bg: #fdecec;--info: #2563eb;--info-bg: #e8effd;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 18, 22, .06), 0 1px 3px rgba(16, 18, 22, .04);--shadow-md: 0 8px 24px rgba(16, 18, 22, .08);--shadow-lg: 0 24px 60px rgba(16, 18, 22, .16);--container: 1200px;--header-h: 72px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;line-height:1.18;letter-spacing:-.01em;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,white);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--brand);margin-bottom:10px}.button{--btn-bg: var(--brand);--btn-fg: #fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:.94rem;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;text-align:center}.button:hover{background:var(--brand-strong);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 30%,transparent);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.button--ghost{--btn-bg: transparent;--btn-fg: var(--ink);border-color:var(--line-strong)}.button--ghost:hover{--btn-bg: var(--surface);background:var(--surface);border-color:var(--ink);box-shadow:var(--shadow-sm)}.button--dark{--btn-bg: var(--ink)}.button--dark:hover{background:#000}.button--danger{--btn-bg: var(--danger)}.button--danger:hover{background:#b91c1c}.button--sm{padding:8px 14px;font-size:.85rem}.button--block{width:100%}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:24px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:12px}.brand__logo{display:block;flex:0 0 auto;height:34px;width:auto}.brand__caption{font-size:.75rem;color:var(--muted);padding-left:12px;border-left:1px solid var(--line-strong);font-weight:600}.main-nav{display:flex;gap:26px;margin-left:auto;font-weight:500;color:var(--ink-soft)}.main-nav a{position:relative;padding:6px 0;transition:color .15s ease}.main-nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:14px}.header-link{font-weight:600;color:var(--ink-soft);transition:color .15s ease}.header-link:hover{color:var(--brand)}.header-cart{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-weight:600;font-size:.88rem;transition:background .18s ease}.header-cart:hover{background:#000}.header-cart__count{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--brand);font-size:.78rem}.hero{padding:64px 0 36px}.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:18px}.hero__lead{font-size:1.08rem;color:var(--muted);max-width:46ch;margin-bottom:28px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat strong{display:block;font-size:1.5rem;color:var(--ink)}.stat span{font-size:.82rem;color:var(--muted)}.hero__panel{position:relative;border-radius:var(--r-xl);padding:36px;min-height:320px;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--teal) 22%,transparent),transparent 55%),linear-gradient(160deg,var(--ink),var(--ink-soft));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;box-shadow:var(--shadow-lg)}.hero__panel:before{content:"";position:absolute;inset:auto -40px -60px auto;width:240px;height:240px;border-radius:50%;background:color-mix(in srgb,var(--brand) 55%,transparent);filter:blur(8px);opacity:.7}.hero__panel-copy{position:relative}.hero__panel-copy strong{display:block;font-size:1.25rem;margin-bottom:8px}.hero__panel-copy span{color:#fffc}.section{padding:56px 0}.section--tight{padding:32px 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-title{font-size:clamp(1.5rem,2.4vw,2rem)}.section-copy{color:var(--muted);max-width:60ch;margin-top:6px}.catalog-count{font-size:.9rem;color:var(--muted);white-space:nowrap}.catalog-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}.filters{position:sticky;top:calc(var(--header-h) + 16px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm)}.filters h2{font-size:1.05rem;margin-bottom:18px}.catalog-toolbar{display:flex;gap:14px;margin-bottom:22px}.search{flex:1}.sort-field{min-width:220px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.product-card__image{position:relative;border:0;padding:0;cursor:pointer;background:var(--surface-2);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .3s ease}.product-card:hover .product-card__image img{transform:scale(1.04)}.product-card__body{display:flex;flex-direction:column;gap:12px;padding:18px;flex:1}.product-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-card__brand{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.product-card__title{font-size:1.08rem;font-weight:700}.product-card__desc{font-size:.88rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.spec{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px}.spec span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-soft)}.spec strong{font-size:.86rem}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px}.price{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:.74rem;font-weight:700;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status--in-stock{color:var(--ok);background:var(--ok-bg)}.status--preorder{color:var(--warn);background:var(--warn-bg)}.status--out-of-stock{color:var(--off);background:var(--off-bg)}.contact-form-wrap{max-width:640px}.form-grid{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.field-row{display:flex;gap:10px}input,select,textarea{width:100%;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 13px;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--muted-soft)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}textarea{min-height:96px;resize:vertical}.password-field{position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:6px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-sm);color:var(--muted);background:transparent;cursor:pointer;transform:translateY(-50%);transition:background .15s ease,color .15s ease}.password-toggle:hover{color:var(--ink);background:var(--surface-2)}.password-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,white);outline-offset:1px}.password-toggle__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.password-toggle__icon--hide,.password-toggle.is-visible .password-toggle__icon--show{display:none}.password-toggle.is-visible .password-toggle__icon--hide{display:block}.multiselect{position:relative}.multiselect__trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:inherit;font-size:.92rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 13px;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.multiselect__trigger:after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);flex:0 0 auto}.multiselect__trigger:hover,.multiselect__trigger:focus,.multiselect__trigger.is-active{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.multiselect__menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow-y:auto;padding:8px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--shadow-md)}.multiselect__option{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-soft)}.multiselect__option:hover{background:var(--surface-2);color:var(--ink)}.multiselect__option input{width:16px;height:16px;margin:0;accent-color:var(--brand)}.multiselect__empty{padding:8px 9px;color:var(--muted);font-size:.86rem}.notice{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-md);padding:14px 16px;font-size:.9rem;color:var(--ink-soft)}.notice strong{display:block;margin-bottom:2px}.notice__copy{color:var(--muted)}.notice--error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--danger-bg);color:#991b1b}.notice--success{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:var(--ok-bg);color:#14532d}.trust-band{background:var(--ink);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:48px 0}.trust-item strong{display:block;margin-bottom:8px;font-size:1.05rem}.trust-item span{color:#ffffffb8;font-size:.9rem}.footer{background:var(--surface);border-top:1px solid var(--line);margin-top:64px}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding:48px 0}.footer-note{color:var(--muted);font-size:.9rem;margin-top:14px;max-width:40ch}.footer h3{font-size:.95rem;margin-bottom:14px}.footer-links{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:.9rem}.footer-links a:hover{color:var(--brand)}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--r-lg);padding:56px 24px;text-align:center;color:var(--muted);background:var(--surface-2)}.empty-state h2{color:var(--ink);margin-bottom:8px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.skeleton-card{height:360px;border-radius:var(--r-lg);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;border:1px solid var(--line);animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:5vh 20px;background:#1012168c;backdrop-filter:blur(4px);overflow-y:auto}.modal{width:100%;max-width:760px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:modal-in .18s ease}.modal--narrow{max-width:460px}.modal--wide{max-width:920px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)}}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.modal__header h2{font-size:1.25rem}.modal__close{border:0;background:var(--surface-2);width:36px;height:36px;border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--muted);transition:background .15s ease,color .15s ease}.modal__close:hover{background:var(--danger-bg);color:var(--danger)}.modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.product-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-modal-image{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:22px}.product-modal-image img{width:100%;height:100%;object-fit:contain}.modal-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}tbody td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.cell-strong{font-weight:600}.cell-sub{color:var(--muted);font-size:.82rem}.cell-pre{white-space:pre-line}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.qty-control{max-width:88px}.cart-summary{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:22px}.cart-total{font-size:1.1rem;font-weight:600}.cart-total span{font-size:1.4rem;font-weight:800;margin-left:8px}.admin-layout{padding:40px 0 64px}.admin-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-actions{display:flex;gap:12px}.admin-tabs{display:flex;gap:8px;margin:0 0 22px;padding:6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:max-content;max-width:100%;overflow-x:auto}.admin-tab{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted);font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.admin-tab span{min-width:24px;padding:2px 7px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);font-size:.74rem}.admin-tab:hover,.admin-tab.is-active{background:var(--ink);color:var(--surface)}.admin-tab.is-active span{background:#ffffff2e;color:var(--surface)}.login-panel{max-width:420px;margin:8vh auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:36px;box-shadow:var(--shadow-md)}.login-panel h1{font-size:1.6rem;margin-bottom:8px}.login-panel>p{color:var(--muted);margin-bottom:22px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field--wide{grid-column:1 / -1}.image-upload{display:flex;gap:14px;align-items:center}.image-upload__preview{width:78px;height:78px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);object-fit:contain;padding:6px;flex-shrink:0}.image-upload__controls{display:flex;flex-direction:column;gap:8px;flex:1}.status-select{max-width:160px;padding:7px 10px;font-size:.82rem;font-weight:600;cursor:pointer}.status-select.is-in-stock,.status-select.is-done{color:var(--ok);background:var(--ok-bg);border-color:color-mix(in srgb,var(--ok) 32%,transparent)}.status-select.is-preorder,.status-select.is-processing{color:var(--warn);background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 32%,transparent)}.status-select.is-new{color:var(--info);background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 32%,transparent)}.status-select.is-out-of-stock,.status-select.is-cancelled{color:var(--off);background:var(--off-bg);border-color:color-mix(in srgb,var(--off) 32%,transparent)}.status-select option{color:var(--ink);background:var(--surface);font-weight:500}.status-select option[data-status=in-stock],.status-select option[data-status=done]{color:var(--ok);background:var(--ok-bg)}.status-select option[data-status=preorder],.status-select option[data-status=processing]{color:var(--warn);background:var(--warn-bg)}.status-select option[data-status=new]{color:var(--info);background:var(--info-bg)}.status-select option[data-status=out-of-stock],.status-select option[data-status=cancelled]{color:var(--off);background:var(--off-bg)}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-field{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2)}.detail-field__label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.detail-field__value{color:var(--ink);font-weight:600}.details-section{display:flex;flex-direction:column;gap:12px}.details-section h3{font-size:1rem}.table-wrap--compact table{font-size:.84rem}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-size:.74rem;font-weight:600;background:var(--off-bg);color:var(--ink-soft)}@media (max-width: 980px){.hero__grid{grid-template-columns:1fr}.hero__panel{min-height:220px}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer__inner{grid-template-columns:1fr 1fr}.product-modal-grid{grid-template-columns:1fr}}@media (max-width: 640px){.container{padding:0 16px}.main-nav,.brand__caption{display:none}.section-header{flex-direction:column;align-items:flex-start}.catalog-toolbar{flex-direction:column}.hero__stats,.trust-grid,.footer__inner,.admin-form-grid{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-tabs{width:100%}.details-grid{grid-template-columns:1fr}.modal-specs{grid-template-columns:1fr 1fr}}.page-hero{padding:52px 0 8px}.page-hero h1{font-size:clamp(1.9rem,3.5vw,2.7rem);margin-bottom:14px}.page-hero .section-copy{font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm)}.feature-card h3{font-size:1.08rem;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:.92rem}.steps{display:grid;gap:14px}.step{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}.step__num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.step h3{font-size:1rem;margin-bottom:4px}.step p{color:var(--muted);font-size:.9rem}.faq{display:grid;gap:12px}.faq__item{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;background:var(--surface)}.faq__item h3{font-size:1rem;margin-bottom:6px}.faq__item p{color:var(--muted);font-size:.92rem}.contact-card a{color:var(--brand);font-weight:600}.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--teal) 20%,transparent),transparent 55%),linear-gradient(160deg,var(--ink),var(--ink-soft));color:#fff;border-radius:var(--r-lg);padding:28px 32px;box-shadow:var(--shadow-md)}.cta-band__text strong{display:block;font-size:1.25rem;margin-bottom:4px}.cta-band__text span{color:#fffc}.cta-band__actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 640px){.cta-band{flex-direction:column;align-items:flex-start}}.button--light{--btn-bg: #fff;--btn-fg: var(--ink);border-color:transparent}.button--light:hover{background:#eef0f4;box-shadow:0 8px 20px #00000038}