/* ============================================================
   SCANNER ONE — "OneOffice" SKIN  (scannerone-skin.php)
   Visual refresh layer over the Autovio theme, modelled on the
   OneOfficeSolution.com sister-site design system: shared navy
   #24364a, Scanner One's own logo indigo #282880 as the primary,
   DM Sans (already loaded by the theme), rounded cards, soft
   shadows, white nav row, pill search, navy footer.
   --------------------------------------------------------
   Every rule is scoped to body.sc1-skin so the file is inert
   unless the mu-plugin adds that class (mode off/preview/on).
   Layout rules from Customizer "Additional CSS" (flex equal-
   height cards, 250px image box) are kept and built on.
   --------------------------------------------------------
   TABLE OF CONTENTS
   1.  Tokens
   2.  Base / typography / focus
   3.  Top strip (sc1-topbar, printed by the mu-plugin)
   4.  Header main row (logo, search, phone, icons)
   5.  Nav row + dropdowns + sticky + mobile toggle
   6.  Title bar + breadcrumb
   7.  Buttons (global .button family)
   8.  Shop: toolbar, grid, product cards, pagination
   9.  Sidebar widgets
   10. Single product
   11. Cart / checkout / account / forms / notices
   12. Home page sections (WPBakery rows)
   13. Footer
   14. Misc (compare tray, back-to-top, discontinued badge)
   15. Responsive
   16. Fixes after live preview review (card images, mobile menu, checkout)
   17. Compact breadcrumb bar (OneOffice style)
   18. Post-go-live fixes (search dropdown, badges, green accent, white image boxes, slider spinner)
   19. Home heading under slider, checkout row widths / checkboxes / totals
   How to edit, deploy and flush: docs/reference/site-skin.md
   ============================================================ */

/* ============================================================
   1. TOKENS
   ============================================================ */
body.sc1-skin {
  --sc1-blue: #282880;        /* the "ONE" in the Scanner One logo */
  --sc1-blue-dark: #1d1f66;
  --sc1-blue-light: #4a4fc0;
  --sc1-navy: #24364a;        /* shared family colour with OneOffice */
  --sc1-navy-dark: #16223a;   /* footer / dark sections */
  --sc1-green: #38c574;       /* Scanner One accent on dark surfaces */
  --sc1-green-text: #2e7d32;  /* accent on light surfaces */
  --sc1-ink: #1a2230;
  --sc1-text: #3f4753;
  --sc1-muted: #6b7280;
  --sc1-border: #e3e7ee;
  --sc1-line: #eef1f5;
  --sc1-bg: #ffffff;
  --sc1-bg-soft: #f5f7fa;
  --sc1-error: #c0362c;
  --sc1-radius: 8px;
  --sc1-radius-sm: 5px;
  --sc1-radius-lg: 14px;
  --sc1-radius-pill: 999px;
  --sc1-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
  --sc1-shadow: 0 6px 20px rgba(16, 24, 40, .08);
  --sc1-shadow-lg: 0 18px 40px rgba(16, 24, 40, .14);
  --sc1-ease: cubic-bezier(.2, .7, .2, 1);
  --sc1-font: 'DM Sans', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ============================================================
   2. BASE / TYPOGRAPHY / FOCUS
   ============================================================ */
body.sc1-skin {
  font-family: var(--sc1-font);
  color: var(--sc1-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.sc1-skin h1, body.sc1-skin h2, body.sc1-skin h3,
body.sc1-skin h4, body.sc1-skin h5, body.sc1-skin h6 {
  font-family: var(--sc1-font);
  color: var(--sc1-ink);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
body.sc1-skin a { color: var(--sc1-blue); transition: color .2s var(--sc1-ease); }
body.sc1-skin a:hover { color: var(--sc1-blue-dark); }
body.sc1-skin :focus-visible {
  outline: 3px solid rgba(40, 40, 128, .45);
  outline-offset: 2px;
  border-radius: 3px;
}
body.sc1-skin ::selection { background: rgba(40, 40, 128, .16); }
@media (prefers-reduced-motion: reduce) {
  body.sc1-skin *, body.sc1-skin *::before, body.sc1-skin *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* ============================================================
   3. TOP STRIP — printed at wp_body_open by the mu-plugin
   ============================================================ */
body.sc1-skin .sc1-topbar {
  background: var(--sc1-navy);
  color: rgba(255, 255, 255, .85);
  font-family: var(--sc1-font);
  font-size: 13.5px;
  line-height: 1;
  position: relative;
  z-index: 5;
}
/* .sc1-topbar__inner also carries the theme's .container class so it tracks the
   site width (1430px on this "wide" layout) at every breakpoint. */
body.sc1-skin .sc1-topbar__inner {
  height: 38px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  overflow: hidden;
}
body.sc1-skin .sc1-topbar__inner:before,
body.sc1-skin .sc1-topbar__inner:after { display: none !important; } /* Bootstrap clearfix would become flex items */
body.sc1-skin .sc1-topbar__left,
body.sc1-skin .sc1-topbar__links {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
body.sc1-skin .sc1-topbar__links li { margin: 0; padding: 0; list-style: none; }
body.sc1-skin .sc1-topbar a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  transition: color .2s var(--sc1-ease);
}
body.sc1-skin .sc1-topbar a:hover { color: var(--sc1-green); }
body.sc1-skin .sc1-topbar a strong { color: inherit; font-weight: 700; }
body.sc1-skin .sc1-topbar svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.sc1-skin .sc1-topbar__division { color: rgba(255, 255, 255, .7); white-space: nowrap; }
body.sc1-skin .sc1-topbar__division a { color: rgba(255, 255, 255, .92); }

/* ============================================================
   4. HEADER MAIN ROW
   ============================================================ */
body.sc1-skin #site-header,
body.sc1-skin #site-header .site-header-main,
body.sc1-skin .tm-header-top-wrapper {
  background: var(--sc1-bg) !important;
}
body.sc1-skin .tm-header-top-wrapper {
  border-bottom: 1px solid var(--sc1-line);
}
body.sc1-skin .tm-header-top-wrapper .tm-container-for-header {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 82px;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.sc1-skin .tm-header-top-wrapper .site-branding {
  float: none !important;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}
body.sc1-skin .headerlogo img {
  transition: transform .25s var(--sc1-ease);
}
body.sc1-skin .site-branding:hover .headerlogo img { transform: translateY(-1px); }
body.sc1-skin .site-branding .site-description { display: none !important; }

/* Search → pill */
body.sc1-skin .tm-header-top-wrapper .header-search {
  position: static !important;
  float: none !important;
  flex: 1 1 auto;
  max-width: 620px;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.sc1-skin .header-search .ttm_advance_search {
  background: var(--sc1-bg-soft) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius-pill) !important;
  overflow: visible; /* must stay visible: scannerone-live-search.php appends its results dropdown inside the form */
  transition: border-color .2s var(--sc1-ease), box-shadow .2s var(--sc1-ease), background-color .2s var(--sc1-ease);
}
body.sc1-skin .header-search .ttm_advance_search:focus-within {
  background: #fff !important;
  border-color: var(--sc1-blue) !important;
  box-shadow: 0 0 0 3px rgba(40, 40, 128, .12);
}
body.sc1-skin .header-search .product-search-widget { display: flex; align-items: center; }
body.sc1-skin .header-search .ttm_advance_search .search-field {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  height: 44px;
  padding: 0 16px 0 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: var(--sc1-font);
  font-size: 14.5px;
  color: var(--sc1-ink);
}
body.sc1-skin .header-search .ttm_advance_search .search-field:focus { outline: none; }
body.sc1-skin .header-search .product-search-widget .search_by_category {
  width: 170px !important;
  flex: 0 0 170px;
  float: none !important;
}
body.sc1-skin .header-search .product-search-widget .search_by_category:before {
  background: var(--sc1-border);
  height: 22px;
  top: 11px;
}
body.sc1-skin .header-search .product-search-widget .search_by_category span,
body.sc1-skin .header-search .product-search-widget .search_by_category select {
  height: 44px !important;
  line-height: 44px !important;
  font-family: var(--sc1-font);
  font-size: 13.5px;
  color: var(--sc1-muted);
}
body.sc1-skin .header-search .product-search-widget .input-group-btn {
  position: static !important;
  flex: 0 0 auto;
  margin: 0 4px 0 0;
}
body.sc1-skin .header-search .search_button {
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: var(--sc1-blue) !important;
  color: #fff !important;
  border: 0 !important;
  transition: background-color .2s var(--sc1-ease), transform .18s var(--sc1-ease);
}
body.sc1-skin .header-search .search_button:hover {
  background-color: var(--sc1-blue-dark) !important;
  transform: scale(1.04);
}

/* Phone block + quick links */
body.sc1-skin .tm-header-top-wrapper .kw-customtxt,
body.sc1-skin .tm-header-top-wrapper .tm-quick-links {
  float: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
}
body.sc1-skin .tm-header-top-wrapper .kw-customtxt { order: 3; }
body.sc1-skin .tm-header-top-wrapper .tm-quick-links { order: 4; display: flex; align-items: center; gap: 14px; }
body.sc1-skin .ttm_contactcms {
  float: none !important;
  margin: 0 !important;
  padding: 7px 16px 7px 12px !important;
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  background: var(--sc1-bg);
  display: flex;
  align-items: center;
  gap: 10px;
  transition: border-color .2s var(--sc1-ease), box-shadow .2s var(--sc1-ease);
}
body.sc1-skin .ttm_contactcms:hover { border-color: var(--sc1-blue-light) !important; box-shadow: var(--sc1-shadow-sm); }
body.sc1-skin .ttm_contactcms_icon { float: none !important; margin: 0 !important; font-size: 26px !important; color: var(--sc1-blue); line-height: 1; }
body.sc1-skin .ttm_contactcms_text .text1 { font-size: 11px !important; letter-spacing: .06em; color: var(--sc1-muted) !important; font-weight: 500; }
body.sc1-skin .ttm_contactcms_text .text2 { font-size: 15px !important; font-weight: 700 !important; color: var(--sc1-navy) !important; }
body.sc1-skin .ttm_contactcms_text .text2 a { color: inherit; }

body.sc1-skin .tm-quick-links .headercart,
body.sc1-skin .tm-quick-links .wishlist-counter,
body.sc1-skin .tm-quick-links .login-out {
  float: none !important;
  margin: 0 !important;
}
body.sc1-skin .tm-quick-links .headercart-icon,
body.sc1-skin .tm-quick-links .wishlist-counter a {
  color: var(--sc1-navy) !important;
  transition: color .2s var(--sc1-ease), transform .18s var(--sc1-ease);
}
body.sc1-skin .tm-quick-links .headercart-icon:before,
body.sc1-skin .tm-quick-links .wishlist-counter a:before { font-size: 24px; }
body.sc1-skin .tm-quick-links .headercart:hover .headercart-icon,
body.sc1-skin .tm-quick-links .wishlist-counter a:hover { color: var(--sc1-blue) !important; transform: translateY(-1px); }
body.sc1-skin .tm-quick-links .headercart-qty,
body.sc1-skin .tm-quick-links .wishlist-counter span.count {
  background: var(--sc1-blue) !important;
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: var(--sc1-radius-pill);
  border: 2px solid #fff;
}
body.sc1-skin .tm-quick-links .login-out a {
  font-family: var(--sc1-font);
  font-size: 13.5px;
  font-weight: 700;
  color: var(--sc1-navy) !important;
  padding: 8px 14px;
  border: 1.5px solid var(--sc1-border);
  border-radius: var(--sc1-radius);
  text-decoration: none;
  transition: all .2s var(--sc1-ease);
  display: inline-block;
  line-height: 1.2;
}
body.sc1-skin .tm-quick-links .login-out a:hover {
  background: var(--sc1-navy);
  border-color: var(--sc1-navy);
  color: #fff !important;
}

/* Mini-cart dropdown */
body.sc1-skin .headercart .widget_shopping_cart {
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius-lg) !important;
  box-shadow: var(--sc1-shadow-lg) !important;
  font-family: var(--sc1-font);
}

/* ============================================================
   5. NAV ROW
   ============================================================ */
body.sc1-skin #tm-stickable-header-w,
body.sc1-skin #tm-stickable-header-w.tm-bgcolor-darkgrey,
body.sc1-skin #tm-stickable-header-w.tm-sticky-bgcolor-darkgrey.is_stuck,
body.sc1-skin .tm-header-menu-bg-color-darkgrey,
body.sc1-skin #site-header-menu,
body.sc1-skin .site-header-menu-inner {
  background: var(--sc1-bg) !important;
  background-color: var(--sc1-bg) !important;
}
body.sc1-skin #tm-stickable-header-w > .tm-bg-layer,
body.sc1-skin #site-header-menu > .tm-bg-layer { display: none !important; }
body.sc1-skin #tm-stickable-header-w {
  border-bottom: 1px solid var(--sc1-line);
  transition: box-shadow .25s var(--sc1-ease);
}
body.sc1-skin #site-header-menu,
body.sc1-skin #site-header-menu .site-header-menu-inner,
body.sc1-skin #site-header-menu .tm-container-for-header,
body.sc1-skin #site-header-menu .site-header-menu-middle {
  height: auto !important;
  min-height: 0 !important;
  line-height: normal;
}
body.sc1-skin #tm-stickable-header-w.is_stuck,
body.sc1-skin .tm-stickable-header.is_stuck {
  box-shadow: var(--sc1-shadow) !important;
  border-bottom-color: transparent;
}
body.sc1-skin .main-navigation,
body.sc1-skin .main-navigation ul.nav-menu > li > a,
body.sc1-skin .main-navigation ul#menu-main-menu > li > a {
  font-family: var(--sc1-font);
}
body.sc1-skin .site-header-menu-middle,
body.sc1-skin .site-header-menu-middle > div,
body.sc1-skin .main-navigation,
body.sc1-skin .main-navigation .mainmenu-wrapper,
body.sc1-skin .main-navigation .nav-menu { width: 100% !important; max-width: none !important; }
body.sc1-skin .main-navigation ul.nav-menu > li { white-space: nowrap; }
body.sc1-skin .main-navigation ul.nav-menu > li > a {
  color: var(--sc1-navy) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 0 12px !important;
  line-height: 52px !important;
  height: 52px !important;
  position: relative;
  transition: color .2s var(--sc1-ease);
}
body.sc1-skin .main-navigation ul.nav-menu > li:first-child > a { padding-left: 0 !important; }
body.sc1-skin .main-navigation ul.nav-menu > li:first-child > a:after { left: 0 !important; }
body.sc1-skin .main-navigation ul.nav-menu > li > a:after,
body.sc1-skin .main-navigation ul.nav-menu > li > a:before {
  background: none !important;
  border: 0 !important;
}
body.sc1-skin .main-navigation ul.nav-menu > li > a:after {
  content: '' !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 0 !important;
  top: auto !important;
  height: 3px !important;
  width: auto !important;
  margin: 0 !important;
  border-radius: 3px 3px 0 0;
  background: var(--sc1-blue) !important;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .22s var(--sc1-ease);
  opacity: 1 !important;
  display: block !important;
}
body.sc1-skin .main-navigation ul.nav-menu > li:hover > a,
body.sc1-skin .main-navigation ul.nav-menu > li.current-menu-item > a,
body.sc1-skin .main-navigation ul.nav-menu > li.current-menu-ancestor > a,
body.sc1-skin .main-navigation ul.nav-menu > li.current_page_item > a {
  color: var(--sc1-blue) !important;
  background: transparent !important;
}
body.sc1-skin .main-navigation ul.nav-menu > li:hover > a:after,
body.sc1-skin .main-navigation ul.nav-menu > li.current-menu-item > a:after,
body.sc1-skin .main-navigation ul.nav-menu > li.current-menu-ancestor > a:after,
body.sc1-skin .main-navigation ul.nav-menu > li.current_page_item > a:after {
  transform: scaleX(1);
}
/* Dropdowns */
body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu {
  background: var(--sc1-bg) !important;
  border: 1px solid var(--sc1-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--sc1-shadow-lg) !important;
  padding: 8px !important;
  min-width: 230px;
  margin-top: 0 !important;
}
body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu li { border: 0 !important; }
body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu li a {
  font-family: var(--sc1-font);
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--sc1-text) !important;
  padding: 9px 12px !important;
  line-height: 1.3 !important;
  border: 0 !important;
  border-radius: var(--sc1-radius);
  text-transform: none !important;
  transition: background-color .15s var(--sc1-ease), color .15s var(--sc1-ease);
}
body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu li a:hover,
body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu li.current-menu-item > a {
  background: var(--sc1-bg-soft) !important;
  color: var(--sc1-blue) !important;
}
/* Nav-row phone block (theme "custom button"): pinned right so it never wraps under the menu */
body.sc1-skin .main-navigation .kw-phone {
  position: absolute !important;
  right: 0;
  top: 0;
  height: 52px;
  display: flex;
  align-items: center;
  float: none !important;
  margin: 0 !important;
}
body.sc1-skin .main-navigation { position: relative; }
body.sc1-skin .kw-phone .ttm-custombutton a {
  color: var(--sc1-navy) !important;
  border-color: var(--sc1-border) !important;
  text-transform: none !important;
  font-weight: 600 !important;
}
/* Mobile toggle */
body.sc1-skin #menu-toggle.menu-toggle {
  color: var(--sc1-navy) !important;
  background: transparent !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
}

