/* Opto Zero v3.90 — category page styles
   Extracted from category.twig in v3.90.
   Visual rules are unchanged; only storage was moved out of Twig. */


/* --- extracted block 1 --- */
/* Opto Zero v3.16 — category parity on desktop */
@media (min-width: 768px) {
  .oc-main-catalog .oc-page-head > div:first-child > h1 {
    display: none !important;
  }

  .oc-main-catalog .oc-mobile-category-home-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: 1px solid #dce5f1 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0d5de6 !important;
    box-shadow: 0 3px 10px rgba(31,47,73,.04) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  .oc-page-wrap .oc-breadcrumbs li:last-child,
  .oc-page-wrap .oc-breadcrumbs li:last-child a {
    font-weight: 900 !important;
    color: #41516a !important;
  }

  .oc-page-wrap .oc-breadcrumbs li:last-child a {
    font-size: 15px !important;
  }
}


/* --- extracted block 2 --- */
/* Opto Zero v3.13 — bold mobile category breadcrumb title */
@media (max-width: 767px) {
  .oc-page-wrap .oc-breadcrumbs li:last-child,
  .oc-page-wrap .oc-breadcrumbs li:last-child a {
    font-weight: 900 !important;
    color: #41516a !important;
  }

  .oc-page-wrap .oc-breadcrumbs li:last-child a {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
}


/* --- extracted block 3 --- */
/* Opto Zero v3.12 — mobile category title -> Home link */
.oc-mobile-category-home-link {
  display: none;
}

@media (max-width: 767px) {
  .oc-main-catalog .oc-page-head > div:first-child > h1 {
    display: none !important;
  }

  .oc-main-catalog .oc-mobile-category-home-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid #dce5f1 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #0d5de6 !important;
    box-shadow: 0 3px 10px rgba(31,47,73,.04) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .oc-main-catalog .oc-mobile-category-home-link i {
    color: #0d5de6 !important;
    font-size: 12px !important;
  }

  .oc-main-catalog .oc-page-head {
    align-items: center !important;
  }

  .oc-main-catalog .oc-page-count {
    margin-left: 8px !important;
  }
}

@media (min-width: 768px) {
  .oc-mobile-category-home-link {
    display: none !important;
  }
}