/*
 * DUPARTS · Taste pass / V4
 * Reference-preserving upgrade, not a new art direction.
 * Marketing: generous rhythm. Commerce: aligned, compact, legible data.
 * Authored after reading redesign-existing-projects and full-output-enforcement.
 * Scope/intent: DESIGN.md. Decisions and exceptions: docs/taste/AUDIT.md.
 */
:root {
  --canvas:#f6f7f9; --paper:#fff; --ink:#191c23; --muted:#616b79;
  --line:#e3e6eb; --accent:#d32638; --accent-hover:#b81d2d;
  --brand-red:#f02c3e; --green:#087c5d; --amber:#875f12; --blue:#355783;
  --radius:16px; --max:1400px; --focus:#263a54;
  --font:Inter,"Segoe UI",Arial,sans-serif;
  --font-display:"Inter Display",Inter,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
body {font-size:16px; line-height:1.6;}
small {font-size:12px;}
h1,h2,h3,.type-display {font-family:var(--font-display); text-wrap:balance;}
h1,h2,.type-display {letter-spacing:-.035em;}
h1,.type-display {font-weight:750; line-height:1.12;}
h2 {font-weight:700; line-height:1.22;}
h3 {letter-spacing:-.012em; font-weight:650;}
p {text-wrap:pretty;}
.container {width:calc(100% - 64px);}
.panel {border-color:#e9ebef; padding:28px; box-shadow:none;}
:focus-visible {outline:3px solid var(--focus); outline-offset:3px;}
.home-hero :focus-visible,.site-footer:not(.footer-light) :focus-visible,.admin-sidebar :focus-visible {
  outline-color:#fff; box-shadow:0 0 0 5px #263a54;
}
input:focus-visible,select:focus-visible,textarea:focus-visible {outline-width:2px;}
.search-input:focus-within {outline:2px solid var(--focus); outline-offset:2px;}
.search-input input:focus-visible {outline:none;}
.btn,.icon-button,.cart-button,.chip,.brand-tile,.quantity>button,.plain-button {
  transition:color 180ms var(--ease), background-color 180ms var(--ease),
    border-color 180ms var(--ease), box-shadow 180ms var(--ease),transform 120ms var(--ease);
}
.btn:active,.icon-button:active,.cart-button:active,.chip:active {transform:translateY(1px);}
.btn {min-height:48px; border-radius:9px; padding:12px 20px; font-size:14px; font-weight:600;}
.btn-small {min-height:44px; padding:10px 14px; font-size:13px;}
.btn-primary {box-shadow:none;}
.btn-secondary {border-color:#d5dae2;}
.btn:disabled {opacity:1; background:#eceef2; color:#737b86; border-color:#e5e8ec; transform:none;}
.icon-button {width:44px; height:44px;}
.cart-button {width:44px; height:44px; border-radius:8px;}
.plain-button {min-height:44px;}
.counter {min-width:19px;height:19px;font-size:12px;line-height:19px;padding-inline:4px;}
.badge {font-size:12px;line-height:1.4;font-weight:550;border-radius:5px;padding:5px 8px;}
.badge-green {background:#eaf7f0;color:var(--green);}
.badge-amber {background:#fff5df;color:var(--amber);}
.text-link {color:#4c586a;font-size:13px;min-height:36px;gap:8px;}
.text-link:hover {text-decoration:underline;text-underline-offset:4px;}
.field {min-height:48px; font-size:16px; padding:11px 13px;border-color:#cbd2dd;border-radius:8px;}
.field::placeholder,.search-input input::placeholder {color:#697483;opacity:1;}
.field-label {font-size:14px;line-height:1.5;font-weight:550;gap:8px;}
.field-label small,.micro,.demo-note {font-size:12px;line-height:1.65;color:var(--muted);}
.check {font-size:14px;gap:10px;min-height:32px;align-items:flex-start;}
.check input {margin-top:3px;width:18px;height:18px;}
.check small {color:var(--muted);}
.form-actions {gap:16px;}
.form-status {margin-top:16px;padding:16px;font-size:14px;line-height:1.6;border:1px solid #c4e4d6;background:#edf8f1;}
.check:has(.field-error) {display:grid;grid-template-columns:18px minmax(0,1fr);}
.check>.field-error {grid-column:2;}
.field-error {display:block;color:#ab2132;font-size:13px;font-weight:450;line-height:1.5;margin-top:2px;}
[aria-invalid="true"] {border-color:#bb2638;}
.search-input:has([aria-invalid="true"]) {border-color:#bb2638;}
.search-form>.field-error {grid-column:1/-1;margin:2px 0 0;color:#ab2132;}
.hero-search>.field-error,.banner-search>.field-error {color:#ffd8dc;}
.search-form:has(>.field-error) {flex-wrap:wrap;}
.search-form>.field-error {flex-basis:100%;}
.form-error-summary {padding:12px 16px;margin:0 0 20px;border-left:3px solid #b91c30;background:#fff3f4;color:#9a2130;font-size:14px;}
.section-heading {gap:16px;margin-bottom:24px;align-items:flex-start;}
.section-heading h2 {font-size:25px;}
.section-heading p {font-size:14px;color:var(--muted);line-height:1.6;}
.section-heading>.text-link {padding-top:0;}
.page-heading h1 {font-size:36px;line-height:1.15;}
.page-heading p {font-size:16px;line-height:1.6;}
.breadcrumb {font-size:12px;color:var(--muted);padding-block:24px 18px;}
.breadcrumb a {padding-block:4px;}
.type-display {font-size:40px;margin:28px 0 18px;}
/* Header: same navigation, tighter silhouette and larger readable labels. */
.header-row {min-height:80px;gap:22px;}
.logo {width:180px;}
.desktop-nav {gap:24px;}
.desktop-nav>a {font-size:14px;font-weight:500;padding-block:16px;}
.header-actions {gap:8px;}
.location {font-size:14px;margin-right:6px;}
.header-search .search-input>input {font-size:14px;height:42px;}
.header-search .btn {min-height:42px;font-size:14px;padding-inline:20px;}
.header-search {background:#f5f6f8;border-color:#e5e8ed;}
.search-input>input {font-size:16px;}
.subnav nav {height:48px;gap:26px;}
.subnav a {font-size:13px;min-height:44px;}
.subnav a[aria-current=page] {font-weight:650;color:var(--accent);}
.button-label-short {display:none;}
/* The reference hero stays photographic, with real interactive controls. */
.home-content {gap:24px;padding-top:12px;}
.home-hero {min-height:566px;padding:40px 36px 28px;border-radius:16px;}
.hero-top .eyebrow {font-size:12px;letter-spacing:.16em;color:#cad0d8;margin-bottom:18px;}
.hero-top h1 {font-family:var(--font-display);font-size:58px;line-height:1.045;font-weight:750;letter-spacing:-.042em;margin-bottom:22px;}
.hero-top h1 em {color:var(--brand-red);}
.hero-top p {font-size:18px;line-height:1.6;color:#dce1e8;max-width:600px;}
.hero-sign {font-size:37px;right:36px;}
.hero-sign span {font-size:12px;color:#d4d8df;letter-spacing:.1em;}
.hero-search {grid-template-columns:minmax(0,1fr) 218px 212px;gap:12px;margin-right:0;}
.hero-search .search-input input {height:60px;font-size:16px;padding-block:18px;}
.hero-search .btn {min-height:60px;font-size:15px;box-shadow:none;}
.hero-search .btn-outline-light {border-color:#7a838c;background:#0e131ad9;}
.hero-origins {gap:30px;margin-top:22px;}
.origins {gap:12px;}
.origin {min-height:62px;gap:10px;padding:10px 12px;background:#ffffff09;border-color:#ffffff20;border-radius:8px;}
.origin>.flag {width:30px;height:22px;border:0;box-shadow:0 0 0 1px #ffffff40;border-radius:3px;}
.origin strong {font-size:14px;font-weight:550;}
.origin span {font-size:12px;color:#c6ced8;}
.hero-note {font-size:12px;letter-spacing:.07em;padding-left:24px;min-width:116px;color:#c6ced8;}
.home-brands {padding:24px 24px 20px;}
.home-brands .section-heading {margin-bottom:18px;}
.brand-grid {gap:10px;}
.brand-tile {min-height:104px;border-radius:9px;border-color:#e4e7ed;gap:13px;}
.brand-tile>span {font-size:12px;color:#465063;}
.brand-tile:hover {background:#fcfcfd;border-color:#adb6c4;box-shadow:none;}
.brand-image {width:60px;height:42px;}
.home-columns {grid-template-columns:1.38fr 1fr;gap:24px;align-items:stretch;}
.home-columns>.panel {padding:28px 24px;}
/* Fewer nested cards: whitespace and fine separators carry the hierarchy. */
.steps {gap:0;}
.step {border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 18px 6px;min-height:202px;}
.step:first-child {padding-left:0;}
.step:last-child {padding-right:0;border:0;}
.step-top {height:46px;margin-bottom:22px;justify-content:space-between;gap:12px;}
.step-top>span {font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;}
.step-top>.icon {width:34px;height:34px;margin-top:0;}
.step h3 {font-size:14px;line-height:1.4;min-height:40px;margin-bottom:9px;}
.step p {font-size:13px;line-height:1.6;color:var(--muted);}
.trust-grid {gap:0 22px;}
.trust-grid>article {border:0;border-radius:0;padding:8px 0 20px;min-height:104px;gap:12px;}
.trust-grid>article:nth-child(n+3) {border-top:1px solid var(--line);padding-top:22px;padding-bottom:0;}
.trust-grid>article>.icon {width:27px;height:27px;}
.trust-grid h3 {font-size:14px;line-height:1.4;}
.trust-grid p {font-size:13px;line-height:1.6;color:var(--muted);}
.source-grid {gap:0;}
.source-grid>a {border:0;border-right:1px solid var(--line);border-radius:0;min-height:150px;padding:12px 12px 4px;}
.source-grid>a:last-child {border:0;}
.source-grid>a:hover {background:#f7f8fa;border-color:var(--line);}
.source-grid h3 {font-size:14px;}
.source-grid p {font-size:12px;line-height:1.6;}
.source-grid>a>.icon {width:36px;height:36px;}
.ebay-word {font-size:43px;}
.rockauto-word {font-size:25px;}
.review-person {padding-top:0;}
.review-person strong {font-size:14px;}
.review-person div>span {font-size:12px;color:var(--muted);}
.reviews-home blockquote {font-size:15px;line-height:1.75;color:#414b59;min-height:108px;}
.review-controls .icon-button {width:40px;height:40px;border-color:#d9dfe6;}
.review-controls .icon {width:18px;height:18px;}
.seo-panel {grid-template-columns:minmax(0,1fr) 205px;gap:36px;padding:28px;}
.seo-panel h2 {font-size:25px;max-width:880px;}
.seo-panel p {font-size:14px;line-height:1.75;max-width:92ch;}
.seo-art span {font-size:12px;letter-spacing:.14em;}
.feature-bar {padding:22px 8px;border-radius:14px;}
.feature-bar>div {gap:12px;padding-inline:14px;}
.feature-bar strong {font-size:13px;font-weight:550;}
.feature-bar span {font-size:12px;}
/* Footer contains source contact information; no invented messaging handles. */
.site-footer {margin-top:36px;}
.footer-grid {padding-block:38px 30px;gap:26px;}
.footer-grid h3 {font-size:14px;}
.footer-grid>div>a:not(.logo),.footer-contacts a {font-size:14px;line-height:1.5;min-height:30px;}
.footer-brand p,.footer-small,.footer-contacts small {font-size:12px;line-height:1.7;}
.footer-light .footer-grid>div>a:not(.logo),.footer-light .footer-brand p,
.footer-light .footer-small,.footer-light .footer-contacts small,.footer-light .footer-bottom {color:var(--muted);}
.site-footer:not(.footer-light) .footer-contacts small,.site-footer:not(.footer-light) .footer-brand p,
.site-footer:not(.footer-light) .footer-small {color:#aab3c1;}
.footer-light .footer-domain {color:var(--muted);}
.footer-bottom {font-size:12px;line-height:1.7;gap:18px;}
.socials button {width:44px;height:44px;}
.dialog {padding:28px;border-radius:16px;}
.dialog-top h2 {font-size:26px;}
.dialog p {font-size:14px;}
.contact-option {min-height:54px;}
.toast {border:1px solid #ffffff26;box-shadow:0 12px 34px #121a2630;max-width:min(500px,calc(100vw - 32px));font-size:14px;border-radius:10px;}
.contact-fab {box-shadow:0 5px 16px #19202c20;}
/* Find a part, then compare offers: improve the data, not the decoration. */
.search-banner>.container {padding-block:28px;gap:40px;}
.search-banner h2 {font-size:27px;min-width:360px;}
.filters {padding:22px;}
.filters>.section-heading {margin-bottom:18px;}
.filter-group {margin-bottom:24px;}
.filter-group legend {font-size:14px;margin-bottom:12px;}
.filter-group .check {font-size:13px;min-height:28px;line-height:1.6;margin-bottom:6px;}
.filter-group input {width:17px;height:17px;}
.result-row,.result-table-head {grid-template-columns:70px 97px 110px minmax(145px,1fr) 130px 149px 44px;gap:12px;padding:18px;}
.result-table-head {font-size:12px;color:var(--muted);background:#f1f3f6;padding-block:14px;}
.result-row {min-height:128px;}
.result-photo {width:68px;height:90px;}
.part-code {font-size:13px;font-variant-numeric:tabular-nums;}
.part-code small,.result-description span,.result-availability>span {font-size:12px;color:var(--muted);}
.result-description strong {font-size:14px;line-height:1.5;}
.result-availability strong {font-size:13px;}
.result-row>.btn {font-size:12px;padding-inline:10px;min-height:44px;gap:6px;}
.result-row>.icon-button {width:44px;height:44px;}
.mini-product {gap:14px;padding:16px;border-radius:10px;}
.mini-product strong {font-size:14px;line-height:1.5;}
.mini-product a span {font-size:12px;color:var(--muted);}
.mini-product b {font-size:16px;font-variant-numeric:tabular-nums;}
.mini-product-bottom {gap:8px;margin-top:16px;}
.empty-state {padding:56px 24px;}
.empty-state>.icon {color:#596577;}
.empty-state h2 {font-size:27px;}
.empty-state p {font-size:16px;line-height:1.6;max-width:45ch;}
.product-overview {grid-template-columns:minmax(330px,1.06fr) minmax(320px,1fr) 232px;gap:28px;padding:26px;}
.product-info h1 {font-size:32px;font-weight:700;line-height:1.17;}
.product-eyebrow {font-size:12px;color:var(--muted);margin-bottom:14px;}
.product-eyebrow button {font-size:12px;color:var(--muted);}
.product-eyebrow .icon {width:18px;height:18px;}
.product-badges {gap:8px;margin-bottom:24px;}
.photo-note {font-size:12px;left:10px;bottom:8px;max-width:calc(100% - 20px);padding:4px 6px;background:#ffffffde;color:#526070;border-radius:4px;line-height:1.45;}
.specs {grid-template-columns:126px minmax(0,1fr);font-size:14px;gap:12px 16px;}
.specs dt {color:var(--muted);}
.specs dd a {font-size:13px;}
.product-benefits {padding-left:22px;}
.product-benefits h3 {font-size:15px;}
.product-benefits>div {font-size:13px;gap:13px;}
.product-benefits>a {font-size:13px;}
.product-tabs {gap:30px;margin-top:24px;scrollbar-width:thin;}
.product-tabs>button {font-size:14px;min-height:56px;color:var(--muted);}
.product-tabs span {font-size:12px;color:#536073;}
.offers-layout {grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding-top:18px;}
.offer-filters {padding:12px;gap:12px;background:#fff;border-color:#e5e8ee;}
.offer-filters .field-label {font-size:12px;color:var(--muted);padding:4px 8px;border:0;gap:6px;}
.offer-filters .field {font-size:14px;min-height:34px;color:var(--ink);padding:3px 0;}
.offer-filters>.plain-button {font-size:12px;color:var(--muted);}
.offer-group {padding:22px 18px 6px;margin-bottom:18px;}
.offer-group-title h2 {font-size:21px;line-height:1.35;}
.offer-group-title>small {font-size:12px;color:var(--muted);}
.offer-group-title h2 span {font-size:12px;border-radius:5px;color:#536073;}
.offer-head,.offer-row {grid-template-columns:minmax(116px,1.2fr) 99px 108px 114px 81px 40px 88px 154px;gap:7px;}
.offer-head {font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);padding-block:16px 12px;}
.offer-row {font-size:13px;min-height:84px;padding-block:18px;}
.offer-row:hover {background:#fbfcfd;}
.offer-brand {gap:9px;}
.offer-brand strong {font-size:14px;}
.offer-brand small,.offer-stock>span,.offer-delivery span,.offer-weight {font-size:12px;color:var(--muted);}
.offer-code {font-size:12px;color:#445d7d;}
.offer-stock strong {font-size:12px;line-height:1.5;}
.offer-delivery strong {font-size:13px;}
.offer-delivery .flag {width:18px;height:13px;}
.offer-prob {font-size:14px;gap:6px;}
.offer-prob>span {font-size:12px;letter-spacing:0;}
.offer-price {font-size:16px;text-align:right;}
.offer-action {gap:8px;}
.offer-action>.cart-button {width:44px;height:44px;}
.quantity {height:44px;border-radius:7px;min-width:102px;}
.quantity>button,.offer-action .quantity>button {width:34px;height:42px;color:#455367;}
.quantity>input,.offer-action .quantity>input {width:32px;height:34px;font-size:14px;line-height:1;text-align:center;color:var(--ink);}
.quantity:focus-within {outline:2px solid var(--focus);outline-offset:2px;}
.quantity input:focus-visible {outline:none;}
.quantity>button:focus-visible {outline-offset:-4px;}
.offer-price,.offer-prob,.quantity input,.part-code,.cart-total,.cart-unit,.simple-table,
.stat strong,.order-total,.summary-total,.cart-summary b,.cart-summary strong {font-variant-numeric:tabular-nums;}
.offers-sidebar>.panel {padding:20px;}
.offers-sidebar h3 {font-size:15px;}
.request-product strong,.request-product span {font-size:13px;}
.request-product span {color:var(--muted);}
.request-product img {object-fit:contain;}
.help-panel p {font-size:14px;color:var(--muted);}
/* Forms, checkout and account share one scale instead of per-page microsizing. */
.chip {font-size:13px;min-height:44px;padding:10px 14px;border-radius:7px;}
.alphabet>button {color:var(--muted);font-size:13px;min-width:36px;min-height:40px;}
.catalog-brands .brand-tile>span {font-size:14px;}
.catalog-brands .brand-tile {min-height:132px;}
.catalog-hint {gap:24px;}
.catalog-hint p {font-size:14px;}
.category-tile strong {font-size:14px;line-height:1.5;}
.category-tile small,.model-grid a>span {font-size:12px;color:var(--muted);}
.model-grid a {font-size:16px;}
.editorial-hero {padding:38px;}
.editorial-hero :is(h1,.editorial-title) {font-size:42px;}
.editorial-hero p {font-size:16px;line-height:1.7;max-width:50ch;}
.text-content {padding:32px;}
.text-content p,.text-content li {font-size:16px;line-height:1.8;max-width:74ch;}
.text-content h2 {font-size:26px;line-height:1.3;margin-top:28px;}
.text-content h2:first-child {margin-top:0;}
.text-sidebar a,.account-sidebar>a {font-size:14px;min-height:48px;}
.text-sidebar a[aria-current=page],.account-sidebar>a[aria-current=page] {font-weight:650;}
.upload-area {color:#536172;}
.upload-area input[type=file] {font-size:14px;}
.summary-line,.summary-line>span {color:var(--muted);}
.info-callout {font-size:14px;line-height:1.7;}
.account-user small {font-size:12px;line-height:1.5;}
.stat span {font-size:13px;color:var(--muted);}
.stat strong {font-size:27px;font-weight:650;letter-spacing:-.03em;}
.stat strong>span {font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;}
.garage-card p {font-size:14px;}
.simple-table {font-size:14px;}
.simple-table th {font-size:12px;letter-spacing:.01em;color:var(--muted);font-weight:550;}
.simple-table td {padding-block:18px;}
.simple-table td>a:has(svg) {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;}
.table-scroll {scrollbar-width:thin;scrollbar-color:#b5bdc8 transparent;}
.cart-name strong {font-size:15px;line-height:1.5;}
.cart-name small,.cart-row .badge {font-size:12px;color:var(--muted);}
.cart-unit {font-size:14px;}
.cart-total {font-size:17px;}
.cart-row>button {width:44px;height:44px;}
.cart-summary {padding:26px;}
.cart-summary p,.cart-summary small {font-size:13px;line-height:1.7;color:var(--muted);}
.timeline strong {font-size:14px;}
.timeline span {font-size:12px;color:var(--muted);}
.timeline>div>i {color:#526175;}
.timeline .done i {color:white;background:var(--green);}.timeline .current i {color:white;}
.auth-form h1 {font-size:34px;}
.auth-form>p {font-size:16px;line-height:1.65;}
.auth-bottom a {font-size:14px;}
.admin-topbar>span {font-size:12px;color:#963342;background:#fff0f2;}
.admin-sidebar>a:not(.logo) {font-size:14px;}
.admin-sidebar>p {font-size:12px;color:#a2adbd;}
.admin-toolbar>.field {max-width:430px;}
.admin-product-cell strong {font-size:14px;}
.admin-product-cell small {font-size:12px;}
.chart-bars>div {color:var(--muted);}
.map-card small {color:var(--muted);}
.error-number {color:#768294;}
.admin-progress>span {font-size:14px;}
.admin-main .stat strong {font-size:28px;}
.admin-table .icon-button {width:44px;height:44px;}
/* Explicit state contract; loading is ONLY demonstrated in the component page. */
.taste-state-gallery {display:grid;gap:24px;margin-block:24px 32px;}
.state-switch {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.state-switch .chip[aria-pressed=true] {background:var(--ink);color:#fff;border-color:var(--ink);}
.state-canvas {border:1px solid var(--line);border-radius:12px;padding:24px;background:#fafbfc;min-height:184px;}
.state-view {display:flex;gap:20px;align-items:flex-start;}
.state-view>.icon {width:30px;height:30px;margin-top:3px;color:#526477;}
.state-view h3 {font-size:20px;line-height:1.35;}
.state-view p {font-size:14px;line-height:1.7;color:var(--muted);max-width:60ch;}
.state-view[data-state-view=success]>.icon {color:var(--green);}
.state-view[data-state-view=error]>.icon {color:#a32b3d;}
.skeleton {display:block;border-radius:5px;background:#e3e7ed;animation:skeleton-breathe 1.6s ease-in-out infinite alternate;}
.skeleton-photo {width:86px;height:100px;flex-shrink:0;}
.skeleton-stack {display:flex;flex-direction:column;gap:14px;flex:1;padding-top:8px;max-width:450px;}
.skeleton-stack i {height:14px;width:100%;}.skeleton-stack i:nth-child(2) {width:72%;}.skeleton-stack i:nth-child(3) {width:40%;}
@keyframes skeleton-breathe {to{opacity:.45;}}
.state-example-form {max-width:580px;display:grid;gap:16px;}
.state-example-form>.btn {justify-self:start;}
.is-added {background:#087c5d!important;color:#fff!important;border-color:#087c5d!important;}
.filter-backdrop {position:fixed;inset:0;background:#161d2b70;backdrop-filter:blur(2px);z-index:49;}
body.filters-open {overflow:hidden;}
.filters.open {z-index:50;}
.table-hint {color:var(--muted);font-size:12px;margin:10px 0 0;}
/* Tablet: stop squeezing transactional data into a desktop table. */
@media (max-width:1370px) {
  .header-row {gap:18px;}.desktop-nav {gap:17px;}.desktop-nav>a {font-size:13px;}
  .hero-search {grid-template-columns:minmax(0,1fr) 194px 188px;}
  .origin {gap:8px;padding-inline:10px;}.origin span {font-size:12px;white-space:normal;}
  .hero-origins {gap:20px;}.hero-note {min-width:102px;padding-left:18px;}
  .brand-grid {gap:8px;}.brand-tile>span {font-size:12px;}
  .offers-layout {grid-template-columns:minmax(0,1fr) 222px;gap:18px;}
  .offer-head,.offer-row {grid-template-columns:minmax(102px,1fr) 99px 92px 100px 76px 88px 154px;gap:7px;}
  .offer-head>span:nth-child(6),.offer-weight {display:none;}
  .product-overview {grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) 205px;gap:22px;padding:22px;}
  .product-info h1 {font-size:29px;}.product-benefits {padding-left:16px;}
  .result-row,.result-table-head {grid-template-columns:60px 86px 100px minmax(112px,1fr) 114px 136px 36px;gap:10px;padding-inline:14px;}
  .result-photo {width:60px;}.result-row>.icon-button {width:36px;}
  .search-layout {grid-template-columns:215px minmax(0,1fr);gap:20px;}
  .result-row>.btn {font-size:12px;gap:5px;}.result-row>.btn .icon {display:none;}
}
@media (max-width:1180px) {
  .container {width:calc(100% - 48px);}
  .header-row {min-height:76px;gap:16px;}.logo {width:166px;}
  .desktop-nav {gap:16px;}.desktop-nav>a {font-size:12px;}
  .desktop-nav>a:nth-last-child(1) {display:none;}
  .header-actions {gap:4px;}.location {margin-right:0;font-size:13px;}
  .home-hero {padding:36px 28px 26px;min-height:530px;}
  .hero-top h1 {font-size:49px;}.hero-top p {font-size:17px;max-width:550px;}
  .hero-search {grid-template-columns:minmax(0,1fr) 180px 166px;gap:10px;}
  .hero-search .btn {font-size:14px;padding-inline:12px;}
  .hero-origins {gap:0;}.hero-note {display:none;}
  .origin span {font-size:12px;}.origin strong {font-size:13px;}
  .home-columns {grid-template-columns:1.3fr 1fr;gap:20px;}
  .home-columns>.panel {padding:24px 20px;}
  .section-heading h2 {font-size:24px;}.section-heading {flex-wrap:wrap;gap:8px;}
  .steps {grid-template-columns:1fr 1fr;gap:22px 0;}.step {min-height:174px;padding:8px 18px 4px;}
  .step:nth-child(odd){padding-left:0;}.step:nth-child(even){border-right:0;padding-right:0;}
  .step h3 {min-height:0;}.step-top {margin-bottom:17px;}
  .trust-grid {grid-template-columns:1fr;gap:14px;}
  .trust-grid>article {min-height:0;padding:0 0 14px;border-bottom:1px solid var(--line);}
  .trust-grid>article:nth-child(n+3) {border-top:0;padding:0 0 14px;}.trust-grid>article:last-child {border:0;padding-bottom:0;}
  .source-grid {grid-template-columns:1fr 1fr;gap:20px 0;}.source-grid>a {min-height:130px;}.source-grid>a:nth-child(even) {border:0;}
  .brand-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}.brand-tile {min-height:100px;}
  .product-overview {grid-template-columns:1fr 1fr;gap:26px;}.product-benefits {display:none;}
  .product-info h1 {font-size:30px;}
  .offers-layout {grid-template-columns:minmax(0,1fr);}
  .offers-sidebar {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .offers-sidebar .panel {margin-bottom:0;}
  .offer-head,.offer-row {grid-template-columns:minmax(110px,1fr) 110px 114px 122px 96px 100px 154px;gap:8px;}
  .search-layout {grid-template-columns:210px minmax(0,1fr);gap:18px;}
  .result-row,.result-table-head {grid-template-columns:70px 105px minmax(0,1fr) 130px;gap:12px;}
  .result-table-head {display:none;}.result-row {position:relative;padding:20px;}
  .result-photo {grid-column:1;grid-row:1/3;}.result-brand {grid-column:2;grid-row:1;}
  .part-code {grid-column:3;grid-row:1;padding-right:28px;}.result-description {grid-column:2/4;grid-row:2;}
  .result-availability {grid-column:4;grid-row:1/3;}.result-row>.btn {grid-column:2/-1;grid-row:3;}
  .result-row>.icon-button {position:absolute;right:10px;top:8px;width:36px;}
  .search-banner h2 {font-size:23px;min-width:300px;}
  .search-banner>.container {gap:30px;}
  .feature-bar {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0;}
  .feature-bar>div:nth-child(3) {border-right:0;}
  .footer-grid {grid-template-columns:1fr 1fr 1.3fr;gap:26px;}
  .footer-grid>.footer-brand {grid-column:1/-1;display:flex;align-items:center;gap:40px;}
  .footer-brand p {margin:0;}.footer-domain {margin-left:auto;}.footer-grid>div:last-child {display:none;}
}
@media (max-width:1000px) {
  .header-row {gap:14px;}.desktop-nav {display:none;}.mobile-menu-button {display:inline-flex;}
  .home-header .location {display:inline-flex;}.header-actions {margin-left:auto;gap:8px;}
  .subnav nav {gap:22px;overflow-x:auto;scrollbar-width:none;}
  .subnav a:nth-last-child(1) {display:none;}
  .home-hero {min-height:550px;}.hero-top h1 {font-size:48px;}.hero-sign {display:none;}
  .hero-top p {max-width:460px;font-size:16px;}.hero-top h1 {max-width:690px;}
  .hero-search {grid-template-columns:minmax(0,1fr) 176px;}
  .hero-search>.btn-outline-light {display:none;}.origin span {display:none;}
  .origins {gap:10px;}.origin {min-height:50px;}
  .home-columns {grid-template-columns:1fr;}.steps {grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
  .step {min-height:190px;padding:6px 18px;}.step:nth-child(odd) {padding-left:18px;}.step:first-child {padding-left:0;}
  .step:nth-child(even) {border-right:1px solid var(--line);padding-right:18px;}.step:last-child {padding-right:0;border:0;}
  .trust-grid {grid-template-columns:1fr 1fr;gap:22px 32px;}.trust-grid>article {border:0;padding:4px 0;}
  .trust-grid>article:nth-child(n+3) {border-top:1px solid var(--line);padding-top:20px;}
  .source-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}.source-grid>a {min-height:140px;}
  .source-grid>a:nth-child(even) {border-right:1px solid var(--line);}.source-grid>a:last-child {border:0;}
  .search-layout {grid-template-columns:190px minmax(0,1fr);}
  .filters {padding:18px;}.filter-group .check {font-size:13px;}
  .result-row {grid-template-columns:64px minmax(0,1fr);gap:12px 18px;}
  .result-photo {grid-column:1;grid-row:1/3;}.result-brand {grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;padding-right:24px;}
  .result-brand .brand-image,.result-brand .supplier-logo {margin-bottom:0;}.part-code {grid-column:2;grid-row:2;}
  .result-description {grid-column:1/-1;grid-row:3;}.result-availability {grid-column:1/-1;grid-row:4;display:flex;gap:12px;flex-wrap:wrap;}
  .result-availability>span {margin:0;}.result-row>.btn {grid-column:1/-1;grid-row:5;}
  .product-info h1 {font-size:27px;}.specs {grid-template-columns:110px minmax(0,1fr);font-size:13px;}
  .product-overview {padding:22px;gap:22px;}
  .offer-head {display:none;}
  .offer-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px;min-height:0;padding:22px 4px;border-top:1px solid var(--line);border-bottom:0;}
  .offer-brand {grid-column:1;grid-row:1;gap:12px;}.offer-brand .brand-image {width:42px;height:30px;}
  .offer-brand strong {font-size:15px;}.offer-brand small {font-size:12px;}
  .offer-code {grid-column:1;grid-row:3;display:block;font-size:12px;color:var(--muted);}
  .offer-stock {grid-column:2;grid-row:2;text-align:right;}.offer-stock strong {font-size:13px;}
  .offer-delivery {grid-column:1;grid-row:2;gap:9px;}.offer-delivery strong {font-size:14px;}.offer-delivery span {font-size:12px;}
  .offer-prob {grid-column:2;grid-row:3;justify-content:flex-end;font-size:16px;}
  .offer-prob:before {content:'Вероятность поставки';font-size:12px;color:var(--muted);}.offer-prob>span {display:none;}
  .offer-price {grid-column:2;grid-row:1;font-size:24px;text-align:right;}
  .offer-action {grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;gap:16px;padding-top:3px;}
  .offer-action .quantity {min-width:132px;height:48px;}
  .offer-action .quantity>button {width:44px;height:46px;}.offer-action .quantity>input {width:42px;font-size:16px;}
  .offer-action>.cart-button {height:48px;width:auto;flex:1;max-width:300px;gap:10px;font-size:14px;font-weight:600;}
  .offer-action>.cart-button>span {display:inline;}
  .offers-sidebar {grid-template-columns:1fr 1fr;}.offers-sidebar>.panel:first-child {display:none;}
  .offer-filters {grid-template-columns:1fr 1fr 1fr 1fr;}.offer-filters>.plain-button {grid-column:1/-1;justify-self:end;}
  .hero-bottom {margin-top:28px;}.search-banner>.container {flex-direction:column;align-items:stretch;gap:20px;}
  .search-banner h2 {font-size:24px;min-width:0;}.search-banner h2 br {display:none;}
}
/* Phone: usable touch targets and type, not a miniaturised desktop. */
@media (max-width:760px) {
  .container {width:calc(100% - 32px);}
  body {font-size:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));}
  .panel {padding:22px 20px;border-radius:14px;}
  .header-row {min-height:72px;gap:12px;}.logo {width:157px;}
  .header-actions {gap:2px;}.header-actions>.location {display:none;}
  .header-actions>a {width:42px;height:44px;}.mobile-menu-button {width:42px;height:44px;}
  .header-search {display:none;}.subnav {display:none;}
  .site-header {position:relative;}
  .home-content {padding-top:8px;gap:20px;}
  .home-hero {min-height:560px;padding:28px 22px 22px;}
  .hero-top .eyebrow {font-size:12px;letter-spacing:.1em;line-height:1.6;margin-bottom:14px;max-width:290px;}
  .hero-top h1 {font-size:40px;max-width:470px;line-height:1.065;margin-bottom:18px;letter-spacing:-.04em;}
  .hero-top p {font-size:15px;line-height:1.65;max-width:370px;}
  .hero-search {grid-template-columns:minmax(0,1fr) 120px;gap:8px;}
  .hero-search .search-input input {font-size:16px;height:54px;padding-left:38px;padding-right:4px;}
  .hero-search .search-input>.icon:first-child {width:18px;height:18px;left:12px;}
  .hero-search .search-input>.search-scan {display:none;}
  .hero-search .btn {min-height:54px;font-size:14px;padding:12px;}
  .hero-search>.btn-outline-light {display:inline-flex;grid-column:1/-1;min-height:44px;background:#0e131a77;border-color:#ffffff45;font-size:13px;}
  .hero-search>.btn-primary>.icon {display:none;}
  .button-label-full {display:none;}.button-label-short {display:inline;}
  .hero-origins {margin-top:18px;overflow:auto;scrollbar-width:none;margin-right:-22px;padding-right:22px;}
  .origins {display:flex;flex:none;width:max-content;gap:10px;}
  .origin {min-width:80px;min-height:32px;padding:4px 0;margin-right:10px;gap:8px;background:transparent;border:0;border-radius:0;}
  .origin>.flag {width:24px;height:17px;}.origin strong {font-size:12px;}.origin span {display:none;}
  .hero-bottom {margin-top:120px;}
  .home-brands {padding:22px 18px;}
  .section-heading {flex-wrap:nowrap;gap:14px;align-items:flex-start;margin-bottom:20px;}
  .section-heading h2 {font-size:23px;line-height:1.22;}
  .section-heading>.text-link {font-size:12px;gap:5px;line-height:1.5;min-height:28px;white-space:normal;flex-shrink:0;max-width:97px;}
  .section-heading>.text-link>.icon {width:15px;height:15px;}
  .section-heading p {font-size:14px;line-height:1.65;}
  .home-columns>.panel {padding:24px 20px;}
  .brand-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
  .brand-tile {min-height:105px;gap:12px;}.brand-tile>span {font-size:12px;}
  .brand-image {width:52px;height:38px;}.brand-grid>.brand-tile:nth-child(n+7) {display:none;}
  .steps {grid-template-columns:1fr;gap:0;}
  .step {display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 18px;border:0;border-top:1px solid var(--line);min-height:0;padding:20px 0;}
  .step:first-child {padding-top:4px;border:0;}.step:last-child {padding-bottom:0;}
  .step:nth-child(odd),.step:nth-child(even) {padding-left:0;padding-right:0;border-right:0;}
  .step-top {grid-row:1/3;grid-column:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;height:auto;margin:0;}
  .step-top>span {font-size:12px;color:#616b79;}.step-top>.icon {width:28px;height:28px;margin:0;}
  .step h3 {font-size:16px;line-height:1.4;min-height:0;margin:0;grid-column:2;}
  .step p {font-size:14px;line-height:1.65;grid-column:2;}
  .trust-grid {grid-template-columns:1fr;gap:16px;}
  .trust-grid>article,.trust-grid>article:nth-child(n+3) {display:flex;padding:0 0 16px;border:0;border-bottom:1px solid var(--line);min-height:0;gap:16px;}
  .trust-grid>article:last-child {border:0;padding-bottom:0;}
  .trust-grid>article>.icon {width:28px;height:28px;margin:0;}
  .trust-grid h3 {font-size:16px;margin-bottom:3px;}.trust-grid p {font-size:14px;line-height:1.6;}
  .source-grid {grid-template-columns:1fr 1fr;gap:22px 0;}
  .source-grid>a {min-height:140px;padding:4px 10px;}.source-grid>a:nth-child(even) {border:0;}
  .source-grid h3 {font-size:14px;}.source-grid p {font-size:12px;}
  .review-person {position:relative;gap:10px;padding-top:0;padding-bottom:28px;}
  .review-person .avatar {width:40px;height:40px;}.review-person strong {font-size:14px;}
  .review-person div>span {font-size:12px;color:var(--muted);}
  .review-person .stars {position:absolute;left:50px;bottom:0;font-size:14px;letter-spacing:1px;}
  .reviews-home blockquote {font-size:15px;line-height:1.75;margin-block:14px 20px;}
  .review-controls .icon-button {width:44px;height:44px;}
  .seo-panel {display:block;padding:26px 22px;}.seo-panel h2 {font-size:24px;line-height:1.3;}
  .seo-panel p {font-size:15px;line-height:1.8;}.seo-art {display:none;}
  .feature-bar {grid-template-columns:1fr;padding:20px;gap:18px;}
  .feature-bar>div {border:0;padding:0;gap:16px;}.feature-bar>div:nth-child(5) {display:flex;}
  .feature-bar .icon {width:26px;height:26px;}.feature-bar strong {font-size:14px;}.feature-bar span {font-size:13px;}
  .mobile-dock {height:calc(72px + env(safe-area-inset-bottom,0px));padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));background:#fffffff5;}
  .mobile-dock span {font-size:12px;line-height:1.4;letter-spacing:-.025em;}
  .mobile-dock .icon {width:22px;height:22px;}.mobile-dock>a {gap:5px;border-radius:8px;color:#576477;min-width:0;}
  .mobile-dock>a.active {color:var(--accent);}
  .contact-fab {right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:48px;height:48px;}
  .toast {bottom:calc(88px + env(safe-area-inset-bottom,0px));}
  .footer-grid {grid-template-columns:1fr 1fr;gap:28px 22px;padding-block:28px;}
  .footer-grid>.footer-brand {gap:20px;justify-content:space-between;}
  .footer-brand .logo {width:152px;}.footer-brand p {font-size:12px;}
  .footer-grid>.footer-contacts {grid-column:1/-1;}
  .footer-grid>div>a:not(.logo) {font-size:14px;min-height:36px;}
  .footer-grid h3 {font-size:15px;}.footer-contacts small {font-size:12px;}
  .footer-light .footer-domain {color:var(--muted);}
.footer-bottom {font-size:12px;gap:12px;}.footer-grid>div:last-child {display:none;}
  .breadcrumb {font-size:12px;gap:8px;padding-block:20px 16px;}
  .page-heading {gap:16px;margin-block:2px 24px;flex-wrap:wrap;}
  .page-heading h1 {font-size:30px;line-height:1.17;}.page-heading p {font-size:15px;}
  .search-banner>.container {padding-block:24px;gap:16px;}.search-banner h2 {font-size:23px;}
  .banner-search {width:100%;}.banner-search .search-input input {font-size:16px;padding-left:38px;}
  .banner-search .search-input>.search-scan {display:none;}.banner-search>.btn {padding-inline:16px;font-size:14px;}
  .mobile-filter-button {display:inline-flex;min-height:48px;}
  .filters {padding:24px;width:min(370px,calc(100vw - 32px));max-height:100dvh;}
  .filters h2 {font-size:24px;}.filters .check {font-size:14px;min-height:36px;}
  .search-layout {grid-template-columns:1fr;}.result-row {grid-template-columns:62px minmax(0,1fr);padding:20px 18px;gap:12px 18px;}
  .result-description strong {font-size:15px;}.part-code {font-size:14px;}
  .result-description span,.part-code small,.result-availability>span {font-size:12px;line-height:1.6;}
  .result-availability strong {font-size:13px;}.result-row>.btn {min-height:48px;font-size:14px;}
  .result-row>.icon-button {width:44px;height:44px;}.result-brand .badge {font-size:12px;margin-left:0;}
  .result-brand {flex-wrap:wrap;padding-right:32px;}
  .related {padding:22px 18px;}.related-grid {grid-template-columns:1fr;}
  .mini-product {grid-template-columns:75px minmax(0,1fr);padding:16px;gap:16px;}
  .mini-product-image {width:75px;height:88px;}.mini-product strong {font-size:14px;}.mini-product b {font-size:17px;}
  .product-overview {grid-template-columns:1fr;padding:20px;gap:24px;}
  .product-gallery {grid-template-columns:48px minmax(0,1fr);gap:12px;}
  .gallery-thumbs>button {width:48px;height:56px;}.product-main-photo {min-height:245px;}
  .product-main-photo>img {height:270px;}.photo-note {font-size:12px;left:6px;bottom:6px;max-width:calc(100% - 12px);}
  .product-info {padding:0;}.product-info h1 {font-size:29px;line-height:1.18;margin-bottom:18px;}
  .product-eyebrow {font-size:12px;}.product-eyebrow button>.icon {width:22px;height:22px;}
  .product-eyebrow button {min-width:44px;justify-content:center;}.product-eyebrow button>span {display:none;}
  .specs {grid-template-columns:106px minmax(0,1fr);gap:12px 14px;font-size:14px;}.specs dd a {font-size:13px;}
  .product-tabs {gap:24px;scroll-padding-inline:16px;}.product-tabs>button {font-size:14px;min-height:54px;}
  .offer-filters {grid-template-columns:1fr 1fr;padding:14px;gap:10px;}
  .offer-filters .field-label {font-size:12px;padding:5px 6px;}.offer-filters .field {font-size:16px;min-height:40px;}
  .offer-filters>.plain-button {min-height:44px;font-size:13px;justify-self:stretch;justify-content:center;}
  .offer-group {padding:22px 18px 0;margin-bottom:18px;}
  .offer-group-title {padding-bottom:18px;}.offer-group-title h2 {font-size:22px;line-height:1.3;}
  .offer-group-title small {font-size:12px;line-height:1.6;}
  .offer-row {gap:14px 12px;padding:22px 0;}
  .offer-price {font-size:23px;}.offer-brand strong {font-size:15px;}.offer-brand small {font-size:12px;}
  .offer-stock strong {font-size:12px;}.offer-stock>span {font-size:12px;}
  .offer-delivery strong {font-size:14px;}.offer-delivery span {font-size:12px;}
  .offer-prob {flex-direction:column;align-items:flex-end;gap:2px;}.offer-prob:before {font-size:12px;}
  .offer-action {gap:12px;}.offer-action .quantity {min-width:126px;}
  .offer-action .quantity>button {width:42px;}.offer-action .quantity>input {width:40px;font-size:16px;}
  .offer-action>.cart-button {font-size:14px;min-height:48px;gap:8px;}
  .offers-sidebar {grid-template-columns:1fr;}.offers-sidebar>.panel:first-child {display:none;}
  .offers-sidebar>.quick-filters {display:none;}.help-panel {text-align:left;}
  .catalog-tabs {gap:10px;}.chip {font-size:14px;padding:10px 14px;min-height:46px;}
  .catalog-tabs .chip {flex-shrink:0;}.catalog-brands {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .catalog-brands .brand-tile {min-height:118px;gap:15px;}.catalog-brands .brand-tile>span {font-size:12px;}
  .catalog-brands .brand-image {width:51px;height:38px;}
  .catalog-hint p {font-size:15px;}.catalog-hint>.btn {min-height:48px;}
  .editorial-hero {padding:28px 24px;min-height:325px;}.editorial-hero :is(h1,.editorial-title) {font-size:34px;line-height:1.15;}
  .editorial-hero p {font-size:15px;line-height:1.7;}
  .category-tile strong {font-size:14px;}.category-tile small {font-size:12px;}.category-tile {padding:20px 16px;}
  .model-grid a {font-size:16px;padding:18px 16px;}
  .text-content {padding:26px 22px;}.text-content p,.text-content li {font-size:16px;line-height:1.8;}
  .text-content h2 {font-size:25px;}.text-sidebar a,.account-sidebar>a {font-size:14px;min-height:46px;}
  .form-panel {padding:26px 22px;}.form-panel h2 {font-size:25px;}.form-grid {gap:20px;}
  .field,.search-input>input,.quantity>input {font-size:16px;}.field-label {font-size:14px;}
  .field-label small,.field-stack p {font-size:13px;}
  .field-label:has(input[type=file]) {max-width:100%;}.field-label input[type=file] {font-size:14px;}
  .cart-row {grid-template-columns:65px minmax(0,1fr) 44px;gap:14px;}
  .cart-name strong {font-size:14px;}.cart-name small {font-size:12px;}.cart-row .quantity {height:44px;}
  .cart-row .quantity>button {width:34px;}.cart-row .quantity>input {width:32px;font-size:16px;}
  .cart-row>button {width:44px;height:44px;}.cart-row>button .icon {width:20px;height:20px;}
  .cart-total {font-size:18px;}.cart-summary {padding:24px;}
  .cart-summary>h2 {font-size:25px;}.checkout-form>section {padding:24px 20px;}
  .choice-card {font-size:14px;}.choice-card small {font-size:12px;}
  .account-user strong {font-size:14px;}.account-user small {font-size:12px;}
  .stat span {font-size:13px;}.stat strong {font-size:26px;}
  .simple-table {font-size:14px;}.simple-table th {font-size:12px;}.simple-table td {padding:16px 12px;}
  .timeline strong {font-size:14px;}.timeline span {font-size:12px;color:var(--muted);}
.timeline>div>i {color:#526175;}
.timeline .done i {color:white;background:var(--green);}.timeline .current i {color:white;}
  .auth-form {padding:28px 22px;}.auth-form h1 {font-size:31px;}.auth-form>p {font-size:15px;}
  .auth-form .check {font-size:14px;}.auth-bottom a {font-size:14px;}
  .dialog {width:calc(100% - 32px);padding:24px 20px;}.dialog-top h2 {font-size:25px;}
  .menu-dialog nav>a {font-size:16px;min-height:52px;}
  .admin-sidebar {padding:16px;gap:8px;}.admin-sidebar>.logo {width:125px;margin-right:14px;}
  .admin-sidebar>a:not(.logo) {font-size:13px;min-height:44px;padding:11px 12px;}
  .admin-main {padding:24px 16px;}.admin-topbar {padding-inline:16px;height:auto;min-height:70px;gap:12px;}
  .admin-topbar h2 {font-size:18px;}.admin-topbar>span {font-size:12px;max-width:175px;}
  .admin-main .page-heading h1 {font-size:30px;}.admin-main>.panel {padding:22px 18px;}
  .admin-main .stat strong {font-size:25px;}.admin-main .stat-grid {gap:14px;}
  .chart-bars>div {color:var(--muted);}
.map-card small {color:var(--muted);}
.error-number {color:#768294;}
.admin-progress>span {font-size:14px;}.admin-product-cell strong {font-size:14px;}
  .type-display {font-size:32px;}.state-canvas {padding:22px 18px;}.state-view {gap:14px;}
  .state-view h3 {font-size:20px;}.state-view p {font-size:14px;}
}
@media (max-width:480px) {
  .hero-top h1 {font-size:34px;line-height:1.09;}
  .hero-top h1 br {display:none;}.hero-top h1 em {white-space:nowrap;}
  .hero-top p {font-size:14px;max-width:290px;}.hero-top p br {display:none;}
  .home-hero {min-height:594px;padding:27px 20px 21px;}
  .hero-photo {top:125px;height:345px;width:148%;right:-75px;mask-image:linear-gradient(90deg,transparent,#000 19%),linear-gradient(180deg,transparent 0%,#000 16%,#000 66%,transparent 88%);mask-composite:intersect;}
  .hero-shade {background:linear-gradient(180deg,#0b1016 0%,#0b1016da 25%,#0b101633 51%,#0b1016 82%),linear-gradient(90deg,#0a0f1790,#0a0f1711);}
  .hero-bottom {margin-top:104px;}.hero-search {grid-template-columns:minmax(0,1fr) 90px;}
  .hero-search .search-input input {font-size:16px;}.hero-search .btn {font-size:14px;}
  .hero-origins {margin-right:-20px;padding-right:20px;}
  .section-heading {flex-wrap:wrap;}.home-brands .section-heading {flex-wrap:nowrap;}
  .home-brands .section-heading h2 {font-size:22px;}
  .home-brands .section-heading>.text-link {max-width:75px;font-size:12px;}
  .review-person {padding-bottom:28px;}.review-person div>span {font-size:12px;}
  .catalog-brands {grid-template-columns:1fr 1fr;}.catalog-brands .brand-tile {min-height:125px;}
  .catalog-brands .brand-tile>span {font-size:14px;}
  .product-info h1 {font-size:28px;}.product-gallery {grid-template-columns:46px minmax(0,1fr);gap:10px;}
  .gallery-thumbs>button {width:46px;height:54px;}.product-main-photo>img {height:250px;}
  .product-tabs>button {font-size:14px;}.product-tabs {gap:22px;}
  .offer-action .quantity {min-width:122px;}.offer-action .quantity>button {width:44px;}.offer-action .quantity>input {width:32px;}
  .offer-action>.cart-button {font-size:14px;}.offer-code {max-width:100%;font-size:12px;}
  .form-grid {grid-template-columns:1fr;}.span-2 {grid-column:auto;}
  .footer-brand p {max-width:135px;}.footer-grid>.footer-brand {gap:16px;}
  .footer-brand .logo {width:145px;}
  .cart-row {grid-template-columns:54px minmax(0,1fr) 38px;gap:12px;}
  .cart-row>img {width:54px;height:74px;}.cart-row>button {width:38px;}
  .cart-row>.quantity {grid-column:1/3;min-width:124px;}.cart-row .quantity>button {width:42px;}
  .cart-row .quantity>input {width:40px;}.cart-row .cart-total {grid-column:2/4;justify-self:end;}
  .admin-sidebar>.logo {width:112px;}.admin-sidebar>a:not(.logo) {font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}