/* ============================================================
   6. TITLE BAR + BREADCRUMB
   ============================================================ */
body.sc1-skin .tm-titlebar-wrapper {
  background: var(--sc1-bg-soft) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--sc1-line);
}
body.sc1-skin .tm-titlebar-wrapper > .tm-bg-layer,
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-wrapper-bg-layer { display: none !important; }
/* Theme layout: .tm-titlebar-inner-wrapper (table, 100%) > .tm-titlebar-main (table-cell) > .container
   (centred, site width) > .tm-titlebar-main-inner > title / breadcrumb wrappers. Keep that chain and
   only re-order the two wrappers so the breadcrumb sits above the title, OneOffice style. */
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main { padding: 28px 0 26px !important; height: auto !important; }
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main-inner {
  display: flex !important;
  flex-direction: column-reverse;
  gap: 8px;
  width: 100%;
}
body.sc1-skin .tm-titlebar-wrapper .entry-title-wrapper,
body.sc1-skin .tm-titlebar-wrapper .breadcrumb-wrapper {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
body.sc1-skin .tm-titlebar-wrapper .entry-title-wrapper .container,
body.sc1-skin .tm-titlebar-wrapper .breadcrumb-wrapper .container {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
body.sc1-skin .tm-titlebar h1.entry-title {
  font-family: var(--sc1-font);
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem) !important;
  font-weight: 700 !important;
  color: var(--sc1-ink) !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.sc1-skin .tm-titlebar h1.entry-title:before { display: none !important; }
body.sc1-skin .tm-titlebar .breadcrumb-wrapper,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner span,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner a {
  font-family: var(--sc1-font);
  font-size: 13px !important;
  font-weight: 500;
  color: var(--sc1-muted) !important;
  background: transparent !important;
  text-transform: none !important;
}
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner a:hover { color: var(--sc1-blue) !important; }
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner .current-item { color: var(--sc1-ink) !important; font-weight: 600; }
body.sc1-skin .tm-titlebar .breadcrumb-wrapper .container,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper .container:before,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper .container:after { background: transparent !important; }

/* ============================================================
   7. BUTTONS — global .button family
   ============================================================ */
body.sc1-skin:is(.woocommerce, .woocommerce-page) a.button,
body.sc1-skin:is(.woocommerce, .woocommerce-page) button.button,
body.sc1-skin:is(.woocommerce, .woocommerce-page) input.button,
body.sc1-skin:is(.woocommerce, .woocommerce-page) #respond input#submit,
body.sc1-skin a.button,
body.sc1-skin button.button,
body.sc1-skin input.button,
body.sc1-skin .button,
body.sc1-skin .single_add_to_cart_button,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.alt,
body.sc1-skin:is(.woocommerce, .woocommerce-page) button.button.alt,
body.sc1-skin #place_order,
body.sc1-skin .checkout-button,
body.sc1-skin .wpcf7-form input[type="submit"],
body.sc1-skin .tm-shop-icon .tm-wc-add-to-cart-btn a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: .75em 1.3em !important;
  font-family: var(--sc1-font) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #fff !important;
  background: var(--sc1-blue) !important;
  background-image: none !important;
  border: 2px solid var(--sc1-blue) !important;
  border-radius: var(--sc1-radius) !important;
  box-shadow: 0 6px 18px rgba(40, 40, 128, .22) !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform .18s var(--sc1-ease), box-shadow .2s var(--sc1-ease),
              background-color .2s var(--sc1-ease), border-color .2s var(--sc1-ease), color .2s var(--sc1-ease) !important;
  -webkit-appearance: none;
  appearance: none;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) a.button:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) button.button:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) input.button:hover,
