/* "Workshop Clean" (Dev, 2026-10-25; canvas https://claude.ai/artifact/8KhMSCbEn7RaRheuxDBsgE). White ground, warm grey
   surfaces, ink text, ONE orange and only for the action to take, green only for WhatsApp. Archivo (self-hosted) for text,
   DM Mono for part numbers, Noto Sans Devanagari for Hindi lines. Loaded last, after the theme; swapping this file for
   thread.css brings the previous look back. Nothing here changes markup, URLs, titles or schema. */

@font-face { font-family: 'Archivo'; src: url('../fonts/archivo-thread.woff2') format('woff2'); font-weight: 400 800; font-stretch: 100% 118%; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/dmmono-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('../fonts/dmmono-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  --c-ink: #16181D; --c-text: #2B2E35; --c-text2: #5B6069; --c-line: #E6E4DF; --c-line-2: #D5D3CD; --c-surface: #F6F5F2;
  --c-accent: #D9480F; --c-accent-ink: #B83A05; --c-accent-soft: #FFF1EA; --c-green: #1B7F3B; --c-green-soft: #E6F4EA; --c-ok: #1B5E3B;
  --c-r: 14px; --c-shadow: 0 6px 20px -12px rgba(22, 24, 29, .25);
  --c-font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif; --c-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --c-hi: 'Noto Sans Devanagari', 'Archivo', system-ui, sans-serif;
  /* names the product page / hub / finder styles below still use */
  --t-orange: var(--c-accent); --t-orange-ink: var(--c-accent-ink); --t-ink: var(--c-ink); --t-ink-2: var(--c-text2); --t-line: var(--c-line);
  --t-soft: var(--c-surface); --t-green: var(--c-green); --t-ok-bg: var(--c-green-soft); --t-ok: var(--c-ok); --t-r: var(--c-r); --t-font: var(--c-font); --t-mono: var(--c-mono);
}

/* ---------- 1. Type ---------- */
body { font-family: var(--c-font); color: var(--c-text); -webkit-font-smoothing: antialiased; background: #fff; }
h1, h2, h3, h4, .block-header__title, .section-header__title, .block-categories__title, .mf-title, .product__title, .footer-links__title, .footer-contacts__title { font-family: var(--c-font); font-weight: 800; letter-spacing: -.02em; color: var(--c-ink); }
[lang="hi"], .notranslate[lang="hi"], .hi { font-family: var(--c-hi); }
.t-mono, .product-card__meta, .breadcrumb, .product__meta, .product-card__meta-title { font-family: var(--c-mono); }
a { color: var(--c-accent-ink); }

/* ---------- 2. Header: white, thin dark top bar, bordered search ---------- */
.site__header, .site__mobile-header { background: #fff !important; }
.site__header .header { background: #fff !important; box-shadow: none !important; border-bottom: 1px solid var(--c-line); }
.site__header .header__topbar-start-bg, .site__header .header__topbar-end-bg,
.site__header .header__topbar-start-bg::before, .site__header .header__topbar-end-bg::before,
.site__header .header__topbar-start-bg::after, .site__header .header__topbar-end-bg::after { background: var(--c-ink) !important; }
.site__header .topbar--spaceship-start .topbar__link, .site__header .topbar--spaceship-end .topbar__link { color: #C9CBD1 !important; }
.site__header .topbar__item-text > a[href^="tel:"] { color: #fff !important; font-weight: 700; margin-left: 5px; }
.site__header .header__navbar, .site__header .header__navbar a, .site__header .main-menu__link { color: var(--c-ink) !important; font-weight: 600 !important; font-size: 14.5px; white-space: nowrap; }
.site__header .main-menu__list { flex-wrap: nowrap; }
.site__header .main-menu__item:hover > .main-menu__link, .site__header .main-menu__item--has-submenu:hover > .main-menu__link { background: var(--c-surface) !important; border-radius: 8px; }
.site__header .departments__button { background: var(--c-ink) !important; color: #fff !important; border-radius: 10px !important; white-space: nowrap; }
.site__header .departments__button-title { white-space: nowrap; color: #fff !important; }
.site__header .departments__button-icon svg, .site__header .departments__button-arrow svg { fill: #fff !important; }
.site__header .header__search .search__body { border: 2px solid var(--c-ink); border-radius: 12px; overflow: hidden; background: #fff; }
.site__header .search__button svg { fill: var(--c-ink) !important; }
.site__header .indicator__title, .site__header .indicator__value { color: var(--c-ink) !important; }
.site__header .indicator__counter { background: var(--c-accent) !important; color: #fff !important; }
.site__header .indicator__icon svg { fill: var(--c-ink) !important; }
.site__header .header__logo { background: transparent !important; }
.t-logo { display: inline-flex; align-items: center; gap: 9px; color: var(--c-ink) !important; text-decoration: none !important; }
.t-logo__mark { width: 36px; height: 36px; border-radius: 10px; background: var(--c-ink); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.t-logo__mark img { width: 24px; height: 24px; display: block; }
.t-logo__name { font: 800 16px/1 var(--c-font); letter-spacing: -.01em; white-space: nowrap; color: var(--c-ink); }
.t-logo--lg { gap: 12px; }
.t-logo--lg .t-logo__mark { width: 42px; height: 42px; border-radius: 12px; }
.t-logo--lg .t-logo__mark img { width: 28px; height: 28px; }
.t-logo--lg .t-logo__name { font-size: 19px; }
/* the theme's logo is on a dark pedestal in the top bar: keep the pedestal dark, logo text white there */
.site__header .header__logo .t-logo__name { color: #fff; }
/* phone header */
.site__mobile-header .mobile-header { background: #fff !important; box-shadow: none !important; border-bottom: 1px solid var(--c-line); }
.site__mobile-header .mobile-header__body { min-height: 60px; }
.site__mobile-header .mobile-header__menu-button { color: var(--c-ink); background: transparent !important; border: 0 !important; }
.site__mobile-header .mobile-header__menu-button svg, .site__mobile-header .mobile-indicator__icon svg { fill: var(--c-ink); }
.site__mobile-header .mobile-indicator__counter { background: var(--c-accent) !important; color: #fff !important; }
body.ss-scrolled .mobile-header { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 4px 16px -10px rgba(0,0,0,.25) !important; }
.t-msearch { display: none; }
@media (max-width: 1199px) {
  .t-msearch { display: block; background: #fff; padding: 0 12px 12px; }
  .t-msearch form { display: flex; align-items: center; gap: 8px; background: #fff; border: 2px solid var(--c-ink); border-radius: 12px; padding: 0 5px 0 12px; height: 50px; }
  .t-msearch input { flex: 1; min-width: 0; border: 0; outline: 0; font: 500 15px var(--c-font); background: transparent; color: var(--c-ink); }
  .t-msearch input::placeholder { color: var(--c-text2); }
  .t-msearch button { width: 40px; height: 40px; border-radius: 9px; border: 0; background: var(--c-ink); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
  .t-msearch button svg { fill: #fff; }
  .site__mobile-header .mobile-indicator--search { display: none !important; }
}
/* no zig-zag any more */
.site__body::before { display: none; }
/* dropdowns (2026-10-24 fix kept): the panel grows to its longest label, the model flyout opens beside it */
.site__header .main-menu__submenu .menu { width: max-content; min-width: 220px; max-width: min(360px, 60vw); padding: 6px 0; border: 1px solid var(--c-line-2); border-radius: 12px; box-shadow: 0 12px 32px -8px rgba(0,0,0,.22); }
.site__header .main-menu__submenu .menu__link { white-space: normal; line-height: 1.3; padding: 7px 34px 7px 16px; }
.site__header .main-menu__submenu .menu__item--has-submenu > .menu__link { padding-right: 34px; }
.site__header .main-menu__submenu .menu__arrow { right: 14px; }
.site__header .main-menu__submenu .menu__submenu { z-index: 3; top: -8px; padding-left: 4px; }
.site__header .main-menu__item--submenu--menu .main-menu__submenu { z-index: 20; padding-top: 4px; }
.site__header .main-menu__submenu .menu__item:hover > .menu__link { background: var(--c-surface); }
.site__header .header.is-sticky .header__search { bottom: 6px; }
@media (max-width: 1399.98px) { .site__header .header__topbar-end { padding-left: 12px; } }
.departments__menu .menu, .departments__links { border: 1px solid var(--c-line-2) !important; border-radius: 12px !important; box-shadow: 0 12px 32px -8px rgba(0,0,0,.22) !important; }

/* ---------- 3. Buttons ---------- */
.btn-primary, .add-to-cart, .product-buy-strip__btn-cart, .checkout .btn-primary, .cart .btn-primary, .mf-pick .btn {
  background: var(--c-accent) !important; background-image: none !important; color: #fff !important; border: 0 !important; border-radius: 12px !important;
  font-family: var(--c-font) !important; font-weight: 700 !important; box-shadow: none !important; text-transform: none !important;
}
.btn-primary:hover, .add-to-cart:hover, .mf-pick .btn:hover, .product-buy-strip__btn-cart:hover { background: var(--c-accent-ink) !important; color: #fff !important; filter: none; transform: none; }
.btn-secondary { background: #fff !important; color: var(--c-ink) !important; border: 1.5px solid var(--c-line-2) !important; border-radius: 12px !important; font-weight: 700 !important; }
.btn-secondary:hover { border-color: var(--c-ink) !important; }
.wc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 8px 18px; border-radius: 12px; font: 700 15.5px/1.15 var(--c-font); text-decoration: none !important; border: 0; cursor: pointer; box-sizing: border-box; }
.wc-btn small { display: block; font: 600 12px var(--c-hi); opacity: .85; margin-top: 2px; }
.wc-btn--wa { background: var(--c-green); color: #fff !important; }
.wc-btn--wa:hover { background: #16693100; background: #166931; }
.wc-btn--line { background: #fff; color: var(--c-ink) !important; border: 1.5px solid var(--c-line-2); }
.wc-btn--line:hover { border-color: var(--c-ink); }
.wc-btn--line img { width: 44px; height: 28px; object-fit: contain; }
.wc-btn--white { background: #fff; color: var(--c-ink) !important; }
.wc-btn--ghost { background: transparent; color: #fff !important; border: 1.5px solid #5B6069; }

/* ---------- 4. Product cards ---------- */
.product-card { border: 1px solid var(--c-line) !important; border-radius: var(--c-r) !important; box-shadow: none !important; overflow: hidden; background: #fff; transition: box-shadow .15s, border-color .15s; }
.product-card:hover { box-shadow: var(--c-shadow) !important; border-color: var(--c-line-2) !important; }
.product-card .product-card__image { background: #fff; border-bottom: 1px solid var(--c-line); margin: 0 !important; padding: 10px; }
.product-card .product-card__name a { color: var(--c-ink) !important; font-weight: 700 !important; font-size: 14.5px; line-height: 1.3; }
.product-card .product-card__meta { color: var(--c-text2) !important; font-size: 11.5px !important; }
.product-card .product-card__meta a { color: var(--c-text2) !important; }
.product-card .product-card__price, .product-card .product-card__price--current, .product-card .product-card__price--new { color: var(--c-ink) !important; font-family: var(--c-font); font-weight: 800 !important; font-size: 20px !important; letter-spacing: -.02em; }
.product-card .product-card__price--old { color: var(--c-text2) !important; font-weight: 500 !important; }
.product-card .status-badge__body { background: var(--c-green-soft) !important; border-radius: 999px !important; box-shadow: none !important; }
.product-card .status-badge__text { color: var(--c-ok) !important; font-family: var(--c-font); font-weight: 700; font-size: 11.5px; }
.product-card .status-badge--style--failure .status-badge__body, .product-card .product__stock.status-badge--style--failure .status-badge__body { background: #F3F3F1 !important; }
.product-card .status-badge--style--failure .status-badge__text { color: var(--c-text2) !important; }
.product-card .add-to-cart { border-radius: 12px !important; }
.ss-request { border: 1.5px solid var(--c-line-2) !important; color: var(--c-ink) !important; border-radius: 12px !important; font-weight: 700 !important; }
.ss-request:hover { border-color: var(--c-ink) !important; color: var(--c-ink) !important; }
.products-view__options, .view-options { background: transparent !important; border: 0 !important; }

/* ---------- 5. Section and page titles ---------- */
.section-header__title { font-size: 26px !important; }
.section-header__divider, .section-header__spring { border-color: var(--c-line) !important; }
.section-header__divider { background: var(--c-line) !important; height: 1px !important; }
.block-header__title { font-size: clamp(28px, 4vw, 42px) !important; line-height: 1.04; }
.block-header__intro { margin-bottom: 16px !important; color: var(--c-text2) !important; }
.breadcrumb, .breadcrumb a { color: var(--c-text2) !important; font-size: 12.5px; }
.breadcrumb__item-link { background: transparent !important; }
.decor, .decor__body, .decor__start, .decor__end, .decor__center { display: none !important; }
.wc-h2 { font-size: clamp(22px, 2.6vw, 30px); margin: 0 0 6px; }
.wc-sub { font-size: 15px; color: var(--c-text2); margin: 0 0 16px; max-width: 760px; }
.wc-kicker { font: 700 12px var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: var(--c-accent-ink); margin: 0 0 8px; }
.wc-kicker--light { color: #F4B183; }

/* ---------- 6. Machine finder (home) ---------- */
.mf { padding-top: 10px; }
.mf-title { font-size: clamp(22px, 2.6vw, 30px) !important; }
.mf-sub { color: var(--c-text2); }
.mf-sub--hi { font-family: var(--c-hi); }
.mf-card { border: 1px solid var(--c-line) !important; border-radius: var(--c-r) !important; box-shadow: none !important; background: #fff; transition: box-shadow .15s, border-color .15s; }
.mf-card:hover { box-shadow: var(--c-shadow) !important; border-color: var(--c-line-2) !important; transform: none; }
.mf-card__img { background: #fff !important; border-bottom: 1px solid var(--c-line); }
.mf-card__brand { color: var(--c-text2) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; }
.mf-card__model { font-weight: 800 !important; color: var(--c-ink); }
.mf-card__hi { display: block; font: 600 13px var(--c-hi); color: var(--c-text2); margin: 2px 0 4px; }
.mf-card__count { color: var(--c-text2) !important; font-weight: 600 !important; font-size: 13px; }
.mf-card__cta { color: var(--c-accent-ink) !important; font-weight: 700 !important; }
.mf-chip { border: 1.5px solid var(--c-line-2) !important; border-radius: 999px !important; font-weight: 700 !important; color: var(--c-ink) !important; background: #fff !important; }
.mf-chip.is-on { background: var(--c-ink) !important; color: #fff !important; border-color: var(--c-ink) !important; }
.mf-pick { border: 1px solid var(--c-line) !important; border-radius: 16px !important; box-shadow: none !important; background: var(--c-surface) !important; }
.mf-pick select { border: 1.5px solid var(--c-line-2) !important; border-radius: 10px !important; background: #fff; }

/* ---------- 7. Home: category tiles, carousels, partners ---------- */
.categories-list__item { border: 1px solid var(--c-line); border-radius: var(--c-r); background: #fff; padding: 12px 8px !important; transition: box-shadow .15s; }
.categories-list__item:hover { box-shadow: var(--c-shadow); }
.categories-list__item-name { font-weight: 700 !important; color: var(--c-ink) !important; font-size: 14px; line-height: 1.25; }
.categories-list__item-hi { font: 600 12.5px var(--c-hi); color: var(--c-text2); margin-top: 2px; }
.categories-list__item-products { color: var(--c-text2) !important; font-size: 12px !important; margin-top: 4px; }
.categories-list__divider { display: none !important; }
.block-categories__title, .section-header__title { color: var(--c-ink) !important; }
.block-products-carousel__cell .product-card { height: 100%; }
.product-brands .product-card { border: 1px solid var(--c-line) !important; }
.block-products-carousel .owl-prev, .block-products-carousel .owl-next, .section-header__arrow { background: #fff !important; border: 1.5px solid var(--c-line-2) !important; border-radius: 10px !important; color: var(--c-ink) !important; }

/* ---------- 8. Footer: ink ---------- */
.site-footer, .site__footer .site-footer { background: var(--c-ink) !important; color: #C9CBD1 !important; }
.site-footer a, .site-footer .footer-links__link, .site-footer .footer-contacts__text { color: #E3E4E8 !important; }
.site-footer .footer-links__title, .site-footer .footer-contacts__title { color: #fff !important; }
.site-footer__bottom { background: #0F1013 !important; color: #9DA1A8 !important; }
.site-footer .footer-links__item a:hover { color: #fff !important; }

/* ---------- 9. Home hero (views/home-hero.ts) ---------- */
body:has(.wc-hero) .block-slideshow { display: none !important; }
body:has(.wc-hero) .site__body > .block-space--layout--divider-xs:first-child, .block-space:has(+ .wc-hero) { display: none; }
.wc-hero { background: #fff; padding: 22px 0 10px; }
.wc-hero__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; align-items: start; }
@media (min-width: 992px) { .wc-hero__in { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 40px; padding: 18px 0 14px; } }
.wc-hero__kicker { font: 700 12.5px var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: var(--c-accent-ink); margin: 0 0 10px; }
.wc-hero h1 { font-size: clamp(32px, 4.6vw, 54px); line-height: 1.04; margin: 0 0 12px; color: var(--c-ink); letter-spacing: -.025em; }
.wc-hero h1 span { color: var(--c-text2); }
.wc-hero__lede { font: 500 clamp(15px, 1.25vw, 17.5px)/1.55 var(--c-font); margin: 0 0 6px; max-width: 560px; color: var(--c-text); }
.wc-hero__hi { font: 500 15px/1.5 var(--c-hi); color: var(--c-text2); margin: 0 0 16px; max-width: 560px; }
.wc-hero__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 560px; margin-bottom: 14px; }
@media (max-width: 420px) { .wc-hero__actions { grid-template-columns: minmax(0, 1fr); } }
.wc-hero__actions .wc-btn { min-height: 64px; text-align: left; justify-content: flex-start; padding: 8px 14px; }
.wc-finder { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 16px; padding: 12px; max-width: 640px; }
@media (min-width: 768px) { .wc-finder { grid-template-columns: repeat(2, minmax(0, 1fr)) auto; align-items: end; } }
.wc-finder label { display: block; font: 700 11.5px var(--c-font); color: var(--c-text2); letter-spacing: .05em; text-transform: uppercase; padding: 0 2px 5px; }
.wc-finder select { width: 100%; height: 46px; border-radius: 10px; border: 1.5px solid var(--c-line-2); background: #fff; color: var(--c-ink); font: 600 14.5px var(--c-font); padding: 0 10px; }
.wc-finder button { height: 46px; border-radius: 10px; border: 0; background: var(--c-accent); color: #fff; font: 700 15px var(--c-font); padding: 0 18px; white-space: nowrap; cursor: pointer; }
.wc-finder button:hover { background: var(--c-accent-ink); }
.wc-hero__side { display: grid; gap: 12px; }
.wc-card { display: block; border: 1px solid var(--c-line); border-radius: 16px; background: #fff; text-decoration: none !important; color: var(--c-ink) !important; }
.wc-card--machine { padding: 14px 16px 14px; text-align: center; background: var(--c-surface); }
.wc-card--machine img { width: 100%; max-width: 320px; height: auto; aspect-ratio: 3 / 2; object-fit: contain; display: block; margin: 0 auto 6px; mix-blend-mode: multiply; }
.wc-card--machine b { display: block; font-size: 17px; }
.wc-card--machine span { display: block; font-size: 13px; color: var(--c-text2); margin-top: 2px; }
.wc-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; list-style: none; padding: 0; margin: 0; }
@media (min-width: 992px) { .wc-trust { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wc-trust li { border: 1px solid var(--c-line); border-radius: 12px; padding: 10px 12px; margin: 0; background: #fff; }
.wc-trust li a { color: inherit !important; text-decoration: none !important; display: block; }
.wc-trust b { display: block; font: 800 18px/1.1 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.wc-trust span { display: block; font-size: 12px; color: var(--c-text2); margin-top: 3px; line-height: 1.3; }
/* knowledge band */
.wc-know { background: var(--c-ink); color: #fff; padding: 34px 0; margin: 10px 0 0; }
.wc-know__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: center; }
@media (min-width: 992px) { .wc-know__in { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; } }
.wc-know h2 { color: #fff; font-size: clamp(22px, 2.8vw, 32px); line-height: 1.12; margin: 0 0 10px; }
.wc-know p { color: #E3E4E8; font-size: 15px; line-height: 1.55; margin: 0 0 8px; max-width: 580px; }
.wc-know p[lang="hi"] { color: #C9CBD1; }
.wc-know__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.wc-know__nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.wc-know__nums div { background: #24262C; border-radius: 12px; padding: 14px 16px; }
.wc-know__nums dt { font: 500 26px/1 var(--c-mono); color: #fff; margin: 0 0 4px; }
.wc-know__nums dd { font-size: 13px; color: #C9CBD1; margin: 0; }
/* faults + B2B */
.wc-faults { padding: 34px 0 10px; }
.wc-faults__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 768px) { .wc-faults__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wc-fault { display: block; border: 1px solid var(--c-line); border-radius: 14px; padding: 12px 14px; text-decoration: none !important; color: var(--c-ink) !important; background: #fff; transition: box-shadow .15s; }
.wc-fault:hover { box-shadow: var(--c-shadow); }
.wc-fault b { display: block; font-size: 15px; }
.wc-fault span { display: block; font: 500 13px var(--c-hi); color: var(--c-text2); margin: 2px 0 4px; }
.wc-fault small { display: block; font-size: 12px; color: var(--c-accent-ink); }
.wc-fault small u { text-decoration: none; font-weight: 700; text-transform: capitalize; }
.wc-b2b { display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; justify-content: space-between; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 16px; padding: 18px 20px; margin-top: 22px; }
.wc-b2b b { display: block; font-size: 17px; color: var(--c-ink); }
.wc-b2b span { display: block; font-size: 14px; color: var(--c-text2); margin-top: 2px; }
.wc-b2b__actions { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- 10. Phone action bar: Call · WhatsApp · Cart ---------- */
@media (max-width: 767px) {
  .ss-actionbar { border-top: 1px solid var(--c-line); box-shadow: 0 -6px 18px -12px rgba(0,0,0,.25) !important; grid-template-columns: 1fr 1.3fr 54px; display: grid !important; background: #fff; }
  .ss-actionbar a { border-radius: 12px !important; font-weight: 700 !important; }
  .ss-actionbar__call { border: 1.5px solid var(--c-line-2) !important; color: var(--c-ink) !important; background: #fff !important; }
  .ss-actionbar__wa { background: var(--c-green) !important; color: #fff !important; }
  .ss-actionbar__cart { background: var(--c-accent); color: #fff !important; position: relative; }
  .ss-actionbar__cart svg { fill: #fff; }
  .ss-actionbar__cart b { position: absolute; top: 3px; right: 5px; min-width: 17px; height: 17px; border-radius: 9px; background: var(--c-ink); color: #fff; font: 500 10px/17px var(--c-mono); text-align: center; padding: 0 3px; }
}
.ss-actionbar__cart { display: none; }
@media (max-width: 767px) { .ss-actionbar__cart { display: flex; } }

/* ---------- 11. Category page: sidebar and grid ---------- */
.side-bar-categories, .widget-categories-list { border: 1px solid var(--c-line) !important; border-radius: var(--c-r) !important; box-shadow: none !important; background: #fff; }
.widget-categories-list__root-link { color: var(--c-ink) !important; font-weight: 800 !important; letter-spacing: .02em; }
.widget-categories-list__child-link { color: var(--c-text) !important; font-weight: 500; }
.widget-categories-list__child-link.active, .widget-categories-list__child-link:hover { color: var(--c-accent-ink) !important; }
.side-bar-categories .widget-categories-list__root-item { border-color: var(--c-line) !important; }
.product__fit .status-badge__body { background: var(--c-green-soft) !important; border: 1px solid #B7DFC3; border-radius: 12px !important; box-shadow: none !important; }
.product__fit .status-badge__text, .product__fit .status-badge__text a { color: var(--c-ok) !important; font-weight: 700; }
.product__fit .status-badge__icon svg { fill: var(--c-ok) !important; }
.cat-guide { background: var(--c-surface) !important; border: 1px solid var(--c-line) !important; border-radius: 14px !important; }
.listing-faq details { border-color: var(--c-line) !important; }

/* ---------- 12. Product page (kept from stage 2, lines instead of black outlines) ---------- */
.product-gallery__featured { border: 1px solid var(--c-line); border-radius: 18px; overflow: hidden; background: #fff; position: relative; }
.product-gallery__thumbnails-item { border: 1px solid var(--c-line) !important; border-radius: 12px !important; overflow: hidden; }
.product-gallery__thumbnails-item--active { border-color: var(--c-ink) !important; box-shadow: 0 0 0 2px var(--c-ink); }
.product-gallery__zoom { background: var(--c-ink) !important; border-radius: 50% !important; }
.product-gallery__zoom svg { fill: #fff !important; }
.product-category-badge { display: inline-block; font: 700 11.5px var(--c-font) !important; letter-spacing: .04em; text-transform: uppercase; border: 1px solid var(--c-line-2) !important; border-radius: 999px !important; padding: 4px 10px !important; background: #fff !important; color: var(--c-text2) !important; }
.product__header.header__new h1, .product__title { font-size: clamp(24px, 3vw, 36px) !important; line-height: 1.1 !important; margin: 10px 0 12px !important; letter-spacing: -.02em; }
.product-mini-codes { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.product-mini-codes span { font: 500 12.5px var(--c-mono); border: 1px solid var(--c-line-2); border-radius: 8px; padding: 5px 10px; background: var(--c-surface); color: var(--c-ink); }
.product-mini-codes strong { font-family: var(--c-font); font-weight: 700; margin-right: 2px; }
.t-fits { border: 1px solid var(--c-line); border-radius: 14px; padding: 12px 14px; margin: 4px 0 14px; background: #fff; }
.t-fits__h { font-weight: 800; font-size: 15px; margin-bottom: 8px; }
.t-fits__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.t-chip { display: inline-flex; align-items: center; font: 500 12.5px var(--c-mono); border: 1px solid var(--c-line-2); border-radius: 8px; padding: 5px 9px; color: var(--c-ink); background: #fff; }
.t-chip--main { background: var(--c-green-soft); border-color: #B7DFC3; color: var(--c-ok) !important; text-decoration: none !important; font-family: var(--c-font); font-weight: 700; }
.t-chip--main:hover { background: #d7edde; color: var(--c-ok) !important; }
.t-more { display: contents; }
.t-more summary { display: inline-flex; align-items: center; cursor: pointer; list-style: none; font: 700 13px var(--c-font); color: var(--c-accent-ink); border: 1px solid var(--c-line-2); border-radius: 8px; padding: 4px 9px; }
.t-more summary::-webkit-details-marker { display: none; }
.t-more[open] summary { display: none; }
.product-buy-strip { border: 1px solid var(--c-line) !important; border-radius: 18px !important; padding: 18px !important; background: #fff !important; box-shadow: var(--c-shadow) !important; }
.product-buy-strip__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.product-buy-strip__price-current { font-family: var(--c-font) !important; font-weight: 800 !important; font-size: clamp(32px, 4vw, 42px) !important; letter-spacing: -.03em; color: var(--c-ink) !important; }
.t-gst { font-size: 13.5px; color: var(--c-text2); font-weight: 600; }
.product-buy-strip__price-was { color: var(--c-text2) !important; }
.product-buy-strip__save { background: var(--c-accent-soft) !important; color: var(--c-accent-ink) !important; border-radius: 999px !important; font-weight: 700 !important; }
.product-buy-strip__stock--ok { background: var(--c-green-soft); color: var(--c-ok) !important; border-radius: 999px; padding: 5px 11px; font-weight: 700 !important; }
.product-buy-strip__stock-dot { background: var(--c-ok) !important; }
.product-buy-strip__qty-row .input-number__input { border: 1.5px solid var(--c-line-2) !important; border-radius: 10px !important; font-family: var(--c-mono); }
.product-buy-strip__btn-cart { height: 54px; font-size: 17px !important; }
.t-fitwa { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; margin-top: 10px; border-radius: 12px; background: var(--c-green); color: #fff !important; font-weight: 700; font-size: 15.5px; text-decoration: none !important; }
.t-fitwa:hover { background: #166931; color: #fff !important; }
.t-deliv { margin-top: 14px; border-top: 1px solid var(--c-line); padding-top: 12px; }
.t-deliv__l { display: block; font-weight: 700; font-size: 14.5px; margin-bottom: 8px; }
.t-deliv__row { display: flex; gap: 8px; }
.t-deliv__row input { flex: 1; min-width: 0; height: 46px; border: 1.5px solid var(--c-line-2); border-radius: 10px; padding: 0 12px; font: 500 15px var(--c-mono); }
.t-deliv__row button { height: 46px; border: 0; border-radius: 10px; background: var(--c-ink); color: #fff; font: 700 15px var(--c-font); padding: 0 18px; cursor: pointer; }
.t-deliv__out { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: var(--c-text); min-height: 1px; }
.t-deliv__out b { color: var(--c-ok); }
.product-buy-strip__features { gap: 8px !important; }
.product-buy-strip__feature { border: 1px solid var(--c-line) !important; border-radius: 12px !important; box-shadow: none !important; background: #fff !important; }
.product-buy-strip__feature-icon { background: var(--c-surface) !important; color: var(--c-ink) !important; border-radius: 10px !important; }
.product-buy-strip__feature-content h4 { font-weight: 700 !important; }
.product-tabs__list, .product-tabs .product-tabs__item a { font-weight: 700 !important; }
.product-tabs__item--active a, .product-tabs__item--active { border-color: var(--c-accent) !important; }
.spec__row, .product-spec-table td, .product-spec-table th { border-color: var(--c-line) !important; }
.ss-fitcheck, .ss-paint-xsell { border: 1px solid var(--c-line) !important; border-radius: 14px !important; }
.pa { border-color: var(--c-line) !important; }

/* ---------- 13. Machine hub (views/machine-hub.ts) ---------- */
.hub { margin: 0 0 28px; }
.hub__head h2 { font-size: clamp(22px, 2.6vw, 30px); line-height: 1.1; margin: 0 0 10px; }
.hub__head p { font-size: 15px; line-height: 1.55; color: var(--c-text); margin: 0 0 10px; max-width: 900px; }
.hub__hi { color: var(--c-text2); font-family: var(--c-hi); }
.hub__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 8px; margin: 12px 0; }
.hub__fact { border: 1px solid var(--c-line); border-radius: 12px; padding: 9px 12px; background: #fff; font-size: 13.5px; line-height: 1.4; }
.hub__fact b { display: block; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--c-accent-ink); margin-bottom: 2px; }
.hub__nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
.hub__nav a { font: 700 13px var(--c-font); border: 1.5px solid var(--c-line-2); border-radius: 999px; padding: 6px 12px; color: var(--c-ink); background: #fff; text-decoration: none !important; }
.hub__nav a:hover { border-color: var(--c-ink); }
.hub__block { margin: 26px 0 0; }
.hub__block h3 { font-size: 20px; margin: 0 0 8px; }
.hub__block > p { font-size: 14.5px; line-height: 1.5; color: var(--c-text); margin: 0 0 10px; max-width: 900px; }
.hub__note { font-size: 13.5px; color: var(--c-text2); }
.hub__tools { display: flex; align-items: center; gap: 10px; margin: 8px 0 10px; }
.hub__search { flex: 1; max-width: 480px; height: 42px; border: 1.5px solid var(--c-line-2); border-radius: 10px; padding: 0 12px; font: 500 14px var(--c-font); }
.hub__count { font-size: 13px; color: var(--c-text2); }
.hub__sec { border: 1px solid var(--c-line); border-radius: 12px; margin: 0 0 8px; background: #fff; overflow: hidden; }
.hub__sec summary { cursor: pointer; padding: 10px 14px; font-weight: 700; display: flex; justify-content: space-between; gap: 10px; align-items: baseline; list-style: none; }
.hub__sec summary::-webkit-details-marker { display: none; }
.hub__sec summary::before { content: "+"; display: inline-block; width: 18px; font-weight: 800; color: var(--c-accent-ink); }
.hub__sec[open] summary::before { content: "–"; }
.hub__sec summary span { flex: 1; }
.hub__sec summary small { font-weight: 500; color: var(--c-text2); font-size: 12.5px; white-space: nowrap; }
.hub__tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.hub__table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.hub__table th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--c-text2); padding: 6px 10px; border-bottom: 1px solid var(--c-line); white-space: nowrap; }
.hub__table td { padding: 6px 10px; border-bottom: 1px solid #F0EFEC; vertical-align: top; }
.hub__ref, .hub__qty { color: var(--c-text2); white-space: nowrap; }
.hub__pn { font-family: var(--c-mono); font-size: 12.5px; white-space: nowrap; }
.hub__buy { white-space: nowrap; }
.hub__price { font-weight: 800; color: var(--c-ink) !important; border: 1px solid var(--c-line-2); border-radius: 8px; padding: 2px 8px; background: var(--c-accent-soft); text-decoration: none !important; }
.hub__price small { font-weight: 500; color: var(--c-text2); }
.hub__ask { color: var(--c-accent-ink) !important; font-weight: 600; }
.hub__cares { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 10px; }
.hub__care { border: 1px solid var(--c-line); border-radius: 12px; padding: 10px 14px; background: #fff; }
.hub__care b { display: block; margin-bottom: 4px; }
.hub__care p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--c-text); }
.hub__faults td:first-child { white-space: normal; min-width: 160px; }
.hub__faults a { font-weight: 600; color: var(--c-accent-ink) !important; white-space: nowrap; }
.hub3d { border: 1px solid var(--c-line); border-radius: 16px; padding: 16px; background: #fff; box-shadow: var(--c-shadow); }
.hub3d__start { margin-top: 4px; }
.hub3d__bar { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 10px; }
.hub3d__bar button { font: 700 12.5px var(--c-font); border: 1.5px solid var(--c-line-2); border-radius: 999px; background: #fff; color: var(--c-ink); padding: 5px 11px; cursor: pointer; }
.hub3d__bar button.is-on { background: var(--c-ink); color: #fff; border-color: var(--c-ink); }
.hub3d__canvas { display: block; width: 100%; height: 460px; border-radius: 12px; background: linear-gradient(#fff, #f3eee9); touch-action: none; }
.hub3d__info { margin-top: 8px; font-size: 14px; color: var(--c-text); min-height: 1.4em; }
.hub3d__desi { color: var(--c-text2); }
.hub__shoph { font-size: 20px; margin: 26px 0 10px; }
@media (max-width: 767px) { .hub3d__canvas { height: 320px; } .hub__sec summary small { white-space: normal; } }

/* ---------- 14. Spacing and small fixes after the first look (2026-10-25) ---------- */
.block-space--layout--divider-nl { height: 28px !important; }
.block-space--layout--divider-xs { height: 14px !important; }
.block-space--layout--before-footer { height: 40px !important; }
.categories-list__item-name { text-transform: none !important; word-break: keep-all; overflow-wrap: normal; }
.categories-list--layout--columns-5-sidebar .categories-list__item { width: auto !important; }
.categories-list__body { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 !important; }
@media (min-width: 576px) { .categories-list__body { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 992px) { .categories-list__body { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.categories-list__item { margin: 0 !important; display: flex; flex-direction: column; align-items: center; text-align: center; }
.categories-list__item .image__tag { max-height: 110px; width: auto; max-width: 100%; object-fit: contain; }
.mf-grid { gap: 10px !important; }
.block-products-carousel .product-card__name { min-height: 0 !important; }
/* desktop header after the first look: no orange slants around the search, logo name in ink beside the dark tile, sticky search narrower so it clears the menu */
.site__header .search__decor, .site__header .search__shadow { display: none !important; }
.site__header .header__logo .t-logo__name { color: var(--c-ink); }
.site__header .header__logo { background: transparent !important; }
.site__header .header.is-sticky .header__search { width: 360px; }
.site__header .search__button--start { border-right: 1px solid var(--c-line) !important; }
.site__header .search__button--start svg, .site__header .search__button--end svg { fill: var(--c-ink) !important; }