:root{--color-bg:#f2f3f5;--color-surface:#fff;--color-surface-muted:#f7f8fa;--color-border:#d5d9df;--color-text:#1a1d21;--color-text-muted:#5a6270;--color-primary:#e85d04;--color-primary-strong:#c44b00;--color-primary-soft:#fff1e6;--color-focus:#e85d04;--color-steel:#1f2329;--color-steel-mid:#343a42;--color-success:#1f7a4c;--color-danger:#b42318;--shadow-sm:0 1px 2px #14161a0d;--shadow-md:0 8px 24px #14161a14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--container-max:1120px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-size-base:16px;--line-height-base:1.6}
*,:before,:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);line-height:var(--line-height-base);color:var(--color-text);background:linear-gradient(180deg,#f7f8fa 0%,var(--color-bg)32%);margin:0}img,svg{max-width:100%;display:block}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.site-body{flex-direction:column;min-height:100dvh;display:flex}.page-shell{width:min(100% - 2rem,var(--container-max));padding-block:var(--space-8)var(--space-12);flex:1;margin-inline:auto}.container{width:min(100% - 2rem,var(--container-max));margin-inline:auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--color-primary);background-color:#1f2329f5;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;padding-block:var(--space-3);flex-wrap:wrap;display:flex}.site-header__brand{letter-spacing:.02em;text-transform:uppercase;color:#fff;font-size:1.2rem;font-weight:800}.site-header__brand:hover{color:var(--color-primary-soft);text-decoration:none}.site-header__nav{align-items:center;display:flex}.site-header__list{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.site-header__link{border-radius:var(--radius-sm);color:#c8ced6;padding:.45rem .7rem;font-size:.9375rem;font-weight:600;display:inline-flex}.site-header__link:hover{background:var(--color-steel-mid);color:#fff;text-decoration:none}.site-header__link--accent{background:var(--color-primary);color:#fff}.site-header__link--accent:hover{background:var(--color-primary-strong);color:#fff}.site-header__button{cursor:pointer;font:inherit;background:0 0;border:0}.site-footer{margin-top:var(--space-16);padding-block:var(--space-10);border-top:2px solid var(--color-primary);background:var(--color-steel);color:#d4d8de}.site-footer__content{gap:var(--space-3);margin-bottom:var(--space-6);display:grid}.site-footer__content h2{letter-spacing:.01em;color:#fff;font-size:1.125rem;font-weight:800}.site-footer__content a{color:var(--color-primary);font-weight:700}.site-footer__nav{margin-bottom:var(--space-5)}.site-footer__list{gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer__link{color:#e8eaed;font-weight:600}.site-footer__copyright{color:#8b929c;font-size:.875rem}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);height:100%;box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow .16s,border-color .16s}.card:has(.card__link){padding:0}.card:hover{box-shadow:var(--shadow-md);border-color:#c3c9d1}.card__link{height:100%;padding:var(--space-5);border-radius:var(--radius-md);display:block}.card__link:hover{background:var(--color-primary-soft);text-decoration:none}.card__title{margin-bottom:var(--space-2);font-size:1.05rem;font-weight:700;line-height:1.3}.card__text{color:var(--color-text-muted);margin-bottom:var(--space-3)}.card__price{color:var(--color-steel);border-top:2px solid var(--color-primary);padding-top:var(--space-3);margin-top:auto;font-size:1.2rem;font-weight:800}.product-card.card:has(.card__link){align-content:start;gap:var(--space-2);padding:var(--space-5);display:grid}.product-card .card__link{gap:var(--space-2);grid-template-rows:auto auto 1fr auto;height:auto;padding:0;display:grid}.product-card__frame{gap:var(--space-2);display:grid}.product-card__media-link{border-radius:var(--radius-sm);display:block}.product-card__media-link:hover{text-decoration:none}.product-card__media{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-surface-muted);outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);display:block;position:relative;overflow:hidden}.product-card__stage{position:relative}.product-card__nav{z-index:1;background:var(--color-surface);width:32px;height:32px;color:var(--color-steel);box-shadow:var(--shadow-md);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:none;position:absolute;top:50%;transform:translateY(-50%)}.product-card__stage:hover .product-card__nav,.product-card__nav:focus-visible{display:grid}.product-card__nav:active{transform:translateY(-50%)scale(.96)}.product-card__nav--prev{left:var(--space-2)}.product-card__nav--next{right:var(--space-2)}.product-card__dots{justify-content:center;align-items:center;gap:2px;min-height:24px;display:flex}.product-card__dot{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.product-card__dot:before{content:"";background:#c5cad1;border-radius:999px;width:6px;height:6px}.product-card__dot.is-active:before{background:var(--color-steel);width:8px;height:8px}.product-card__dot:active{transform:scale(.96)}.product-card__image{object-fit:cover;opacity:0;width:100%;height:100%;transition-property:opacity;transition-duration:.24s;transition-timing-function:ease-out;position:absolute;inset:0}.product-card__image.is-active{opacity:1}.product-card__image--empty{background:linear-gradient(145deg,var(--color-surface-muted),#e6e9ee)}@media (prefers-reduced-motion:reduce){.product-card__image{transition-duration:0s}}.product-card__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.product-card__brand{color:var(--color-text-muted);font-size:.875rem;font-weight:600}.product-badge{background:var(--color-surface-muted);min-height:1.5rem;color:var(--color-text);border-radius:999px;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.product-badge--new{color:var(--color-success);background:#e7f6ee}.product-badge--refurbished{background:var(--color-primary-soft);color:var(--color-primary-strong)}.button-link,.button{border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:.55rem 1.15rem;font-size:.9375rem;font-weight:700;transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex}.button:active:not(:disabled){transform:scale(.96)}.button-link:hover,.button:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong);text-decoration:none}.button-link--ghost,.button--ghost{color:var(--color-steel);border-color:var(--color-border);background:0 0}.button-link--ghost:hover,.button--ghost:hover{background:var(--color-surface-muted);color:var(--color-steel);border-color:#b8bfc8}.button:disabled{opacity:.55;cursor:not-allowed}.field{gap:var(--space-2);display:grid}.field label{font-size:.9375rem;font-weight:600}.field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);padding:.65rem .85rem}.field input::placeholder{color:#8b929c}.field-error{color:var(--color-danger);font-size:.875rem}.field-hint{color:var(--color-text-muted);font-size:.875rem}.auth-page{gap:var(--space-6);max-width:440px;margin-inline:auto;display:grid}.auth-page__intro h1{margin-bottom:var(--space-2);font-size:1.75rem;font-weight:800}.auth-page__intro p{color:var(--color-text-muted)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);gap:var(--space-5);display:grid}.auth-tabs{gap:var(--space-2);padding:var(--space-1);background:var(--color-surface-muted);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid}.auth-tabs__btn{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:700}.auth-tabs__btn.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.auth-form{gap:var(--space-4);display:grid}.auth-form__actions{gap:var(--space-3);display:grid}.auth-success{padding:var(--space-4);border-radius:var(--radius-sm);color:var(--color-success);background:#e8f7ef;font-weight:600}.promo-banner{border-radius:var(--radius-lg);border:1px solid var(--color-border);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#22272e 0%,#3a424d 55%,#1f2329 100%);position:relative;overflow:hidden}.promo-banner__viewport{min-height:240px;position:relative}.promo-banner__slide{padding:var(--space-10);background:linear-gradient(90deg,#e85d04f2 0 5px,#0000 5px),radial-gradient(circle at 85% 20%,#e85d0440,#0000 40%);min-height:240px;display:none}.promo-banner__slide.is-active{gap:var(--space-3);align-content:center;display:grid}.promo-banner__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#ffd2b0;font-size:.8125rem;font-weight:700}.promo-banner__title{max-width:20ch;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;line-height:1.15}.promo-banner__text{color:#d5dbe3;max-width:48ch}.promo-banner__controls{inset:auto var(--space-4)var(--space-4)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:absolute}.promo-banner__nav{gap:var(--space-2);display:flex}.promo-banner__nav-btn{color:#fff;cursor:pointer;background:#14161a59;border:1px solid #ffffff59;border-radius:999px;width:40px;height:40px;font-size:1.1rem;line-height:1}.promo-banner__nav-btn:hover{background:#14161a8c}.promo-banner__dots{gap:var(--space-2);display:flex}.promo-banner__dot{cursor:pointer;background:#ffffff59;border:0;border-radius:999px;width:8px;height:8px;padding:0}.promo-banner__dot.is-active{background:var(--color-primary);width:22px}@media (max-width:720px){.promo-banner__slide{padding:var(--space-6);min-height:280px}.promo-banner__viewport{min-height:280px}}
.page-content{gap:var(--space-8);display:grid}.section{gap:var(--space-4);display:grid}.section h1{letter-spacing:-.02em;font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:800;line-height:1.15}.section h2{letter-spacing:-.01em;border-left:3px solid var(--color-primary);padding-left:var(--space-3);font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:700;line-height:1.25}.section p{color:var(--color-text-muted);max-width:68ch}.hero-section{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-primary)0 4px,transparent 4px),linear-gradient(145deg,#fff 0%,#f3f4f6 100%);box-shadow:var(--shadow-sm)}.hero-section--compact{padding:var(--space-6)}.hero-section--compact h1{font-size:clamp(1.35rem,2vw,1.75rem)}.hero-section h1{color:var(--color-steel)}.cta-section{padding:var(--space-8);border:1px solid var(--color-steel);border-radius:var(--radius-lg);background:linear-gradient(145deg,#252a31 0%,var(--color-steel)100%);color:#e8eaed;box-shadow:var(--shadow-md)}.cta-section h2{color:#fff;border-left-color:var(--color-primary)}.cta-section p{color:#b8bfc8}.cta-section .button-link--ghost{color:#fff;border-color:#ffffff73}.cta-section .button-link--ghost:hover{color:var(--color-steel);background:#fff;border-color:#fff}.page-intro{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.checkout-form,.order-chat form{gap:var(--space-4);display:grid}.checkout-form textarea,.order-chat textarea,.cart-list input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);padding:.65rem .85rem}.checkout-form textarea,.order-chat textarea{min-height:7rem}.cart-list{gap:var(--space-3);display:grid}.cart-list__item{gap:var(--space-2);padding:var(--space-4);border-radius:calc(var(--radius-sm) + var(--space-4));background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.order-track__steps{gap:var(--space-3);display:grid}.order-track__step{gap:var(--space-1);padding-left:var(--space-3);border-left:3px solid var(--color-border);display:grid}.order-track__step--done{border-left-color:var(--color-success)}.order-track__step--current{border-left-color:var(--color-primary);font-weight:700}.order-chat__list{gap:var(--space-3);margin-bottom:var(--space-4);display:grid}.order-chat__item{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted);display:grid}.order-chat__item--admin{background:var(--color-primary-soft)}.order-chat__author{font-weight:700}.actions-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.product-detail{padding:var(--space-8)}.product-detail__header h1{margin-bottom:var(--space-2);font-weight:800}.product-detail__section+.product-detail__section{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.product-detail__section h2{margin-bottom:var(--space-2);font-size:1rem}.product-detail__layout{gap:var(--space-6);align-items:start;display:grid}.product-detail__price{color:var(--color-steel);font-size:1.5rem;font-weight:800}.product-gallery{gap:var(--space-3);display:grid}.product-gallery__main,.product-gallery__empty{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-muted);outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);width:100%}.product-gallery__empty{color:var(--color-text-muted);place-items:center;font-weight:700;display:grid}.product-gallery__thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-gallery__thumb{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;width:64px;height:64px;padding:0;transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1)}.product-gallery__thumb:active{transform:scale(.96)}.product-gallery__thumb img{object-fit:cover;border-radius:var(--radius-sm);outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);width:100%;height:100%}.product-gallery__thumb[aria-pressed=true] img{outline:2px solid var(--color-primary);outline-offset:-2px}.spec-list{gap:var(--space-2);display:grid}.spec-list div{gap:var(--space-3);grid-template-columns:minmax(8rem,14rem) minmax(0,1fr);display:grid}.spec-list dt{color:var(--color-text-muted);font-weight:600}.spec-list dd{margin:0}.oem-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.oem-list li{border-radius:var(--radius-sm);background:var(--color-surface-muted);padding:.2rem .55rem;font-weight:700}@media (min-width:800px){.product-detail__layout{grid-template-columns:minmax(0,280px) minmax(0,1fr)}}@media (max-width:720px){.hero-section,.cta-section,.product-detail{padding:var(--space-6)}}