body.sc1-skin a.button:hover,
body.sc1-skin button.button:hover,
body.sc1-skin input.button:hover,
body.sc1-skin .button:hover,
body.sc1-skin .single_add_to_cart_button:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.alt:hover,
body.sc1-skin #place_order:hover,
body.sc1-skin .checkout-button:hover,
body.sc1-skin .wpcf7-form input[type="submit"]:hover,
body.sc1-skin .tm-shop-icon .tm-wc-add-to-cart-btn a:hover {
  color: #fff !important;
  background: var(--sc1-blue-dark) !important;
  border-color: var(--sc1-blue-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(40, 40, 128, .3) !important;
}
body.sc1-skin .button:active,
body.sc1-skin .single_add_to_cart_button:active { transform: translateY(0); }
body.sc1-skin .button[disabled],
body.sc1-skin .button:disabled,
body.sc1-skin .button.disabled,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.disabled {
  opacity: .55 !important;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.loading { opacity: .75 !important; }
/* Secondary (ghost) buttons */
body.sc1-skin:is(.woocommerce, .woocommerce-page) button[name="update_cart"],
body.sc1-skin:is(.woocommerce, .woocommerce-page) button[name="apply_coupon"],
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.wc-backward,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.wc-forward:not(.checkout-button) {
  background: transparent !important;
  color: var(--sc1-navy) !important;
  border-color: var(--sc1-border) !important;
  box-shadow: none !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) button[name="update_cart"]:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) button[name="apply_coupon"]:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.wc-backward:hover,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .button.wc-forward:not(.checkout-button):hover {
  background: var(--sc1-navy) !important;
  border-color: var(--sc1-navy) !important;
  color: #fff !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .added_to_cart {
  display: inline-block;
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--sc1-blue);
}

/* ============================================================
   8. SHOP — toolbar, grid, cards, pagination
   ============================================================ */
body.sc1-skin .themetechmount-products .woocommerce-result-count,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-result-count {
  font-family: var(--sc1-font);
  font-size: 14px;
  color: var(--sc1-muted);
  margin: 0 0 20px;
  line-height: 44px;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-ordering { margin: 0 0 20px; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-ordering select.orderby,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-ordering .select2-container .select2-selection--single {
  height: 44px !important;
  padding: 0 40px 0 16px !important;
  font-family: var(--sc1-font);
  font-size: 14px;
  color: var(--sc1-ink);
  background: var(--sc1-bg) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  cursor: pointer;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-ordering .select2-container .select2-selection--single .select2-selection__rendered { line-height: 41px; padding: 0; color: var(--sc1-ink); }
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-ordering .select2-container .select2-selection--single .select2-selection__arrow { display: none; }

/* Grid */
body.sc1-skin .main-holder .site-content ul.products.row,
body.sc1-skin ul.products.row { margin-left: -12px; margin-right: -12px; }
body.sc1-skin .main-holder .site-content ul.products li.product,
body.sc1-skin ul.products li.product { padding-left: 12px !important; padding-right: 12px !important; margin-bottom: 24px !important; }

/* Card */
body.sc1-skin ul.products li.product .tm-product-box {
  background: var(--sc1-bg) !important;
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--sc1-shadow-sm) !important;
  margin-bottom: 0 !important;
  transition: transform .2s var(--sc1-ease), box-shadow .25s var(--sc1-ease), border-color .2s var(--sc1-ease) !important;
}
body.sc1-skin ul.products li.product .tm-product-box:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc1-shadow) !important;
  border-color: var(--sc1-blue-light) !important;
}
body.sc1-skin ul.products li.product .tm-product-box:before,
body.sc1-skin ul.products li.product .tm-product-box-inner:before { display: none !important; }
body.sc1-skin ul.products li.product .tm-product-box-inner { overflow: hidden !important; }
body.sc1-skin .tm-product-image-box {
  background: var(--sc1-bg-soft) !important;
  padding: 14px;
  box-sizing: border-box;
}
body.sc1-skin .tm-product-image-box img {
  transition: transform .35s var(--sc1-ease), opacity .3s var(--sc1-ease) !important;
}
body.sc1-skin ul.products li.product .tm-product-box:hover .tm-product-image-box img { transform: scale(1.04); }
body.sc1-skin ul.products li.product .tm-product-content {
  padding: 16px 18px 18px !important;
  text-align: left !important;
  min-height: 0 !important;
  gap: 0;
  align-items: stretch !important;
}
/* The theme prints a second, text-only Quick View anchor inside the content box; the
   Customizer hides it, and the generic .button rule above must not bring it back. */
body.sc1-skin ul.products li.product .tm-product-content > a.yith-wcqv-button { display: none !important; }
/* Titles: the theme clips to one line with an ellipsis; wrap to two lines instead. */
body.sc1-skin ul.products li.product a.tm-product-title-link {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
  text-transform: none !important;
}
body.sc1-skin ul.products li.product a.tm-product-title-link .woocommerce-loop-product__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  margin: 0 !important;
  min-height: 2.7em;
}
body.sc1-skin ul.products li.product .tm-product-category,
body.sc1-skin ul.products li.product .tm-product-category a {
  font-family: var(--sc1-font);
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: var(--sc1-blue) !important;
  margin: 0 0 6px !important;
  display: block;
}
body.sc1-skin ul.products li.product .woocommerce-loop-product__title,
body.sc1-skin ul.products li.product h2.woocommerce-loop-product__title {
  font-family: var(--sc1-font);
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--sc1-ink) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-transform: none !important;
  transition: color .2s var(--sc1-ease);
}
body.sc1-skin ul.products li.product .tm-product-box:hover .woocommerce-loop-product__title { color: var(--sc1-blue) !important; }
body.sc1-skin ul.products li.product .price,
body.sc1-skin ul.products li.product span.price {
  font-family: var(--sc1-font);
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--sc1-ink) !important;
  margin: 0 0 10px !important;
  display: block;
  line-height: 1.2;
}
body.sc1-skin ul.products li.product .price del { color: var(--sc1-muted) !important; font-weight: 500; font-size: 14px; opacity: 1; margin-right: 6px; }
body.sc1-skin ul.products li.product .price ins { text-decoration: none; color: var(--sc1-blue) !important; }
body.sc1-skin ul.products li.product .price .amount { color: inherit !important; }

/* Quick specs (inline-styled by scannerone-quick-specs.php) */
body.sc1-skin ul.products li.product .scannerone-quick-specs {
  padding: 10px 0 0 !important;
  margin: 0 0 12px !important;
  border-top: 1px solid var(--sc1-line);
  font-size: 12.5px !important;
  gap: 3px 10px !important;
}
body.sc1-skin ul.products li.product .scannerone-quick-specs span { color: var(--sc1-muted) !important; }
body.sc1-skin ul.products li.product .scannerone-quick-specs strong { color: var(--sc1-navy) !important; font-weight: 500 !important; }

