/* Desktop-only layout lock. Mobile styles stay in stylesheet.css. */

/* CMS HTML in some information pages restyles body and kills the gray canvas. */
html body {
  background: #F7F7F7 !important;
  font-family: 'Roboto', sans-serif !important;
}

/* Keep header/menu/footer on Roboto if a CMS page pastes a global font reset. */
.h-topbar,
.h-main,
.horizontal-menu,
.ci-footer,
.breadcrumb {
  font-family: 'Roboto', sans-serif !important;
}

.h-topbar *:not(.fa),
.h-main *:not(.fa),
.horizontal-menu *:not(.fa),
.ci-footer *:not(.fa),
.breadcrumb *:not(.fa) {
  font-family: 'Roboto', sans-serif !important;
}

.h-topbar .fa,
.h-main .fa,
.horizontal-menu .fa,
.ci-footer .fa {
  font-family: FontAwesome !important;
}

.ci-product-next,
.ci-product-side-specs {
  display: none;
}

/* One photo: no reserved strip for missing thumbnails. */
body .ci-product-page .ci-gallery-single .ci-product-main-photo {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }

  /* The 10px menu gutter + card drop-shadow flash on every full-page jump. */
  body .horizontal-menu {
    margin-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* One glow for the main white column on home, catalog, product, and info pages. */
  body .row.featured,
  body .featured,
  body .ci-category-container .footer-bg.ci-category-page,
  body .ci-product-page .ci-product-layout,
  body .container > .row.footer-bg,
  body .container .row.footer-bg,
  body .row.footer-bg.ci-info-page {
    background: #ffffff !important;
    border: none !important;
    outline: none !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  }

  body .row.footer-bg.ci-info-page,
  body .container .row.footer-bg {
    margin-bottom: 20px !important;
  }

  body .container .row.footer-bg #content,
  body .ci-info-page #content {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body .container,
  body .container.home.product-wrap.ci-product-page,
  body .ci-product-page.container,
  body .ci-category-container,
  body .ci-footer-wrap.container {
    width: 750px !important;
    max-width: 750px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Product page uses the same 25/75 columns as the catalog. Left menu stays. */
  body .container.home.product-wrap.ci-product-page,
  body .ci-product-page.container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }

  body .container.home.product-wrap.ci-product-page .ci-product-shell,
  body .container.home.product-wrap.ci-product-page .latest.padding.ci-product-shell,
  body .ci-product-page.container .ci-product-shell,
  body .ci-product-page.container .latest.padding.ci-product-shell {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    margin: 0 0 20px !important;
  }

  body .ci-product-page .ci-product-breadcrumb,
  body .ci-product-page .breadcrumb.ci-product-breadcrumb,
  body .ci-category-page .ci-category-breadcrumb,
  body .ci-category-page .breadcrumb.ci-category-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    list-style: none !important;
  }

  body .ci-product-page .ci-page-breadcrumb-row,
  body .ci-category-page .ci-page-breadcrumb-row {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #edf0f4 !important;
  }

  body .ci-product-page .ci-product-breadcrumb > li,
  body .ci-category-page .ci-category-breadcrumb > li {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    white-space: normal !important;
    position: static !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #7d8797 !important;
  }

  body .ci-product-page .ci-product-breadcrumb > li:after,
  body .ci-category-page .ci-category-breadcrumb > li:after {
    display: none !important;
  }

  body .ci-product-page .ci-product-breadcrumb > li + li:before,
  body .ci-category-page .ci-category-breadcrumb > li + li:before {
    content: '/' !important;
    display: inline-block !important;
    padding: 0 8px !important;
    color: #c5ccd6 !important;
    position: static !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    top: auto !important;
    right: auto !important;
  }

  body .ci-product-page .ci-product-breadcrumb a,
  body .ci-category-page .ci-category-breadcrumb a {
    color: #5b6573 !important;
    text-decoration: none !important;
  }

  body .ci-product-page .ci-product-breadcrumb a:hover,
  body .ci-category-page .ci-category-breadcrumb a:hover {
    color: #f47a14 !important;
  }

  body .ci-product-page .ci-product-breadcrumb > li:last-child,
  body .ci-category-page .ci-category-breadcrumb > li:last-child {
    color: #1a2332 !important;
    font-weight: 600 !important;
  }

  body .ci-product-page .ci-product-breadcrumb > li:last-child a,
  body .ci-category-page .ci-category-breadcrumb > li:last-child a {
    color: #1a2332 !important;
    font-weight: 600 !important;
  }

  body .ci-product-page .ci-product-layout {
    display: block !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    padding: 18px 20px 24px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }

  body .ci-product-page #column-left,
  body .ci-product-page .ci-product-layout > .ci-left-column,
  body .ci-product-page #column-left.col-sm-3 {
    display: block !important;
    visibility: visible !important;
    float: left !important;
    width: 25% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    margin: 0 !important;
  }

  body .ci-product-page #content,
  body .ci-product-page #content.col-sm-9,
  body .ci-product-page #content.col-sm-12,
  body .ci-product-page #content.col-sm-6,
  body .ci-product-page .ci-product-content,
  body .ci-product-page .ci-product-layout > .ci-product-content {
    display: block !important;
    float: left !important;
    width: 75% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body .ci-product-page .ci-product-content > .ci-unified-search-block {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 0 18px !important;
  }

  body .ci-product-page .ci-product-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
  }

  body .ci-product-page .ci-product-media,
  body .ci-product-page .ci-product-gallery-card,
  body .ci-product-page .ci-product-side,
  body .ci-product-page .ci-product-info-card,
  body .ci-product-page .ci-product-side-specs,
  body .ci-product-page .ci-product-next,
  body .ci-product-page .ci-product-benefits,
  body .ci-product-page .ci-product-tabs-block,
  body .ci-product-page .ci-product-related {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body .ci-product-page .ci-product-media {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
  }

  body .ci-product-page .ci-product-gallery-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
  }

  body .ci-product-page .ci-gallery-single {
    height: auto !important;
    min-height: 0 !important;
  }

  body .ci-product-page .ci-gallery-single .ci-product-main-photo,
  body .ci-product-page .ci-gallery-single .ci-product-main-photo img {
    min-height: 0 !important;
  }

  body .ci-product-page .ci-product-gallery {
    width: 100% !important;
  }

  body .ci-product-page .ci-product-main-photo {
    min-height: 0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
  }

  body .ci-product-page .ci-product-main-photo img {
    max-height: 200px !important;
    max-width: 100% !important;
  }

  body .ci-product-page .ci-product-side {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-self: start !important;
  }

  body .ci-product-page .ci-product-info-card {
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px 22px 18px !important;
    text-align: left !important;
  }

  body .ci-product-page .ci-product-meta,
  body .ci-product-page .ci-product-article {
    display: none !important;
  }

  body .ci-product-page .ci-product-info-card h1 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body .ci-product-page .ci-product-price-wrap {
    margin: 0 0 8px !important;
  }

  body .ci-product-page .ci-product-price {
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: #f47a14 !important;
    letter-spacing: -0.01em !important;
  }

  body .ci-product-page .ci-product-price-old {
    color: #9aa3b0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: line-through !important;
    margin-bottom: 2px !important;
  }

  body .ci-product-page .ci-product-deposit {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #6b7380 !important;
  }

  body .ci-product-page .ci-product-deposit i {
    color: #8b93a0 !important;
    margin-top: 0 !important;
  }

  body .ci-product-page .ci-product-extra {
    margin: 0 0 16px !important;
    padding: 12px 0 0 !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #e8edf4 !important;
    border-radius: 0 !important;
    text-align: left !important;
  }

  body .ci-product-page .ci-product-extra,
  body .ci-product-page .ci-product-extra p,
  body .ci-product-page .ci-product-extra a,
  body .ci-product-page .ci-product-extra span,
  body .ci-product-page .ci-product-extra font,
  body .ci-product-page .ci-product-extra u,
  body .ci-product-page .ci-product-extra b {
    text-align: left !important;
  }

  body .ci-product-page .ci-product-extra p {
    margin: 0 0 4px !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #5b6573 !important;
  }

  body .ci-product-page .ci-product-extra p:last-child {
    margin-bottom: 0 !important;
    color: #5b6573 !important;
    font-weight: 400 !important;
  }

  body .ci-product-page .ci-product-extra a {
    color: #f47a14 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  body .ci-product-page .ci-product-extra img,
  body .ci-product-page .ci-product-extra br {
    display: none !important;
  }

  body .ci-product-page .ci-product-actions {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body .ci-product-page .ci-product-btn,
  body .ci-product-page .ci-product-btn-main {
    height: 46px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(244, 122, 20, 0.16) !important;
  }

  body .ci-product-page .ci-product-side-specs {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px 10px !important;
    background: #fff !important;
    border: 1px solid #e6ebf1 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-align: left !important;
    flex: none !important;
  }

  body .ci-product-page .ci-product-side-specs-title {
    margin: 0 0 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    line-height: 1.2 !important;
  }

  body .ci-product-page .ci-product-side-specs-group {
    margin: 8px 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #6b7380 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
  }

  body .ci-product-page .ci-product-side-spec-list {
    display: block !important;
    margin: 0 !important;
  }

  body .ci-product-page .ci-product-side-spec {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #eef1f5 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body .ci-product-page .ci-product-side-spec:last-child {
    border-bottom: none !important;
  }

  body .ci-product-page .ci-product-side-spec span {
    color: #7d8797 !important;
    font-weight: 400 !important;
    min-width: 0 !important;
  }

  body .ci-product-page .ci-product-side-spec strong {
    color: #1a2332 !important;
    font-weight: 700 !important;
    text-align: right !important;
    flex: 0 1 auto !important;
    white-space: nowrap !important;
  }

  body .ci-product-page .ci-product-side-specs.ci-specs-collapsible:not(.is-expanded) .ci-product-side-spec-extra {
    display: none !important;
  }

  body .ci-product-page .ci-product-side-specs.ci-specs-collapsible:not(.is-expanded) .ci-product-side-spec:not(.ci-product-side-spec-extra):last-of-type {
    border-bottom: none !important;
  }

  body .ci-product-page .ci-product-side-specs-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #f47a14 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
    box-shadow: none !important;
  }

  body .ci-product-page .ci-product-side-specs-toggle:hover,
  body .ci-product-page .ci-product-side-specs-toggle:focus {
    color: #d9650a !important;
    outline: none !important;
    text-decoration: none !important;
  }

  body .ci-product-page .ci-product-side-specs-toggle .fa {
    font-size: 14px !important;
    transition: transform 0.2s ease !important;
  }

  body .ci-product-page .ci-product-side-specs-toggle-less,
  body .ci-product-page .ci-product-side-specs.is-expanded .ci-product-side-specs-toggle-more {
    display: none !important;
  }

  body .ci-product-page .ci-product-side-specs.is-expanded .ci-product-side-specs-toggle-less {
    display: inline !important;
  }

  body .ci-product-page .ci-product-side-specs.is-expanded .ci-product-side-specs-toggle .fa {
    transform: rotate(180deg) !important;
  }

  body .ci-product-page .ci-product-tabs > li.ci-spec-tab {
    display: none !important;
  }

  body .ci-product-page #tab-specification {
    display: none !important;
  }

  body .ci-product-page #tab-specification.active + #tab-description,
  body .ci-product-page #tab-specification.active + .ci-product-description {
    display: block !important;
  }

  body .ci-product-page .ci-product-tabs > li.ci-spec-tab.active + li > a {
    color: #071432 !important;
  }

  body .ci-product-page .ci-product-tabs > li.ci-spec-tab.active + li > a:after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    background: #f47a14 !important;
    border-radius: 3px 3px 0 0 !important;
  }

  body .ci-product-page .ci-product-next {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 18px 14px !important;
    background: #fff !important;
    border: 1px solid #e6ebf1 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    text-align: left !important;
    flex: none !important;
  }

  body .ci-product-page .ci-product-next-title {
    margin: 0 0 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    line-height: 1.2 !important;
  }

  body .ci-product-page .ci-product-next-steps {
    list-style: none !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body .ci-product-page .ci-product-next-steps li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #5b6573 !important;
    text-align: left !important;
  }

  body .ci-product-page .ci-product-next-steps li:last-child {
    margin-bottom: 0 !important;
  }

  body .ci-product-page .ci-product-next-steps span {
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #fff4ea !important;
    color: #f47a14 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  body .ci-product-page .ci-product-next-branches {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e8edf4 !important;
  }

  body .ci-product-page .ci-product-next-branches div {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #1a2332 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
  }

  body .ci-product-page .ci-product-next-branches i {
    color: #f47a14 !important;
    width: 14px !important;
  }

  body .ci-product-page .ci-product-benefits {
    margin-top: 16px !important;
    padding: 16px 18px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
  }

  body .ci-product-page .ci-product-tabs-block,
  body .ci-product-page .ci-product-related {
    margin-top: 16px !important;
  }

  body .ci-product-page .ci-spec-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .ci-product-page .ci-related-row {
    margin-left: -8px !important;
    margin-right: -8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body .ci-product-page .ci-related-row > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-bottom: 16px !important;
  }

  /* One product canvas instead of separate floating cards. */
  body .ci-product-page .ci-product-sheet {
    border: 1px solid #e6ebf1 !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-gallery-card,
  body .ci-product-page .ci-product-sheet .ci-product-info-card,
  body .ci-product-page .ci-product-sheet .ci-product-next,
  body .ci-product-page .ci-product-sheet .ci-product-side-specs,
  body .ci-product-page .ci-product-sheet .ci-product-benefits,
  body .ci-product-page .ci-product-sheet .ci-product-tabs-block,
  body .ci-product-page .ci-product-sheet .ci-product-related {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-hero {
    padding: 22px 22px 20px !important;
    margin: 0 !important;
    gap: 20px !important;
    border-bottom: 1px solid #eef1f5 !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-media {
    gap: 0 !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-gallery-card {
    padding: 18px 16px 14px !important;
    background: #fff !important;
    border-radius: 12px !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-next {
    margin-top: 0 !important;
    padding: 16px 16px 14px !important;
    background: #fff !important;
    border-top: 1px solid #eef1f5 !important;
    border-radius: 0 0 12px 12px !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-side {
    gap: 0 !important;
    background: #fff !important;
    border: 1px solid #eef1f5 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-info-card {
    padding: 20px 20px 18px !important;
    background: #fff !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-side-specs {
    padding: 14px 18px 12px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fafbfc !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-benefits {
    margin-top: 0 !important;
    padding: 18px 22px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fafbfc !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-tags {
    margin: 0 !important;
    padding: 12px 22px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fff !important;
    font-size: 13px !important;
    color: #5b6573 !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-tabs-block {
    margin-top: 0 !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fff !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-tabs {
    background: #fafbfc !important;
    border-bottom: 1px solid #eef1f5 !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-tab-content {
    border-top: none !important;
  }

  body .ci-product-page .ci-tabs-desc-only .ci-product-tabs {
    display: none !important;
  }

  body .ci-product-page .ci-product-desc-title {
    margin: 0 !important;
    padding: 20px 22px 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
    text-align: left !important;
    border-bottom: 1px solid #eef1f5 !important;
    background: #fff !important;
  }

  body .ci-product-page .ci-product-desc-title span {
    display: inline-block !important;
    padding: 0 0 16px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #071432 !important;
    line-height: 1.2 !important;
    border-bottom: 3px solid #f47a14 !important;
    margin-bottom: -1px !important;
  }

  body .ci-product-page .ci-product-sheet .ci-tabs-desc-only .ci-product-tab-content {
    padding: 20px 22px 24px !important;
  }

  body .ci-product-page .ci-tabs-desc-only #tab-description,
  body .ci-product-page .ci-tabs-desc-only .ci-product-description {
    display: block !important;
    opacity: 1 !important;
  }

  body .ci-product-page .ci-product-description,
  body .ci-product-page .ci-product-description h1,
  body .ci-product-page .ci-product-description h2,
  body .ci-product-page .ci-product-description h3,
  body .ci-product-page .ci-product-description h4,
  body .ci-product-page .ci-product-description p,
  body .ci-product-page .ci-product-description div {
    text-align: left !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-related {
    margin-top: 0 !important;
    padding: 20px 22px 22px !important;
    border-top: 1px solid #eef1f5 !important;
    background: #fff !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-related h3,
  body .ci-product-page .ci-product-sheet .rel.ci-product-related h3 {
    margin-bottom: 16px !important;
  }
}

@media (min-width: 992px) {
  body .container,
  body .container.home.product-wrap.ci-product-page,
  body .ci-product-page.container,
  body .ci-category-container,
  body .ci-footer-wrap.container {
    width: 970px !important;
    max-width: 970px !important;
  }

  body .ci-product-page .ci-product-hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  body .ci-product-page .ci-product-media {
    align-self: start !important;
  }

  body .ci-product-page .ci-product-gallery-card {
    height: auto !important;
  }

  body .ci-product-page .ci-gallery-single {
    height: auto !important;
    min-height: 0 !important;
  }

  body .ci-product-page .ci-gallery-single .ci-product-main-photo,
  body .ci-product-page .ci-gallery-single .ci-product-main-photo img {
    min-height: 0 !important;
  }

  body .ci-product-page .ci-product-side {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }

  body .ci-product-page .ci-product-info-card {
    height: auto !important;
    flex: none !important;
  }

  body .ci-product-page .ci-product-main-photo {
    min-height: 0 !important;
  }

  body .ci-product-page .ci-product-main-photo img {
    max-height: 220px !important;
  }

  body .ci-product-page .ci-product-info-card h1 {
    font-size: 22px !important;
  }

  body .ci-product-page .ci-product-benefits {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-hero {
    padding: 24px 24px 22px !important;
  }

  body .ci-product-page .ci-product-sheet .ci-product-next-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body .ci-product-page .ci-spec-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) {
  body .container,
  body .container.home.product-wrap.ci-product-page,
  body .ci-product-page.container,
  body .ci-category-container,
  body .ci-footer-wrap.container {
    width: 1200px !important;
    max-width: 1200px !important;
  }

  body .ci-product-page .ci-product-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
    gap: 20px !important;
    align-items: start !important;
  }

  body .ci-product-page .ci-product-gallery-card {
    padding: 18px !important;
  }

  body .ci-product-page .ci-product-main-photo {
    min-height: 0 !important;
  }

  body .ci-product-page .ci-product-main-photo img {
    max-height: 240px !important;
  }

  body .ci-product-page .ci-product-info-card {
    padding: 20px 22px 18px !important;
  }

  body .ci-product-page .ci-product-info-card h1 {
    font-size: 22px !important;
  }

  body .ci-product-page .ci-product-price {
    font-size: 32px !important;
  }

  /* Sidebar blocks sit inside the main white card — no extra drop shadows. */
  body .ci-product-page #column-left.ci-left-column,
  body .ci-category-page #column-left.ci-left-column {
    overflow: visible !important;
  }

  body .ci-product-page #column-left.ci-left-column .list-group,
  body .ci-product-page #column-left.ci-left-column .box,
  body .ci-category-page #column-left.ci-left-column .list-group,
  body .ci-category-page #column-left.ci-left-column .box,
  body .ci-product-page #column-left.ci-left-column .ci-help-link,
  body .ci-category-page #column-left.ci-left-column .ci-help-link {
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .ci-product-page #column-left.ci-left-column .ci-help-link:hover,
  body .ci-category-page #column-left.ci-left-column .ci-help-link:hover {
    box-shadow: none !important;
    transform: none !important;
  }

  body .container.home.product-wrap.ci-product-page,
  body .ci-product-page.container,
  body .ci-category-container {
    overflow: visible !important;
  }

  body .ci-category-container .footer-bg.ci-category-page {
    overflow: visible !important;
  }
}