/* Compare (scannerone-compare.php uses !important inline CSS; triple class out-specifies the global .button rule) */
body.sc1-skin button.scannerone-compare-btn.scannerone-compare-btn,
body.sc1-skin .scannerone-compare-btn.scannerone-compare-btn {
  margin: 0 0 10px !important;
  padding: 7px 12px !important;
  font-family: var(--sc1-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  color: var(--sc1-navy) !important;
  background: var(--sc1-bg) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  width: 100%;
  transition: all .18s var(--sc1-ease) !important;
}
body.sc1-skin button.scannerone-compare-btn.scannerone-compare-btn:hover,
body.sc1-skin .scannerone-compare-btn.scannerone-compare-btn:hover { background: var(--sc1-navy) !important; border-color: var(--sc1-navy) !important; color: #fff !important; transform: none !important; box-shadow: none !important; }
body.sc1-skin button.scannerone-compare-btn.scannerone-compare-btn.is-active,
body.sc1-skin .scannerone-compare-btn.scannerone-compare-btn.is-active { background: var(--sc1-green-text) !important; border-color: var(--sc1-green-text) !important; color: #fff !important; }
body.sc1-skin.single-product .summary .scannerone-compare-btn.scannerone-compare-btn { width: auto; margin: 0 0 14px !important; }

/* Action row: Add to cart + icon buttons */
body.sc1-skin ul.products li.product .tm-shop-icon {
  display: flex !important;
  align-items: stretch;
  gap: 8px;
  position: static !important;
  padding: 0 !important;
  margin: auto 0 0 !important;      /* top:auto pins the row to the card bottom; the theme's side auto-margins shrink-wrapped it */
  width: 100% !important;
  align-self: stretch !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon > div { margin: 0 !important; float: none !important; }
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn {
  flex: 1 1 auto !important;
  min-width: 0;
  display: flex !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn a,
body.sc1-skin .main-holder .site-content .product .product-hover-style1 .tm-shop-icon .tm-wc-add-to-cart-btn a,
body.sc1-skin .main-holder .site-content ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn a {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: .7em 1em !important;
  font-size: 13.5px !important;
  white-space: nowrap;
}
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn a:before,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-add-to-cart-btn a:after { display: none !important; }
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-quickview-btn,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn { flex: 0 0 auto; }
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-quickview-btn a,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn a,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  color: var(--sc1-navy) !important;
  background: var(--sc1-bg) !important;
  background-color: var(--sc1-bg) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  box-shadow: none !important;
  transition: all .18s var(--sc1-ease) !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-quickview-btn a:before,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn a:before,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a:before {
  font-size: 17px !important;
  position: static !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: inherit !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-quickview-btn a:hover,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn a:hover,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a:hover {
  background: var(--sc1-navy) !important;
  background-color: var(--sc1-navy) !important;
  border-color: var(--sc1-navy) !important;
  color: #fff !important;
  transform: none;
}
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a span { display: none !important; }
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn .add_to_wishlist svg,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a svg {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8;
  color: inherit;
}
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist a.add_to_wishlist:before,
body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-wishlist-btn a:before,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-button:before,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist:before { display: none !important; content: none !important; }
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-to-wishlist,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-add-button { display: block !important; margin: 0 !important; }
/* "Already in wishlist" state */
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-wishlistexistsbrowse a,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-wishlistaddedbrowse a { color: var(--sc1-blue) !important; border-color: var(--sc1-blue) !important; }
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-wishlistexistsbrowse a svg,
body.sc1-skin ul.products li.product .tm-shop-icon .yith-wcwl-wishlistaddedbrowse a svg { fill: currentColor !important; }

/* Discontinued / EOL cards (scannerone-discontinued.php, scannerone-eol-notice.php) */
body.sc1-skin .scannerone-discontinued-badge {
  border-radius: var(--sc1-radius-pill) !important;
  font-family: var(--sc1-font) !important;
  letter-spacing: .04em !important;
  background: var(--sc1-error) !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon .scannerone-discontinued-btn,
body.sc1-skin ul.products li.product .tm-shop-icon a.scannerone-discontinued-btn {
  width: 100% !important;
  background: transparent !important;
  color: var(--sc1-navy) !important;
  border-color: var(--sc1-border) !important;
  box-shadow: none !important;
}
body.sc1-skin ul.products li.product .tm-shop-icon a.scannerone-discontinued-btn:hover {
  background: var(--sc1-navy) !important;
  border-color: var(--sc1-navy) !important;
  color: #fff !important;
}

/* Category tiles (li.product-category, used on the home "Shop by Brand") */
body.sc1-skin ul.products li.product-category a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px;
  background: var(--sc1-bg);
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius-lg);
  box-shadow: var(--sc1-shadow-sm);
  text-decoration: none;
  transition: transform .2s var(--sc1-ease), box-shadow .25s var(--sc1-ease), border-color .2s var(--sc1-ease);
}
body.sc1-skin ul.products li.product-category a:hover {
  transform: translateY(-4px);
  box-shadow: var(--sc1-shadow);
  border-color: var(--sc1-blue-light);
}
body.sc1-skin ul.products li.product-category img {
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: 0 !important;
  border-radius: var(--sc1-radius);
}
body.sc1-skin ul.products li.product-category .woocommerce-loop-category__title {
  font-family: var(--sc1-font);
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sc1-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
body.sc1-skin ul.products li.product-category .woocommerce-loop-category__title mark.count {
  background: transparent;
  color: var(--sc1-muted);
  font-weight: 500;
  font-size: 13px;
}

/* Pagination */
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul,
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li { border: 0 !important; margin: 0; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li a,
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  font-family: var(--sc1-font);
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--sc1-navy) !important;
  background: var(--sc1-bg) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  transition: all .18s var(--sc1-ease);
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li a:hover { border-color: var(--sc1-blue) !important; color: var(--sc1-blue) !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li span.current {
  background: var(--sc1-blue) !important;
  border-color: var(--sc1-blue) !important;
  color: #fff !important;
}

/* ============================================================
   9. SIDEBAR WIDGETS
   ============================================================ */
body.sc1-skin #content-inner.site-content-inner.row:before,
body.sc1-skin .site-content-inner.row:before { display: none !important; background: transparent !important; }
body.sc1-skin .sidebar.widget-area .widget {
  background: var(--sc1-bg) !important;
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius-lg) !important;
  box-shadow: var(--sc1-shadow-sm);
  padding: 22px 22px 20px !important;
  margin: 0 0 20px !important;
}
body.sc1-skin .sidebar.widget-area .widget:before,
body.sc1-skin .sidebar.widget-area .widget:after { display: none !important; }
body.sc1-skin .sidebar.widget-area .widget .widget-title,
body.sc1-skin .sidebar.widget-area .widget h3.widget-title {
  font-family: var(--sc1-font);
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--sc1-ink) !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--sc1-line) !important;
  background: transparent !important;
}
body.sc1-skin .sidebar.widget-area .widget .widget-title:before,
body.sc1-skin .sidebar.widget-area .widget .widget-title:after { display: none !important; }
body.sc1-skin .sidebar.widget-area .widget ul li {
  font-family: var(--sc1-font);
  font-size: 14.5px;
  border: 0 !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
body.sc1-skin .sidebar.widget-area .widget ul li:before { color: var(--sc1-blue) !important; }
/* Theme prints a green "+" glyph before category links and a +/- expander (div.hitarea) on the right */
body.sc1-skin .sidebar.widget-area .widget_product_categories a:before,
body.sc1-skin .sidebar.widget-area .widget_categories a:before { display: none !important; }
body.sc1-skin .sidebar.widget-area .widget_product_categories a,
body.sc1-skin .sidebar.widget-area .widget_categories a { padding-left: 0 !important; }
body.sc1-skin .sidebar.widget-area .widget_product_categories li .hitarea,
body.sc1-skin .sidebar.widget-area .widget_product_categories li span,
body.sc1-skin .sidebar.widget-area .widget_categories li .hitarea {
  color: var(--sc1-muted) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 14px !important;
  top: 8px !important;
  width: 24px !important;
  height: 22px !important;
  line-height: 22px !important;
  text-align: right !important;
  cursor: pointer;
}
body.sc1-skin .sidebar.widget-area .widget_product_categories li .hitarea:hover { color: var(--sc1-blue) !important; }
body.sc1-skin .sidebar.widget-area .widget_product_categories li.cat-parent { padding-right: 28px !important; }
body.sc1-skin .sidebar.widget-area .widget ul li a {
  color: var(--sc1-text) !important;
  font-weight: 500;
  text-decoration: none;
  transition: color .15s var(--sc1-ease), padding-left .15s var(--sc1-ease);
}
body.sc1-skin .sidebar.widget-area .widget ul li a:hover { color: var(--sc1-blue) !important; }
body.sc1-skin .sidebar.widget-area .widget ul li.current-cat > a,
body.sc1-skin .sidebar.widget-area .widget ul li.chosen a { color: var(--sc1-blue) !important; font-weight: 700; }
body.sc1-skin .sidebar.widget-area .widget ul.children { padding-left: 14px; }
body.sc1-skin .sidebar.widget-area .widget ul li .count { color: var(--sc1-muted); font-size: 12.5px; }

/* ============================================================
   10. SINGLE PRODUCT
   ============================================================ */
/* Product pages: the title bar would read "Shop" above every product; keep just the breadcrumb */
body.sc1-skin.single-product .tm-titlebar .entry-title-wrapper { display: none !important; }
body.sc1-skin.single-product .tm-titlebar-wrapper .tm-titlebar-main { padding: 18px 0 16px !important; }
/* Product pages: drop the category sidebar (OneOffice has none on a PDP) so the gallery and
   the buy box get the full content width. */
body.sc1-skin.single-product #sidebar-left,
body.sc1-skin.single-product #sidebar-right { display: none !important; }
body.sc1-skin.single-product #primary.content-area {
  width: 100% !important;
  float: none !important;
}
body.sc1-skin.single-product .themetechmount-single-product-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
body.sc1-skin.single-product .themetechmount-single-product-info > .woocommerce-product-gallery { width: 54% !important; float: none !important; margin: 0 !important; }
body.sc1-skin.single-product .themetechmount-single-product-info > .summary { width: 42% !important; float: none !important; margin: 0 !important; }
body.sc1-skin.single-product .themetechmount-single-product-details,
body.sc1-skin.single-product .themetechmount-common-box-shadow {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body.sc1-skin.single-product .woocommerce-product-gallery,
body.sc1-skin.single-product .woocommerce-product-gallery__wrapper { background: transparent; }
body.sc1-skin.single-product .woocommerce-product-gallery .flex-viewport,
body.sc1-skin.single-product .woocommerce-product-gallery__image {
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius-lg);
  overflow: hidden;
  background: var(--sc1-bg-soft);
}
body.sc1-skin.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image { border: 0; border-radius: 0; }
body.sc1-skin.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
body.sc1-skin.single-product .woocommerce-product-gallery ol.flex-control-thumbs li img {
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  opacity: .75;
  transition: opacity .2s var(--sc1-ease), border-color .2s var(--sc1-ease);
}
body.sc1-skin.single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover,
body.sc1-skin.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1;
  border-color: var(--sc1-blue) !important;
}
body.sc1-skin.single-product .woocommerce-product-gallery__trigger {
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: var(--sc1-shadow-sm) !important;
}
body.sc1-skin.single-product .summary .product_title.entry-title {
  font-family: var(--sc1-font);
  font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--sc1-ink) !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  text-transform: none !important;
}
body.sc1-skin.single-product .summary .price,
body.sc1-skin.single-product .summary p.price {
  font-family: var(--sc1-font);
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--sc1-blue) !important;
  margin: 0 0 16px !important;
  line-height: 1.2;
}
body.sc1-skin.single-product .summary .price .amount { color: inherit !important; }
body.sc1-skin.single-product .summary .price del { color: var(--sc1-muted) !important; font-weight: 500; font-size: 18px; margin-right: 8px; }
body.sc1-skin.single-product .summary .price ins { text-decoration: none; color: inherit !important; }
body.sc1-skin.single-product .summary .woocommerce-product-details__short-description {
  font-family: var(--sc1-font);
  font-size: 15px;
  color: var(--sc1-text);
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--sc1-line);
}
body.sc1-skin.single-product .summary .woocommerce-product-details__short-description ul { padding-left: 18px; }
body.sc1-skin.single-product .summary .woocommerce-product-details__short-description li { margin: 4px 0; }
body.sc1-skin.single-product .summary .stock.in-stock { color: var(--sc1-green-text); font-weight: 700; }
body.sc1-skin.single-product .summary .stock.out-of-stock { color: var(--sc1-error); font-weight: 700; }
body.sc1-skin.single-product form.cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px !important;
}
body.sc1-skin.single-product form.cart .quantity { margin: 0 !important; float: none !important; }
body.sc1-skin.single-product form.cart .quantity .qty,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .quantity .qty {
  width: 78px !important;
  height: 46px !important;
  padding: 0 8px !important;
  text-align: center;
  font-family: var(--sc1-font);
  font-size: 15px;
  color: var(--sc1-ink);
  background: var(--sc1-bg);
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  box-shadow: none !important;
}
body.sc1-skin.single-product form.cart .single_add_to_cart_button {
  flex: 1 1 auto;
  min-width: 200px;
  height: 46px;
  margin: 0 !important;
  float: none !important;
}
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist {
  margin: 0 0 14px !important;
  font-family: var(--sc1-font);
}
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist a,
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist a span {
  color: var(--sc1-navy) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist a:hover,
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist a:hover span { color: var(--sc1-blue) !important; }
body.sc1-skin.single-product .summary .yith-wcwl-add-to-wishlist a:before { color: var(--sc1-blue) !important; }
body.sc1-skin.single-product .summary .product_meta {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--sc1-line);
  font-family: var(--sc1-font);
  font-size: 13.5px;
  color: var(--sc1-muted);
}
body.sc1-skin.single-product .summary .product_meta > span { display: block; margin: 0 0 6px; }
body.sc1-skin.single-product .summary .product_meta a { color: var(--sc1-blue); }
body.sc1-skin.single-product .summary .product_meta .sku { color: var(--sc1-ink); font-weight: 600; }

/* Roller-kit / replacement suggestion cards (inline-styled by the mu-plugins) */
body.sc1-skin .scannerone-roller-suggest,
body.sc1-skin .scannerone-replacement-card {
  border-radius: var(--sc1-radius-lg) !important;
  border-color: var(--sc1-border) !important;
  background: var(--sc1-bg-soft) !important;
}
body.sc1-skin .scannerone-roller-suggest .button,
body.sc1-skin .scannerone-replacement-card .button { padding: .55em 1em !important; font-size: 13px !important; box-shadow: none !important; }
body.sc1-skin .scannerone-roller-suggest > div:first-child,
body.sc1-skin .scannerone-replacement-card > div:first-child { color: var(--sc1-blue) !important; letter-spacing: .06em !important; }
body.sc1-skin .scannerone-roller-suggest a,
body.sc1-skin .scannerone-replacement-card a { color: var(--sc1-ink) !important; }
body.sc1-skin .scannerone-roller-suggest a.button,
body.sc1-skin .scannerone-replacement-card a.button { color: #fff !important; }

/* Tabs */
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs { margin-top: 36px; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 2px solid var(--sc1-line) !important;
  background: transparent !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs:before,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs:after { display: none !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li:before,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li:after { display: none !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li a {
  display: block;
  float: none !important;
  padding: 12px 18px !important;
  font-family: var(--sc1-font);
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--sc1-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 0 -2px !important;
  text-transform: none !important;
  transition: color .2s var(--sc1-ease), border-color .2s var(--sc1-ease) !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li a:before,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li a:after { display: none !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li.active a,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--sc1-blue) !important;
  border-bottom-color: var(--sc1-blue) !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel {
  padding: 28px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--sc1-font);
  font-size: 15px;
  color: var(--sc1-text);
  line-height: 1.65;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 { font-size: 22px; margin: 0 0 14px; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel h3 { font-size: 17px; margin: 24px 0 8px; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child { display: none; } /* "Product Description" duplicate heading */
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0;
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  overflow: hidden;
  font-size: 14px;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table td,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes td {
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sc1-line) !important;
  background: transparent !important;
  font-style: normal !important;
  color: var(--sc1-text);
  text-align: left;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) td,
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table tr:nth-child(even) th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes tr:nth-child(even) td,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes tr:nth-child(even) th { background: var(--sc1-bg-soft) !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) div.product .woocommerce-tabs .woocommerce-Tabs-panel table th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_attributes th { font-weight: 600; color: var(--sc1-ink); width: 38%; }

/* Related / upsells */
body.sc1-skin:is(.woocommerce, .woocommerce-page) .related.products > h2,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .up-sells.products > h2,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .cross-sells > h2 {
  font-family: var(--sc1-font);
  font-size: 22px;
  font-weight: 700;
  color: var(--sc1-ink);
  margin: 40px 0 18px;
  padding-top: 32px;
  border-top: 1px solid var(--sc1-line);
}

/* ============================================================
   11. CART / CHECKOUT / ACCOUNT / FORMS / NOTICES
   ============================================================ */
body.sc1-skin:is(.woocommerce, .woocommerce-page) .input-text,
body.sc1-skin:is(.woocommerce, .woocommerce-page) input.input-text,
body.sc1-skin:is(.woocommerce, .woocommerce-page) textarea.input-text,
body.sc1-skin:is(.woocommerce, .woocommerce-page) select,
body.sc1-skin.woocommerce-page .input-text,
body.sc1-skin .wpcf7 input[type="text"],
body.sc1-skin .wpcf7 input[type="email"],
body.sc1-skin .wpcf7 input[type="tel"],
body.sc1-skin .wpcf7 textarea,
body.sc1-skin input[type="text"].input-text,
body.sc1-skin input[type="email"].input-text,
body.sc1-skin input[type="tel"].input-text,
body.sc1-skin input[type="password"].input-text {
  font-family: var(--sc1-font) !important;
  font-size: 15px !important;
  color: var(--sc1-ink) !important;
  background: var(--sc1-bg) !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  padding: 11px 14px !important;
  box-shadow: none !important;
  transition: border-color .2s var(--sc1-ease), box-shadow .2s var(--sc1-ease);
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .input-text:focus,
body.sc1-skin:is(.woocommerce, .woocommerce-page) select:focus,
body.sc1-skin .wpcf7 input:focus,
body.sc1-skin .wpcf7 textarea:focus,
body.sc1-skin input.input-text:focus {
  outline: none !important;
  border-color: var(--sc1-blue) !important;
  box-shadow: 0 0 0 3px rgba(40, 40, 128, .12) !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single {
  height: 46px !important;
  border: 1.5px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius) !important;
  background: var(--sc1-bg) !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 43px !important; padding-left: 14px; color: var(--sc1-ink); font-family: var(--sc1-font); }
body.sc1-skin:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row label {
  font-family: var(--sc1-font);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--sc1-ink);
  margin-bottom: 4px;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row .required { color: var(--sc1-error); }

/* Cart table */
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table {
  border: 1px solid var(--sc1-border) !important;
  border-radius: var(--sc1-radius-lg) !important;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  font-family: var(--sc1-font);
  font-size: 14.5px;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table th {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--sc1-muted);
  background: var(--sc1-bg-soft);
  border: 0 !important;
  border-bottom: 1px solid var(--sc1-border) !important;
  padding: 12px 14px !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table td {
  border: 0 !important;
  border-top: 1px solid var(--sc1-line) !important;
  padding: 14px !important;
  color: var(--sc1-text);
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table td.product-name a { color: var(--sc1-ink); font-weight: 600; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table .amount { color: var(--sc1-ink); font-weight: 600; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) .cart_totals h2,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .cross-sells h2,
body.sc1-skin.woocommerce-checkout h3,
body.sc1-skin.woocommerce-checkout #order_review_heading,
body.sc1-skin.woocommerce-account h2,
body.sc1-skin.woocommerce-account h3 {
  font-family: var(--sc1-font);
  font-size: 20px;
  font-weight: 700;
  color: var(--sc1-ink);
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) a.remove {
  color: var(--sc1-muted) !important;
  border-radius: 50%;
  transition: all .15s var(--sc1-ease);
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) a.remove:hover { background: var(--sc1-error) !important; color: #fff !important; }

/* Checkout payment box */
body.sc1-skin.woocommerce-checkout #payment {
  background: var(--sc1-bg-soft) !important;
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius-lg) !important;
}
body.sc1-skin.woocommerce-checkout #payment div.payment_box {
  background: var(--sc1-bg) !important;
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius) !important;
  color: var(--sc1-text);
}
body.sc1-skin.woocommerce-checkout #payment div.payment_box:before { border-bottom-color: var(--sc1-border) !important; }
body.sc1-skin.woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid var(--sc1-border) !important; }
body.sc1-skin.woocommerce-checkout #payment ul.payment_methods li { font-family: var(--sc1-font); }
body.sc1-skin.woocommerce-checkout #payment .place-order { padding: 1em 1em 1.2em; }
body.sc1-skin.woocommerce-checkout #place_order { width: 100%; height: 50px; font-size: 15px !important; }
body.sc1-skin.woocommerce-checkout .woocommerce-checkout-review-order-table { background: var(--sc1-bg); }

/* My account nav */
body.sc1-skin.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background: var(--sc1-bg);
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius-lg);
  padding: 8px;
}
body.sc1-skin.woocommerce-account .woocommerce-MyAccount-navigation ul li { border: 0 !important; margin: 0; padding: 0; }
body.sc1-skin.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 10px 14px;
  font-family: var(--sc1-font);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--sc1-text);
  border-radius: var(--sc1-radius);
  text-decoration: none;
  transition: all .15s var(--sc1-ease);
}
body.sc1-skin.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.sc1-skin.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--sc1-bg-soft);
  color: var(--sc1-blue);
}

/* Notices */
body.sc1-skin .woocommerce-message,
body.sc1-skin .woocommerce-info,
body.sc1-skin .woocommerce-error,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-message,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-info,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-error {
  font-family: var(--sc1-font);
  font-size: 14.5px;
  color: var(--sc1-ink);
  background: var(--sc1-bg-soft) !important;
  border: 1px solid var(--sc1-border) !important;
  border-left: 4px solid var(--sc1-blue) !important;
  border-radius: var(--sc1-radius) !important;
  padding: 14px 16px 14px 48px !important;
}
body.sc1-skin .woocommerce-message { border-left-color: var(--sc1-green-text) !important; }
body.sc1-skin .woocommerce-error { border-left-color: var(--sc1-error) !important; }
body.sc1-skin .woocommerce-message:before { color: var(--sc1-green-text) !important; }
body.sc1-skin .woocommerce-info:before { color: var(--sc1-blue) !important; }
body.sc1-skin .woocommerce-error:before { color: var(--sc1-error) !important; }
body.sc1-skin .woocommerce-message .button { float: right; margin-left: 12px; padding: .5em 1em !important; font-size: 13px !important; box-shadow: none !important; }

/* ============================================================
   12. HOME PAGE SECTIONS (WPBakery rows)
   ============================================================ */
body.sc1-skin.home .entry-content .tm-row.product_tab h2,
body.sc1-skin.home .entry-content .wpb_text_column h1,
body.sc1-skin.home .entry-content .wpb_text_column h2 {
  font-family: var(--sc1-font);
  font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2rem) !important;
  font-weight: 700 !important;
  color: var(--sc1-ink) !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
}
/* "Software / Roller Kits / Service" banner tiles */
body.sc1-skin .ttm_bannercms .bannercms_item {
  border-radius: var(--sc1-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--sc1-shadow-sm);
  transition: transform .2s var(--sc1-ease), box-shadow .25s var(--sc1-ease);
}
body.sc1-skin .ttm_bannercms .bannercms_item:hover { transform: translateY(-4px); box-shadow: var(--sc1-shadow); }
body.sc1-skin .ttm_bannercms .bannercms_item img { border-radius: var(--sc1-radius-lg); }
/* "Shop by Brand" row: drop the photo backdrop for a soft section */
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill {
  background-image: none !important;
  background-color: var(--sc1-bg-soft) !important;
}
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill > .tm-bg-layer,
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill > .tm-row-wrapper-bg-layer { display: none !important; }
body.sc1-skin.home .entry-content .vc_separator .vc_sep_line { border-color: var(--sc1-border) !important; }
/* The row was "heading + 2-col logo list" on the left over a photo; the right 9/12 column is
   empty decoration. Give the content the full width and lay the brand tiles out in one row. */
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .vc_col-sm-3 { width: 100% !important; float: none !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .vc_col-sm-9 { display: none !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .vc_empty_space { height: 24px !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .wpb_text_column { text-align: center; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .wpb_text_column h1 { margin-bottom: 8px !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .vc_separator { display: none !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin: 8px 0 40px !important;
  padding: 0;
}
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products:before,
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products:after { display: none !important; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products li.product-category {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: none !important;
}
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill ul.products li.product-category a { height: 100%; justify-content: flex-start; }
body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill ul.products li.product-category img { max-width: 120px; aspect-ratio: 1; object-fit: contain; background: #fff; }
@media (max-width: 991px) {
  body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  body.sc1-skin.home .entry-content .tm-row.vc_row-has-fill .woocommerce.columns-2 ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ============================================================
   13. FOOTER
   ============================================================ */
body.sc1-skin .site-footer .footer_inner_wrapper,
body.sc1-skin .site-footer .footer_inner_wrapper.tm-bgcolor-darkgrey,
body.sc1-skin .site-footer .first-footer,
body.sc1-skin .site-footer .bottom-footer-text {
  background: var(--sc1-navy-dark) !important;
  background-color: var(--sc1-navy-dark) !important;
}
body.sc1-skin .site-footer .tm-bg-layer { display: none !important; }
body.sc1-skin .site-footer {
  font-family: var(--sc1-font);
  font-size: 14.5px;
  color: rgba(255, 255, 255, .72) !important;
}
body.sc1-skin .site-footer .first-footer { padding: 56px 0 40px !important; border-bottom: 1px solid rgba(255, 255, 255, .08); }
body.sc1-skin .site-footer .widget-area .widget { margin: 0 0 28px !important; }
body.sc1-skin .site-footer .widget-title,
body.sc1-skin .site-footer h3.widget-title {
  font-family: var(--sc1-font);
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
}
body.sc1-skin .site-footer .widget-title:before,
body.sc1-skin .site-footer .widget-title:after { display: none !important; }
body.sc1-skin .site-footer a { color: rgba(255, 255, 255, .75) !important; text-decoration: none; transition: color .2s var(--sc1-ease), padding-left .2s var(--sc1-ease); }
body.sc1-skin .site-footer a:hover { color: var(--sc1-green) !important; }
body.sc1-skin .site-footer .widget_nav_menu ul li { padding: 0 !important; margin: 0 0 10px !important; border: 0 !important; background: transparent !important; }
body.sc1-skin .site-footer .widget_nav_menu ul li:before { display: none !important; }
body.sc1-skin .site-footer .widget_nav_menu ul li a { font-size: 14.5px; padding: 0 !important; }
body.sc1-skin .site-footer .widget_nav_menu ul li a:hover { padding-left: 3px !important; }
body.sc1-skin .site-footer .widget_media_image img {
  background: #fff;
  padding: 9px 14px;
  border-radius: var(--sc1-radius);
  box-shadow: var(--sc1-shadow-sm);
  max-height: 60px;
  width: auto;
}
body.sc1-skin .site-footer .block-aboutus-contact { margin: 18px 0 12px; display: flex; align-items: center; gap: 10px; }
body.sc1-skin .site-footer .block-aboutus-contact-icon { color: var(--sc1-green) !important; font-size: 22px; line-height: 1; }
body.sc1-skin .site-footer .block-aboutus-contact .contact-number a { font-size: 17px; font-weight: 700; color: #fff !important; }
body.sc1-skin .site-footer .autovio_contact_widget_wrapper li {
  color: rgba(255, 255, 255, .72) !important;
  padding: 4px 0 4px 26px !important;
  position: relative;
  border: 0 !important;
  line-height: 1.5;
}
body.sc1-skin .site-footer .autovio_contact_widget_wrapper li:before { color: var(--sc1-green) !important; left: 0; top: 6px; }
body.sc1-skin .site-footer .gallery { margin: 0 !important; display: flex; gap: 8px; }
body.sc1-skin .site-footer .gallery .gallery-item { margin: 0 !important; width: auto !important; }
body.sc1-skin .site-footer .gallery .gallery-item img {
  width: 48px !important;
  height: auto !important;
  padding: 4px 6px;
  background: #fff;
  border: 0 !important;
  border-radius: 6px;
}
body.sc1-skin .site-footer .social-icons li a {
  width: 40px !important;
  height: 40px !important;
  line-height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .8) !important;
  transition: all .22s var(--sc1-ease) !important;
}
body.sc1-skin .site-footer .social-icons li a:hover {
  background: var(--sc1-green) !important;
  border-color: var(--sc1-green) !important;
  color: #fff !important;
  transform: translateY(-3px);
}
body.sc1-skin .site-footer .bottom-footer-text {
  background: rgba(0, 0, 0, .18) !important;
  padding: 20px 0 !important;
  font-size: 13.5px;
  color: rgba(255, 255, 255, .6) !important;
}
body.sc1-skin .site-footer .bottom-footer-text a { color: rgba(255, 255, 255, .85) !important; font-weight: 600; }
body.sc1-skin .site-footer .bottom-footer-text a:hover { color: var(--sc1-green) !important; }

/* ============================================================
   14. MISC
   ============================================================ */
body.sc1-skin a#totop {
  background: var(--sc1-blue) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  box-shadow: var(--sc1-shadow) !important;
  transition: background-color .2s var(--sc1-ease), transform .18s var(--sc1-ease) !important;
}
body.sc1-skin a#totop:hover { background: var(--sc1-blue-dark) !important; transform: translateY(-2px); }
body.sc1-skin #scannerone-compare-tray {
  border-radius: var(--sc1-radius-lg) !important;
  border: 1px solid var(--sc1-border) !important;
  box-shadow: var(--sc1-shadow-lg) !important;
}
body.sc1-skin #scannerone-compare-tray .sc-tray-header { border-radius: var(--sc1-radius-lg) var(--sc1-radius-lg) 0 0 !important; }
body.sc1-skin .scannerone-search-dropdown,
body.sc1-skin #scannerone-live-search-results {
  border-radius: var(--sc1-radius-lg) !important;
  border: 1px solid var(--sc1-border) !important;
  box-shadow: var(--sc1-shadow-lg) !important;
}
/* YITH quick view modal */
body.sc1-skin #yith-quick-view-modal .yith-wcqv-main { border-radius: var(--sc1-radius-lg); overflow: hidden; }
/* Blog / page content typography */
body.sc1-skin .entry-content,
body.sc1-skin .site-content { font-family: var(--sc1-font); }
body.sc1-skin .site-content .entry-content p { color: var(--sc1-text); }

/* ============================================================
   15. RESPONSIVE
   ============================================================ */
@media (max-width: 1199px) {
  body.sc1-skin .tm-header-top-wrapper .tm-container-for-header { flex-wrap: wrap; gap: 14px 20px; }
  body.sc1-skin .tm-header-top-wrapper .header-search { order: 5; flex: 1 1 100%; max-width: none; }
  body.sc1-skin .tm-header-top-wrapper .kw-customtxt { margin-left: auto !important; }
  body.sc1-skin .main-navigation ul.nav-menu > li > a { padding: 0 12px !important; font-size: 13.5px !important; }
}
@media (max-width: 991px) {
  body.sc1-skin .sc1-topbar__division,
  body.sc1-skin .sc1-topbar__mail { display: none; }
  body.sc1-skin .ttm_contactcms_text .text1 { display: none !important; }
  body.sc1-skin .ttm_contactcms { padding: 8px 12px !important; }
  body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main { padding: 18px 0 16px !important; }
  /* Mobile nav panel */
  body.sc1-skin .main-navigation .nav-menu,
  body.sc1-skin .main-navigation ul.nav-menu {
    background: var(--sc1-bg) !important;
  }
  body.sc1-skin .main-navigation ul.nav-menu > li > a {
    line-height: 48px !important;
    height: auto !important;
    border-bottom: 1px solid var(--sc1-line) !important;
  }
  body.sc1-skin .main-navigation ul.nav-menu > li > a:after { display: none !important; }
  body.sc1-skin .main-navigation ul.nav-menu ul.sub-menu {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: var(--sc1-bg-soft) !important;
  }
}
@media (max-width: 767px) {
  body.sc1-skin .sc1-topbar { font-size: 12.5px; }
  body.sc1-skin .sc1-topbar__inner { height: 34px; }
  body.sc1-skin .sc1-topbar__links a span { display: none; }
  body.sc1-skin .sc1-topbar__links a { gap: 0; }
  body.sc1-skin .tm-header-top-wrapper .tm-container-for-header { min-height: 0; padding-top: 10px; padding-bottom: 10px; }
  body.sc1-skin .tm-header-top-wrapper .kw-customtxt { display: none !important; }
  body.sc1-skin ul.products li.product .tm-product-content { padding: 14px 14px 16px !important; }
  body.sc1-skin ul.products li.product .woocommerce-loop-product__title { font-size: 14.5px !important; }
  body.sc1-skin.single-product .summary .price { font-size: 24px !important; }
  body.sc1-skin .site-footer .first-footer { padding: 40px 0 24px !important; }
}
@media (max-width: 480px) {
  body.sc1-skin ul.products li.product .scannerone-quick-specs { grid-template-columns: 1fr !important; }
  body.sc1-skin ul.products li.product .tm-shop-icon .tm-wc-quickview-btn { display: none; }
}

/* ============================================================
   16. FIXES AFTER LIVE PREVIEW REVIEW
   ============================================================ */
/* Card image box: fill the card width (the theme shrink-wraps the link to the image) */
body.sc1-skin ul.products li.product .tm-product-box-inner,
body.sc1-skin ul.products li.product .tm-product-box-inner > a.woocommerce-LoopProduct-link,
body.sc1-skin ul.products li.product .tm-product-image-box {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
body.sc1-skin ul.products li.product .tm-product-image-box { align-items: center; justify-content: center; }
body.sc1-skin ul.products li.product .tm-product-image-box img { margin: 0 auto !important; }

/* Mobile menu toggle: theme paints the bars icon white (it sat on the dark nav bar) */
body.sc1-skin #menu-toggle.menu-toggle i,
body.sc1-skin #menu-toggle.menu-toggle i:before { color: var(--sc1-navy) !important; }
body.sc1-skin #menu-toggle.menu-toggle { width: 44px; height: 40px; padding: 0 !important; line-height: 38px !important; }

/* Top strip on small screens: phone number + icon-only links, nothing that can overflow */
@media (max-width: 991px) {
  body.sc1-skin .sc1-topbar a.sc1-topbar__mail,
  body.sc1-skin .sc1-topbar .sc1-topbar__division { display: none !important; }
}
@media (max-width: 767px) {
  body.sc1-skin .sc1-topbar__links { gap: 16px; }
  body.sc1-skin .sc1-topbar__links a span { display: none !important; }
  body.sc1-skin .sc1-topbar__links svg { width: 17px; height: 17px; }
}
@media (max-width: 380px) {
  body.sc1-skin .sc1-topbar__phone span { font-size: 12px; }
}

/* Menu toggle: draw the three bars in CSS instead of relying on the icon-font glyph */
body.sc1-skin #menu-toggle.menu-toggle {
  position: relative;
  background-color: transparent !important;
  background-image: linear-gradient(var(--sc1-navy), var(--sc1-navy)),
                    linear-gradient(var(--sc1-navy), var(--sc1-navy)),
                    linear-gradient(var(--sc1-navy), var(--sc1-navy)) !important;
  background-size: 20px 2px, 20px 2px, 20px 2px !important;
  background-position: center calc(50% - 6px), center 50%, center calc(50% + 6px) !important;
  background-repeat: no-repeat !important;
}
body.sc1-skin #menu-toggle.menu-toggle i { visibility: hidden !important; }
body.sc1-skin #menu-toggle.menu-toggle[aria-expanded="true"],
body.sc1-skin #menu-toggle.menu-toggle.toggled-on { border-color: var(--sc1-navy) !important; }

/* Phones: one compact header row (logo · search · cart · wishlist), stacked product page */
@media (max-width: 767px) {
  body.sc1-skin .tm-header-top-wrapper .tm-container-for-header {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  body.sc1-skin .tm-header-top-wrapper .site-branding { order: 1; flex: 1 1 auto; min-width: 0; }
  body.sc1-skin .tm-header-top-wrapper .site-branding .headerlogo,
  body.sc1-skin .tm-header-top-wrapper .site-branding .site-title,
  body.sc1-skin .tm-header-top-wrapper .site-branding .site-title a {
    display: block !important;
    height: auto !important;
    line-height: 1 !important;
  }
  body.sc1-skin .headerlogo img { height: 36px !important; width: auto !important; max-width: 150px !important; }
  body.sc1-skin .tm-header-top-wrapper .header-search { order: 2; flex: 0 0 auto !important; width: auto !important; max-width: none; }
  body.sc1-skin .tm-header-top-wrapper .header-search .header-toggle { color: var(--sc1-navy) !important; }
  body.sc1-skin .tm-header-top-wrapper .tm-quick-links { order: 3; gap: 10px; }
  body.sc1-skin .tm-header-top-wrapper .tm-quick-links .login-out { display: none !important; } /* account link lives in the top strip */
  body.sc1-skin #site-header-menu .tm-container-for-header { min-height: 52px; display: flex; align-items: center; justify-content: flex-end; }

  body.sc1-skin.single-product .themetechmount-single-product-info > .woocommerce-product-gallery,
  body.sc1-skin.single-product .themetechmount-single-product-info > .summary { width: 100% !important; }
  body.sc1-skin.single-product .themetechmount-single-product-info > .woocommerce-product-gallery { margin-bottom: 24px !important; }
  body.sc1-skin.single-product form.cart .single_add_to_cart_button { min-width: 0; }
  body.sc1-skin .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 12px !important; font-size: 14px !important; }
  body.sc1-skin .themetechmount-products .woocommerce-result-count { line-height: 1.4; margin-bottom: 10px; }
}

/* Phone / tablet menu panel (theme switches to the toggle menu below 992px) */
@media (max-width: 991px) {
  body.sc1-skin #site-navigation ul#menu-main-menu { padding: 6px 14px !important; }
  body.sc1-skin #site-navigation ul#menu-main-menu li { position: relative; display: block !important; width: 100%; }
  body.sc1-skin #site-navigation ul#menu-main-menu > li > a,
  body.sc1-skin #site-navigation ul#menu-main-menu > li:first-child > a {
    display: block !important;
    width: 100%;
    padding: 0 40px 0 0 !important;
    height: auto !important;
    line-height: 46px !important;
    font-size: 15px !important;
    border-bottom: 1px solid var(--sc1-line) !important;
  }
  body.sc1-skin #site-navigation ul#menu-main-menu > li:last-child > a { border-bottom: 0 !important; }
  body.sc1-skin #site-navigation ul#menu-main-menu li .righticon {
    top: 13px !important;
    right: 0 !important;
    width: 28px;
    height: 20px;
    text-align: center;
    color: var(--sc1-muted) !important;
    cursor: pointer;
  }
  body.sc1-skin #site-navigation ul#menu-main-menu ul.sub-menu {
    position: static !important;
    min-width: 0 !important;
    padding: 0 0 0 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  body.sc1-skin #site-navigation ul#menu-main-menu ul.sub-menu li a {
    display: block !important;
    padding: 10px 40px 10px 0 !important;
    line-height: 1.3 !important;
    border-radius: 0;
    border-bottom: 1px solid var(--sc1-line) !important;
    background: transparent !important;
  }
  body.sc1-skin #site-navigation ul#menu-main-menu ul.sub-menu li .righticon { top: 8px !important; }
}

/* Phone product gallery: main image full width, thumbnails below */
@media (max-width: 767px) {
  body.sc1-skin.single-product .woocommerce-product-gallery .flex-viewport { width: 100% !important; float: none !important; margin: 0 !important; }
  body.sc1-skin.single-product .woocommerce-product-gallery .flex-control-thumbs { width: 100% !important; float: none !important; }
}

@media (max-width: 767px) {
  body.sc1-skin .site-footer .widget-area,
  body.sc1-skin .site-footer .widget-title { text-align: left !important; }
  body.sc1-skin .site-footer .gallery { justify-content: flex-start; }
}

/* Checkout / account forms: fields fill their column; select2 text centred vertically */
body.sc1-skin.woocommerce-checkout form .form-row input.input-text,
body.sc1-skin.woocommerce-checkout form .form-row textarea,
body.sc1-skin.woocommerce-checkout form .form-row select,
body.sc1-skin.woocommerce-checkout form .form-row .select2-container,
body.sc1-skin.woocommerce-account form .form-row input.input-text,
body.sc1-skin.woocommerce-account form .form-row select,
body.sc1-skin.woocommerce-account form .form-row .select2-container {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 43px !important;
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) .select2-container--default .select2-selection--single .select2-selection__arrow { top: 1px !important; right: 6px !important; }
/* Totals tables: labels left-aligned */
body.sc1-skin:is(.woocommerce, .woocommerce-page) .cart_totals table.shop_table th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.woocommerce-checkout-review-order-table th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.woocommerce-checkout-review-order-table td { text-align: left !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) .cart_totals table.shop_table th { width: 35%; }

body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row.form-row-wide { width: 100% !important; float: none !important; clear: both; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row.form-row-first,
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row.form-row-last { width: 48.5% !important; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row .woocommerce-input-wrapper { display: block !important; width: 100%; }
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
body.sc1-skin:is(.woocommerce, .woocommerce-page) .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 32px 0 14px !important;
  line-height: 43px !important;
  height: 43px !important;
}
@media (max-width: 767px) {
  body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row.form-row-first,
  body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row.form-row-last { width: 100% !important; float: none !important; }
}
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table th,
body.sc1-skin:is(.woocommerce, .woocommerce-page) table.shop_table td { vertical-align: middle !important; }

/* ============================================================
   17. COMPACT BREADCRUMB BAR (OneOffice style) — 2026-10-30
   Was a 126px grey band plus 60px top padding on the content.
   Now: white, small breadcrumb line, compact heading, ~70px total.
   ============================================================ */
body.sc1-skin .tm-titlebar-wrapper {
  background: var(--sc1-bg) !important;
  border-bottom: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-inner-wrapper,
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main { height: auto !important; min-height: 0 !important; }
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main { padding: 18px 0 0 !important; }
body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main-inner { gap: 4px; }
body.sc1-skin .tm-titlebar h1.entry-title {
  font-size: clamp(1.4rem, 1.15rem + .9vw, 1.85rem) !important;
  line-height: 1.2 !important;
}
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner span,
body.sc1-skin .tm-titlebar .breadcrumb-wrapper-inner a { font-size: 12.5px !important; line-height: 1.4 !important; }
body.sc1-skin.single-product .tm-titlebar-wrapper .tm-titlebar-main { padding: 16px 0 0 !important; }
/* Content starts right under the bar */
body.sc1-skin #primary .site-main,
body.sc1-skin #sidebar-left,
body.sc1-skin #sidebar-right { padding-top: 20px !important; }
@media (max-width: 767px) {
  body.sc1-skin .tm-titlebar-wrapper .tm-titlebar-main { padding-top: 12px !important; }
  body.sc1-skin #primary .site-main { padding-top: 14px !important; }
}


/* ============================================================
   18. FIXES 2026-10-30 (after go-live review)
   ============================================================ */
/* Live search dropdown (scannerone-live-search.php): sits under the pill, card style */
body.sc1-skin .header-search .scannerone-search-results {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  border: 1px solid var(--sc1-border);
  border-radius: var(--sc1-radius-lg) !important;
  box-shadow: var(--sc1-shadow-lg) !important;
  font-family: var(--sc1-font);
  text-align: left;
}
body.sc1-skin .header-search form,
body.sc1-skin .header-search .product-search-widget { overflow: visible !important; }

/* Green accent on the toll-free number, as before the refresh */
body.sc1-skin .sc1-topbar a.sc1-topbar__phone svg,
body.sc1-skin .sc1-topbar a.sc1-topbar__phone strong { color: var(--sc1-green) !important; }
body.sc1-skin .sc1-topbar a.sc1-topbar__phone:hover,
body.sc1-skin .sc1-topbar a.sc1-topbar__phone:hover strong { color: #fff !important; }
body.sc1-skin .ttm_contactcms_icon,
body.sc1-skin .ttm_contactcms_icon i { color: var(--sc1-green) !important; }

/* Cart / wishlist count badges: positioned on the icon's top-right corner */
body.sc1-skin .tm-quick-links .headercart,
body.sc1-skin .tm-quick-links .wishlist-counter,
body.sc1-skin .tm-quick-links .headercart-total { position: relative; }
body.sc1-skin .tm-quick-links .headercart-total {
  position: absolute !important;
  top: -6px !important;
  right: -8px !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}
body.sc1-skin .tm-quick-links .headercart-total a.headercart-content { display: block; line-height: 1; }
body.sc1-skin .tm-quick-links .headercart-qty,
body.sc1-skin .tm-quick-links .wishlist-counter span.count {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: 2px solid #fff !important;
  background: var(--sc1-blue) !important;
  color: #fff !important;
}
body.sc1-skin .tm-quick-links .wishlist-counter span.count { top: -6px !important; right: -8px !important; }

/* Images: white behind product photos (photos have white backgrounds; a grey frame read as a box) */
body.sc1-skin .tm-product-image-box,
body.sc1-skin ul.products li.product .tm-product-image-box { background: #fff !important; padding: 12px !important; }
body.sc1-skin ul.products li.product .tm-product-box-inner { border-bottom: 1px solid var(--sc1-line); }
body.sc1-skin ul.products li.product .tm-product-image-box img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
body.sc1-skin.single-product .woocommerce-product-gallery .flex-viewport,
body.sc1-skin.single-product .woocommerce-product-gallery__image { background: #fff !important; }

/* Search: no category dropdown (the field submits an empty product_cat, i.e. all products) */
body.sc1-skin .header-search .product-search-widget .search_by_category { display: none !important; }
body.sc1-skin .header-search .ttm_advance_search .search-field { padding-right: 8px !important; }

/* Homepage slider: hide Revolution Slider's preloader (spinning dots shown while the next slide loads) */
body.sc1-skin sr7-module sr7-prl,
body.sc1-skin sr7-prl,
body.sc1-skin rs-loader,
body.sc1-skin .rs-loader { display: none !important; }
body.sc1-skin .tm-header-top-wrapper .header-search aside.ttm_advance_search,
body.sc1-skin .tm-header-top-wrapper .header-search form,
body.sc1-skin .tm-header-top-wrapper .header-search .product-search-widget { width: 100% !important; }
@media (min-width: 768px) {
  body.sc1-skin .tm-header-top-wrapper .header-search { flex: 1 1 520px !important; }
}


/* ============================================================
   19. HOME HEADING + CHECKOUT LAYOUT FIXES — 2026-10-30
   ============================================================ */
/* Home: Autovio pulls the first WPBakery row up 83px (main.min.css, full-width pages), which put
   the slider image on top of the "Featured Products" heading at every width. */
body.sc1-skin.home #content .site-main .entry-content .wpb-content-wrapper > .wpb_row:first-child { margin-top: 24px !important; }

/* Checkout: Autovio sizes every form row at 50%. The skin widened the -wide/-first/-last rows only, so
   rows without those classes (order notes, "Save to Account", terms + Place order) were squeezed. */
body.sc1-skin:is(.woocommerce, .woocommerce-page) form .form-row:not(.form-row-first):not(.form-row-last) {
  width: 100% !important;
  float: none !important;
}
body.sc1-skin.woocommerce-checkout #order_comments { min-height: 110px; }
/* Checkboxes sit inline with their label text instead of hanging outside the column */
body.sc1-skin.woocommerce-checkout #ship-to-different-address label,
body.sc1-skin.woocommerce-checkout #payment label.woocommerce-form__label-for-checkbox,
body.sc1-skin.woocommerce-checkout #payment .form-row label.checkbox {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  padding-left: 0 !important;
}
body.sc1-skin.woocommerce-checkout #ship-to-different-address input[type=checkbox],
body.sc1-skin.woocommerce-checkout #payment input[type=checkbox] {
  position: static !important;
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
  margin: 3px 0 0 !important;
}
body.sc1-skin.woocommerce-checkout #ship-to-different-address label { align-items: center; }
body.sc1-skin.woocommerce-checkout #ship-to-different-address input[type=checkbox] { margin-top: 0 !important; }
/* Order review totals: one white surface, labels in normal case (were grey label cells beside white values) */
body.sc1-skin.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.sc1-skin.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  background: var(--sc1-bg) !important;
  border-top: 1px solid var(--sc1-line) !important;
  border-bottom: 0 !important;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--sc1-text);
}
body.sc1-skin.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td { background: var(--sc1-bg) !important; }
body.sc1-skin.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th,
body.sc1-skin.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td {
  color: var(--sc1-ink);
  font-weight: 700;
  font-size: 16px;
}
/* Authorize.Net "Securely Save to Account" (input + label siblings) and the terms asterisk */
body.sc1-skin.woocommerce-checkout #payment .payment_box p.form-row:has(> input[type=checkbox]) {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
body.sc1-skin.woocommerce-checkout #payment .payment_box p.form-row:has(> input[type=checkbox]) input[type=checkbox] { margin: 0 !important; }
body.sc1-skin.woocommerce-checkout #payment .payment_box p.form-row:has(> input[type=checkbox]) label { margin: 0 !important; }
/* Terms label: text and its asterisk flow inline, checkbox pinned at the left */
body.sc1-skin.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox {
  display: block !important;
  position: relative;
  padding-left: 28px !important;
}
body.sc1-skin.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox input[type=checkbox] {
  position: absolute !important;
  left: 0;
  top: 2px;
  margin: 0 !important;
}
body.sc1-skin.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text,
body.sc1-skin.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper abbr.required { display: inline !important; }
/* Card hover photo: Autovio fades in the second gallery image (.secondary-image) pinned at top:0/left:0,
   full width, so it sat higher than the centred main photo and its top was clipped. Lay it over the
   main photo's area (inside the 12px padding), fully contained and centred. */
body.sc1-skin ul.products li.product .tm-product-image-box img.secondary-image {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  width: calc(100% - 24px) !important;
  height: calc(100% - 24px) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff;
  z-index: 2;
}
/* The hover zoom (transform) on the main photo puts it in a stacking layer above the absolute hover photo,
   so products whose second photo differs showed both pictures overlapped. Keep the main photo below. */
body.sc1-skin ul.products li.product .tm-product-image-box img:not(.secondary-image) { position: relative; z-index: 1; }