/* WordPress port fixes. Подключается после main.css. */

html :where(img[class*=wp-image-]) {
  max-width: none;
}

.swiper-notification {
  display: none !important;
}

/* =========================================================
   COMMON SLIDERS
   ========================================================= */

@media (min-width: 769px) {
  .block-products-mini.swiper .swiper-slide {
    width: 35rem !important;
  }

  .our-projects__bottom-block.swiper .swiper-slide {
    width: 35rem !important;
  }
}

@media (max-width: 768px) {
  .block-products-mini.swiper .swiper-slide {
    width: 30rem !important;
  }

  .our-projects__bottom-block.swiper .swiper-slide {
    width: 26.6667rem !important;
  }
}

/* =========================================================
   FRONT PAGE / COMMON PAGE ALIGNMENT
   Не применяем к товарным страницам.
   ========================================================= */

@media (min-width: 769px) {
  body:not(.product-detail-page) .hero-container {
    margin-top: -4rem !important;
  }

  body:not(.product-detail-page) .block-products-mini {
    margin-top: 0 !important;
  }

  body:not(.product-detail-page) main.container > .info-block {
    margin-top: 6rem !important;
  }

  body:not(.product-detail-page) .big-photo {
    margin-top: 6rem !important;
  }

  body:not(.product-detail-page) .our-projects {
    margin-top: 3.75rem !important;
  }

  body:not(.product-detail-page) .comanies {
    margin-top: 3rem !important;
  }

  body:not(.product-detail-page) .footer {
    margin-top: -4rem !important;
  }
}

@media (max-width: 768px) {
  body:not(.product-detail-page) .hero-container {
    margin-top: -48px !important;
  }

  body:not(.product-detail-page) .hero-block .info-block {
    height: 18.5rem !important;
    min-height: 18.5rem !important;
    padding: 3rem !important;
    justify-content: space-between !important;
  }

  body:not(.product-detail-page) .hero-block .info-block .title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    font-size: 3rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  body:not(.product-detail-page) .block-products-mini,
  body:not(.product-detail-page) main.container > .info-block {
    margin-top: 0 !important;
  }

  body:not(.product-detail-page) .big-photo {
    margin-top: 40px !important;
  }

  body:not(.product-detail-page) .our-projects {
    margin-top: 13px !important;
  }

  body:not(.product-detail-page) .comanies {
    margin-top: 36px !important;
  }

  body:not(.product-detail-page) .footer {
    margin-top: -48px !important;
  }
}

/* =========================================================
   PRODUCTS CATALOG /products/
   ========================================================= */

@media (min-width: 769px) {
  body:has(.products) main.container {
    padding-bottom: 0 !important;
  }

  body:has(.products) .footer {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body:has(.products) main.container {
    padding-bottom: 0 !important;
  }

  body:has(.products) .footer {
    margin-top: 0 !important;
  }
}

/* =========================================================
   PRODUCT DETAIL: shared desktop layout
   Target desktop 1920px:
   product 128-1088, info 16-1264, gallery 1280-1904.
   ========================================================= */

body.product-detail-page > .arrow,
body.product-detail-page .button-form-link {
  display: none !important;
}

body.product-detail-page .header-padding {
  position: relative !important;
  height: 96px !important;
  min-height: 96px !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.product-detail-page .header-padding > .arrow {
  position: absolute !important;
  top: 18px !important;
  left: 16px !important;
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 150 !important;
}

body.product-detail-page .header-padding > .arrow.arrow-2 {
  left: auto !important;
  right: 16px !important;
  transform: rotate(180deg) !important;
}

body.product-detail-page .header-padding > .arrow svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
}

@media (min-width: 769px) {
  body.product-detail-page main.container > .product {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: calc(100vw - 32px) !important;
    max-width: none !important;
    height: 960px !important;
    min-height: 960px !important;
    margin-top: 32px !important;
    overflow: visible !important;
  }

  body.product-detail-page main.container > .product > .info-block {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: calc(100% - 640px) !important;
    height: 960px !important;
    min-height: 960px !important;
    padding: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-page .product .info-block__top {
    display: block !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 0 64px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page .product .breadcrumbs-block {
    margin: 0 0 24px 0 !important;
  }

  body.product-detail-page .product .title,
  body.product-detail-page .product h1 {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page .product .info-block__main {
    display: block !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page .product .tabs-cont {
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page .product .product-hr {
    display: block !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page .product .content-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 383px !important;
    max-height: 383px !important;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.product-detail-page .product .content-block::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page main.container > .product > .info-block > a.button-404[href="#feedback-form"],
  body.product-detail-page main.container > .product > .info-block > .button-404 {
    position: absolute !important;
    left: 64px !important;
    bottom: 64px !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 250px !important;
    height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 30 !important;
  }

  body.product-detail-page main.container > .product > .photos-many-price {
    box-sizing: border-box !important;
    display: block !important;
    width: 624px !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-page main.container > .product #gallery-block {
    box-sizing: border-box !important;
    width: 624px !important;
    max-width: 624px !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    border-radius: 32px !important;
    position: relative !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.product-detail-page main.container > .product #gallery-block::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page main.container > .product #gallery-block img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: initial !important;
    display: block !important;
    border-radius: 32px !important;
    flex: 0 0 auto !important;
  }

  body.product-detail-page .photos-many-mobile {
    display: none !important;
  }

  body.product-detail-page .our-projects {
    margin-top: 128px !important;
  }

  body.product-detail-page .order-manufacturer-section,
  body.product-detail-page .types-triplex-section {
    margin-top: 32px !important;
  }

  body.product-detail-page .block-products-mini,
  body.product-detail-page .footer {
    margin-top: 64px !important;
  }
}

/* =========================================================
   PRODUCT DETAIL: shared mobile header
   Target mobile 360px:
   header 24-84 / left 88 / width 184 / height 60.
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page header {
    position: fixed !important;
    top: 24px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 184px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 20px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    z-index: 150 !important;
    overflow: visible !important;
  }

  body.product-detail-page header > a.logo,
  body.product-detail-page header > a.logo svg,
  body.product-detail-page header .logo,
  body.product-detail-page header .list-page {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-page header > a:not(.logo) {
    display: block !important;
    width: 60px !important;
    height: 36px !important;
    min-width: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.product-detail-page header .mobile-logo {
    display: flex !important;
    width: 60px !important;
    height: 36px !important;
    min-width: 60px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-page #mobile-menu-button {
    display: flex !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-page .header-padding {
    position: static !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page .header-padding > .arrow {
    position: absolute !important;
    top: 24px !important;
    width: 57px !important;
    height: 57px !important;
    min-width: 57px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20 !important;
  }

  body.product-detail-page .header-padding > .arrow:not(.arrow-2) {
    left: 24px !important;
    right: auto !important;
  }

  body.product-detail-page .header-padding > .arrow.arrow-2 {
    left: auto !important;
    right: 24px !important;
    transform: rotate(180deg) !important;
  }

  body.product-detail-page .header-padding > .arrow svg {
    width: 28px !important;
    height: 28px !important;
  }

  body.product-detail-page main.container > .product > .photos-many-price,
  body.product-detail-page main.container > .product #gallery-block {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
  }
}

/* =========================================================
   STEMALIT MOBILE: exact hero + gallery
   Target hero:
   product 96-828, info 96-816, title 160-196,
   tabs 244-267, content 316-665, button 713-785.
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-stemalit main.container > .product.product--stemalit {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 732px !important;
    min-height: 732px !important;
    max-height: 732px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-stemalit main.container > .product.product--stemalit > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-stemalit .product.product--stemalit .info-block__top {
    display: block !important;
    width: 100% !important;
    margin: 0 0 48px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-stemalit .product.product--stemalit .breadcrumbs-block {
    margin: 0 0 18px 0 !important;
  }

  body.product-detail-stemalit .product.product--stemalit h1 {
    font-size: 36px !important;
    line-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.product-detail-stemalit .product.product--stemalit .info-block__main {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-stemalit .product.product--stemalit .tabs-cont {
    margin: 0 0 31px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  body.product-detail-stemalit .product.product--stemalit .product-hr {
    display: block !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-stemalit .product.product--stemalit .content-block {
    box-sizing: border-box !important;
    height: 350px !important;
    max-height: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-stemalit .product.product--stemalit > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    top: 617px !important;
    right: auto !important;
    bottom: auto !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 40 !important;
  }

  body.product-detail-stemalit .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 56px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-stemalit .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-stemalit .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-stemalit .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-stemalit .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-stemalit .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 72px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-stemalit .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    box-sizing: border-box !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
  }

  body.product-detail-stemalit .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border-color: #a32626 !important;
  }

  body.product-detail-stemalit .photos-many-mobile .pagination-photo-swiper .pagin-dot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  body.product-detail-stemalit .our-projects {
    margin-top: 0 !important;
  }

  body.product-detail-stemalit .order-manufacturer-section,
  body.product-detail-stemalit .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-stemalit .footer {
    margin-top: 48px !important;
  }
}
/* =========================================================
   STEMALIT DESKTOP: fix title-to-tabs gap
   target original 1920px
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-stemalit .product.product--stemalit > .info-block {
    gap: 64px !important;
  }

  body.product-detail-stemalit .product.product--stemalit .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-stemalit .product.product--stemalit .info-block__main {
    margin-top: 0 !important;
  }
}
/* =========================================================
   PRODUCT DETAIL MOBILE: swipeable tabs through .tabs-cont
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page .product .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;

    cursor: grab;
  }

  body.product-detail-page .product .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page .product .tabs-cont.is-dragging-tabs {
    cursor: grabbing;
  }

  body.product-detail-page .product .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 32px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-page .product .tabs[data-product-tabs] .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   ZAKALENNOE STEKLO: product template alignment
   Reuses the ordinary product detail template fixed on Stemalit.
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo > .info-block {
    gap: 64px !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .info-block__main {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-zakalennoe-steklo main.container > .product.product--zakalennoe-steklo {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 732px !important;
    min-height: 732px !important;
    max-height: 732px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-steklo main.container > .product.product--zakalennoe-steklo > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .info-block__top {
    display: block !important;
    width: 100% !important;
    margin: 0 0 48px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .breadcrumbs-block {
    margin: 0 0 18px 0 !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo h1 {
    font-size: 36px !important;
    line-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .info-block__main {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .tabs-cont {
    margin: 0 0 31px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .product-hr {
    display: block !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo .content-block {
    box-sizing: border-box !important;
    height: 350px !important;
    max-height: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-steklo .product.product--zakalennoe-steklo > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    top: 617px !important;
    right: auto !important;
    bottom: auto !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 40 !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 56px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 72px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    box-sizing: border-box !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border-color: #a32626 !important;
  }

  body.product-detail-zakalennoe-steklo .photos-many-mobile .pagination-photo-swiper .pagin-dot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  body.product-detail-zakalennoe-steklo .our-projects {
    margin-top: 0 !important;
  }

  body.product-detail-zakalennoe-steklo .order-manufacturer-section,
  body.product-detail-zakalennoe-steklo .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-zakalennoe-steklo .footer {
    margin-top: 48px !important;
  }
}
/* =========================================================
   PRODUCT DETAIL MOBILE: universal safe multiline h1
   for all ordinary product pages, except Triplex
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block .info-block__top,
  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block #title-block,
  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block .title {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;

    font-size: 36px !important;
    line-height: 36px !important;

    height: auto !important;
    min-height: 36px !important;

    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block .info-block__top {
    margin-bottom: 24px !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) main.container > .product > .info-block .tabs-cont {
    margin-top: 0 !important;
  }
}
/* =========================================================
   PRODUCT DETAIL MOBILE: swipeable product photo thumbs
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page:not(.product-detail-tripleks) .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;

    margin: 8px 0 0 0 !important;
    padding: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;

    scrollbar-width: none !important;
    cursor: grab !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) .photos-many-mobile .pagination-photo-swiper::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) .photos-many-mobile .pagination-photo-swiper.is-dragging-thumbs {
    cursor: grabbing !important;
  }

  body.product-detail-page:not(.product-detail-tripleks) .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;

    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;

    cursor: pointer !important;
  }
}
/* =========================================================
   GNUTOE: product template alignment
   Reuses the ordinary product detail template fixed on Stemalit.
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-gnutoe .product.product--gnutoe > .info-block {
    gap: 64px !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .info-block__main {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-gnutoe main.container > .product.product--gnutoe {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 732px !important;
    min-height: 732px !important;
    max-height: 732px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-gnutoe main.container > .product.product--gnutoe > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .info-block__top {
    display: block !important;
    width: 100% !important;
    margin: 0 0 48px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .breadcrumbs-block {
    margin: 0 0 18px 0 !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe h1 {
    font-size: 36px !important;
    line-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .info-block__main {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .tabs-cont {
    margin: 0 0 31px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .product-hr {
    display: block !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe .content-block {
    box-sizing: border-box !important;
    height: 350px !important;
    max-height: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-gnutoe .product.product--gnutoe > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    top: 617px !important;
    right: auto !important;
    bottom: auto !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 40 !important;
  }

  body.product-detail-gnutoe .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 56px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 72px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    box-sizing: border-box !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border-color: #a32626 !important;
  }

  body.product-detail-gnutoe .photos-many-mobile .pagination-photo-swiper .pagin-dot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  body.product-detail-gnutoe .our-projects {
    margin-top: 0 !important;
  }

  body.product-detail-gnutoe .order-manufacturer-section,
  body.product-detail-gnutoe .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-gnutoe .footer {
    margin-top: 48px !important;
  }
}
/* =========================================================
   GNUTOE MOBILE: more space between content and CTA
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-gnutoe main.container > .product.product--gnutoe {
    height: 780px !important;
    min-height: 780px !important;
  }

  body.product-detail-gnutoe main.container > .product.product--gnutoe > .info-block {
    height: 760px !important;
    min-height: 760px !important;
  }

  body.product-detail-gnutoe main.container > .product.product--gnutoe .content-block {
    max-height: 370px !important;
  }

  body.product-detail-gnutoe main.container > .product.product--gnutoe > .info-block > .button-404 {
    margin-top: 24px !important;
  }

  body.product-detail-gnutoe .photos-many-mobile {
    margin-top: 24px !important;
  }
}
/* =========================================================
   PECHAT NA STEKLE: product template alignment
   Reuses the ordinary product detail template fixed on Stemalit.
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle > .info-block {
    gap: 64px !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .info-block__main {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-pechat-na-stekle main.container > .product.product--pechat-na-stekle {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 780px !important;
    min-height: 780px !important;
    max-height: 780px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-pechat-na-stekle main.container > .product.product--pechat-na-stekle > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 760px !important;
    min-height: 760px !important;
    max-height: 760px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .info-block__top {
    display: block !important;
    width: 100% !important;
    margin: 0 0 48px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .breadcrumbs-block {
    margin: 0 0 18px 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle h1 {
    font-size: 36px !important;
    line-height: 36px !important;
    height: auto !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .info-block__main {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .tabs-cont {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .product-hr {
    display: block !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle .content-block {
    box-sizing: border-box !important;
    height: 370px !important;
    max-height: 370px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-pechat-na-stekle .product.product--pechat-na-stekle > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    top: 641px !important;
    right: auto !important;
    bottom: auto !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 40 !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 24px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 72px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .pagination-photo-swiper::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    box-sizing: border-box !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border-color: #a32626 !important;
  }

  body.product-detail-pechat-na-stekle .photos-many-mobile .pagination-photo-swiper .pagin-dot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  body.product-detail-pechat-na-stekle .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-pechat-na-stekle .footer {
    margin-top: 48px !important;
  }
}
/* =========================================================
   ZAKALENNOE SVERH MALYH: desktop cleanup after template port
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov {
    position: relative !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    margin-bottom: 128px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block {
    position: relative !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    gap: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__main {
    margin-top: 0 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block {
    height: 382px !important;
    max-height: 382px !important;
    padding-right: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block > .button-404 {
    position: absolute !important;
    left: 64px !important;
    right: auto !important;
    top: auto !important;
    bottom: 64px !important;
    width: 250px !important;
    height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .photos-many-price,
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov #gallery-block {
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov #gallery-block img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
    object-fit: cover !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .types-triplex-section {
    margin-top: 0 !important;
  }
}
/* =========================================================
   ZAKALENNOE SVERH MALYH: final cleanup
   - hide broken gallery images via updated PHP
   - remove desktop text/CTA overlap
   - restore mobile hero layout for very long H1
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov {
    position: relative !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    overflow: hidden !important;
    margin-bottom: 128px !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block {
    position: relative !important;
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    gap: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__main {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block {
    box-sizing: border-box !important;
    height: 332px !important;
    max-height: 332px !important;
    padding-right: 12px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block .product-tab-pane {
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block .desc-cont {
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block > .button-404 {
    position: absolute !important;
    left: 64px !important;
    right: auto !important;
    top: auto !important;
    bottom: 64px !important;
    width: 250px !important;
    height: 96px !important;
    min-height: 96px !important;
    margin: 0 !important;
    z-index: 10 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .photos-many-price,
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov #gallery-block {
    height: 960px !important;
    min-height: 960px !important;
    max-height: 960px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: transparent !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov #gallery-block img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: top !important;
    object-fit: cover !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .types-triplex-section {
    margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 900px !important;
    min-height: 900px !important;
    max-height: 900px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 880px !important;
    min-height: 880px !important;
    max-height: 880px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__top {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 196px !important;
    max-height: none !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .breadcrumbs-block {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov #title-block,
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .title {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 136px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov h1 {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 32px !important;
    line-height: 34px !important;
    height: auto !important;
    min-height: 136px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .info-block__main {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .tabs-cont {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 24px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .tabs[data-product-tabs] {
    position: static !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    width: max-content !important;
    min-width: max-content !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .product-hr {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 350px !important;
    max-height: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block .product-tab-pane,
  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov .content-block .desc-cont {
    max-height: 350px !important;
    overflow: hidden !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov main.container > .product.product--zakalennoe-sverh-malyh-razmerov > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    right: auto !important;
    top: auto !important;
    bottom: 32px !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 20 !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 24px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-zakalennoe-sverh-malyh-razmerov .types-triplex-section {
    margin-top: 24px !important;
  }
}
/* =========================================================
   ENERGO SBEREGAYUSHEE: product template alignment
   Long title safe layout for desktop and mobile.
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee > .info-block {
    gap: 64px !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .info-block__main {
    margin-top: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee h1 {
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .content-block {
    max-height: 383px !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee {
    position: relative !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    height: 900px !important;
    min-height: 900px !important;
    max-height: 900px !important;
    margin: 24px 8px 0 8px !important;
    overflow: visible !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block {
    position: relative !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 860px !important;
    min-height: 860px !important;
    max-height: 860px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .info-block__top {
    display: block !important;
    width: 100% !important;
    margin: 0 0 32px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .breadcrumbs-block {
    margin: 0 0 16px 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee h1 {
    font-size: 32px !important;
    line-height: 34px !important;
    height: auto !important;
    min-height: 136px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .info-block__main {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .tabs-cont {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .product-hr {
    display: block !important;
    margin: 0 0 17px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .content-block {
    box-sizing: border-box !important;
    height: 335px !important;
    max-height: 335px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee > .info-block > .button-404 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 24px !important;
    top: 748px !important;
    right: auto !important;
    bottom: auto !important;
    width: 188px !important;
    height: 72px !important;
    min-height: 72px !important;
    margin: 0 !important;
    z-index: 40 !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile {
    display: flex !important;
    flex-direction: column !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    margin: 24px 16px 64px 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .photo-slider {
    width: 100% !important;
    height: 312px !important;
    min-height: 312px !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .photo-slider .swiper-wrapper {
    display: flex !important;
    height: 312px !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .photo-slider .swiper-slide {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 312px !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .photo-slider img {
    display: block !important;
    width: 100% !important;
    height: 312px !important;
    object-fit: cover !important;
    border-radius: 32px !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 72px !important;
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    box-sizing: border-box !important;
    width: 72px !important;
    height: 72px !important;
    flex: 0 0 72px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid transparent !important;
    padding: 0 !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border-color: #a32626 !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper .pagin-dot img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 15px !important;
  }

  body.product-detail-energo-sberegayushee .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-energo-sberegayushee .footer {
    margin-top: 48px !important;
  }
}

/* =========================================================
   ENERGO SBEREGAYUSHEE: final gallery/content fix
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block {
    position: relative !important;
    overflow: hidden !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .content-block {
    height: 300px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 12px !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block > .button-404 {
    bottom: 64px !important;
    top: auto !important;
    z-index: 40 !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee #gallery-block {
    background: transparent !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee #gallery-block img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
    border-radius: 32px !important;
    background: transparent !important;
  }
}

@media (max-width: 768px) {
  /* страховка для старой версии файла: пустые слайды/миниатюры не должны занимать место */
  body.product-detail-energo-sberegayushee .photos-many-mobile .swiper-slide:empty,
  body.product-detail-energo-sberegayushee .photos-many-mobile .pagin-dot:empty {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    flex-basis: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-mobile .pagination-photo-swiper .pagin-dot:not(:has(img)) {
    display: none !important;
  }

  body.product-detail-energo-sberegayushee .product.product--energo-sberegayushee .content-block {
    height: 310px !important;
    max-height: 310px !important;
    overflow: hidden !important;
  }
}
/* =========================================================
   ENERGO FINAL: remove gallery gradient stripe + desktop text limit
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block {
    height: 960px !important;
    min-height: 960px !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee #gallery-block {
    height: 960px !important;
    min-height: 960px !important;
  }

  /* ограничиваем текст, чтобы он не уходил под кнопку */
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .content-block {
    height: 382px !important;
    max-height: 382px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 0 !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .desc-cont {
    max-height: none !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block > .button-404 {
    position: absolute !important;
    left: 64px !important;
    bottom: 64px !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  /* убираем белую полосу/градиент на изображениях галереи */
  body.product-detail-energo-sberegayushee .photos-many-price,
  body.product-detail-energo-sberegayushee .photos-many,
  body.product-detail-energo-sberegayushee #gallery-block {
    overflow: hidden !important;
    background: transparent !important;
  }

  body.product-detail-energo-sberegayushee .photos-many-price::before,
  body.product-detail-energo-sberegayushee .photos-many-price::after,
  body.product-detail-energo-sberegayushee .photos-many::before,
  body.product-detail-energo-sberegayushee .photos-many::after,
  body.product-detail-energo-sberegayushee #gallery-block::before,
  body.product-detail-energo-sberegayushee #gallery-block::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  body.product-detail-energo-sberegayushee #gallery-block img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 16px 0 !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;

    background: transparent !important;
    filter: none !important;
  }
}
/* =========================================================
   ENERGO DESKTOP: strict text area before CTA
   ========================================================= */

@media (min-width: 769px) {
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .info-block__main {
    height: 360px !important;
    max-height: 360px !important;
    overflow: hidden !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .content-block {
    height: 300px !important;
    max-height: 300px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .product-tab-pane,
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .desc-cont,
  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee .desc {
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-energo-sberegayushee main.container > .product.product--energo-sberegayushee > .info-block > .button-404 {
    position: absolute !important;
    left: 64px !important;
    bottom: 64px !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 20 !important;
  }
}
/* =========================================================
   PRODUCT DETAIL: remove white gallery gradient stripe globally
   ========================================================= */

body.product-detail-page:not(.product-detail-tripleks) .photos-many-price,
body.product-detail-page:not(.product-detail-tripleks) .photos-many,
body.product-detail-page:not(.product-detail-tripleks) #gallery-block {
  overflow: hidden !important;
  background: transparent !important;
}

body.product-detail-page:not(.product-detail-tripleks) .photos-many-price::before,
body.product-detail-page:not(.product-detail-tripleks) .photos-many-price::after,
body.product-detail-page:not(.product-detail-tripleks) .photos-many::before,
body.product-detail-page:not(.product-detail-tripleks) .photos-many::after,
body.product-detail-page:not(.product-detail-tripleks) #gallery-block::before,
body.product-detail-page:not(.product-detail-tripleks) #gallery-block::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.product-detail-page:not(.product-detail-tripleks) #gallery-block img,
body.product-detail-page:not(.product-detail-tripleks) .photos-many img,
body.product-detail-page:not(.product-detail-tripleks) .photos-many-mobile img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;

  filter: none !important;
  background: transparent !important;
}

/* =========================================================
   TRIPLEKS REBUILD STABLE v4
   Один чистый блок для /products/tripleks/.
   Старые блоки TRIPLEKS CLEAN FINAL / real page classes / MEASURED удалены.
   ========================================================= */

body.product-detail-tripleks {
  overflow-x: hidden !important;
}

body.product-detail-tripleks .button-form-link,
body.product-detail-tripleks a.button-form-link,
body.product-detail-tripleks a.button-404[href="#feedback-form"],
body.product-detail-tripleks .button-404[href="#feedback-form"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ---------- Desktop ---------- */
@media (min-width: 769px) {
  body.product-detail-tripleks main.container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, calc(100% - 635px)) 619px !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    align-items: stretch !important;
    width: calc(100vw - 32px) !important;
    max-width: 1888px !important;
    height: 2830px !important;
    min-height: 2830px !important;
    max-height: 2830px !important;
    margin: 32px 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 2830px !important;
    min-height: 2830px !important;
    max-height: 2830px !important;
    margin: 0 !important;
    padding: 64px !important;
    border-radius: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__top {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 197px !important;
    min-height: 197px !important;
    max-height: 197px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .breadcrumbs-block {
    width: auto !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks #title-block,
  body.product-detail-tripleks .product--tripleks .title#title-block {
    width: 100% !important;
    height: 81px !important;
    min-height: 81px !important;
    max-height: 81px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks h1 {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 72px !important;
    line-height: 80.64px !important;
    font-weight: 600 !important;
    letter-spacing: -0.04px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__main,
  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 2505px !important;
    min-height: 2505px !important;
    max-height: 2505px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1125px !important;
    height: 132px !important;
    min-height: 132px !important;
    max-height: 132px !important;
    margin: 0 0 64px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc-cont,
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full {
    display: none !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden > div {
    box-sizing: border-box !important;
    width: calc(100% - 5px) !important;
    max-width: calc(100% - 5px) !important;
    min-height: 132px !important;
    margin: 0 0 0 5px !important;
    padding: 10px 20px !important;
    background: #f0f4ff !important;
    box-shadow: -5px 0 0 0 #0066ff !important;
    border-left: 0 !important;
    border-radius: 5px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: #000 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1125px !important;
    min-height: 2309px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 64px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading {
    width: 100% !important;
    height: 139px !important;
    min-height: 139px !important;
    max-height: 139px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 21px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
    width: auto !important;
    max-width: calc(100% - 150px) !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 48px !important;
    line-height: 56px !important;
    font-weight: 600 !important;
    letter-spacing: -0.096px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 122px !important;
    min-width: 122px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f2f3f4 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details span {
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    color: #000 !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .description {
    width: 100% !important;
    min-height: 63px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 24px !important;
    line-height: 31.68px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.55) !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table {
    width: 100% !important;
    height: 1788px !important;
    min-height: 1788px !important;
    max-height: 1788px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table table {
    width: 100% !important;
    height: 1788px !important;
    margin: 0 !important;
    border-radius: 24px !important;
  }

  body.product-detail-tripleks .product--tripleks .button-calculation {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 231px !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 16px 32px !important;
    border-radius: 24px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    box-sizing: border-box !important;
    width: 619px !important;
    max-width: 619px !important;
    height: 2830px !important;
    min-height: 2830px !important;
    max-height: 2830px !important;
    margin: 0 !important;
    padding: 48px !important;
    border-radius: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 48px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head {
    width: 523px !important;
    height: 115px !important;
    min-height: 115px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head .title {
    width: 523px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 48px !important;
    line-height: 56px !important;
    font-weight: 600 !important;
    letter-spacing: -0.096px !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head .description {
    width: 523px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 17.92px !important;
    font-weight: 300 !important;
    letter-spacing: 0.6px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__list {
    width: 523px !important;
    height: 2571px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card {
    box-sizing: border-box !important;
    width: 523px !important;
    height: 415px !important;
    min-height: 415px !important;
    max-height: 415px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: #f2f3f4 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image-tags,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image img {
    width: 523px !important;
    height: 244px !important;
    min-height: 244px !important;
    max-height: 244px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .information {
    box-sizing: border-box !important;
    width: 523px !important;
    height: 171px !important;
    min-height: 171px !important;
    max-height: 171px !important;
    margin: 0 !important;
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .name {
    width: 459px !important;
    max-width: 459px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 39.68px !important;
    font-weight: 600 !important;
    letter-spacing: -0.208px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .description {
    width: 459px !important;
    max-width: 459px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 300 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .types-triplex-section,
  body.product-detail-tripleks .form-calculation-section {
    width: calc(100vw - 32px) !important;
    max-width: 1888px !important;
    margin: 32px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  body.product-detail-tripleks .order-manufacturer-section {
    min-height: 555px !important;
    padding: 64px !important;
    border-radius: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .order-manufacturer-section__container {
    display: grid !important;
    grid-template-columns: minmax(0, 856px) minmax(0, 856px) !important;
    gap: 48px !important;
    width: 100% !important;
  }

  body.product-detail-tripleks .order-manufacturer-section__col-right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  body.product-detail-tripleks .types-triplex-section {
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section .heading-block {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 64px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use {
    height: 644px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    height: 284px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider,
  body.product-detail-tripleks .types-triplex-section.where-use .swiper-wrapper {
    width: 100% !important;
    height: 360px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) {
    height: 569px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .heading-block {
    height: 209px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider,
  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .swiper-wrapper {
    width: 100% !important;
    height: 360px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) {
    height: 517px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block {
    height: 209px !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    height: 308px !important;
    margin: 0 !important;
    padding: 0 64px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .form-calculation-section {
    min-height: 1044px !important;
    padding: 64px !important;
    border-radius: 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks footer.footer {
    margin-top: 64px !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  body.product-detail-tripleks {
    --tr-section-w: calc(100vw - 16px);
    --tr-inner-w: calc(100vw - 64px);
    --tr-radius: 48px;
  }

  body.product-detail-tripleks header {
    position: fixed !important;
    top: 24px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 184px !important;
    min-width: 184px !important;
    max-width: 184px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    padding: 12px 20px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 160 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .header-padding {
    position: relative !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-tripleks .header-padding > .arrow {
    position: absolute !important;
    top: 24px !important;
    width: 57px !important;
    min-width: 57px !important;
    height: 57px !important;
    min-height: 57px !important;
    border-radius: 20px !important;
    z-index: 20 !important;
  }

  body.product-detail-tripleks .header-padding > .arrow:not(.arrow-2) {
    left: 24px !important;
    right: auto !important;
  }

  body.product-detail-tripleks .header-padding > .arrow.arrow-2 {
    left: auto !important;
    right: 24px !important;
    transform: rotate(180deg) !important;
  }

  body.product-detail-tripleks main.container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    max-width: var(--tr-section-w) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 24px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 2221px !important;
    min-height: 2221px !important;
    max-height: 2221px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: var(--tr-radius) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 48px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__top {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .breadcrumbs-block {
    width: auto !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks #title-block,
  body.product-detail-tripleks .product--tripleks .title#title-block {
    width: var(--tr-inner-w) !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__main,
  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    height: 2073px !important;
    min-height: 2073px !important;
    max-height: 2073px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    min-height: 357px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden,
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden > div {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc-cont,
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full > div {
    box-sizing: border-box !important;
    display: block !important;
    width: calc(100% - 5px) !important;
    max-width: calc(100% - 5px) !important;
    min-height: 333px !important;
    margin: 0 0 0 5px !important;
    padding: 10px 20px 18px 20px !important;
    overflow: visible !important;
    background: #f0f4ff !important;
    border-radius: 5px !important;
    box-shadow: -5px 0 0 #006cff !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 700 !important;
    color: #000 !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 1667px !important;
    min-height: 1667px !important;
    max-height: 1667px !important;
    margin: 48px 0 0 0 !important;
    padding: 0 0 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 48px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 215px !important;
    min-height: 215px !important;
    max-height: 215px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details {
    order: 1 !important;
    display: block !important;
    position: static !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 84px !important;
    height: 23px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: #f2f3f4 !important;
    border-radius: 999px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.18px !important;
    color: #000 !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
    order: 2 !important;
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 36px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    color: #000 !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .description {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 95px !important;
    min-height: 95px !important;
    max-height: 95px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.55) !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 1380px !important;
    min-height: 1380px !important;
    max-height: 1380px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table table {
    width: 600px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    height: 1380px !important;
    margin: 0 !important;
  }

  body.product-detail-tripleks .product--tripleks .button-calculation {
    display: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 2078px !important;
    min-height: 2078px !important;
    max-height: 2078px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: var(--tr-radius) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head {
    width: var(--tr-inner-w) !important;
    height: 149px !important;
    min-height: 149px !important;
    max-height: 149px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head .title {
    width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__head .description {
    width: var(--tr-inner-w) !important;
    min-height: 95px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__list {
    width: var(--tr-inner-w) !important;
    height: 1845px !important;
    min-height: 1845px !important;
    max-height: 1845px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 18px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(1),
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(2),
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(5),
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(6) {
    height: 301px !important;
    min-height: 301px !important;
    max-height: 301px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(3) {
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(4) {
    height: 303px !important;
    min-height: 303px !important;
    max-height: 303px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image-tags,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image img {
    display: block !important;
    width: var(--tr-inner-w) !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .information {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(1) .information,
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(2) .information,
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(5) .information,
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(6) .information {
    height: 149px !important;
    min-height: 149px !important;
    max-height: 149px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(3) .information {
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(4) .information {
    height: 151px !important;
    min-height: 151px !important;
    max-height: 151px !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .name {
    width: calc(var(--tr-inner-w) - 48px) !important;
    max-width: calc(var(--tr-inner-w) - 48px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 20px !important;
    line-height: 24.8px !important;
    font-weight: 600 !important;
    letter-spacing: -0.156px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .description {
    width: calc(var(--tr-inner-w) - 48px) !important;
    max-width: calc(var(--tr-inner-w) - 48px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.45) !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .types-triplex-section.where-use,
  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider),
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order),
  body.product-detail-tripleks .form-calculation-section {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    max-width: var(--tr-section-w) !important;
    margin: 24px 0 0 0 !important;
  }

  body.product-detail-tripleks .order-manufacturer-section {
    min-height: 993px !important;
    padding: 24px !important;
    border-radius: var(--tr-radius) !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .order-manufacturer-section__container {
    width: var(--tr-inner-w) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  body.product-detail-tripleks .order-manufacturer-section .description {
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
  }

  body.product-detail-tripleks .order-manufacturer-section__col-right {
    width: var(--tr-inner-w) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.product-detail-tripleks .types-triplex-section {
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use {
    height: 494px !important;
    min-height: 494px !important;
    max-height: 494px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 224px !important;
    min-height: 224px !important;
    max-height: 224px !important;
    margin: 0 !important;
    padding: 24px !important;
    display: block !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block__title-block__title {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 0 9px 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block__title-block__description {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider {
    width: var(--tr-section-w) !important;
    height: 270px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider .swiper-wrapper {
    height: 270px !important;
    gap: normal !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card {
    box-sizing: border-box !important;
    flex: 0 0 calc(100vw - 105px) !important;
    width: calc(100vw - 105px) !important;
    min-width: calc(100vw - 105px) !important;
    max-width: calc(100vw - 105px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin: 0 12px 0 0 !important;
    padding: 24px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card .image,
  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card img {
    width: 100% !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    object-fit: cover !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .heading-block {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 84px !important;
    min-height: 84px !important;
    margin: 0 !important;
    padding: 24px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider,
  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .swiper-wrapper {
    height: 216px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .otherProductsSlider .item-product {
    width: calc(100vw - 80px) !important;
    max-width: calc(100vw - 80px) !important;
    height: 216px !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) {
    height: 1036px !important;
    min-height: 1036px !important;
    max-height: 1036px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 120px !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block__title-block__title {
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 72px !important;
    margin: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order {
    box-sizing: border-box !important;
    width: var(--tr-section-w) !important;
    height: 917px !important;
    min-height: 917px !important;
    max-height: 917px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 18px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(1),
  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(4) {
    height: 231px !important;
    min-height: 231px !important;
    max-height: 231px !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(2),
  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(3) {
    height: 209px !important;
    min-height: 209px !important;
    max-height: 209px !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item .number {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    margin: 0 0 24px 0 !important;
    padding: 6px !important;
    border-radius: 8px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 600 !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item .title {
    width: calc(var(--tr-inner-w) - 48px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 20px !important;
    line-height: 24.8px !important;
    font-weight: 600 !important;
    letter-spacing: -0.156px !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item .description {
    width: calc(var(--tr-inner-w) - 48px) !important;
    margin: 9px 0 0 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  body.product-detail-tripleks .form-calculation-section {
    height: 1338px !important;
    min-height: 1338px !important;
    max-height: none !important;
    padding: 24px !important;
    border-radius: var(--tr-radius) !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .form-calculation-section__container {
    min-height: 1290px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks footer.footer {
    margin-top: 0 !important;
  }
}
/* =========================================================
   TRIPLEKS v4 PATCH: desktop hero gap, where-use cards, mobile price badge
   ========================================================= */

/* DESKTOP */
@media (min-width: 769px) {
  /* 1. Убираем лишний провал после заголовка "Триплекс" */
  body.product-detail-tripleks .product--tripleks > .info-block {
    gap: 48px !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__top {
    height: 133px !important;
    min-height: 133px !important;
    max-height: 133px !important;
    gap: 24px !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description {
    margin-bottom: 64px !important;
  }

  /* 2. Блок "Где использовался триплекс" — карточки не на всю ширину */
  body.product-detail-tripleks .types-triplex-section.where-use {
    height: 644px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    height: 284px !important;
    padding: 64px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 360px !important;
    padding: 0 64px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider .swiper-wrapper {
    display: flex !important;
    gap: 16px !important;
    height: 360px !important;

  }

  body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider .swiper-slide {
    width: calc((100% - 32px) / 3) !important;
    min-width: calc((100% - 32px) / 3) !important;
    max-width: calc((100% - 32px) / 3) !important;
    flex: 0 0 calc((100% - 32px) / 3) !important;
    height: 360px !important;
    margin: 0 !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
    margin: 0 !important;
    padding: 32px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card .image,
  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card img {
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
    object-fit: cover !important;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  /* 3. "цена за м²" строго над заголовком прайса */
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 104px !important;
    max-height: none !important;

    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details {
    order: 1 !important;
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 84px !important;
    max-width: none !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #f2f3f4 !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details span {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    font-family: "SF Pro Text", sans-serif !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.18px !important;
    color: #000 !important;

    white-space: nowrap !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
    order: 2 !important;
    position: static !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 72px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "SF Pro Display", sans-serif !important;
    font-size: 36px !important;
    line-height: 36px !important;
    font-weight: 600 !important;

    white-space: normal !important;
    overflow: visible !important;
  }
}
/* =========================================================
   TRIPLEKS PATCH: mobile price badge above title + restore slider drag
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-tripleks
  main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block
  .price-table-block__heading
  .title-add {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block
  .price-table-block__heading
  .title-add
  > .price-details {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 84px !important;
    max-width: none !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background: #f2f3f4 !important;
    border-radius: 999px !important;

    white-space: nowrap !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  body.product-detail-tripleks
  main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block
  .price-table-block__heading
  .title-add
  > .price-details
  > span {
    display: inline-block !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    font-family: "SF Pro Text", sans-serif !important;
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.18px !important;
    color: #000 !important;

    white-space: nowrap !important;
  }

  body.product-detail-tripleks
  main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block
  .price-table-block__heading
  .title-add
  > .title {
    position: absolute !important;
    top: 38px !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 72px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "SF Pro Display", sans-serif !important;
    font-size: 36px !important;
    line-height: 36px !important;
    font-weight: 600 !important;

    white-space: normal !important;
    overflow: visible !important;
  }
}

/* =========================================================
   PVB TRIPLEKS DETAIL PAGE
   /products/tripleks/PVB-tripleks/
   Стили строго изолированы от общей страницы /products/tripleks/.
   ========================================================= */

body.product-detail-pvb-tripleks {
  overflow-x: hidden !important;
}

body.product-detail-pvb-tripleks .header-padding {
  position: relative !important;
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-pvb-tripleks .header-padding > .arrow {
  display: none !important;
}

/* ---------- desktop / tablet wide ---------- */
@media (min-width: 769px) {
  body.product-detail-pvb-tripleks main.container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 1rem !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, calc(100% - 39.6875rem)) 38.6875rem !important;
    column-gap: 1rem !important;
    row-gap: 0 !important;
    align-items: stretch !important;
    width: calc(100vw - 2rem) !important;
    max-width: none !important;
    height: 59.5rem !important;
    min-height: 59.5rem !important;
    max-height: 59.5rem !important;
    margin: 2rem 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block {
    grid-column: 1 / 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 59.5rem !important;
    min-height: 59.5rem !important;
    max-height: 59.5rem !important;
    margin: 0 !important;
    padding: 4rem !important;
    border-radius: 4rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4rem !important;
    position: relative !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .breadcrumbs-block {
    width: auto !important;
    height: 1.75rem !important;
    min-height: 1.75rem !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: .5rem !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .title,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks h1 {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks h1 {
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 4.5rem !important;
    line-height: 5.04rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.0025rem !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .description {
    width: 100% !important;
    max-width: 52rem !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.5rem !important;
    line-height: 1.98rem !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.55) !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2rem 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 2rem !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .product-hr {
    display: block !important;
    width: 100% !important;
    margin: 0 0 2rem 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 20.0625rem !important;
    min-height: 20.0625rem !important;
    max-height: 20.0625rem !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block .product-tab-pane {
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: auto 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .button-calculation,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .button-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 3.75rem !important;
    min-height: 3.75rem !important;
    margin: 0 !important;
    padding: 1rem 2rem !important;
    border-radius: 1.5rem !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.025rem !important;
    white-space: nowrap !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .photos-many-price {
    grid-column: 2 / 3 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 38.6875rem !important;
    height: 59.5rem !important;
    min-height: 59.5rem !important;
    max-height: 59.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 1rem !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many.visible-all {
    display: block !important;
    width: 100% !important;
    height: 29rem !important;
    min-height: 29rem !important;
    max-height: 29rem !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 2rem !important;
    background: transparent !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many.visible-all img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 2rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block {
    box-sizing: border-box !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many-price::before,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many-price::after,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many::before,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many::after {
    content: none !important;
    display: none !important;
  }
}

/* ---------- mobile ---------- */
@media (max-width: 768px) {
  body.product-detail-pvb-tripleks header {
    position: fixed !important;
    top: 24px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: 328px !important;
    max-width: calc(100vw - 62px) !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 12px 20px !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    z-index: 150 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks header > a.logo,
  body.product-detail-pvb-tripleks header > a.logo svg,
  body.product-detail-pvb-tripleks header .logo,
  body.product-detail-pvb-tripleks header .list-page {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks header > a:not(.logo) {
    display: block !important;
    width: 60px !important;
    height: 36px !important;
    min-width: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.product-detail-pvb-tripleks header .mobile-logo {
    display: flex !important;
    width: 60px !important;
    height: 36px !important;
    min-width: 60px !important;
  }

  body.product-detail-pvb-tripleks #mobile-menu-button {
    display: flex !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin: 0 !important;
  }

  body.product-detail-pvb-tripleks .header-padding {
    position: static !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks main.container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks {
    box-sizing: border-box !important;
    display: block !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: 1244px !important;
    min-height: 1244px !important;
    max-height: 1244px !important;
    margin: 24px 0 180px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 928px !important;
    min-height: 928px !important;
    max-height: 928px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 48px !important;
    position: relative !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 285px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px 24px 0 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .breadcrumbs-block {
    width: auto !important;
    height: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .title,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks h1 {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    height: auto !important;
    min-height: 36px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .description {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.55) !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin: 0 24px 32px 24px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 32px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .product-hr {
    display: block !important;
    width: calc(100% - 48px) !important;
    margin: 0 24px 24px 24px !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    height: 596px !important;
    min-height: 596px !important;
    max-height: 596px !important;
    margin: 0 24px !important;
    padding: 0 !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many-price,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .photos-many {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    top: 1256px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    z-index: 5 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .button-calculation,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .button-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    border-radius: 20px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
    letter-spacing: -0.32px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block > span {
    display: block !important;
    margin: 12px 24px 0 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section,
  body.product-detail-pvb-tripleks .question-section,
  body.product-detail-pvb-tripleks .product-question-block,
  body.product-detail-pvb-tripleks .prices-section,
  body.product-detail-pvb-tripleks .form-calculation-section,
  body.product-detail-pvb-tripleks .product-document-requirements-section,
  body.product-detail-pvb-tripleks .faq-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-pvb-tripleks .footer {
    margin-top: 0 !important;
  }
}

/* =========================================================
   PVB TRIPLEKS: where-used slider/cards final alignment
   Блок "Где использовался триплекс".
   Изолировано только для /products/tripleks/PVB-tripleks/.
   ========================================================= */

/* общий таргет блока — именно секция со слайдером объектов */
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) {
  box-sizing: border-box !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin: 48px 0 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 64px !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 16px !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block__title {
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block__description {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .types-triplex-section__slider,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: stretch !important;
  width: max-content !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 0 0 80px !important;
  gap: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  background: #010d26 !important;
  color: #fff !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(1,13,38,0) 38%, rgba(1,13,38,.78) 100%) !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image img,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 24px !important;
  object-fit: cover !important;
  overflow: hidden !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
  position: relative !important;
  z-index: 2 !important;
  width: 524px !important;
  max-width: 524px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 28px !important;
  line-height: 31.36px !important;
  font-weight: 600 !important;
  letter-spacing: -0.03px !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 23.76px !important;
  font-weight: 300 !important;
}

/* tablet: 768px оригинал — карточка 563x270, отступ слева 40px */
@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) {
    width: calc(100vw - 32px) !important;
    margin-top: 48px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .types-triplex-section__slider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    padding-left: 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image img,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card img {
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    border-radius: 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    width: 515px !important;
    max-width: 515px !important;
  }
}

/* mobile: 390/414px оригинал — карточка около 291x270, отступ слева 32px */
@media (max-width: 640px) {
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) {
    width: calc(100vw - 16px) !important;
    margin: 24px 0 0 0 !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 24px !important;
    margin: 0 !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block {
    max-width: none !important;
    gap: 12px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .types-triplex-section__slider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    padding-left: 32px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
    flex-basis: min(291px, calc(100vw - 80px)) !important;
    width: min(291px, calc(100vw - 80px)) !important;
    min-width: min(291px, calc(100vw - 80px)) !important;
    max-width: min(291px, calc(100vw - 80px)) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image img,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card img {
    width: min(291px, calc(100vw - 80px)) !important;
    min-width: min(291px, calc(100vw - 80px)) !important;
    max-width: min(291px, calc(100vw - 80px)) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    border-radius: 18px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    width: calc(min(291px, calc(100vw - 80px)) - 48px) !important;
    max-width: calc(min(291px, calc(100vw - 80px)) - 48px) !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
    font-size: 18px !important;
    line-height: 23.04px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    margin-top: 8px !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
  }
}


/* =========================================================
   PVB TRIPLEKS v3: audit corrections after master report
   1) return native Swiper geometry for "Где использовался триплекс";
   2) fix object-card sizes/offsets without blocking mouse drag;
   3) restore FAQ accordion button geometry if Bootstrap CSS is absent.
   ========================================================= */

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: 1rem !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
  padding: 4rem !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block {
  gap: 0.75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
  box-sizing: content-box !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  gap: 12px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  background: #fff !important;
  color: #000 !important;
  user-select: none !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(rgba(1, 13, 38, 0) 0%, rgba(1, 13, 38, 0.72) 100%) !important;
  border-radius: 0 !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image img,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card img {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  pointer-events: none !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
  position: relative !important;
  z-index: 1 !important;
  width: calc(100% - 48px) !important;
  max-width: calc(100% - 48px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  overflow: visible !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details span {
  position: relative !important;
  color: #fff !important;
}

body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details span:first-child::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: -9px !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 100% !important;
  background: #fff !important;
  transform: translateY(-50%) !important;
}

/* FAQ: local WordPress не подтягивает часть Bootstrap-геометрии для accordion-button, из-за этого FAQ растягивается. */
body.product-detail-pvb-tripleks .faq-triplex-section .accordion-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  text-align: left !important;
  color: #212529 !important;
  background: #fff !important;
  overflow-anchor: none !important;
  transition: none !important;
}

body.product-detail-pvb-tripleks .faq-triplex-section .accordion-item:first-child .accordion-button {
  border-radius: 3.5px 3.5px 0 0 !important;
}

body.product-detail-pvb-tripleks .faq-triplex-section .accordion-item:last-child .accordion-button.collapsed {
  border-radius: 0 0 3.5px 3.5px !important;
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container.container {
    padding-inline-start: 0.6667rem !important;
    padding-inline-end: 0.6667rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) {
    width: auto !important;
    margin-top: 24px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container.container {
    padding-inline-start: 0.6667rem !important;
    padding-inline-end: 0.6667rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block {
    gap: 0.75rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section {
    margin-top: 48px !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL FIX 2026-07-17
   Вставлено после всех старых правил PVB, чтобы перекрыть
   конфликтующие хвостовые фиксы и вернуть геометрию оригинала.
   ========================================================= */

/* Bootstrap collapse на локале: скрываем закрытые ответы FAQ.
   Это убирает лишние +800px высоты страницы. */
body.product-detail-pvb-tripleks .faq-triplex-section .collapse:not(.show) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-pvb-tripleks .faq-triplex-section .collapsing {
  height: 0 !important;
  overflow: hidden !important;
  transition: height .35s ease !important;
}

body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
  display: block !important;
}

/* ---------- PVB desktop/tablet wide: вернуть ширины title/tabs и кнопки как в оригинале ---------- */
@media (min-width: 769px) {
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 2rem 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs[data-product-tabs] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2rem !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block {
    width: fit-content !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2rem !important;
    margin: auto 0 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns {
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .75rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block > span {
    display: block !important;
    width: auto !important;
    max-width: 18.375rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ---------- PVB mobile/tablet <=768: точная геометрия hero, price-card и табов ---------- */
@media (max-width: 768px) {
  body.product-detail-pvb-tripleks main.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow-x: hidden !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: 1244px !important;
    min-height: 1244px !important;
    max-height: 1244px !important;
    margin: 24px 0 180px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 928px !important;
    min-height: 928px !important;
    max-height: 928px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 48px !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 213px !important;
    min-height: 213px !important;
    max-height: 213px !important;
    margin: 0 !important;
    padding: 24px 24px 0 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    overflow: visible !important;
    flex: 0 0 213px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    letter-spacing: -0.03px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .description {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    color: rgba(1, 13, 38, 0.6) !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 667px !important;
    min-height: 667px !important;
    max-height: 667px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    overflow: visible !important;
    flex: 0 0 667px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    flex: 0 0 22px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 24px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .product-hr {
    display: block !important;
    width: 312px !important;
    max-width: calc(100% - 48px) !important;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
    margin: 0 0 0 24px !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background-color: rgba(1, 13, 38, 0.1) !important;
    flex: 0 0 1px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    height: 596px !important;
    min-height: 596px !important;
    max-height: 596px !important;
    margin: 0 24px !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    flex: 0 0 596px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks > .photos-many-price {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 304px !important;
    min-height: 304px !important;
    max-height: 304px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    overflow: visible !important;
    flex: 0 0 304px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks > .photos-many-price > .photos-many {
    display: none !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 304px !important;
    min-height: 304px !important;
    max-height: 304px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 32px !important;
    background-color: #fff !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    top: 1256px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 151px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    overflow: visible !important;
    z-index: 5 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block > span {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 24px !important;
    text-align: center !important;
  }
}

/* ---------- 641–768: у оригинала hero и price-блок ниже, чем на 390/414 ---------- */
@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks {
    height: 1036px !important;
    min-height: 1036px !important;
    max-height: 1036px !important;
    margin-bottom: 180px !important;
  }

  body.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block {
    height: 767px !important;
    min-height: 767px !important;
    max-height: 767px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top {
    height: 166px !important;
    min-height: 166px !important;
    max-height: 166px !important;
    flex-basis: 166px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main {
    height: 553px !important;
    min-height: 553px !important;
    max-height: 553px !important;
    flex-basis: 553px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block {
    height: 482px !important;
    min-height: 482px !important;
    max-height: 482px !important;
    flex-basis: 482px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks > .photos-many-price,
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block {
    height: 257px !important;
    min-height: 257px !important;
    max-height: 257px !important;
    flex-basis: 257px !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block {
    top: 1048px !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL FIX v2 — по layout report v8
   Причины:
   - общий фикс ordinary product перебивал PVB через :not(.product-detail-tripleks);
   - у .btns-info-block остался transform: translateY(100%) из main.css;
   - #accordionFaq был принудительно display:block;
   - карточки "Где использовался" тянули картинку в 42rem/30rem из-за rem-расхождения.
   ========================================================= */

/* ---------- PVB mobile/tablet: первый экран и кнопки ---------- */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block > .info-block__top {
    margin: 0 !important;
    margin-bottom: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block > .info-block__main {
    margin: 0 !important;
    margin-top: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    top: 1256px !important;
    bottom: auto !important;
    transform: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block > span {
    padding-left: 12px !important;
    padding-right: 12px !important;
    text-align: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks h1 {
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    font-size: 28.5px !important;
    line-height: 35.84px !important;
    letter-spacing: -0.03px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq > .accordion-item {
    width: 100% !important;
    margin: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section .block-products-mini.otherProductsSlider .swiper-slide,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section .block-products-mini.otherProductsSlider .item-product {
    width: calc(82.6816vw - 26.46px) !important;
    min-width: calc(82.6816vw - 26.46px) !important;
    max-width: calc(82.6816vw - 26.46px) !important;
    flex-basis: calc(82.6816vw - 26.46px) !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    top: 1048px !important;
    bottom: auto !important;
    transform: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section .block-products-mini.otherProductsSlider .swiper-slide,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section .block-products-mini.otherProductsSlider .item-product {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    flex-basis: 210px !important;
  }
}

/* ---------- PVB desktop/tablet wide: FAQ обратно сеткой, не full-width списком ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: start !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq > .accordion-item {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq > .accordion-item:nth-child(odd) {
    grid-column: 1 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq > .accordion-item:nth-child(even) {
    grid-column: 2 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-button {
    width: 100% !important;
  }
}

/* ---------- PVB desktop: карточки "Где использовался" ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.whereUseTriplexSlider) .place-triplex-card {
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.whereUseTriplexSlider) .place-triplex-card .image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .image img,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.whereUseTriplexSlider) .place-triplex-card .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .name,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.typesTriplexSlider) .place-triplex-card .details,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.whereUseTriplexSlider) .place-triplex-card .name,
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section:has(.whereUseTriplexSlider) .place-triplex-card .details {
    position: relative !important;
    z-index: 2 !important;
  }
}

/* ---------- PVB desktop: лишние общие отступы из product-detail-page ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks .types-triplex-section .block-products-mini.otherProductsSlider {
    margin-top: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > section.types-triplex-section,
  body.product-detail-page.product-detail-pvb-tripleks main.container > section.question-section,
  body.product-detail-page.product-detail-pvb-tripleks main.container > section.product-question-block,
  body.product-detail-page.product-detail-pvb-tripleks main.container > section.product-document-requirements-section,
  body.product-detail-page.product-detail-pvb-tripleks main.container > #prices-block,
  body.product-detail-page.product-detail-pvb-tripleks main.container > #form-calculation-block {
    margin-top: 1.5rem !important;
  }
}

/* ---------- PVB FAQ: закрытые collapse скрываем, но не ломаем сетку аккордеона ---------- */
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-collapse.collapse:not(.show) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-collapse.collapsing {
  height: 0 !important;
  overflow: hidden !important;
}

/* ---------- PVB fallback для браузера без :has() ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks .whereUseTriplexSlider .place-triplex-card .image,
  body.product-detail-page.product-detail-pvb-tripleks .typesTriplexSlider .place-triplex-card .image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .whereUseTriplexSlider .place-triplex-card .image img,
  body.product-detail-page.product-detail-pvb-tripleks .typesTriplexSlider .place-triplex-card .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL v3 — hero + FAQ exactness patch
   2026-07-17
   ========================================================= */

/* FAQ: закрытые collapse-блоки не должны быть видимыми */
body.product-detail-pvb-tripleks .faq-triplex-section .accordion-collapse.collapse:not(.show) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-pvb-tripleks .faq-triplex-section .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
}

/* ---------- Desktop / tablet-wide ---------- */
@media (min-width: 769px) {

  /* Первый экран PVB: описание должно занимать почти всю доступную ширину,
     как на оригинале, а не обрываться короткой строкой */
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .description {
    display: block !important;
    width: 89.5% !important;
    max-width: 89.5% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks > .info-block {
    gap: 4rem !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top {
    gap: 2rem !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main {
    margin-top: 0 !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .tabs-cont {
    margin-top: 0 !important;
  }


  /* FAQ: вернуть оригинальную сетку 2 колонки */
  body.product-detail-pvb-tripleks .faq-triplex-section {
    background: #fff !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    width: 100% !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__title {
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__desc {
    flex: 0 0 40% !important;
    width: 40% !important;
    max-width: 40% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section .faq-block,
  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1rem !important;
    align-items: start !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 1.5rem !important;
    overflow: hidden !important;
    background: #f2f3f4 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 5rem !important;
    margin: 0 !important;
    padding: 1.5rem 2rem !important;
    border: 0 !important;
    border-radius: 1.5rem !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-body {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.5rem 2rem 1.5rem 2rem !important;
    background: #f2f3f4 !important;
  }
}


/* ---------- Mobile / tablet <=768 ---------- */
@media (max-width: 768px) {
  body.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top > .description {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks .product.product--pvb-tripleks > .info-block {
    gap: 48px !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #f2f3f4 !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 20px 24px !important;
    border: 0 !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: none !important;
    white-space: normal !important;
  }

  body.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq .accordion-body {
    padding: 0 24px 20px 24px !important;
    background: #f2f3f4 !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL v4 — mobile prices + FAQ visual patch
   2026-07-17
   ========================================================= */

/* Первый экран на десктопе: описание должно быть шире, как в оригинале */
@media (min-width: 769px) {
  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .info-block__top > .description {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .info-block__top {
    gap: 2rem !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  > .info-block {
    gap: 4rem !important;
  }
}


/* FAQ: если кнопка collapsed — ответ точно скрыт */
body.product-detail-pvb-tripleks
.faq-triplex-section
.accordion-header:has(.accordion-button.collapsed)
+ .accordion-collapse {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-pvb-tripleks
.faq-triplex-section
.accordion-collapse.collapse:not(.show) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}


/* MOBILE: пересобираем верх страницы так, чтобы цены шли ДО кнопок */
@media (max-width: 768px) {
  body.product-detail-pvb-tripleks
  main.container
  > .product.product--pvb-tripleks {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;

    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 24px 0 190px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-pvb-tripleks
  main.container
  > .product.product--pvb-tripleks
  > .info-block {
    order: 1 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding-bottom: 24px !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .info-block__top {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-basis: auto !important;
    padding: 24px 24px 0 24px !important;
    gap: 18px !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .info-block__main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-basis: auto !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .content-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-basis: auto !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .content-block .desc-cont,
  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .content-block .desc {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-pvb-tripleks
  main.container
  > .product.product--pvb-tripleks
  > .photos-many-price {
    order: 2 !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  > .photos-many-price
  > .photos-many {
    display: none !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 24px !important;

    border-radius: 32px !important;
    background: #fff !important;

    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .title {
    font-size: 20px !important;
    line-height: 24.8px !important;
    font-weight: 600 !important;
    margin: 0 0 8px 0 !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .description {
    font-size: 16px !important;
    line-height: 18.4px !important;
    font-weight: 300 !important;
    margin: 0 0 18px 0 !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .prices,
  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .prices-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .prices-item {
    box-sizing: border-box !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .prices-item .head {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    margin: 0 0 6px 0 !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block .prices-item .desc {
    font-size: 14px !important;
    line-height: 16.8px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  /* Кнопки визуально идут после блока цен */
  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .btns-info-block {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    top: calc(100% + 328px) !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    transform: none !important;
    z-index: 10 !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .btns-info-block__btns .button {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .btns-info-block > span {
    display: block !important;
    padding: 0 24px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }


  /* MOBILE FAQ: как на оригинале — белые карточки без серой заливки */
  body.product-detail-pvb-tripleks
  .faq-triplex-section {
    background: #fff !important;
    border-radius: 48px !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-item {
    background: #fff !important;
    border: 1px solid rgba(1, 13, 38, 0.04) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  body.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button {
    min-height: 76px !important;
    padding: 19px 24px !important;
    background: #fff !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
  }

  body.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
    display: none !important;
    content: none !important;
  }

  body.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
    background: #fff !important;
    padding: 0 24px 20px 24px !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    color: rgba(1, 13, 38, 0.6) !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL v5 — mobile price cards + FAQ exact patch
   2026-07-17
   ========================================================= */

@media (max-width: 768px) {
  /* Цены: внешний .prices не должен быть grid, иначе .prices-block ужимается в половину ширины */
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px !important;
    border-radius: 32px !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  > .title {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 20px !important;
    line-height: 24.8px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  > .description {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 18.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  .prices {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  .prices-block {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  .prices-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  .prices-item
  .head {
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
    white-space: normal !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .price-block
  .prices-item
  .desc {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 14px !important;
    line-height: 16.8px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
    white-space: normal !important;
  }


  /* FAQ mobile: привести карточки к оригиналу — белый фон, без серых кнопок и стрелок */
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section {
    box-sizing: border-box !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px !important;
    border-radius: 48px !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  .faq-triplex-section__container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  .faq-triplex-section__head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  .faq-triplex-section__head__title {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  .faq-triplex-section__head__desc {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    font-weight: 300 !important;
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  .faq-block,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-item {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(1, 13, 38, 0.04) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-header {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 18px 24px !important;

    background: #fff !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
    text-align: left !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
    padding: 0 24px 18px 24px !important;
    background: #fff !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.6) !important;
  }
}

/* =========================================================
   PVB TRIPLEKS FINAL v6 — FAQ back to original visual
   2026-07-17
   Оригинал: серые FAQ-карточки с маленькой стрелкой справа.
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section {
    background: #fff !important;
    border-radius: 48px !important;
    padding: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-item {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 18px 24px !important;

    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    outline: none !important;

    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
    text-align: left !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed::after {
    content: "" !important;
    display: block !important;
    flex: 0 0 12px !important;
    width: 12px !important;
    height: 12px !important;
    margin-left: auto !important;

    background: none !important;
    border-right: 1.5px solid rgba(1, 13, 38, 0.65) !important;
    border-bottom: 1.5px solid rgba(1, 13, 38, 0.65) !important;
    transform: rotate(45deg) !important;
    transition: transform .2s ease !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button:not(.collapsed)::after {
    transform: rotate(225deg) !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse.show {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
    padding: 0 24px 20px 24px !important;
    background: #f2f3f4 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.6) !important;
  }
}

/* Desktop FAQ тоже возвращаем к виду оригинала: серые карточки, ответы скрыты */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-item {
    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 24px !important;
    box-shadow: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
}

/* =========================================================
   PVB TRIPLEKS STRUCTURE FIX v8
   PHP: .btns-info-block вынесен после .photos-many-price.
   Поэтому на мобильной версии больше не нужны absolute/top/calc.
   ========================================================= */

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 24px 0 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .info-block {
    order: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding-bottom: 24px !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__top,
  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .info-block__main,
  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-basis: auto !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block .desc-cont,
  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .content-block .desc {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .photos-many-price {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks > .photos-many-price > .photos-many {
    display: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 32px !important;
    background: #fff !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block .prices {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block .prices-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .price-block .prices-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .btns-info-block {
    order: 3 !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block__btns .button {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .product.product--pvb-tripleks .btns-info-block > span {
    display: block !important;
    width: 100% !important;
    padding: 0 24px !important;
    text-align: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > section.product-question-block {
    margin-top: 24px !important;
  }
}

/* Desktop после выноса кнопок: оставляем их визуально под левым блоком, не ломая сетку */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks main.container > .product.product--pvb-tripleks > .btns-info-block {
    grid-column: 1 / 2 !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: -1rem !important;
    position: relative !important;
    transform: none !important;
    z-index: 2 !important;
  }
}


/* =========================================================
   TRIPLEKS TYPE TEMPLATE — shared styles for EVA/PVB/etc.
   Use this for: /products/tripleks/* internal pages
   Required HTML classes:
   body.product-detail-tripleks-type
   .product.product--tripleks-type.product--SLUG
   Structure: info-block -> photos-many-price -> btns-info-block
   ========================================================= */

body.product-detail-tripleks-type .product.product--tripleks-type > .info-block,
body.product-detail-tripleks-type .product.product--tripleks-type > .photos-many-price,
body.product-detail-tripleks-type .product.product--tripleks-type > .btns-info-block {
  box-sizing: border-box;
}

@media (min-width: 769px) {
  body.product-detail-tripleks-type .product.product--tripleks-type {
    align-items: stretch !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type > .info-block {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type > .info-block .content-block {
    overflow: hidden !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type > .photos-many-price .photos-many {
    height: auto !important;
    min-height: 0 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type > .btns-info-block {
    grid-column: 1 / 2 !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: -1rem !important;
    position: relative !important;
    transform: none !important;
    z-index: 2 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-tripleks-type main.container > .product.product--tripleks-type {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 24px 0 24px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-tripleks-type main.container > .product.product--tripleks-type > .info-block {
    order: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding-bottom: 24px !important;
    overflow: visible !important;
    position: relative !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .info-block__top,
  body.product-detail-tripleks-type .product.product--tripleks-type .info-block__main,
  body.product-detail-tripleks-type .product.product--tripleks-type .content-block,
  body.product-detail-tripleks-type .product.product--tripleks-type .content-block .desc-cont,
  body.product-detail-tripleks-type .product.product--tripleks-type .content-block .desc {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex-basis: auto !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks-type main.container > .product.product--tripleks-type > .photos-many-price {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type > .photos-many-price > .photos-many {
    display: none !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 32px !important;
    background: #fff !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block > .title {
    display: block !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Display", sans-serif !important;
    font-size: 20px !important;
    line-height: 24.8px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block > .description {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 18.4px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block .prices {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block .prices-block {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block .prices-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block .prices-item .head {
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
    color: #010d26 !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .price-block .prices-item .desc {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 14px !important;
    line-height: 16.8px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, 0.4) !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks-type main.container > .product.product--tripleks-type > .btns-info-block {
    order: 3 !important;
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns .button {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns .button-calculation {
    background: #a32727 !important;
    border: 1px solid #8f2020 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns .button-calculation span {
    color: #fff !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns .button-more {
    background: #fff !important;
    border: 1px solid rgba(1, 13, 38, 0.08) !important;
    color: #010d26 !important;
    box-shadow: none !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block__btns .button-more span {
    color: #010d26 !important;
  }

  body.product-detail-tripleks-type .product.product--tripleks-type .btns-info-block > span {
    display: block !important;
    width: 100% !important;
    padding: 0 24px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: rgba(1, 13, 38, 0.4) !important;
  }

  body.product-detail-tripleks-type main.container > section.product-question-block {
    margin-top: 24px !important;
  }

  body.product-detail-tripleks-type .faq-triplex-section #accordionFaq .accordion-item {
    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  body.product-detail-tripleks-type .faq-triplex-section #accordionFaq .accordion-button,
  body.product-detail-tripleks-type .faq-triplex-section #accordionFaq .accordion-button.collapsed {
    min-height: 76px !important;
    padding: 18px 24px !important;
    background: #f2f3f4 !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
  }

  body.product-detail-tripleks-type .faq-triplex-section #accordionFaq .accordion-collapse.collapse:not(.show) {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
}

/* =========================================================
   EVA TRIPLEKS v19 — clean rebuild
   Один изолированный блок вместо накопленных EVA v3-v18.
   DOM:
   .product > .info-block (.btns-info-block внутри)
   .product > .photos-many-price
   ========================================================= */

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks {
  overflow-x: hidden !important;
}

/* ---------- HERO: desktop ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks main.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    column-gap: 0.833333vw !important;
    row-gap: 0 !important;

    width: calc(100vw - 32px) !important;
    max-width: none !important;
    height: 49.375vw !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 1.666667vw 16px 1.666667vw 16px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .info-block {
    box-sizing: border-box !important;
    position: static !important;
    grid-column: span 4 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3.333333vw !important;

    width: auto !important;
    max-width: none !important;
    height: 49.375vw !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 3.333333vw !important;
    border-radius: 3.333333vw !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__top {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25vw !important;
    width: 42.916667vw !important;
    max-width: 42.916667vw !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .breadcrumbs-block,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .title,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .title h1,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__top > .description {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__main {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.666667vw !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 1.666667vw !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs[data-product-tabs] .tab.active {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #932828 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .product-hr {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(1, 13, 38, .1) !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .info-block-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 0.833333vw !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 2.5vw 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .info-block-list__item {
    box-sizing: border-box !important;
    flex: 0 0 14.185417vw !important;
    width: 14.185417vw !important;
    min-width: 14.185417vw !important;
    max-width: 14.185417vw !important;
    height: 9.820313vw !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0.833333vw 1.041667vw !important;
    border-radius: 1.25vw !important;
    background: #f2f3f4 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .desc-cont {
    display: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .desc.mobile-hidden {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .photos-many-price {
    box-sizing: border-box !important;
    grid-column: span 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.833333vw !important;

    width: auto !important;
    max-width: none !important;
    height: 49.375vw !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks > .photos-many-price > .photos-many {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    height: 24.166667vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 1.666667vw !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks > .photos-many-price > .photos-many > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 1.666667vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 24.375vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1.666667vw !important;
    border-radius: 3.333333vw !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block > .title {
    margin: 0 0 .416667vw 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block > .description {
    margin: 0 0 1.25vw 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-block {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .416667vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 5.216667vw !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: .833333vw !important;
    border-radius: .625vw !important;
    background: #f2f3f4 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-item .head {
    display: block !important;
    margin: 0 0 .520833vw 0 !important;
    white-space: normal !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-item .desc {
    display: block !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  /* CTA is nested in info-block, but info-block is static: containing block = product. */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks
  > .info-block > .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 3.333333vw !important;
    right: auto !important;
    top: auto !important;
    bottom: 3.333333vw !important;
    transform: none !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1.666667vw !important;

    width: 44.453125vw !important;
    max-width: 44.453125vw !important;
    height: 3.227604vw !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block__btns {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .625vw !important;
    width: 27.475521vw !important;
    height: 3.227604vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 3.227604vw !important;
    margin: 0 !important;
    padding: .833333vw 1.666667vw !important;
    border-radius: 1.25vw !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.041667vw !important;
    line-height: 1.458333vw !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-calculation {
    width: 15.088542vw !important;
    min-width: 15.088542vw !important;
    max-width: 15.088542vw !important;
    background: #932828 !important;
    border: 1px solid #932828 !important;
    color: #fff !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-more {
    width: 11.7625vw !important;
    min-width: 11.7625vw !important;
    max-width: 11.7625vw !important;
    background: #fff !important;
    border: 1px solid rgba(1, 13, 38, .12) !important;
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-calculation span {
    color: #fff !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-more span {
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block > span {
    display: block !important;
    width: 15.311458vw !important;
    max-width: 15.311458vw !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: .833333vw !important;
    line-height: .933333vw !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, .4) !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* ---------- HERO: mobile ---------- */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks main.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow-x: hidden !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 1182.21875px !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 24px 0 180px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .info-block {
    box-sizing: border-box !important;
    position: static !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 48px !important;

    width: 100% !important;
    max-width: none !important;
    height: 866.390625px !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border-radius: 48px !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__top {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 166px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;

    width: 100% !important;
    height: 166px !important;
    margin: 0 !important;
    padding: 24px 24px 0 24px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .breadcrumbs-block,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .title,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .title h1,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__top > .description {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .title h1 {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .info-block__main {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs-cont {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .tabs[data-product-tabs] .tab.active {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #932828 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .product-hr {
    display: block !important;
    width: calc(100% - 48px) !important;
    height: 1px !important;
    margin: 0 24px !important;
    padding: 0 !important;
    border: 0 !important;
    background: rgba(1, 13, 38, .1) !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 24px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .info-block-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
    margin: 0 0 36px 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .info-block-list__item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 80px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: #f2f3f4 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .desc.mobile-hidden {
    display: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .desc-cont {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .content-block .desc-cont .more-text {
    display: inline-block !important;
    margin-top: 24px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .photos-many-price {
    box-sizing: border-box !important;
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    height: 303.828125px !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks > .photos-many-price > .photos-many {
    display: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 303.828125px !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 32px !important;
    background: #fff !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block > .title {
    margin: 0 0 8px 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block > .description {
    margin: 0 0 7px 0 !important;
    font-size: 14px !important;
    line-height: 15.6804px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-item {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 77.53125px !important;
    margin: 0 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks
  > .info-block > .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 1194.21875px !important;
    bottom: auto !important;
    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;

    width: 100% !important;
    height: 151.109375px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 10 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
    height: 103.78125px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46.390625px !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    border-radius: 18px !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    font-weight: 600 !important;
    text-align: center !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-calculation {
    background: #932828 !important;
    border: 1px solid #932828 !important;
    color: #fff !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-more {
    height: 48.390625px !important;
    background: #fff !important;
    border: 1px solid rgba(1, 13, 38, .12) !important;
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-calculation span {
    color: #fff !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block .button-more span {
    color: #010d26 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .btns-info-block > span {
    display: block !important;
    width: 100% !important;
    height: 31.34375px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 14px !important;
    line-height: 15.6804px !important;
    font-weight: 300 !important;
    color: rgba(1, 13, 38, .4) !important;
    text-align: center !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    height: 929px !important;
    margin-bottom: 180px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .info-block {
    height: 660px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks > .photos-many-price,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block {
    height: 257px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks .price-block .prices-item {
    height: 61.859375px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container > .product.product--tripleks-type.product--eva-tripleks
  > .info-block > .btns-info-block {
    top: 987.75px !important;
    height: 135.4375px !important;
  }
}

/* ---------- Where used slider: same geometry as the working PVB template ---------- */
body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container,
body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) .heading-block {
  padding: 4rem !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) .heading-block__title-block {
  gap: .75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.types-triplex-section:has(.typesTriplexSlider) .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 12px !important;

  background: transparent !important;
  color: #fff !important;
  user-select: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(rgba(1, 13, 38, 0) 0%, rgba(1, 13, 38, .72) 100%) !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  pointer-events: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .name,
body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .details {
  position: relative !important;
  z-index: 2 !important;
  width: calc(100% - 48px) !important;
  max-width: calc(100% - 48px) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.typesTriplexSlider .place-triplex-card .details span {
  color: #fff !important;
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card .name {
    font-size: 20px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card .details {
    font-size: 16px !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider) .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card .name {
    font-size: 20px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider .place-triplex-card .details {
    font-size: 16px !important;
  }
}

/* ---------- FAQ ---------- */
body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section {
  overflow-anchor: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section #accordionFaq {
  gap: 16px !important;
}

@media (min-width: 769px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
  }
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-item {
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-button {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 16px !important;
  align-items: center !important;
  column-gap: 20px !important;

  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 18px 24px !important;

  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  color: #010d26 !important;
  box-shadow: none !important;

  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 23.75px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-button::after {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 9px !important;
  height: 9px !important;
  margin: 0 auto !important;
  border-right: 1.5px solid rgba(1, 13, 38, .75) !important;
  border-bottom: 1.5px solid rgba(1, 13, 38, .75) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transition: transform .22s ease !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-button[aria-expanded="true"]::after {
  transform: rotate(225deg) !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-collapse {
  display: block !important;
  height: 0;
  overflow: hidden !important;
  visibility: visible !important;
  transition: height .26s ease !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-collapse[hidden] {
  display: none !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.faq-triplex-section .accordion-body {
  padding: 0 24px 20px 24px !important;
  color: rgba(1, 13, 38, .72) !important;
}

/* ---------- Other products: let Swiper control transform ---------- */
body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.otherProductsSlider {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  cursor: grab !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.otherProductsSlider:active {
  cursor: grabbing !important;
}

body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
.otherProductsSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

@media (max-width: 640px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider .swiper-slide,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider .item-product {
    width: calc(82.6816vw - 26.46px) !important;
    min-width: calc(82.6816vw - 26.46px) !important;
    max-width: calc(82.6816vw - 26.46px) !important;
    flex-basis: calc(82.6816vw - 26.46px) !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider .swiper-slide,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider .item-product {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    flex-basis: 210px !important;
  }
}

/* =========================================================
   EVA TRIPLEKS v20 — measured corrections from comparison 15:04
   Основа: clean v19. Только подтверждённые правки:
   - desktop content width/padding;
   - tablet hero +46.75px;
   - mobile/tablet header width;
   - FAQ desktop scaling and button layout;
   - section container overflow;
   - where-used mobile padding;
   - remove false max-width on other products.
   ========================================================= */

/* ---------- desktop page geometry ---------- */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container {
    box-sizing: border-box !important;
    padding-left: 0.833333vw !important;
    padding-right: 0.833333vw !important;
    margin-top: 0 !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* All large section containers must use the same inner width as original. */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > section
  > .container,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > section
  > [class$="__container"] {
    box-sizing: border-box !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section__container.container {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider {
    max-width: none !important;
  }

  /* Original desktop FAQ scales with the viewport. Fixed px values made
     the 1366 page substantially taller while 1920 was nearly correct. */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  #accordionFaq {
    column-gap: 0.833333vw !important;
    row-gap: 0.833333vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-item,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    border-radius: 0.9375vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 1.041667vw !important;
    grid-template-columns: none !important;

    min-height: 4vw !important;
    padding: 0.9375vw 1.25vw !important;

    font-size: 0.9375vw !important;
    line-height: 1.166667vw !important;
    color: #000 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button::after {
    flex: 0 0 0.46875vw !important;
    width: 0.46875vw !important;
    height: 0.46875vw !important;
    margin: 0 0.15625vw 0 1.041667vw !important;
    border-right-width: 0.078125vw !important;
    border-bottom-width: 0.078125vw !important;
    border-color: rgba(0, 0, 0, .65) !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-body {
    padding: 0 1.25vw 1.041667vw 1.25vw !important;
  }
}

/* ---------- tablet: report shows every section after hero 46.75px too high ---------- */
@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    height: 975.75px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks
  > .info-block {
    height: 706.75px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks
  > .info-block
  > .btns-info-block {
    top: 1034.5px !important;
  }
}

/* ---------- mobile and tablet header ---------- */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  header {
    box-sizing: border-box !important;
    left: 50% !important;
    right: auto !important;
    top: 24px !important;
    transform: translateX(-50%) !important;

    width: 327.984px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 62px) !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;

    padding: 12px 20px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider {
    max-width: none !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    column-gap: 20px !important;
    grid-template-columns: none !important;

    min-height: 76px !important;
    padding: 18px 24px !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    color: #000 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button::after {
    flex: 0 0 9px !important;
    width: 9px !important;
    height: 9px !important;
    margin: 0 3px 0 20px !important;
    border-color: rgba(0, 0, 0, .65) !important;
  }
}

/* =========================================================
   EVA TRIPLEKS v21 — typography corrections from exact reports
   Compared:
   - tts-typography-local-1920x919.json
   - tts-typography-original-1920x919.json
   ========================================================= */

/* FAQ: original = 24px / 31.6787px / -0.479981px.
   v20 accidentally reduced it to 18px / 22.4px. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    min-height: 4.147969vw !important;     /* 79.641px at 1920 */
    padding: 1.25vw 1.666667vw !important; /* 24px 32px */

    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.249948vw !important;      /* 23.999px */
    line-height: 1.649932vw !important;    /* 31.6787px */
    font-weight: 600 !important;
    letter-spacing: -0.024999vw !important; /* -0.479981px */
    color: rgb(33, 37, 41) !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-body {
    color: rgb(33, 37, 41) !important;
  }
}

/* Object cards: original title = 32px / 39.6784px.
   Local v20 = 28px / 31.36px. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider
  .place-triplex-card
  .name {
    width: 100% !important;
    max-width: 100% !important;

    font-family: "SF Pro Display", sans-serif !important;
    font-size: 1.666599vw !important;      /* 31.9987px */
    line-height: 2.066583vw !important;    /* 39.6784px */
    font-weight: 600 !important;
    letter-spacing: -0.010833vw !important; /* -0.207992px */
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .typesTriplexSlider
  .place-triplex-card
  .details {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Keep the original mobile/tablet sizes from their own breakpoints. */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    color: rgb(33, 37, 41) !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-body {
    color: rgb(33, 37, 41) !important;
  }
}

/* =========================================================
   EVA TRIPLEKS v22 — exact block geometry corrections
   Source reports:
   - tts-blocks-original-1920x919.json
   - tts-blocks-local-1920x919.json

   Confirmed differences:
   - hero image/price flex ratio;
   - FAQ grid gap and radii;
   - 80px desktop slider offset;
   - other-products desktop slidesPerView;
   - extra 64px before other-products slider and footer.
   ========================================================= */

@media (min-width: 769px) {
  /*
   * Original main is a clipping/BFC container.
   * This preserves the 96px main top while the product itself starts at 128px.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  /*
   * First screen:
   * original at 1920px:
   * product       947.656px
   * image         464.016px
   * column gap     15.984px
   * price         467.656px
   *
   * flex-basis is required: the old flex: 1 1 0% redistributed the
   * available height according to content and produced 434px / 498px.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"],
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"]
  > .info-block,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"]
  > .photos-many-price {
    height: 49.357083vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks
  > .photos-many-price {
    gap: 0.8325vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks
  > .photos-many-price
  > .photos-many {
    flex: 0 0 24.1675vw !important;
    width: 100% !important;
    height: 24.1675vw !important;
    min-height: 24.1675vw !important;
    max-height: 24.1675vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .product.product--eva-tripleks
  > .photos-many-price
  > .price-block {
    flex: 0 0 24.357083vw !important;
    width: 100% !important;
    height: 24.357083vw !important;
    min-height: 24.357083vw !important;
    max-height: 24.357083vw !important;
  }

  /*
   * FAQ:
   * original grid gap = 19.9992px, local = 16px.
   * Two row gaps account for the missing ~8px section height.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  #accordionFaq {
    column-gap: 1.041625vw !important;
    row-gap: 1.041625vw !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-item,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  .accordion-button {
    border-radius: 1.249948vw !important;
  }

  /*
   * Original has no 64px margin above the slider.
   * Removing it restores the exact section height:
   * 632.578px -> 568.578px.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .otherProductsSlider {
    margin-top: 0 !important;
  }

  /*
   * Original footer immediately follows main.
   * Local had an additional 64px margin.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  footer,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  footer.footer {
    margin-top: 0 !important;
  }
}

/* =========================================================
   EVA TRIPLEKS v27 — corrections from 17:04 handoff
   Reviewed:
   - CHAT_BRIEF.md
   - fix_context.json
   - fix_context_min.json
   - TECHNICAL_DETAILS.md
   - all 19 source snippets
   - 4 viewport previews
   - 5 visual groups

   Confirmed corrections:
   1. 1366 desktop header spacer must scale as 5vw, not stay 96px.
   2. Repeated .types-triplex-section margin must be 1.666667vw.
   3. Lower quality-documents card must not contain the download list.
      This is fixed in PHP v27.
   4. Mobile/tablet where-used padding belongs to the inner container.
   5. Tablet FAQ button must not have forced 76px min-height.
   ========================================================= */

/* ---------- desktop geometry ---------- */
@media (min-width: 769px) {
  /*
   * Original:
   * 1366px viewport -> header spacer about 68.3px
   * 1920px viewport -> header spacer about 96px
   *
   * A fixed 96px spacer shifted the complete 1366 page down by 27.7px.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  > .header-padding,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .header-padding {
    box-sizing: border-box !important;
    height: 5vw !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /*
   * Match the source grid declaration.
   * The row gap has no visible effect while the hero has one row, but it
   * removes a confirmed computed-style mismatch.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > .product.product--tripleks-type.product--eva-tripleks[data-block="price"] {
    max-width: none !important;
    column-gap: 0.833333vw !important;
    row-gap: 0.833333vw !important;
    gap: 0.833333vw !important;

    margin-top: 1.666667vw !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  /*
   * At 1366px the local template used a fixed 32px margin, while the source
   * uses 1.666667vw = about 22.77px. The 9.23px error repeated after each
   * type section and created the cumulative vertical drift.
   *
   * At 1920px this still equals 32px, so the already-correct wide desktop
   * geometry is preserved.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  main.container
  > section.types-triplex-section {
    margin-top: 1.666667vw !important;
  }
}

/* ---------- where-used slider mobile/tablet ---------- */
@media (max-width: 768px) {
  /*
   * The source section itself has no horizontal padding.
   * The 8px inset belongs to its inner container.
   * Moving the padding without changing the total inset preserves the
   * visible card position while matching the original box geometry.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* ---------- FAQ tablet 768 ---------- */
@media (min-width: 641px) and (max-width: 768px) {
  /*
   * Source button:
   * height 59.75px, line-height 23.76px, no min-height.
   *
   * Local button:
   * height 76px because min-height: 76px.
   *
   * 16.25px * 6 rows = 97.5px extra FAQ height, exactly matching the report.
   */
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    line-height: 23.76px !important;

    column-gap: normal !important;
    gap: normal !important;
    justify-content: normal !important;
  }

  body.product-detail-page.product-detail-tripleks-type.product-detail-eva-tripleks
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
    margin-left: auto !important;
  }
}

/* BEGIN BRONESTEKLO LAYOUT FIX V1 */
/* Scoped recovery of the original responsive layout for Bronesteklo only. */

body.product-detail-bronesteklo .header-padding {
  height: 6rem !important;
}

body.product-detail-bronesteklo header {
  position: fixed !important;
  top: 1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64rem !important;
  min-width: 0 !important;
  max-width: 64rem !important;
  height: 5rem !important;
  min-height: 0 !important;
  max-height: 5rem !important;
  padding: 0 2rem 0 1.5rem !important;
}

body.product-detail-bronesteklo header > a:not(.logo) {
  min-width: 0 !important;
}

body.product-detail-bronesteklo main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-bronesteklo main.container > .product.product--bronesteklo {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  main.container
  > .product.product--bronesteklo
  > .info-block {
  position: static !important;
  grid-column: span 4 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  gap: 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  main.container
  > .product.product--bronesteklo
  > .photos-many-price {
  position: static !important;
  grid-column: span 2 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .product.product--bronesteklo .photos-many {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .product.product--bronesteklo
  .photos-many
  > img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

body.product-detail-bronesteklo
  .product.product--bronesteklo
  .photos-many::after {
  display: none !important;
}

body.product-detail-bronesteklo .types-triplex-section,
body.product-detail-bronesteklo .types-triplex-section.where-use,
body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider),
body.product-detail-bronesteklo
  .types-triplex-section:has(.types-triplex-section__info-block-order) {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .types-triplex-section__container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .types-triplex-section__container.container {
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-bronesteklo .types-triplex-section .heading-block,
body.product-detail-bronesteklo .types-triplex-section.where-use .heading-block,
body.product-detail-bronesteklo
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .types-triplex-section
  .heading-block__title-block {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 72.938rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  gap: 0.75rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .types-triplex-section
  .heading-block__title-block__title {
  font-size: 4.5rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section
  .heading-block__title-block__description {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .types-triplex-section__info-block,
body.product-detail-bronesteklo .types-triplex-section__info-block-order,
body.product-detail-bronesteklo .types-triplex-section__info-block-order.grid-3,
body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .types-triplex-section__info-block,
body.product-detail-bronesteklo .types-triplex-section__info-block-order {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.product-detail-bronesteklo
  .types-triplex-section__info-block-order.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.product-detail-bronesteklo .types-triplex-section__info-block > *,
body.product-detail-bronesteklo .types-triplex-section__info-block-order > *,
body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities
  > * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-bronesteklo .what-order-item,
body.product-detail-bronesteklo .characteristic-item,
body.product-detail-bronesteklo .types-triplex-section .why-item,
body.product-detail-bronesteklo .types-triplex-section .clear-item {
  padding: 2rem !important;
}

body.product-detail-bronesteklo .what-order-item .title,
body.product-detail-bronesteklo .characteristic-item .title,
body.product-detail-bronesteklo .types-triplex-section .why-item .title,
body.product-detail-bronesteklo .types-triplex-section .clear-item .title {
  font-size: 2rem !important;
  line-height: 1.24 !important;
  letter-spacing: -0.013rem !important;
}

body.product-detail-bronesteklo .what-order-item .description,
body.product-detail-bronesteklo .characteristic-item .description,
body.product-detail-bronesteklo .types-triplex-section .why-item .description,
body.product-detail-bronesteklo
  .types-triplex-section
  .clear-item
  .description {
  margin-top: 0.75rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities
  .item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 3rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities
  .item.description
  .title {
  font-size: 3rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.002rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities
  .item.description
  .description,
body.product-detail-bronesteklo
  .types-triplex-section__info-block-opportunities
  .item__details {
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
}

body.product-detail-bronesteklo .question-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .question-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 1rem !important;
}

body.product-detail-bronesteklo .types-triplex-section__slider,
body.product-detail-bronesteklo .types-triplex-section__slider .swiper,
body.product-detail-bronesteklo .otherProductsSlider {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
}

body.product-detail-bronesteklo .types-triplex-section__slider .swiper {
  padding: 0 !important;
}

body.product-detail-bronesteklo .otherProductsSlider .item-product {
  width: 100% !important;
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 1rem !important;
}

body.product-detail-bronesteklo .place-triplex-card {
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 2rem !important;
}

body.product-detail-bronesteklo .faq-triplex-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .faq-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 4rem !important;
}

body.product-detail-bronesteklo .faq-triplex-section__head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-bronesteklo .faq-triplex-section .faq-block .accordion {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-bronesteklo .faq-triplex-section .accordion-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1.5rem 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: normal !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
  padding: 0 2rem 1.5rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

body.product-detail-bronesteklo .form-calculation-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .form-calculation-section__container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-bronesteklo .form-calculation-section__col-left,
body.product-detail-bronesteklo .form-calculation-section__col-right,
body.product-detail-bronesteklo .form-calculation-section__col-right form {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 768px) {
  body.product-detail-bronesteklo header {
    top: 2rem !important;
    width: 27.3333rem !important;
    min-width: 27.3333rem !important;
    max-width: 27.3333rem !important;
    height: 5rem !important;
    min-height: 5rem !important;
    max-height: 5rem !important;
    padding: 1rem 1.6667rem !important;
    border: 0.0833rem solid rgba(1, 13, 38, 0.0509803922) !important;
    border-radius: 1.1667rem !important;
  }

  body.product-detail-bronesteklo header .mobile-logo {
    width: 5rem !important;
    min-width: 0 !important;
    height: 3rem !important;
  }

  body.product-detail-bronesteklo header .mobile-menu {
    width: 1.6667rem !important;
    min-width: 0 !important;
    height: 1.6667rem !important;
  }

  body.product-detail-bronesteklo main.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-bronesteklo .types-triplex-section__container.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 2rem 0 15rem !important;
  }

  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo
    > .info-block {
    position: static !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding: 0 !important;
    gap: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: -1rem !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.333rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translateY(100%) !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block__btns
    > .button {
    width: 100% !important;
  }

  body.product-detail-bronesteklo .types-triplex-section .heading-block,
  body.product-detail-bronesteklo
    .types-triplex-section.where-use
    .heading-block,
  body.product-detail-bronesteklo
    .types-triplex-section:has(.types-triplex-section__info-block-order)
    .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section
    .heading-block__title-block__title {
    font-size: 2.6667rem !important;
  }

  body.product-detail-bronesteklo .types-triplex-section__info-block,
  body.product-detail-bronesteklo .types-triplex-section__info-block-order,
  body.product-detail-bronesteklo
    .types-triplex-section__info-block-order.grid-3,
  body.product-detail-bronesteklo
    .types-triplex-section__info-block-opportunities {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 2rem !important;
  }

  body.product-detail-bronesteklo .what-order-item .title,
  body.product-detail-bronesteklo .characteristic-item .title,
  body.product-detail-bronesteklo .types-triplex-section .why-item .title,
  body.product-detail-bronesteklo .types-triplex-section .clear-item .title {
    font-size: 1.6667rem !important;
  }

  body.product-detail-bronesteklo .what-order-item .description,
  body.product-detail-bronesteklo .characteristic-item .description,
  body.product-detail-bronesteklo .types-triplex-section .why-item .description,
  body.product-detail-bronesteklo
    .types-triplex-section
    .clear-item
    .description {
    font-size: 1.3333rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section__info-block-opportunities
    .item {
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section__info-block-opportunities
    .item.description
    .title {
    font-size: 2rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section__info-block-opportunities
    .item__details {
    display: flex !important;
    flex-direction: column !important;
  }

  body.product-detail-bronesteklo .question-section {
    margin: 2rem 0 !important;
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo .question-section__container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3rem !important;
  }

  body.product-detail-bronesteklo .otherProductsSlider .item-product {
    height: 18rem !important;
    max-height: 18rem !important;
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section {
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section__container {
    gap: 2rem !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section__head {
    flex-direction: column !important;
    align-items: center !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section .faq-block .accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.333rem !important;
  }

  body.product-detail-bronesteklo
    .faq-triplex-section
    #accordionFaq
    .accordion-body {
    font-size: 1.3333rem !important;
  }

  body.product-detail-bronesteklo .form-calculation-section {
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo .form-calculation-section__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
}

/* END BRONESTEKLO LAYOUT FIX V1 */

/* BEGIN BRONESTEKLO LAYOUT FIX V2 */
/* Delta for v1. Keep every rule scoped to the Bronesteklo page. */

body.product-detail-bronesteklo .header-padding {
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important;
}

/* Restore the original responsive internals of the product card. */
body.product-detail-bronesteklo .product.product--bronesteklo .info-block__top {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .product.product--bronesteklo
  .breadcrumbs-block {
  margin: 0 !important;
}

body.product-detail-bronesteklo
  .product.product--bronesteklo
  .info-block__main {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 2rem !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .product.product--bronesteklo .tabs-cont {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .product.product--bronesteklo
  .tabs[data-product-tabs] {
  gap: 1.5rem !important;
}

body.product-detail-bronesteklo .product.product--bronesteklo .product-hr {
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-bronesteklo .product.product--bronesteklo .content-block {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 23.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Remove the old fixed 72px title box and the 9px extra margin. */
body.product-detail-bronesteklo
  .types-triplex-section
  .heading-block__title-block__title,
body.product-detail-bronesteklo
  .types-triplex-section.where-use
  .heading-block__title-block__title,
body.product-detail-bronesteklo
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* The first four technology cards still inherited fixed 231/209px heights. */
body.product-detail-bronesteklo
  .types-triplex-section__info-block-order
  .why-item:nth-child(1),
body.product-detail-bronesteklo
  .types-triplex-section__info-block-order
  .why-item:nth-child(2),
body.product-detail-bronesteklo
  .types-triplex-section__info-block-order
  .why-item:nth-child(3),
body.product-detail-bronesteklo
  .types-triplex-section__info-block-order
  .why-item:nth-child(4) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Scale the final product slider with rem instead of desktop pixel constants. */
body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 4rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
}

/* Closed FAQ answers must not participate in the desktop layout. */
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  color: #212529 !important;
}

body.product-detail-bronesteklo footer.footer {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__top {
    padding: 2rem 2rem 0 2rem !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__main {
    height: fit-content !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .tabs[data-product-tabs] {
    gap: 2rem !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .product-hr {
    width: 26rem !important;
    height: 0.0833rem !important;
    margin-left: 2rem !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .content-block {
    width: auto !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    margin: 0 2rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2rem !important;
    border-radius: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    > .title {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    > .description {
    margin: 0 0 1.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-block {
    gap: 0.5rem !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    overflow: visible !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-item
    .head {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-item
    .desc {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section:has(.otherProductsSlider)
    .otherProductsSlider,
  body.product-detail-bronesteklo
    .types-triplex-section:has(.otherProductsSlider)
    .swiper-wrapper {
    height: 18rem !important;
    min-height: 18rem !important;
    max-height: 18rem !important;
  }
}

/* END BRONESTEKLO LAYOUT FIX V2 */

/* BEGIN BRONESTEKLO LAYOUT FIX V3 */
/* Exact delta for the four remaining v2 comparison groups. */

@media (min-width: 769px) {
  /* Preserve the source flex items' intrinsic minimum sizes. */
  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo
    > .info-block {
    align-items: start !important;
    justify-content: start !important;
    min-height: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__top {
    width: auto !important;
    min-height: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__main {
    min-height: auto !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .content-block {
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .product-hr {
    color: #000 !important;
  }

  /* Both right-column cards use the source flex basis. */
  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo
    > .photos-many-price {
    min-height: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    > .photos-many-price
    > .photos-many {
    flex: 1 1 0% !important;
    min-height: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    > .title {
    margin-bottom: 0.5rem !important;
  }
}

/* Normalize computed styles without changing the matched card geometry. */
@media (max-width: 768px) {
  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo
    > .info-block,
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__top,
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .info-block__main,
  body.product-detail-bronesteklo .product.product--bronesteklo .content-block {
    min-height: auto !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .tabs[data-product-tabs] {
    min-width: fit-content !important;
    white-space: normal !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .content-block
    .desc-cont
    .desc {
    min-height: auto !important;
    max-height: 23.9375rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-bronesteklo .product.product--bronesteklo .price-block {
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    > .title,
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-item
    .head {
    color: #000 !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    > .description,
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices,
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-block {
    max-width: none !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .price-block
    .prices-item {
    min-width: auto !important;
    min-height: auto !important;
  }

  /* The source heading fills the nested container's content box. */
  body.product-detail-bronesteklo
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: calc(100% - 1.3333rem) !important;
  }
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block,
body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block__title {
  min-height: auto !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-bronesteklo
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  min-height: 0 !important;
  max-height: none !important;
}

/* END BRONESTEKLO LAYOUT FIX V3 */

/* BEGIN BRONESTEKLO LAYOUT FIX V4 */
/* Mobile/tablet finishing delta after desktop geometry reached 100%. */

body.product-detail-bronesteklo .product.product--bronesteklo .product-hr {
  color: #000 !important;
}

/* Keep the source two-axis computed overflow on the desktop content pane. */
@media (min-width: 769px) {
  body.product-detail-bronesteklo
    main.container
    > .product.product--bronesteklo
    > .info-block
    > .info-block__main
    > .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 768px) {
  /* Source tabs fill the viewport on tablet and use intrinsic width on mobile. */
  body.product-detail-bronesteklo .product.product--bronesteklo .tabs-cont {
    max-width: none !important;
    overflow: scroll !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .tabs[data-product-tabs] {
    width: auto !important;
    min-width: fit-content !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* V3 subtracted the nested container inset twice. */
  body.product-detail-bronesteklo
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: 100% !important;
  }

  /* Restore the source CTA geometry and typography. */
  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block {
    align-items: start !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block__btns
    > .button {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1rem 2rem !important;
    border-radius: 1.5rem !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.3333rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block__btns
    > .button-calculation {
    border: 0 !important;
    background-color: #932828 !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block__btns
    > .button-more {
    border: 0.063rem solid rgba(1, 13, 38, 0.1019607843) !important;
    background-color: #fff !important;
  }

  body.product-detail-bronesteklo
    .product.product--bronesteklo
    .btns-info-block
    > span {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }
}

/* END BRONESTEKLO LAYOUT FIX V4 */

/* BEGIN BRONESTEKLO LAYOUT FIX V5 */
/* Restore photographs in the "Where triplex was used" slider. */

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(1) {
  background-image: url("../../media/facilities/74f28750a2b2ac76f66bc37847b08b00730573d8_1_1.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(2) {
  background-image: url("../../media/facilities/d1be36fb37752cc5c1e93f90eda3990105aca929.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(3) {
  background-image: url("../../media/facilities/b0214e53aaa255ab8095471c908c2533bad14ac4_Jaev0cG.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(4) {
  background-image: url("../../media/facilities/0e8ce549ca047c219e2577d335e480ebf0a32bad.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(5) {
  background-image: url("../../media/facilities/3866a1509759f110dc33d5ceb06ed4aea6866ac0.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(6) {
  background-image: url("../../media/facilities/007d79d9622a6e7fa986788451c008cda0cf9846.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(7) {
  background-image: url("../../media/facilities/9327b7dc3cd0cf5c0a42d21a01c691c6ef11cc6e.jpg") !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(
    rgba(1, 13, 38, 0) 0%,
    rgba(1, 13, 38, 0.72) 100%
  ) !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::after,
body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::before,
body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::after {
  display: none !important;
  content: none !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image
  img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .name,
body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details
  span {
  color: #fff !important;
}

/* END BRONESTEKLO LAYOUT FIX V5 */

/* BEGIN BRONESTEKLO LAYOUT FIX V6 */
/* Match the working EVA "Where used" slider and FAQ components. */

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container,
body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block {
  padding: 4rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block__title-block {
  gap: 0.75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-bronesteklo
  .types-triplex-section:has(.typesTriplexSlider)
  .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-bronesteklo .typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  touch-action: pan-y !important;
}

body.product-detail-bronesteklo .typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-bronesteklo .typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #fff !important;
  user-select: none !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card
  .name,
body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card
  .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 1.666599vw !important;
  line-height: 2.066583vw !important;
  font-weight: 600 !important;
  letter-spacing: -0.010833vw !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card
  .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

/* Native fallback when the theme's Swiper library is unavailable. */
body.product-detail-bronesteklo
  .typesTriplexSlider.bronesteklo-native-slider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider.bronesteklo-native-slider::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider.bronesteklo-native-slider
  .swiper-wrapper {
  width: max-content !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  transform: none !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider.bronesteklo-native-slider
  .place-triplex-card {
  scroll-snap-align: start !important;
}

/* FAQ layout and controls from the working EVA component. */
body.product-detail-bronesteklo .faq-triplex-section {
  overflow-anchor: none !important;
}

body.product-detail-bronesteklo .faq-triplex-section #accordionFaq {
  gap: 16px !important;
}

body.product-detail-bronesteklo .faq-triplex-section .accordion-item {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-bronesteklo .faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
}

body.product-detail-bronesteklo .faq-triplex-section .accordion-button,
body.product-detail-bronesteklo .faq-triplex-section .accordion-button.collapsed {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  box-shadow: none !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  .accordion-button::after {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 20px !important;
  border: 0 !important;
  border-right: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transition: transform 0.22s ease !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(225deg) !important;
}

/* Higher specificity deliberately replaces the old v2 Bootstrap-only state. */
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: max-height 0.26s ease !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--bronesteklo-faq-height, 480px) !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.product-detail-bronesteklo .faq-triplex-section .accordion-body {
  padding: 0 24px 20px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

@media (min-width: 769px) {
  body.product-detail-bronesteklo .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    column-gap: 1.041625vw !important;
    row-gap: 1.041625vw !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section .accordion-item,
  body.product-detail-bronesteklo .faq-triplex-section .accordion-button {
    border-radius: 1.249948vw !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section .accordion-button,
  body.product-detail-bronesteklo
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 4.147969vw !important;
    max-height: none !important;
    padding: 1.25vw 1.666667vw !important;
    column-gap: 1.041667vw !important;
    font-size: 1.249948vw !important;
    line-height: 1.649932vw !important;
    letter-spacing: -0.024999vw !important;
  }

  body.product-detail-bronesteklo
    .faq-triplex-section
    .accordion-body {
    padding: 0 1.25vw 1.041667vw !important;
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-bronesteklo .typesTriplexSlider,
  body.product-detail-bronesteklo .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-bronesteklo
    .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container,
  body.product-detail-bronesteklo
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.product-detail-bronesteklo
    .types-triplex-section:has(.typesTriplexSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider.bronesteklo-native-slider
    .swiper-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section .accordion-button,
  body.product-detail-bronesteklo
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 76px !important;
    max-height: none !important;
    padding: 18px 24px !important;
    column-gap: 20px !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    letter-spacing: -0.02em !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-bronesteklo .typesTriplexSlider,
  body.product-detail-bronesteklo .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.product-detail-bronesteklo .faq-triplex-section .accordion-button,
  body.product-detail-bronesteklo
    .faq-triplex-section
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
    line-height: 23.76px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-bronesteklo .typesTriplexSlider,
  body.product-detail-bronesteklo .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-bronesteklo
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-bronesteklo
    .typesTriplexSlider.bronesteklo-native-slider {
    scroll-behavior: auto !important;
  }

  body.product-detail-bronesteklo
    .faq-triplex-section
    #accordionFaq.bronesteklo-faq-ready
    .accordion-header
    + .accordion-collapse.collapse,
  body.product-detail-bronesteklo
    .faq-triplex-section
    .accordion-button::after {
    transition: none !important;
  }
}

/* END BRONESTEKLO LAYOUT FIX V6 */

/* BEGIN BRONESTEKLO LAYOUT FIX V7 */
/* Performance delta for the v6 projects slider and FAQ. */

body.product-detail-bronesteklo
  .typesTriplexSlider.bronesteklo-native-slider {
  scroll-behavior: auto !important;
  overscroll-behavior-inline: contain !important;
}

body.product-detail-bronesteklo
  .typesTriplexSlider
  .place-triplex-card
  .image
  img {
  backface-visibility: hidden !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  transition: max-height 0.18s ease-out !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  .accordion-button::after {
  transition-duration: 0.18s !important;
}

/* END BRONESTEKLO LAYOUT FIX V7 */

/* BEGIN BRONESTEKLO LAYOUT FIX V8 */
/* Exact collapsed FAQ geometry plus a lightweight Bootstrap-style transition. */

body.product-detail-bronesteklo .faq-triplex-section__head {
  min-height: auto !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq {
  align-items: normal !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-header {
  color: #212529 !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: normal !important;
  column-gap: normal !important;
  gap: normal !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  margin-left: auto !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse:not(.show):not(.collapsing) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  transition: none !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  transition: none !important;
}

body.product-detail-bronesteklo
  .faq-triplex-section
  #accordionFaq.bronesteklo-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.collapsing {
  display: block !important;
  height: var(--bronesteklo-faq-animated-height, 0) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: height 0.18s ease-out !important;
}

@media (max-width: 768px) {
  body.product-detail-bronesteklo
    .faq-triplex-section
    #accordionFaq {
    gap: 1.333rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-bronesteklo
    .faq-triplex-section
    #accordionFaq.bronesteklo-faq-ready
    .accordion-header
    + .accordion-collapse.collapse.collapsing {
    transition: none !important;
  }
}

/* END BRONESTEKLO LAYOUT FIX V8 */

/* BEGIN SHUMOIZOLYACIONNYJ LAYOUT V1 */
/* Scoped recovery of the original responsive layout for Shumoizolyacionnyj only. */

body.product-detail-shumoizolyacionnyj .header-padding {
  height: 6rem !important;
}

body.product-detail-shumoizolyacionnyj header {
  position: fixed !important;
  top: 1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64rem !important;
  min-width: 0 !important;
  max-width: 64rem !important;
  height: 5rem !important;
  min-height: 0 !important;
  max-height: 5rem !important;
  padding: 0 2rem 0 1.5rem !important;
}

body.product-detail-shumoizolyacionnyj header > a:not(.logo) {
  min-width: 0 !important;
}

body.product-detail-shumoizolyacionnyj main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-shumoizolyacionnyj main.container > .product.product--shumoizolyacionnyj {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  main.container
  > .product.product--shumoizolyacionnyj
  > .info-block {
  position: static !important;
  grid-column: span 4 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  gap: 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  main.container
  > .product.product--shumoizolyacionnyj
  > .photos-many-price {
  position: static !important;
  grid-column: span 2 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .photos-many {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .photos-many
  > img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .photos-many::after {
  display: none !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section,
body.product-detail-shumoizolyacionnyj .types-triplex-section.where-use,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider),
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order) {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__container.container {
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section .heading-block,
body.product-detail-shumoizolyacionnyj .types-triplex-section.where-use .heading-block,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section
  .heading-block__title-block {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 72.938rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  gap: 0.75rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section
  .heading-block__title-block__title {
  font-size: 4.5rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section
  .heading-block__title-block__description {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block,
body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block-order,
body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block-order.grid-3,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block,
body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block-order {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-order.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block > *,
body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block-order > *,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities
  > * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-shumoizolyacionnyj .what-order-item,
body.product-detail-shumoizolyacionnyj .characteristic-item,
body.product-detail-shumoizolyacionnyj .types-triplex-section .why-item,
body.product-detail-shumoizolyacionnyj .types-triplex-section .clear-item {
  padding: 2rem !important;
}

body.product-detail-shumoizolyacionnyj .what-order-item .title,
body.product-detail-shumoizolyacionnyj .characteristic-item .title,
body.product-detail-shumoizolyacionnyj .types-triplex-section .why-item .title,
body.product-detail-shumoizolyacionnyj .types-triplex-section .clear-item .title {
  font-size: 2rem !important;
  line-height: 1.24 !important;
  letter-spacing: -0.013rem !important;
}

body.product-detail-shumoizolyacionnyj .what-order-item .description,
body.product-detail-shumoizolyacionnyj .characteristic-item .description,
body.product-detail-shumoizolyacionnyj .types-triplex-section .why-item .description,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section
  .clear-item
  .description {
  margin-top: 0.75rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities
  .item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 3rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .title {
  font-size: 3rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.002rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .description,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-opportunities
  .item__details {
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
}

body.product-detail-shumoizolyacionnyj .question-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .question-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 1rem !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__slider,
body.product-detail-shumoizolyacionnyj .types-triplex-section__slider .swiper,
body.product-detail-shumoizolyacionnyj .otherProductsSlider {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
}

body.product-detail-shumoizolyacionnyj .types-triplex-section__slider .swiper {
  padding: 0 !important;
}

body.product-detail-shumoizolyacionnyj .otherProductsSlider .item-product {
  width: 100% !important;
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 1rem !important;
}

body.product-detail-shumoizolyacionnyj .place-triplex-card {
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 2rem !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 4rem !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section__head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .faq-block .accordion {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1.5rem 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: normal !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
  padding: 0 2rem 1.5rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

body.product-detail-shumoizolyacionnyj .form-calculation-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .form-calculation-section__container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-shumoizolyacionnyj .form-calculation-section__col-left,
body.product-detail-shumoizolyacionnyj .form-calculation-section__col-right,
body.product-detail-shumoizolyacionnyj .form-calculation-section__col-right form {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj header {
    top: 2rem !important;
    width: 27.3333rem !important;
    min-width: 27.3333rem !important;
    max-width: 27.3333rem !important;
    height: 5rem !important;
    min-height: 5rem !important;
    max-height: 5rem !important;
    padding: 1rem 1.6667rem !important;
    border: 0.0833rem solid rgba(1, 13, 38, 0.0509803922) !important;
    border-radius: 1.1667rem !important;
  }

  body.product-detail-shumoizolyacionnyj header .mobile-logo {
    width: 5rem !important;
    min-width: 0 !important;
    height: 3rem !important;
  }

  body.product-detail-shumoizolyacionnyj header .mobile-menu {
    width: 1.6667rem !important;
    min-width: 0 !important;
    height: 1.6667rem !important;
  }

  body.product-detail-shumoizolyacionnyj main.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-shumoizolyacionnyj .types-triplex-section__container.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 2rem 0 15rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj
    > .info-block {
    position: static !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding: 0 !important;
    gap: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: -1rem !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.333rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translateY(100%) !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block__btns
    > .button {
    width: 100% !important;
  }

  body.product-detail-shumoizolyacionnyj .types-triplex-section .heading-block,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section.where-use
    .heading-block,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.types-triplex-section__info-block-order)
    .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section
    .heading-block__title-block__title {
    font-size: 2.6667rem !important;
  }

  body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block,
  body.product-detail-shumoizolyacionnyj .types-triplex-section__info-block-order,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section__info-block-order.grid-3,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section__info-block-opportunities {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .what-order-item .title,
  body.product-detail-shumoizolyacionnyj .characteristic-item .title,
  body.product-detail-shumoizolyacionnyj .types-triplex-section .why-item .title,
  body.product-detail-shumoizolyacionnyj .types-triplex-section .clear-item .title {
    font-size: 1.6667rem !important;
  }

  body.product-detail-shumoizolyacionnyj .what-order-item .description,
  body.product-detail-shumoizolyacionnyj .characteristic-item .description,
  body.product-detail-shumoizolyacionnyj .types-triplex-section .why-item .description,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section
    .clear-item
    .description {
    font-size: 1.3333rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section__info-block-opportunities
    .item {
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section__info-block-opportunities
    .item.description
    .title {
    font-size: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section__info-block-opportunities
    .item__details {
    display: flex !important;
    flex-direction: column !important;
  }

  body.product-detail-shumoizolyacionnyj .question-section {
    margin: 2rem 0 !important;
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .question-section__container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3rem !important;
  }

  body.product-detail-shumoizolyacionnyj .otherProductsSlider .item-product {
    height: 18rem !important;
    max-height: 18rem !important;
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section {
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section__container {
    gap: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section__head {
    flex-direction: column !important;
    align-items: center !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section .faq-block .accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.333rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    #accordionFaq
    .accordion-body {
    font-size: 1.3333rem !important;
  }

  body.product-detail-shumoizolyacionnyj .form-calculation-section {
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .form-calculation-section__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
}

/* Delta for v1. Keep every rule scoped to the Shumoizolyacionnyj page. */

body.product-detail-shumoizolyacionnyj .header-padding {
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important;
}

/* Restore the original responsive internals of the product card. */
body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .info-block__top {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .breadcrumbs-block {
  margin: 0 !important;
}

body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .info-block__main {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 2rem !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .tabs-cont {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .tabs[data-product-tabs] {
  gap: 1.5rem !important;
}

body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .product-hr {
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .content-block {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 23.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Remove the old fixed 72px title box and the 9px extra margin. */
body.product-detail-shumoizolyacionnyj
  .types-triplex-section
  .heading-block__title-block__title,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section.where-use
  .heading-block__title-block__title,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* The first four technology cards still inherited fixed 231/209px heights. */
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(1),
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(2),
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(3),
body.product-detail-shumoizolyacionnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(4) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Scale the final product slider with rem instead of desktop pixel constants. */
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 4rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
}

/* Closed FAQ answers must not participate in the desktop layout. */
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  color: #212529 !important;
}

body.product-detail-shumoizolyacionnyj footer.footer {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__top {
    padding: 2rem 2rem 0 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__main {
    height: fit-content !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .tabs[data-product-tabs] {
    gap: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .product-hr {
    width: 26rem !important;
    height: 0.0833rem !important;
    margin-left: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .content-block {
    width: auto !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    margin: 0 2rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2rem !important;
    border-radius: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    > .title {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    > .description {
    margin: 0 0 1.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-block {
    gap: 0.5rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    overflow: visible !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-item
    .head {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-item
    .desc {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.otherProductsSlider)
    .otherProductsSlider,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.otherProductsSlider)
    .swiper-wrapper {
    height: 18rem !important;
    min-height: 18rem !important;
    max-height: 18rem !important;
  }
}

/* Exact delta for the four remaining v2 comparison groups. */

@media (min-width: 769px) {
  /* Preserve the source flex items' intrinsic minimum sizes. */
  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj
    > .info-block {
    align-items: start !important;
    justify-content: start !important;
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__top {
    width: auto !important;
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__main {
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .content-block {
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .product-hr {
    color: #000 !important;
  }

  /* Both right-column cards use the source flex basis. */
  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj
    > .photos-many-price {
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    > .photos-many-price
    > .photos-many {
    flex: 1 1 0% !important;
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    > .title {
    margin-bottom: 0.5rem !important;
  }
}

/* Normalize computed styles without changing the matched card geometry. */
@media (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj
    > .info-block,
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__top,
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .info-block__main,
  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .content-block {
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .tabs[data-product-tabs] {
    min-width: fit-content !important;
    white-space: normal !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .content-block
    .desc-cont
    .desc {
    min-height: auto !important;
    max-height: 23.9375rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .price-block {
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    > .title,
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-item
    .head {
    color: #000 !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    > .description,
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices,
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-block {
    max-width: none !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .price-block
    .prices-item {
    min-width: auto !important;
    min-height: auto !important;
  }

  /* The source heading fills the nested container's content box. */
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: calc(100% - 1.3333rem) !important;
  }
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block__title {
  min-height: auto !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  min-height: 0 !important;
  max-height: none !important;
}

/* Mobile/tablet finishing delta after desktop geometry reached 100%. */

body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .product-hr {
  color: #000 !important;
}

/* Keep the source two-axis computed overflow on the desktop content pane. */
@media (min-width: 769px) {
  body.product-detail-shumoizolyacionnyj
    main.container
    > .product.product--shumoizolyacionnyj
    > .info-block
    > .info-block__main
    > .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 768px) {
  /* Source tabs fill the viewport on tablet and use intrinsic width on mobile. */
  body.product-detail-shumoizolyacionnyj .product.product--shumoizolyacionnyj .tabs-cont {
    max-width: none !important;
    overflow: scroll !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .tabs[data-product-tabs] {
    width: auto !important;
    min-width: fit-content !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* V3 subtracted the nested container inset twice. */
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: 100% !important;
  }

  /* Restore the source CTA geometry and typography. */
  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block {
    align-items: start !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block__btns
    > .button {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1rem 2rem !important;
    border-radius: 1.5rem !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.3333rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block__btns
    > .button-calculation {
    border: 0 !important;
    background-color: #932828 !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block__btns
    > .button-more {
    border: 0.063rem solid rgba(1, 13, 38, 0.1019607843) !important;
    background-color: #fff !important;
  }

  body.product-detail-shumoizolyacionnyj
    .product.product--shumoizolyacionnyj
    .btns-info-block
    > span {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }
}

/* Restore photographs in the "Where triplex was used" slider. */

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(1) {
  background-image: url("../../media/facilities/74f28750a2b2ac76f66bc37847b08b00730573d8_1_1.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(2) {
  background-image: url("../../media/facilities/d1be36fb37752cc5c1e93f90eda3990105aca929.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(3) {
  background-image: url("../../media/facilities/b0214e53aaa255ab8095471c908c2533bad14ac4_Jaev0cG.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(4) {
  background-image: url("../../media/facilities/0e8ce549ca047c219e2577d335e480ebf0a32bad.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(5) {
  background-image: url("../../media/facilities/3866a1509759f110dc33d5ceb06ed4aea6866ac0.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(6) {
  background-image: url("../../media/facilities/007d79d9622a6e7fa986788451c008cda0cf9846.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(7) {
  background-image: url("../../media/facilities/9327b7dc3cd0cf5c0a42d21a01c691c6ef11cc6e.jpg") !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(
    rgba(1, 13, 38, 0) 0%,
    rgba(1, 13, 38, 0.72) 100%
  ) !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::after,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::before,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::after {
  display: none !important;
  content: none !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image
  img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .name,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details
  span {
  color: #fff !important;
}

/* Match the working EVA "Where used" slider and FAQ components. */

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container,
body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block {
  padding: 4rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block__title-block {
  gap: 0.75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-shumoizolyacionnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-shumoizolyacionnyj .typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  touch-action: pan-y !important;
}

body.product-detail-shumoizolyacionnyj .typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-shumoizolyacionnyj .typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #fff !important;
  user-select: none !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card
  .name,
body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card
  .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 1.666599vw !important;
  line-height: 2.066583vw !important;
  font-weight: 600 !important;
  letter-spacing: -0.010833vw !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

/* Native fallback when the theme's Swiper library is unavailable. */
body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider.shumoizolyacionnyj-native-slider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider.shumoizolyacionnyj-native-slider::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider.shumoizolyacionnyj-native-slider
  .swiper-wrapper {
  width: max-content !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  transform: none !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider.shumoizolyacionnyj-native-slider
  .place-triplex-card {
  scroll-snap-align: start !important;
}

/* FAQ layout and controls from the working EVA component. */
body.product-detail-shumoizolyacionnyj .faq-triplex-section {
  overflow-anchor: none !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section #accordionFaq {
  gap: 16px !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-item {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button,
body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button.collapsed {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  box-shadow: none !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  .accordion-button::after {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 20px !important;
  border: 0 !important;
  border-right: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transition: transform 0.22s ease !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(225deg) !important;
}

/* Higher specificity deliberately replaces the old v2 Bootstrap-only state. */
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: max-height 0.26s ease !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--shumoizolyacionnyj-faq-height, 480px) !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-body {
  padding: 0 24px 20px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

@media (min-width: 769px) {
  body.product-detail-shumoizolyacionnyj .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    column-gap: 1.041625vw !important;
    row-gap: 1.041625vw !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-item,
  body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button {
    border-radius: 1.249948vw !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button,
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 4.147969vw !important;
    max-height: none !important;
    padding: 1.25vw 1.666667vw !important;
    column-gap: 1.041667vw !important;
    font-size: 1.249948vw !important;
    line-height: 1.649932vw !important;
    letter-spacing: -0.024999vw !important;
  }

  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    .accordion-body {
    padding: 0 1.25vw 1.041667vw !important;
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider,
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container,
  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .types-triplex-section:has(.typesTriplexSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider.shumoizolyacionnyj-native-slider
    .swiper-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button,
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 76px !important;
    max-height: none !important;
    padding: 18px 24px !important;
    column-gap: 20px !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    letter-spacing: -0.02em !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider,
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.product-detail-shumoizolyacionnyj .faq-triplex-section .accordion-button,
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
    line-height: 23.76px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider,
  body.product-detail-shumoizolyacionnyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-shumoizolyacionnyj
    .typesTriplexSlider.shumoizolyacionnyj-native-slider {
    scroll-behavior: auto !important;
  }

  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    #accordionFaq.shumoizolyacionnyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse,
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    .accordion-button::after {
    transition: none !important;
  }
}

/* Performance delta for the v6 projects slider and FAQ. */

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider.shumoizolyacionnyj-native-slider {
  scroll-behavior: auto !important;
  overscroll-behavior-inline: contain !important;
}

body.product-detail-shumoizolyacionnyj
  .typesTriplexSlider
  .place-triplex-card
  .image
  img {
  backface-visibility: hidden !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  transition: max-height 0.18s ease-out !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  .accordion-button::after {
  transition-duration: 0.18s !important;
}

/* Exact collapsed FAQ geometry plus a lightweight Bootstrap-style transition. */

body.product-detail-shumoizolyacionnyj .faq-triplex-section__head {
  min-height: auto !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq {
  align-items: normal !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header {
  color: #212529 !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: normal !important;
  column-gap: normal !important;
  gap: normal !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  margin-left: auto !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse:not(.show):not(.collapsing) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  transition: none !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  transition: none !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq.shumoizolyacionnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.collapsing {
  display: block !important;
  height: var(--shumoizolyacionnyj-faq-animated-height, 0) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: height 0.18s ease-out !important;
}

@media (max-width: 768px) {
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    #accordionFaq {
    gap: 1.333rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-shumoizolyacionnyj
    .faq-triplex-section
    #accordionFaq.shumoizolyacionnyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse.collapsing {
    transition: none !important;
  }
}
/* END SHUMOIZOLYACIONNYJ LAYOUT V1 */

/* BEGIN SHUMOIZOLYACIONNYJ LAYOUT V2 */
/* Match the original FAQ grid items and Bootstrap arrow geometry. */

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  > .accordion-item {
  align-self: start !important;
  min-height: auto !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  display: block !important;
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: auto !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  opacity: 0.5 !important;
  transform: none !important;
}

body.product-detail-shumoizolyacionnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(-180deg) !important;
}

/* END SHUMOIZOLYACIONNYJ LAYOUT V2 */

/* BEGIN GNUTYJ LAYOUT V1 */
/* Scoped recovery of the original responsive layout for Gnutyj only. */

body.product-detail-gnutyj .header-padding {
  height: 6rem !important;
}

body.product-detail-gnutyj header {
  position: fixed !important;
  top: 1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64rem !important;
  min-width: 0 !important;
  max-width: 64rem !important;
  height: 5rem !important;
  min-height: 0 !important;
  max-height: 5rem !important;
  padding: 0 2rem 0 1.5rem !important;
}

body.product-detail-gnutyj header > a:not(.logo) {
  min-width: 0 !important;
}

body.product-detail-gnutyj main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-gnutyj main.container > .product.product--gnutyj {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  main.container
  > .product.product--gnutyj
  > .info-block {
  position: static !important;
  grid-column: span 4 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  gap: 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  main.container
  > .product.product--gnutyj
  > .photos-many-price {
  position: static !important;
  grid-column: span 2 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .product.product--gnutyj .photos-many {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .product.product--gnutyj
  .photos-many
  > img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

body.product-detail-gnutyj
  .product.product--gnutyj
  .photos-many::after {
  display: none !important;
}

body.product-detail-gnutyj .types-triplex-section,
body.product-detail-gnutyj .types-triplex-section.where-use,
body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider),
body.product-detail-gnutyj
  .types-triplex-section:has(.types-triplex-section__info-block-order) {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .types-triplex-section__container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .types-triplex-section__container.container {
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-gnutyj .types-triplex-section .heading-block,
body.product-detail-gnutyj .types-triplex-section.where-use .heading-block,
body.product-detail-gnutyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 72.938rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  gap: 0.75rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block__title {
  font-size: 4.5rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block__description {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .types-triplex-section__info-block,
body.product-detail-gnutyj .types-triplex-section__info-block-order,
body.product-detail-gnutyj .types-triplex-section__info-block-order.grid-3,
body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .types-triplex-section__info-block,
body.product-detail-gnutyj .types-triplex-section__info-block-order {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.product-detail-gnutyj
  .types-triplex-section__info-block-order.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.product-detail-gnutyj .types-triplex-section__info-block > *,
body.product-detail-gnutyj .types-triplex-section__info-block-order > *,
body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities
  > * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-gnutyj .what-order-item,
body.product-detail-gnutyj .characteristic-item,
body.product-detail-gnutyj .types-triplex-section .why-item,
body.product-detail-gnutyj .types-triplex-section .clear-item {
  padding: 2rem !important;
}

body.product-detail-gnutyj .what-order-item .title,
body.product-detail-gnutyj .characteristic-item .title,
body.product-detail-gnutyj .types-triplex-section .why-item .title,
body.product-detail-gnutyj .types-triplex-section .clear-item .title {
  font-size: 2rem !important;
  line-height: 1.24 !important;
  letter-spacing: -0.013rem !important;
}

body.product-detail-gnutyj .what-order-item .description,
body.product-detail-gnutyj .characteristic-item .description,
body.product-detail-gnutyj .types-triplex-section .why-item .description,
body.product-detail-gnutyj
  .types-triplex-section
  .clear-item
  .description {
  margin-top: 0.75rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities
  .item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 3rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .title {
  font-size: 3rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.002rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .description,
body.product-detail-gnutyj
  .types-triplex-section__info-block-opportunities
  .item__details {
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
}

body.product-detail-gnutyj .question-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .question-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 1rem !important;
}

body.product-detail-gnutyj .types-triplex-section__slider,
body.product-detail-gnutyj .types-triplex-section__slider .swiper,
body.product-detail-gnutyj .otherProductsSlider {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
}

body.product-detail-gnutyj .types-triplex-section__slider .swiper {
  padding: 0 !important;
}

body.product-detail-gnutyj .otherProductsSlider .item-product {
  width: 100% !important;
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 1rem !important;
}

body.product-detail-gnutyj .place-triplex-card {
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 2rem !important;
}

body.product-detail-gnutyj .faq-triplex-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .faq-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 4rem !important;
}

body.product-detail-gnutyj .faq-triplex-section__head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-gnutyj .faq-triplex-section .faq-block .accordion {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-gnutyj .faq-triplex-section .accordion-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1.5rem 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: normal !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
  padding: 0 2rem 1.5rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

body.product-detail-gnutyj .form-calculation-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .form-calculation-section__container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-gnutyj .form-calculation-section__col-left,
body.product-detail-gnutyj .form-calculation-section__col-right,
body.product-detail-gnutyj .form-calculation-section__col-right form {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 768px) {
  body.product-detail-gnutyj header {
    top: 2rem !important;
    width: 27.3333rem !important;
    min-width: 27.3333rem !important;
    max-width: 27.3333rem !important;
    height: 5rem !important;
    min-height: 5rem !important;
    max-height: 5rem !important;
    padding: 1rem 1.6667rem !important;
    border: 0.0833rem solid rgba(1, 13, 38, 0.0509803922) !important;
    border-radius: 1.1667rem !important;
  }

  body.product-detail-gnutyj header .mobile-logo {
    width: 5rem !important;
    min-width: 0 !important;
    height: 3rem !important;
  }

  body.product-detail-gnutyj header .mobile-menu {
    width: 1.6667rem !important;
    min-width: 0 !important;
    height: 1.6667rem !important;
  }

  body.product-detail-gnutyj main.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-gnutyj .types-triplex-section__container.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 2rem 0 15rem !important;
  }

  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj
    > .info-block {
    position: static !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding: 0 !important;
    gap: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: -1rem !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.333rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translateY(100%) !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block__btns
    > .button {
    width: 100% !important;
  }

  body.product-detail-gnutyj .types-triplex-section .heading-block,
  body.product-detail-gnutyj
    .types-triplex-section.where-use
    .heading-block,
  body.product-detail-gnutyj
    .types-triplex-section:has(.types-triplex-section__info-block-order)
    .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 2rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section
    .heading-block__title-block__title {
    font-size: 2.6667rem !important;
  }

  body.product-detail-gnutyj .types-triplex-section__info-block,
  body.product-detail-gnutyj .types-triplex-section__info-block-order,
  body.product-detail-gnutyj
    .types-triplex-section__info-block-order.grid-3,
  body.product-detail-gnutyj
    .types-triplex-section__info-block-opportunities {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 2rem !important;
  }

  body.product-detail-gnutyj .what-order-item .title,
  body.product-detail-gnutyj .characteristic-item .title,
  body.product-detail-gnutyj .types-triplex-section .why-item .title,
  body.product-detail-gnutyj .types-triplex-section .clear-item .title {
    font-size: 1.6667rem !important;
  }

  body.product-detail-gnutyj .what-order-item .description,
  body.product-detail-gnutyj .characteristic-item .description,
  body.product-detail-gnutyj .types-triplex-section .why-item .description,
  body.product-detail-gnutyj
    .types-triplex-section
    .clear-item
    .description {
    font-size: 1.3333rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section__info-block-opportunities
    .item {
    padding: 2rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section__info-block-opportunities
    .item.description
    .title {
    font-size: 2rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section__info-block-opportunities
    .item__details {
    display: flex !important;
    flex-direction: column !important;
  }

  body.product-detail-gnutyj .question-section {
    margin: 2rem 0 !important;
    padding: 2rem !important;
  }

  body.product-detail-gnutyj .question-section__container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3rem !important;
  }

  body.product-detail-gnutyj .otherProductsSlider .item-product {
    height: 18rem !important;
    max-height: 18rem !important;
    padding: 2rem !important;
  }

  body.product-detail-gnutyj .faq-triplex-section {
    padding: 2rem !important;
  }

  body.product-detail-gnutyj .faq-triplex-section__container {
    gap: 2rem !important;
  }

  body.product-detail-gnutyj .faq-triplex-section__head {
    flex-direction: column !important;
    align-items: center !important;
  }

  body.product-detail-gnutyj .faq-triplex-section .faq-block .accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.333rem !important;
  }

  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq
    .accordion-body {
    font-size: 1.3333rem !important;
  }

  body.product-detail-gnutyj .form-calculation-section {
    padding: 2rem !important;
  }

  body.product-detail-gnutyj .form-calculation-section__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
}

/* Delta for v1. Keep every rule scoped to the Gnutyj page. */

body.product-detail-gnutyj .header-padding {
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important;
}

/* Restore the original responsive internals of the product card. */
body.product-detail-gnutyj .product.product--gnutyj .info-block__top {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .product.product--gnutyj
  .breadcrumbs-block {
  margin: 0 !important;
}

body.product-detail-gnutyj
  .product.product--gnutyj
  .info-block__main {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 2rem !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .product.product--gnutyj .tabs-cont {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .product.product--gnutyj
  .tabs[data-product-tabs] {
  gap: 1.5rem !important;
}

body.product-detail-gnutyj .product.product--gnutyj .product-hr {
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-gnutyj .product.product--gnutyj .content-block {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 23.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Remove the old fixed 72px title box and the 9px extra margin. */
body.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block__title,
body.product-detail-gnutyj
  .types-triplex-section.where-use
  .heading-block__title-block__title,
body.product-detail-gnutyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* The first four technology cards still inherited fixed 231/209px heights. */
body.product-detail-gnutyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(1),
body.product-detail-gnutyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(2),
body.product-detail-gnutyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(3),
body.product-detail-gnutyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(4) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Scale the final product slider with rem instead of desktop pixel constants. */
body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 4rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
}

/* Closed FAQ answers must not participate in the desktop layout. */
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  color: #212529 !important;
}

body.product-detail-gnutyj footer.footer {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__top {
    padding: 2rem 2rem 0 2rem !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__main {
    height: fit-content !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .tabs[data-product-tabs] {
    gap: 2rem !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .product-hr {
    width: 26rem !important;
    height: 0.0833rem !important;
    margin-left: 2rem !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .content-block {
    width: auto !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    margin: 0 2rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2rem !important;
    border-radius: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    > .title {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    > .description {
    margin: 0 0 1.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-block {
    gap: 0.5rem !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    overflow: visible !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-item
    .head {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-item
    .desc {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section:has(.otherProductsSlider)
    .otherProductsSlider,
  body.product-detail-gnutyj
    .types-triplex-section:has(.otherProductsSlider)
    .swiper-wrapper {
    height: 18rem !important;
    min-height: 18rem !important;
    max-height: 18rem !important;
  }
}

/* Exact delta for the four remaining v2 comparison groups. */

@media (min-width: 769px) {
  /* Preserve the source flex items' intrinsic minimum sizes. */
  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj
    > .info-block {
    align-items: start !important;
    justify-content: start !important;
    min-height: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__top {
    width: auto !important;
    min-height: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__main {
    min-height: auto !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .content-block {
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .product-hr {
    color: #000 !important;
  }

  /* Both right-column cards use the source flex basis. */
  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj
    > .photos-many-price {
    min-height: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    > .photos-many-price
    > .photos-many {
    flex: 1 1 0% !important;
    min-height: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    > .title {
    margin-bottom: 0.5rem !important;
  }
}

/* Normalize computed styles without changing the matched card geometry. */
@media (max-width: 768px) {
  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj
    > .info-block,
  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__top,
  body.product-detail-gnutyj
    .product.product--gnutyj
    .info-block__main,
  body.product-detail-gnutyj .product.product--gnutyj .content-block {
    min-height: auto !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .tabs[data-product-tabs] {
    min-width: fit-content !important;
    white-space: normal !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .content-block
    .desc-cont
    .desc {
    min-height: auto !important;
    max-height: 23.9375rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-gnutyj .product.product--gnutyj .price-block {
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    > .title,
  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-item
    .head {
    color: #000 !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    > .description,
  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices,
  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-block {
    max-width: none !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .price-block
    .prices-item {
    min-width: auto !important;
    min-height: auto !important;
  }

  /* The source heading fills the nested container's content box. */
  body.product-detail-gnutyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: calc(100% - 1.3333rem) !important;
  }
}

body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block,
body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block__title {
  min-height: auto !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-gnutyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  min-height: 0 !important;
  max-height: none !important;
}

/* Mobile/tablet finishing delta after desktop geometry reached 100%. */

body.product-detail-gnutyj .product.product--gnutyj .product-hr {
  color: #000 !important;
}

/* Keep the source two-axis computed overflow on the desktop content pane. */
@media (min-width: 769px) {
  body.product-detail-gnutyj
    main.container
    > .product.product--gnutyj
    > .info-block
    > .info-block__main
    > .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 768px) {
  /* Source tabs fill the viewport on tablet and use intrinsic width on mobile. */
  body.product-detail-gnutyj .product.product--gnutyj .tabs-cont {
    max-width: none !important;
    overflow: scroll !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .tabs[data-product-tabs] {
    width: auto !important;
    min-width: fit-content !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* V3 subtracted the nested container inset twice. */
  body.product-detail-gnutyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: 100% !important;
  }

  /* Restore the source CTA geometry and typography. */
  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block {
    align-items: start !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block__btns
    > .button {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1rem 2rem !important;
    border-radius: 1.5rem !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.3333rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block__btns
    > .button-calculation {
    border: 0 !important;
    background-color: #932828 !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block__btns
    > .button-more {
    border: 0.063rem solid rgba(1, 13, 38, 0.1019607843) !important;
    background-color: #fff !important;
  }

  body.product-detail-gnutyj
    .product.product--gnutyj
    .btns-info-block
    > span {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }
}

/* Restore photographs in the "Where triplex was used" slider. */

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(1) {
  background-image: url("../../media/facilities/74f28750a2b2ac76f66bc37847b08b00730573d8_1_1.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(2) {
  background-image: url("../../media/facilities/d1be36fb37752cc5c1e93f90eda3990105aca929.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(3) {
  background-image: url("../../media/facilities/b0214e53aaa255ab8095471c908c2533bad14ac4_Jaev0cG.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(4) {
  background-image: url("../../media/facilities/0e8ce549ca047c219e2577d335e480ebf0a32bad.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(5) {
  background-image: url("../../media/facilities/3866a1509759f110dc33d5ceb06ed4aea6866ac0.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(6) {
  background-image: url("../../media/facilities/007d79d9622a6e7fa986788451c008cda0cf9846.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(7) {
  background-image: url("../../media/facilities/9327b7dc3cd0cf5c0a42d21a01c691c6ef11cc6e.jpg") !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(
    rgba(1, 13, 38, 0) 0%,
    rgba(1, 13, 38, 0.72) 100%
  ) !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::after,
body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::before,
body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::after {
  display: none !important;
  content: none !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image
  img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .name,
body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details
  span {
  color: #fff !important;
}

/* Match the working EVA "Where used" slider and FAQ components. */

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container,
body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block {
  padding: 4rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block__title-block {
  gap: 0.75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-gnutyj
  .types-triplex-section:has(.typesTriplexSlider)
  .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-gnutyj .typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  touch-action: pan-y !important;
}

body.product-detail-gnutyj .typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-gnutyj .typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #fff !important;
  user-select: none !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card
  .name,
body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card
  .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 1.666599vw !important;
  line-height: 2.066583vw !important;
  font-weight: 600 !important;
  letter-spacing: -0.010833vw !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

/* Native fallback when the theme's Swiper library is unavailable. */
body.product-detail-gnutyj
  .typesTriplexSlider.gnutyj-native-slider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider.gnutyj-native-slider::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider.gnutyj-native-slider
  .swiper-wrapper {
  width: max-content !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  transform: none !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider.gnutyj-native-slider
  .place-triplex-card {
  scroll-snap-align: start !important;
}

/* FAQ layout and controls from the working EVA component. */
body.product-detail-gnutyj .faq-triplex-section {
  overflow-anchor: none !important;
}

body.product-detail-gnutyj .faq-triplex-section #accordionFaq {
  gap: 16px !important;
}

body.product-detail-gnutyj .faq-triplex-section .accordion-item {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-gnutyj .faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
}

body.product-detail-gnutyj .faq-triplex-section .accordion-button,
body.product-detail-gnutyj .faq-triplex-section .accordion-button.collapsed {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  box-shadow: none !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  .accordion-button::after {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 20px !important;
  border: 0 !important;
  border-right: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transition: transform 0.22s ease !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(225deg) !important;
}

/* Higher specificity deliberately replaces the old v2 Bootstrap-only state. */
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: max-height 0.26s ease !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--gnutyj-faq-height, 480px) !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.product-detail-gnutyj .faq-triplex-section .accordion-body {
  padding: 0 24px 20px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

@media (min-width: 769px) {
  body.product-detail-gnutyj .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    column-gap: 1.041625vw !important;
    row-gap: 1.041625vw !important;
  }

  body.product-detail-gnutyj .faq-triplex-section .accordion-item,
  body.product-detail-gnutyj .faq-triplex-section .accordion-button {
    border-radius: 1.249948vw !important;
  }

  body.product-detail-gnutyj .faq-triplex-section .accordion-button,
  body.product-detail-gnutyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 4.147969vw !important;
    max-height: none !important;
    padding: 1.25vw 1.666667vw !important;
    column-gap: 1.041667vw !important;
    font-size: 1.249948vw !important;
    line-height: 1.649932vw !important;
    letter-spacing: -0.024999vw !important;
  }

  body.product-detail-gnutyj
    .faq-triplex-section
    .accordion-body {
    padding: 0 1.25vw 1.041667vw !important;
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-gnutyj .typesTriplexSlider,
  body.product-detail-gnutyj .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-gnutyj
    .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container,
  body.product-detail-gnutyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.product-detail-gnutyj
    .types-triplex-section:has(.typesTriplexSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider.gnutyj-native-slider
    .swiper-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.product-detail-gnutyj .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.product-detail-gnutyj .faq-triplex-section .accordion-button,
  body.product-detail-gnutyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 76px !important;
    max-height: none !important;
    padding: 18px 24px !important;
    column-gap: 20px !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    letter-spacing: -0.02em !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-gnutyj .typesTriplexSlider,
  body.product-detail-gnutyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.product-detail-gnutyj .faq-triplex-section .accordion-button,
  body.product-detail-gnutyj
    .faq-triplex-section
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
    line-height: 23.76px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-gnutyj .typesTriplexSlider,
  body.product-detail-gnutyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-gnutyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-gnutyj
    .typesTriplexSlider.gnutyj-native-slider {
    scroll-behavior: auto !important;
  }

  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq.gnutyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse,
  body.product-detail-gnutyj
    .faq-triplex-section
    .accordion-button::after {
    transition: none !important;
  }
}

/* Performance delta for the v6 projects slider and FAQ. */

body.product-detail-gnutyj
  .typesTriplexSlider.gnutyj-native-slider {
  scroll-behavior: auto !important;
  overscroll-behavior-inline: contain !important;
}

body.product-detail-gnutyj
  .typesTriplexSlider
  .place-triplex-card
  .image
  img {
  backface-visibility: hidden !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  transition: max-height 0.18s ease-out !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  .accordion-button::after {
  transition-duration: 0.18s !important;
}

/* Exact collapsed FAQ geometry plus a lightweight Bootstrap-style transition. */

body.product-detail-gnutyj .faq-triplex-section__head {
  min-height: auto !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq {
  align-items: normal !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header {
  color: #212529 !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: normal !important;
  column-gap: normal !important;
  gap: normal !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  margin-left: auto !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse:not(.show):not(.collapsing) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  transition: none !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  transition: none !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq.gnutyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.collapsing {
  display: block !important;
  height: var(--gnutyj-faq-animated-height, 0) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: height 0.18s ease-out !important;
}

@media (max-width: 768px) {
  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq {
    gap: 1.333rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq.gnutyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse.collapsing {
    transition: none !important;
  }
}

/* Match the original FAQ grid items and Bootstrap arrow geometry. */

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  > .accordion-item {
  align-self: start !important;
  min-height: auto !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  display: block !important;
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: auto !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  opacity: 0.5 !important;
  transform: none !important;
}

body.product-detail-gnutyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(-180deg) !important;
}

/* One-line FAQ answers retain their intrinsic original height on mobile. */
@media (max-width: 640px) {
  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq
    .accordion-button,
  body.product-detail-gnutyj
    .faq-triplex-section
    #accordionFaq
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* END GNUTYJ LAYOUT V1 */

/* BEGIN TRANSPORTNYJ LAYOUT V1 */
/* Scoped recovery of the original responsive layout for Transportnyj only. */

body.product-detail-transportnyj .header-padding {
  height: 6rem !important;
}

body.product-detail-transportnyj header {
  position: fixed !important;
  top: 1rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 64rem !important;
  min-width: 0 !important;
  max-width: 64rem !important;
  height: 5rem !important;
  min-height: 0 !important;
  max-height: 5rem !important;
  padding: 0 2rem 0 1.5rem !important;
}

body.product-detail-transportnyj header > a:not(.logo) {
  min-width: 0 !important;
}

body.product-detail-transportnyj main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-transportnyj main.container > .product.product--transportnyj {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  main.container
  > .product.product--transportnyj
  > .info-block {
  position: static !important;
  grid-column: span 4 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  gap: 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  main.container
  > .product.product--transportnyj
  > .photos-many-price {
  position: static !important;
  grid-column: span 2 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .product.product--transportnyj .photos-many {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .product.product--transportnyj
  .photos-many
  > img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

body.product-detail-transportnyj
  .product.product--transportnyj
  .photos-many::after {
  display: none !important;
}

body.product-detail-transportnyj .types-triplex-section,
body.product-detail-transportnyj .types-triplex-section.where-use,
body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider),
body.product-detail-transportnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order) {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .types-triplex-section__container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .types-triplex-section__container.container {
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-transportnyj .types-triplex-section .heading-block,
body.product-detail-transportnyj .types-triplex-section.where-use .heading-block,
body.product-detail-transportnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block {
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .types-triplex-section
  .heading-block__title-block {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 72.938rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  gap: 0.75rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .types-triplex-section
  .heading-block__title-block__title {
  font-size: 4.5rem !important;
  line-height: 1.12 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section
  .heading-block__title-block__description {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .types-triplex-section__info-block,
body.product-detail-transportnyj .types-triplex-section__info-block-order,
body.product-detail-transportnyj .types-triplex-section__info-block-order.grid-3,
body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .types-triplex-section__info-block,
body.product-detail-transportnyj .types-triplex-section__info-block-order {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.product-detail-transportnyj
  .types-triplex-section__info-block-order.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.product-detail-transportnyj .types-triplex-section__info-block > *,
body.product-detail-transportnyj .types-triplex-section__info-block-order > *,
body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities
  > * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-transportnyj .what-order-item,
body.product-detail-transportnyj .characteristic-item,
body.product-detail-transportnyj .types-triplex-section .why-item,
body.product-detail-transportnyj .types-triplex-section .clear-item {
  padding: 2rem !important;
}

body.product-detail-transportnyj .what-order-item .title,
body.product-detail-transportnyj .characteristic-item .title,
body.product-detail-transportnyj .types-triplex-section .why-item .title,
body.product-detail-transportnyj .types-triplex-section .clear-item .title {
  font-size: 2rem !important;
  line-height: 1.24 !important;
  letter-spacing: -0.013rem !important;
}

body.product-detail-transportnyj .what-order-item .description,
body.product-detail-transportnyj .characteristic-item .description,
body.product-detail-transportnyj .types-triplex-section .why-item .description,
body.product-detail-transportnyj
  .types-triplex-section
  .clear-item
  .description {
  margin-top: 0.75rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities
  .item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 3rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .title {
  font-size: 3rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.002rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities
  .item.description
  .description,
body.product-detail-transportnyj
  .types-triplex-section__info-block-opportunities
  .item__details {
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
}

body.product-detail-transportnyj .question-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .question-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 1rem !important;
}

body.product-detail-transportnyj .types-triplex-section__slider,
body.product-detail-transportnyj .types-triplex-section__slider .swiper,
body.product-detail-transportnyj .otherProductsSlider {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-top: 0 !important;
}

body.product-detail-transportnyj .types-triplex-section__slider .swiper {
  padding: 0 !important;
}

body.product-detail-transportnyj .otherProductsSlider .item-product {
  width: 100% !important;
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 1rem !important;
}

body.product-detail-transportnyj .place-triplex-card {
  height: 22.5rem !important;
  min-height: 0 !important;
  max-height: 22.5rem !important;
  padding: 2rem !important;
}

body.product-detail-transportnyj .faq-triplex-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .faq-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  gap: 4rem !important;
}

body.product-detail-transportnyj .faq-triplex-section__head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-transportnyj .faq-triplex-section .faq-block .accordion {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-transportnyj .faq-triplex-section .accordion-item {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1.5rem 2rem !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  white-space: normal !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-body {
  padding: 0 2rem 1.5rem !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}

body.product-detail-transportnyj .form-calculation-section {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 2rem 0 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .form-calculation-section__container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-transportnyj .form-calculation-section__col-left,
body.product-detail-transportnyj .form-calculation-section__col-right,
body.product-detail-transportnyj .form-calculation-section__col-right form {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 768px) {
  body.product-detail-transportnyj header {
    top: 2rem !important;
    width: 27.3333rem !important;
    min-width: 27.3333rem !important;
    max-width: 27.3333rem !important;
    height: 5rem !important;
    min-height: 5rem !important;
    max-height: 5rem !important;
    padding: 1rem 1.6667rem !important;
    border: 0.0833rem solid rgba(1, 13, 38, 0.0509803922) !important;
    border-radius: 1.1667rem !important;
  }

  body.product-detail-transportnyj header .mobile-logo {
    width: 5rem !important;
    min-width: 0 !important;
    height: 3rem !important;
  }

  body.product-detail-transportnyj header .mobile-menu {
    width: 1.6667rem !important;
    min-width: 0 !important;
    height: 1.6667rem !important;
  }

  body.product-detail-transportnyj main.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-transportnyj .types-triplex-section__container.container {
    padding: 0 0.6667rem !important;
  }

  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 2rem 0 15rem !important;
  }

  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj
    > .info-block {
    position: static !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    padding: 0 !important;
    gap: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: -1rem !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1.333rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: translateY(100%) !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block__btns
    > .button {
    width: 100% !important;
  }

  body.product-detail-transportnyj .types-triplex-section .heading-block,
  body.product-detail-transportnyj
    .types-triplex-section.where-use
    .heading-block,
  body.product-detail-transportnyj
    .types-triplex-section:has(.types-triplex-section__info-block-order)
    .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 2rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section
    .heading-block__title-block__title {
    font-size: 2.6667rem !important;
  }

  body.product-detail-transportnyj .types-triplex-section__info-block,
  body.product-detail-transportnyj .types-triplex-section__info-block-order,
  body.product-detail-transportnyj
    .types-triplex-section__info-block-order.grid-3,
  body.product-detail-transportnyj
    .types-triplex-section__info-block-opportunities {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 2rem !important;
  }

  body.product-detail-transportnyj .what-order-item .title,
  body.product-detail-transportnyj .characteristic-item .title,
  body.product-detail-transportnyj .types-triplex-section .why-item .title,
  body.product-detail-transportnyj .types-triplex-section .clear-item .title {
    font-size: 1.6667rem !important;
  }

  body.product-detail-transportnyj .what-order-item .description,
  body.product-detail-transportnyj .characteristic-item .description,
  body.product-detail-transportnyj .types-triplex-section .why-item .description,
  body.product-detail-transportnyj
    .types-triplex-section
    .clear-item
    .description {
    font-size: 1.3333rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section__info-block-opportunities
    .item {
    padding: 2rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section__info-block-opportunities
    .item.description
    .title {
    font-size: 2rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section__info-block-opportunities
    .item__details {
    display: flex !important;
    flex-direction: column !important;
  }

  body.product-detail-transportnyj .question-section {
    margin: 2rem 0 !important;
    padding: 2rem !important;
  }

  body.product-detail-transportnyj .question-section__container {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 3rem !important;
  }

  body.product-detail-transportnyj .otherProductsSlider .item-product {
    height: 18rem !important;
    max-height: 18rem !important;
    padding: 2rem !important;
  }

  body.product-detail-transportnyj .faq-triplex-section {
    padding: 2rem !important;
  }

  body.product-detail-transportnyj .faq-triplex-section__container {
    gap: 2rem !important;
  }

  body.product-detail-transportnyj .faq-triplex-section__head {
    flex-direction: column !important;
    align-items: center !important;
  }

  body.product-detail-transportnyj .faq-triplex-section .faq-block .accordion {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.333rem !important;
  }

  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq
    .accordion-body {
    font-size: 1.3333rem !important;
  }

  body.product-detail-transportnyj .form-calculation-section {
    padding: 2rem !important;
  }

  body.product-detail-transportnyj .form-calculation-section__container {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
}

/* Delta for v1. Keep every rule scoped to the Transportnyj page. */

body.product-detail-transportnyj .header-padding {
  height: 6rem !important;
  min-height: 6rem !important;
  max-height: 6rem !important;
}

/* Restore the original responsive internals of the product card. */
body.product-detail-transportnyj .product.product--transportnyj .info-block__top {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .product.product--transportnyj
  .breadcrumbs-block {
  margin: 0 !important;
}

body.product-detail-transportnyj
  .product.product--transportnyj
  .info-block__main {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-direction: column !important;
  gap: 2rem !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .product.product--transportnyj .tabs-cont {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .product.product--transportnyj
  .tabs[data-product-tabs] {
  gap: 1.5rem !important;
}

body.product-detail-transportnyj .product.product--transportnyj .product-hr {
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-transportnyj .product.product--transportnyj .content-block {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 23.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Remove the old fixed 72px title box and the 9px extra margin. */
body.product-detail-transportnyj
  .types-triplex-section
  .heading-block__title-block__title,
body.product-detail-transportnyj
  .types-triplex-section.where-use
  .heading-block__title-block__title,
body.product-detail-transportnyj
  .types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* The first four technology cards still inherited fixed 231/209px heights. */
body.product-detail-transportnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(1),
body.product-detail-transportnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(2),
body.product-detail-transportnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(3),
body.product-detail-transportnyj
  .types-triplex-section__info-block-order
  .why-item:nth-child(4) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Scale the final product slider with rem instead of desktop pixel constants. */
body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 4rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
}

/* Closed FAQ answers must not participate in the desktop layout. */
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-collapse.collapse:not(.show),
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header:has(.accordion-button.collapsed)
  + .accordion-collapse {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  color: #212529 !important;
}

body.product-detail-transportnyj footer.footer {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__top {
    padding: 2rem 2rem 0 2rem !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__main {
    height: fit-content !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 2rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .tabs[data-product-tabs] {
    gap: 2rem !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .product-hr {
    width: 26rem !important;
    height: 0.0833rem !important;
    margin-left: 2rem !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .content-block {
    width: auto !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    margin: 0 2rem !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .price-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2rem !important;
    border-radius: 4rem !important;
    overflow: visible !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    > .title {
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    > .description {
    margin: 0 0 1.5rem 0 !important;
    padding: 0 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-block {
    gap: 0.5rem !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.625rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    overflow: visible !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-item
    .head {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-item
    .desc {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section:has(.otherProductsSlider)
    .otherProductsSlider,
  body.product-detail-transportnyj
    .types-triplex-section:has(.otherProductsSlider)
    .swiper-wrapper {
    height: 18rem !important;
    min-height: 18rem !important;
    max-height: 18rem !important;
  }
}

/* Exact delta for the four remaining v2 comparison groups. */

@media (min-width: 769px) {
  /* Preserve the source flex items' intrinsic minimum sizes. */
  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj
    > .info-block {
    align-items: start !important;
    justify-content: start !important;
    min-height: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__top {
    width: auto !important;
    min-height: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__main {
    min-height: auto !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .content-block {
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .product-hr {
    color: #000 !important;
  }

  /* Both right-column cards use the source flex basis. */
  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj
    > .photos-many-price {
    min-height: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    > .photos-many-price
    > .photos-many {
    flex: 1 1 0% !important;
    min-height: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    > .title {
    margin-bottom: 0.5rem !important;
  }
}

/* Normalize computed styles without changing the matched card geometry. */
@media (max-width: 768px) {
  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj
    > .info-block,
  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__top,
  body.product-detail-transportnyj
    .product.product--transportnyj
    .info-block__main,
  body.product-detail-transportnyj .product.product--transportnyj .content-block {
    min-height: auto !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .tabs-cont {
    min-width: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .tabs[data-product-tabs] {
    min-width: fit-content !important;
    white-space: normal !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .content-block
    .desc-cont
    .desc {
    min-height: auto !important;
    max-height: 23.9375rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-transportnyj .product.product--transportnyj .price-block {
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    > .title,
  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-item
    .head {
    color: #000 !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    > .description,
  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices,
  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-block {
    max-width: none !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .price-block
    .prices-item {
    min-width: auto !important;
    min-height: auto !important;
  }

  /* The source heading fills the nested container's content box. */
  body.product-detail-transportnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: calc(100% - 1.3333rem) !important;
  }
}

body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block,
body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .heading-block__title-block__title {
  min-height: auto !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider,
body.product-detail-transportnyj
  .types-triplex-section:has(.otherProductsSlider)
  .swiper-wrapper {
  min-height: 0 !important;
  max-height: none !important;
}

/* Mobile/tablet finishing delta after desktop geometry reached 100%. */

body.product-detail-transportnyj .product.product--transportnyj .product-hr {
  color: #000 !important;
}

/* Keep the source two-axis computed overflow on the desktop content pane. */
@media (min-width: 769px) {
  body.product-detail-transportnyj
    main.container
    > .product.product--transportnyj
    > .info-block
    > .info-block__main
    > .content-block {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 768px) {
  /* Source tabs fill the viewport on tablet and use intrinsic width on mobile. */
  body.product-detail-transportnyj .product.product--transportnyj .tabs-cont {
    max-width: none !important;
    overflow: scroll !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .tabs[data-product-tabs] {
    width: auto !important;
    min-width: fit-content !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* V3 subtracted the nested container inset twice. */
  body.product-detail-transportnyj
    .types-triplex-section:has(.otherProductsSlider)
    .heading-block {
    width: 100% !important;
  }

  /* Restore the source CTA geometry and typography. */
  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block {
    align-items: start !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block__btns
    > .button {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1rem 2rem !important;
    border-radius: 1.5rem !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 1.3333rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block__btns
    > .button-calculation {
    border: 0 !important;
    background-color: #932828 !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block__btns
    > .button-more {
    border: 0.063rem solid rgba(1, 13, 38, 0.1019607843) !important;
    background-color: #fff !important;
  }

  body.product-detail-transportnyj
    .product.product--transportnyj
    .btns-info-block
    > span {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    text-align: center !important;
  }
}

/* Restore photographs in the "Where triplex was used" slider. */

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(1) {
  background-image: url("../../media/facilities/74f28750a2b2ac76f66bc37847b08b00730573d8_1_1.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(2) {
  background-image: url("../../media/facilities/d1be36fb37752cc5c1e93f90eda3990105aca929.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(3) {
  background-image: url("../../media/facilities/b0214e53aaa255ab8095471c908c2533bad14ac4_Jaev0cG.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(4) {
  background-image: url("../../media/facilities/0e8ce549ca047c219e2577d335e480ebf0a32bad.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(5) {
  background-image: url("../../media/facilities/3866a1509759f110dc33d5ceb06ed4aea6866ac0.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(6) {
  background-image: url("../../media/facilities/007d79d9622a6e7fa986788451c008cda0cf9846.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card:nth-child(7) {
  background-image: url("../../media/facilities/9327b7dc3cd0cf5c0a42d21a01c691c6ef11cc6e.jpg") !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
  background: linear-gradient(
    rgba(1, 13, 38, 0) 0%,
    rgba(1, 13, 38, 0.72) 100%
  ) !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card::after,
body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::before,
body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image::after {
  display: none !important;
  content: none !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .image
  img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .name,
body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .place-triplex-card
  .details
  span {
  color: #fff !important;
}

/* Match the working EVA "Where used" slider and FAQ components. */

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider) {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container,
body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  > .types-triplex-section__container.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block {
  padding: 4rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .heading-block__title-block {
  gap: 0.75rem !important;
  max-width: 72.938rem !important;
}

body.product-detail-transportnyj
  .types-triplex-section:has(.typesTriplexSlider)
  .types-triplex-section__slider {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-transportnyj .typesTriplexSlider {
  width: 100% !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  touch-action: pan-y !important;
}

body.product-detail-transportnyj .typesTriplexSlider:active {
  cursor: grabbing !important;
}

body.product-detail-transportnyj .typesTriplexSlider .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
  max-width: none !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: content-box !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 588px !important;
  width: 588px !important;
  min-width: 588px !important;
  max-width: 588px !important;
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
  margin: 0 16px 0 0 !important;
  padding: 32px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #fff !important;
  user-select: none !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card
  .name,
body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card
  .name {
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 1.666599vw !important;
  line-height: 2.066583vw !important;
  font-weight: 600 !important;
  letter-spacing: -0.010833vw !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card
  .details {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

/* Native fallback when the theme's Swiper library is unavailable. */
body.product-detail-transportnyj
  .typesTriplexSlider.transportnyj-native-slider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider.transportnyj-native-slider::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider.transportnyj-native-slider
  .swiper-wrapper {
  width: max-content !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  transform: none !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider.transportnyj-native-slider
  .place-triplex-card {
  scroll-snap-align: start !important;
}

/* FAQ layout and controls from the working EVA component. */
body.product-detail-transportnyj .faq-triplex-section {
  overflow-anchor: none !important;
}

body.product-detail-transportnyj .faq-triplex-section #accordionFaq {
  gap: 16px !important;
}

body.product-detail-transportnyj .faq-triplex-section .accordion-item {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-transportnyj .faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
}

body.product-detail-transportnyj .faq-triplex-section .accordion-button,
body.product-detail-transportnyj .faq-triplex-section .accordion-button.collapsed {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  box-shadow: none !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  text-align: left !important;
  white-space: normal !important;
  cursor: pointer !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  .accordion-button::after {
  content: "" !important;
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  margin-left: 20px !important;
  border: 0 !important;
  border-right: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.65) !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
  transition: transform 0.22s ease !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(225deg) !important;
}

/* Higher specificity deliberately replaces the old v2 Bootstrap-only state. */
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: max-height 0.26s ease !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: var(--transportnyj-faq-height, 480px) !important;
  overflow: hidden !important;
  visibility: visible !important;
}

body.product-detail-transportnyj .faq-triplex-section .accordion-body {
  padding: 0 24px 20px !important;
  background: #f2f3f4 !important;
  color: #212529 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}

@media (min-width: 769px) {
  body.product-detail-transportnyj .faq-triplex-section #accordionFaq {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    column-gap: 1.041625vw !important;
    row-gap: 1.041625vw !important;
  }

  body.product-detail-transportnyj .faq-triplex-section .accordion-item,
  body.product-detail-transportnyj .faq-triplex-section .accordion-button {
    border-radius: 1.249948vw !important;
  }

  body.product-detail-transportnyj .faq-triplex-section .accordion-button,
  body.product-detail-transportnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 4.147969vw !important;
    max-height: none !important;
    padding: 1.25vw 1.666667vw !important;
    column-gap: 1.041667vw !important;
    font-size: 1.249948vw !important;
    line-height: 1.649932vw !important;
    letter-spacing: -0.024999vw !important;
  }

  body.product-detail-transportnyj
    .faq-triplex-section
    .accordion-body {
    padding: 0 1.25vw 1.041667vw !important;
  }
}

@media (min-width: 769px) and (max-width: 1600px) {
  body.product-detail-transportnyj .typesTriplexSlider,
  body.product-detail-transportnyj .typesTriplexSlider .swiper-wrapper {
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 418px !important;
    width: 418px !important;
    min-width: 418px !important;
    max-width: 418px !important;
    height: 256px !important;
    min-height: 256px !important;
    max-height: 256px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-transportnyj
    .types-triplex-section:has(.typesTriplexSlider) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container,
  body.product-detail-transportnyj
    .types-triplex-section:has(.typesTriplexSlider)
    > .types-triplex-section__container.container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.product-detail-transportnyj
    .types-triplex-section:has(.typesTriplexSlider)
    .heading-block {
    padding: 2rem !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider.transportnyj-native-slider
    .swiper-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.product-detail-transportnyj .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.product-detail-transportnyj .faq-triplex-section .accordion-button,
  body.product-detail-transportnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    min-height: 76px !important;
    max-height: none !important;
    padding: 18px 24px !important;
    column-gap: 20px !important;
    font-size: 18px !important;
    line-height: 22.4px !important;
    letter-spacing: -0.02em !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-transportnyj .typesTriplexSlider,
  body.product-detail-transportnyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: 563px !important;
    width: 563px !important;
    min-width: 563px !important;
    max-width: 563px !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.product-detail-transportnyj .faq-triplex-section .accordion-button,
  body.product-detail-transportnyj
    .faq-triplex-section
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
    line-height: 23.76px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-transportnyj .typesTriplexSlider,
  body.product-detail-transportnyj .typesTriplexSlider .swiper-wrapper {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card {
    flex-basis: clamp(273px, 70.25vw, 291px) !important;
    width: clamp(273px, 70.25vw, 291px) !important;
    min-width: clamp(273px, 70.25vw, 291px) !important;
    max-width: clamp(273px, 70.25vw, 291px) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin-right: 12px !important;
    padding: 24px !important;
    border-radius: 18px !important;
    gap: 9px !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card
    .name {
    font-size: 20px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.013rem !important;
  }

  body.product-detail-transportnyj
    .typesTriplexSlider
    .place-triplex-card
    .details {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-transportnyj
    .typesTriplexSlider.transportnyj-native-slider {
    scroll-behavior: auto !important;
  }

  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq.transportnyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse,
  body.product-detail-transportnyj
    .faq-triplex-section
    .accordion-button::after {
    transition: none !important;
  }
}

/* Performance delta for the v6 projects slider and FAQ. */

body.product-detail-transportnyj
  .typesTriplexSlider.transportnyj-native-slider {
  scroll-behavior: auto !important;
  overscroll-behavior-inline: contain !important;
}

body.product-detail-transportnyj
  .typesTriplexSlider
  .place-triplex-card
  .image
  img {
  backface-visibility: hidden !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse {
  transition: max-height 0.18s ease-out !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  .accordion-button::after {
  transition-duration: 0.18s !important;
}

/* Exact collapsed FAQ geometry plus a lightweight Bootstrap-style transition. */

body.product-detail-transportnyj .faq-triplex-section__head {
  min-height: auto !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq {
  align-items: normal !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-header {
  color: #212529 !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button,
body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button.collapsed {
  justify-content: normal !important;
  column-gap: normal !important;
  gap: normal !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  margin-left: auto !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse:not(.show):not(.collapsing) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  transition: none !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  transition: none !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq.transportnyj-faq-ready
  .accordion-header
  + .accordion-collapse.collapse.collapsing {
  display: block !important;
  height: var(--transportnyj-faq-animated-height, 0) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: height 0.18s ease-out !important;
}

@media (max-width: 768px) {
  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq {
    gap: 1.333rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq.transportnyj-faq-ready
    .accordion-header
    + .accordion-collapse.collapse.collapsing {
    transition: none !important;
  }
}

/* Match the original FAQ grid items and Bootstrap arrow geometry. */

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  > .accordion-item {
  align-self: start !important;
  min-height: auto !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button::after {
  display: block !important;
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  margin-left: auto !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  opacity: 0.5 !important;
  transform: none !important;
}

body.product-detail-transportnyj
  .faq-triplex-section
  #accordionFaq
  .accordion-button[aria-expanded="true"]::after {
  transform: rotate(-180deg) !important;
}

/* One-line FAQ answers retain their intrinsic original height on mobile. */
@media (max-width: 640px) {
  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq
    .accordion-button,
  body.product-detail-transportnyj
    .faq-triplex-section
    #accordionFaq
    .accordion-button.collapsed {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* END TRANSPORTNYJ LAYOUT V1 */

/* BEGIN FACILITIES MASS IMPORT V1 */

body.facilities-page .header-padding {
  height: 6rem !important;
}

body.facilities-page main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.facilities-index-page .tts-facilities-catalog {
  width: 100% !important;
  margin: 4rem 0 0 !important;
  padding: 0 !important;
}

body.facilities-index-page .objects__top {
  margin-top: 0 !important;
}

.tts-facilities-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}

.tts-facilities-filter {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 15rem;
}

.tts-facilities-filter > span {
  padding-left: 1rem;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1rem;
  line-height: 1.3;
  color: rgba(1, 13, 38, 0.55);
}

.tts-facilities-filter select,
.tts-facilities-reset {
  box-sizing: border-box;
  height: 4rem;
  border: 0;
  border-radius: 1.25rem;
  padding: 0 3rem 0 1.5rem;
  background: #fff;
  color: #010d26;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  cursor: pointer;
}

.tts-facilities-reset {
  padding: 0 1.5rem;
  background: #932828;
  color: #fff;
}

.tts-facilities-reset:hover {
  background: #b13437;
}

.tts-facilities-count {
  min-height: 1.5rem;
  margin: 0;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1rem;
  color: rgba(1, 13, 38, 0.55);
}

body.facilities-index-page .objects__main {
  align-items: stretch;
  width: 100%;
}

body.facilities-index-page .objects__main .tts-facility-card[hidden] {
  display: none !important;
}

body.facilities-index-page .objects__main .tts-facility-card,
body.facilities-index-page .objects__main .tts-facility-card .card {
  width: 100% !important;
}

body.facilities-index-page .objects__main .tts-facility-card .card {
  box-sizing: border-box;
  border-radius: 2rem;
  clip-path: none !important;
  text-decoration: none;
}

body.facilities-index-page .objects__main .tts-facility-card .card__blur-cont,
body.facilities-index-page .objects__main .tts-facility-card .card__blur,
body.facilities-index-page .objects__main .tts-facility-card .text-info,
body.facilities-index-page .objects__main .tts-facility-card .text-info__info,
body.facilities-index-page .objects__main .tts-facility-card .text-info__stat {
  box-sizing: border-box;
}

body.facilities-index-page .objects__main .tts-facility-card .card__blur-cont,
body.facilities-index-page .objects__main .tts-facility-card .card__blur,
body.facilities-index-page .objects__main .tts-facility-card .text-info,
body.facilities-index-page .objects__main .tts-facility-card .text-info__info,
body.facilities-index-page .objects__main .tts-facility-card .text-info__stat,
body.facilities-index-page .objects__main .tts-facility-card .name,
body.facilities-index-page .objects__main .tts-facility-card .city {
  display: flex;
}

body.facilities-index-page .objects__main .tts-facility-card .card__blur-cont,
body.facilities-index-page .objects__main .tts-facility-card .card__blur,
body.facilities-index-page .objects__main .tts-facility-card .text-info {
  width: 100%;
}

body.facilities-index-page .objects__main .tts-facility-card .name,
body.facilities-index-page .objects__main .tts-facility-card .city,
body.facilities-index-page .objects__main .tts-facility-card .text-info__stat > span {
  text-decoration: none;
}

.tts-facilities-empty,
.tts-facilities-import-warning {
  box-sizing: border-box;
  width: 100%;
  margin: 2rem 0;
  padding: 3rem;
  border-radius: 2rem;
  background: #fff;
  color: #010d26;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: center;
}

body.facility-detail-page .tts-facility-detail {
  box-sizing: border-box;
  width: 100%;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible;
}

body.facility-detail-page .tts-facility-detail > .breadcrumbs-block {
  padding: 0 4rem;
}

body.facility-detail-page .tts-facility-detail .object__info-block {
  box-sizing: border-box;
  min-height: 48rem;
  height: 60rem;
}

body.facility-detail-page .tts-facility-detail .text-block,
body.facility-detail-page .tts-facility-detail .object__info-block__img-block,
body.facility-detail-page .tts-facility-gallery__stage {
  box-sizing: border-box;
}

body.facility-detail-page .tts-facility-detail .text-block {
  flex: 0 0 39rem;
  width: 39rem;
  max-width: 39rem;
  overflow: hidden;
}

body.facility-detail-page .tts-facility-detail .text-block__text-info__top .title {
  overflow-wrap: anywhere;
}

body.facility-detail-page .tts-facility-detail .text-block__text-info__stat {
  padding-right: 0.5rem;
}

body.facility-detail-page .tts-facility-detail .text-block__text-info__stat .info {
  margin: 0;
}

body.facility-detail-page .tts-facility-products {
  flex-wrap: wrap;
}

body.facility-detail-page .tts-facility-product {
  box-sizing: border-box;
  min-height: 4rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border-radius: 1.25rem;
  background: #f2f3f4;
  color: #010d26;
  text-decoration: none;
}

body.facility-detail-page .tts-facility-product img {
  width: 3rem;
  height: 3rem;
  border-radius: 0.875rem;
  object-fit: contain;
}

body.facility-detail-page .tts-facility-product .item-icon__title {
  display: inline !important;
  color: #010d26 !important;
}

body.facility-detail-page .tts-facility-gallery {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  border-radius: 4rem;
  background: #dfe2e6;
}

body.facility-detail-page .tts-facility-gallery__stage {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit;
  clip-path: none !important;
  background: #dfe2e6;
}

body.facility-detail-page .tts-facility-gallery__stage > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  opacity: 1;
  transition: opacity 180ms ease;
}

body.facility-detail-page .tts-facility-gallery__stage > img[hidden] {
  display: none !important;
}

body.facility-detail-page .tts-facility-gallery .pagination {
  box-sizing: border-box;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  max-width: calc(100% - 2rem);
  padding: 0.75rem;
  border-radius: 1.5rem;
  overflow-x: auto;
  background: rgba(242, 243, 244, 0.88);
  backdrop-filter: blur(0.5rem);
  scrollbar-width: none;
}

body.facility-detail-page .tts-facility-gallery .pagination::-webkit-scrollbar {
  display: none;
}

.tts-facility-thumb {
  flex: 0 0 auto;
  width: 6rem;
  height: 6rem;
  border: 0.125rem solid transparent;
  border-radius: 1.75rem;
  padding: 0;
  overflow: hidden;
  background: transparent;
  cursor: pointer;
}

.tts-facility-thumb.is-active {
  border-color: #932828;
}

.tts-facility-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 1.55rem !important;
  object-fit: cover !important;
}

.tts-facility-next {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  min-height: 26rem;
  margin-top: 2rem;
  padding: 2rem;
  border-radius: 4rem;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  color: #fff;
  text-decoration: none;
}

.tts-facility-next::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(1, 13, 38, 0.75));
}

.tts-facility-next__label,
.tts-facility-next__info {
  position: relative;
  z-index: 1;
}

.tts-facility-next__label {
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.25rem;
}

.tts-facility-next__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 52rem;
  text-align: right;
}

.tts-facility-next__info strong {
  font-family: "SF Pro Display", sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}

.tts-facility-next__info span {
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem;
}

@media (max-width: 768px) {
  body.facilities-page .header-padding {
    height: 5.3333rem !important;
  }

  body.facilities-page main.container {
    padding: 0 0.6667rem !important;
  }

  body.facilities-index-page .tts-facilities-catalog {
    margin-top: 2rem !important;
    gap: 2rem;
  }

  body.facilities-index-page .objects__top {
    gap: 2rem;
  }

  .tts-facilities-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6667rem;
  }

  .tts-facilities-filter {
    min-width: 0;
  }

  .tts-facilities-filter:first-child {
    grid-column: 1 / -1;
  }

  .tts-facilities-filter select,
  .tts-facilities-reset {
    width: 100%;
    height: 4rem;
    border-radius: 1.3333rem;
    font-size: 1.3333rem;
  }

  .tts-facilities-reset {
    grid-column: 1 / -1;
  }

  body.facilities-index-page .objects__main .tts-facility-card,
  body.facilities-index-page .objects__main .tts-facility-card .card {
    height: 25.8333rem !important;
  }

  body.facilities-index-page .objects__main .tts-facility-card .card__blur-cont {
    height: 10rem;
  }

  body.facilities-index-page .objects__main .tts-facility-card .card__blur {
    padding: 1.3333rem;
  }

  body.facilities-index-page .objects__main .tts-facility-card .text-info {
    gap: 1rem;
  }

  body.facility-detail-page .tts-facility-detail {
    gap: 2rem;
  }

  body.facility-detail-page .tts-facility-detail > .breadcrumbs-block {
    padding: 0 1.3333rem;
    overflow-x: auto;
  }

  body.facility-detail-page .tts-facility-detail .object__info-block {
    min-height: 0;
    height: auto;
  }

  body.facility-detail-page .tts-facility-detail .text-block {
    flex: none;
    width: 100% !important;
    max-width: none;
    min-height: 34rem;
    padding: 2rem;
    border-radius: 2.6667rem;
  }

  body.facility-detail-page .tts-facility-gallery {
    flex: none;
    width: 100%;
    height: 36rem;
    border-radius: 2.6667rem;
  }

  body.facility-detail-page .tts-facility-gallery .pagination {
    left: 0.6667rem;
    right: 0.6667rem;
    bottom: 0.6667rem;
    max-width: calc(100% - 1.3334rem);
    padding: 0.6667rem;
  }

  .tts-facility-thumb {
    width: 5rem;
    height: 5rem;
    border-radius: 1.3333rem;
  }

  .tts-facility-next {
    flex-direction: column;
    align-items: start;
    justify-content: end;
    min-height: 25.8333rem;
    padding: 2rem;
    border-radius: 2.6667rem;
  }

  .tts-facility-next__info {
    text-align: left;
  }

  .tts-facility-next__info strong {
    font-size: 2.6667rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.facility-detail-page .tts-facility-gallery__stage > img {
    transition: none;
  }
}

/* END FACILITIES MASS IMPORT V1 */

/* FACILITIES CATALOG — fix bottom icon in object cards */
body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom {
  position: relative;
}

body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child {
  position: relative;
  width: 4.25rem;
  height: 4.25rem;
  min-width: 4.25rem;
  flex: 0 0 4.25rem;
  display: block;
}

/* прячем текущее неверное содержимое значка */
body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child > * {
  display: none !important;
}

/* задний розовый квадрат */
body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child::before {
  content: "";
  position: absolute;
  left: 0.6rem;
  bottom: 0.2rem;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 0.75rem;
  background: #f3d9de;
  border: 0.125rem solid #a63a45;
  box-sizing: border-box;
  z-index: 1;
}

/* передний белый квадрат */
body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 0.85rem;
  background: #f8f8f8;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  z-index: 2;
}

@media (max-width: 768px) {
  body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child {
    width: 3.75rem;
    height: 3.75rem;
    min-width: 3.75rem;
    flex-basis: 3.75rem;
  }

  body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child::before {
    left: 0.5rem;
    bottom: 0.15rem;
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 0.65rem;
  }

  body.facilities-index-page .objects__main .tts-facility-card .item-obj__info-block__bottom > :last-child::after {
    right: 0.05rem;
    top: 0.05rem;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 0.75rem;
  }
}

/* BEGIN FACILITIES CATALOG MATCH V9.2 */

/* The floating contact CTA is absent from the original catalog view. */
body.facilities-index-page > .button-form-link,
body.facilities-index-page .button-form-link {
  display: none !important;
}

/*
 * Restore the original page flow:
 * - no separate header spacer in the template;
 * - mt-64 belongs to main;
 * - both catalog wrappers keep their original 4rem top margins.
 */
body.facilities-page main.container {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

body.facilities-index-page .tts-facilities-catalog {
  margin-top: 4rem !important;
  gap: 3rem !important;
}

body.facilities-index-page .objects__top {
  margin-top: 4rem !important;
  gap: 3rem !important;
}

body.facilities-index-page .objects__top .title-bread {
  gap: 1.5rem !important;
}

body.facilities-index-page .objects__main {
  align-items: normal !important;
}

.tts-facilities-desktop-controls {
  display: flex;
  width: 100%;
  justify-content: center;
}

.tts-facilities-filters {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  width: auto !important;
}

.tts-facilities-filter {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem !important;
  height: 6rem;
  min-width: 0 !important;
  margin: 0;
  padding: 2rem 2.25rem;
  border: 0.0625rem solid rgba(1, 13, 38, 0.08);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  color: #010d26;
  overflow: hidden;
}

/* On the original desktop catalog all three selects have the same width. */
.tts-facilities-filter--city,
.tts-facilities-filter--area,
.tts-facilities-filter--year {
  width: 22.5rem;
}

.tts-facilities-filter__prefix {
  flex: 0 0 auto;
  padding: 0 !important;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem !important;
  font-weight: 300;
  line-height: 1.32 !important;
  letter-spacing: 0;
  color: rgba(1, 13, 38, 0.4) !important;
  white-space: nowrap;
}

.tts-facilities-filter__select-wrap {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
}

.tts-facilities-filter select {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  margin: 0;
  padding: 0 2rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  color: #010d26 !important;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem !important;
  font-weight: 300;
  line-height: 1.32 !important;
  letter-spacing: 0;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tts-facilities-filter__select-wrap > svg {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  transform: translateY(-50%);
  color: rgba(1, 13, 38, 0.38);
  pointer-events: none;
}

.tts-facilities-reset {
  box-sizing: border-box;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 6rem !important;
  height: 6rem !important;
  min-width: 6rem;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 2rem !important;
  background: #fff !important;
  color: #010d26 !important;
  cursor: pointer;
  transition: background-color 160ms ease;
}

.tts-facilities-reset:hover {
  background: #e8e9ea !important;
}

.tts-facilities-reset svg {
  width: 1.5rem;
  height: 1.5rem;
}

.tts-facilities-count {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/*
 * Use the same card component and the same descendants as the original:
 * item-obj -> item-obj__info-block -> top/bottom.
 */
body.facilities-index-page .objects__main .tts-facility-card {
  box-sizing: border-box;
  width: 100% !important;
  color: #010d26;
  text-decoration: none;
}

body.facilities-index-page .objects__main .tts-facility-card[hidden] {
  display: none !important;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .item-obj__info-block {
  box-sizing: border-box;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .item-obj__info-block__top {
  min-width: auto;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .item-obj__info-block__top
  .title {
  min-width: auto;
  max-width: none;
  overflow-wrap: normal;
  word-break: normal;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .item-obj__info-block__bottom {
  gap: normal;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .top-bg__white
  svg {
  width: 2rem;
  height: 2rem;
}

/*
 * Card glass mark from the original catalog.
 * The pink pane is clipped by the outer white pane, as in the original icon.
 */
body.facilities-index-page
  .objects__main
  .tts-facility-card
  .tts-facility-glass-icon {
  position: relative !important;
  display: block !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.facilities-index-page
  .objects__main
  .tts-facility-card
  .tts-facility-glass-icon
  > * {
  display: none !important;
}

/* Pink pane: 44x44, flush to the left/bottom. The original uses a stronger top/right stroke and a larger top-right radius. */
body.facilities-index-page
  .objects__main
  .tts-facility-card
  .tts-facility-glass-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-top: 2.5px solid #932828 !important;
  border-right: 2.5px solid #932828 !important;
  border-radius: 0 15px 0 0 !important;
  background: #f1cad0 !important;
  box-shadow: none !important;
}

/* Neutralize the white pseudo-square from the previous temporary override. */
body.facilities-index-page
  .objects__main
  .tts-facility-card
  .tts-facility-glass-icon::after {
  content: none !important;
  display: none !important;
}

.tts-facilities-sort-button {
  border: 0;
  background: #fff;
  color: #010d26;
}

/* Drawer is rendered by the catalog template and uses the theme's base shell. */
.tts-facilities-drawer .objects-filter-drawer__content {
  background: #f2f3f4;
}

.tts-facilities-drawer .objects-filter-drawer__filters {
  gap: 1rem;
}

.tts-facilities-drawer .tts-facilities-filter {
  width: 100% !important;
  height: 5rem;
  border-radius: 1.5rem;
  padding: 0 1.5rem;
}

.tts-facilities-drawer .objects-filter-drawer__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  border-top: 0;
}

.tts-facilities-drawer .objects-filter-drawer__clear,
.tts-facilities-drawer .objects-filter-drawer__apply {
  height: 5rem;
  padding: 0 1.5rem;
  border-radius: 1.5rem;
}

@media (max-width: 768px) {
  body.facilities-page main.container {
    margin-top: 2rem !important;
  }

  body.facilities-index-page .tts-facilities-catalog {
    margin-top: 4rem !important;
    gap: 3rem !important;
  }

  body.facilities-index-page .objects__top {
    margin-top: 4rem !important;
    gap: 3rem !important;
  }

  .tts-facilities-desktop-controls {
    display: none !important;
  }

  body.facilities-index-page .objects__top .buttons.mobile-sort {
    display: flex !important;
    width: 100%;
  }

  body.facilities-index-page .objects__top .buttons.mobile-sort button {
    display: flex !important;
    width: 100% !important;
    height: 6rem;
    min-height: auto !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 2rem;
    font-family: "SF Pro Text", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.02em;
  }

  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .item-obj__info-block__top
    .desc {
    display: none !important;
  }

  .tts-facility-glass-icon {
    display: none !important;
  }

  .tts-facilities-drawer .objects-filter-drawer__content {
    padding: 1rem 2rem 2rem;
  }

  .tts-facilities-drawer .objects-filter-drawer__title {
    margin-bottom: 2rem;
  }

  .tts-facilities-drawer .objects-filter-drawer__filters {
    margin-bottom: 2rem;
  }

  .tts-facilities-drawer .tts-facilities-filter {
    display: flex !important;
    height: 5rem;
  }

  .tts-facilities-drawer .tts-facilities-filter__prefix,
  .tts-facilities-drawer .tts-facilities-filter select {
    font-size: 1.3333rem !important;
  }
}

/* END FACILITIES CATALOG MATCH V9.2 */

/* BEGIN FACILITY DETAIL MATCH V11 SINGLE IMAGE */

body.facility-detail-page > .button-form-link,
body.facility-detail-page .button-form-link {
  display: none !important;
}

body.facility-detail-page .header-padding {
  height: 6rem !important;
}

body.facility-detail-page .header-padding .arrow > svg {
  width: 28px !important;
  height: 28px !important;
}

body.facility-detail-page > main.container {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 1rem !important;
  overflow-x: hidden !important;
}

body.facility-detail-page > main.container:first-of-type > .object {
  box-sizing: border-box;
  width: 100%;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  padding-inline: 1rem !important;
  overflow: visible !important;
}

body.facility-detail-page > main.container:first-of-type > .object .object__info-block {
  box-sizing: border-box;
  width: 100%;
  min-height: auto !important;
  height: 60rem !important;
  gap: 1rem !important;
}

body.facility-detail-page > main.container:first-of-type > .object .text-block {
  box-sizing: border-box;
  flex: 0 0 31.625rem !important;
  width: 31.625rem !important;
  max-width: none !important;
  height: 100% !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: visible !important;
}

body.facility-detail-page > main.container:first-of-type > .object .breadcrumbs {
  flex-wrap: nowrap;
  overflow: visible !important;
  white-space: normal !important;
  text-align: left !important;
}

body.facility-detail-page > main.container:first-of-type > .object .breadcrumbs span {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.facility-detail-page > main.container:first-of-type > .object .text-block__text-info__top .title {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.facility-detail-page > main.container:first-of-type > .object .text-block__text-info__stat {
  padding-right: 0 !important;
}

body.facility-detail-page > main.container:first-of-type > .object .icons {
  flex-wrap: nowrap;
}

body.facility-detail-page > main.container:first-of-type > .object .icons .item-icon {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.facility-detail-page > main.container:first-of-type > .object .icons .item-icon > img {
  display: block;
  flex: 0 0 64px;
  width: 64px !important;
  height: 64px !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
}

body.facility-detail-page > main.container:first-of-type > .object .hero-container {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-width: auto;
  height: 100%;
  margin-top: 0 !important;
}

body.facility-detail-page > main.container:first-of-type > .object .hero-block-obj {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 60rem !important;
  border-radius: 4rem;
  overflow: hidden;
  background: #dfe2e6;
}

body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper,
body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper .swiper-wrapper,
body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper .swiper-wrapper {
  will-change: transform;
}

body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper .swiper-slide {
  display: block !important;
}

body.facility-detail-page > main.container:first-of-type > .object .object-hero-swiper .swiper-slide img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
}

body.facility-detail-page > main.container:first-of-type > .object .bottom-round {
  scrollbar-width: none;
}

body.facility-detail-page > main.container:first-of-type > .object .bottom-round::-webkit-scrollbar {
  display: none;
}

body.facility-detail-page > .photos-many-mobile {
  box-sizing: border-box;
}

body.facility-detail-page > .photos-many-mobile .photo-slider {
  box-sizing: border-box;
  padding-left: 0.6667rem;
  padding-right: 0 !important;
  overflow: hidden;
}

body.facility-detail-page > .photos-many-mobile .photo-slider .swiper-wrapper {
  will-change: transform;
}

body.facility-detail-page > .photos-many-mobile .photo-slider .swiper-slide {
  box-sizing: border-box;
  display: block !important;
  flex: 0 0 100%;
  width: 100%;
}

body.facility-detail-page > .photos-many-mobile .pagination-photo-swiper {
  padding-right: 1.3333rem;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 19rem;
  overflow: visible;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #010d26;
  text-decoration: none;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .info-object-block,
body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .info-object-block * {
  z-index: 2;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .category-img img,
body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block img.category-img {
  object-fit: contain;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .category-img > img.category-img {
  flex: 0 0 4rem;
  width: 4rem !important;
  height: 4rem !important;
  max-width: 4rem !important;
  max-height: 4rem !important;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .item-obj {
  color: #fff;
  text-decoration: none;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .item-obj .top-bg__white svg {
  width: 32px !important;
  height: 32px !important;
}


body.facility-detail-page > main.container:nth-of-type(2) {
  margin-bottom: 8rem !important;
  padding-bottom: 0 !important;
}

body.facility-detail-page > main.container:first-of-type > .object .text-block__text-info__stat .info__description {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .bottom-round-wrapper {
  bottom: 0 !important;
  right: 0 !important;
}

body.facility-detail-page > main.container:nth-of-type(2) > .object .object__img-block .bottom-round-wrapper .bottom-round {
  position: relative;
}

@media (max-width: 768px) {
  body.facility-detail-page .header-padding {
    height: 6rem !important;
  }

  body.facility-detail-page > main.container {
    padding-inline: 0.6667rem !important;
  }

  body.facility-detail-page > main.container:first-of-type > .object {
    margin-top: 2rem !important;
    padding-inline: 0.6667rem !important;
  }

  body.facility-detail-page > main.container:first-of-type > .object .object__info-block {
    min-height: auto !important;
    height: auto !important;
    gap: 0.6667rem !important;
  }

  body.facility-detail-page > main.container:first-of-type > .object .text-block {
    flex: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    height: auto !important;
    padding: 2rem !important;
    gap: 4rem !important;
    border-radius: 4rem !important;
    overflow: visible !important;
  }

  body.facility-detail-page > main.container:first-of-type > .object .icons .item-icon__title {
    display: flex !important;
  }

  body.facility-detail-page > main.container:nth-of-type(2) > .object .item-obj__info-block__top .desc.mobile-hidden {
    display: none !important;
  }

  body.facility-detail-page > main.container:nth-of-type(2) {
    margin-bottom: 4rem !important;
  }
}

/* Long desktop titles must stay readable instead of being clipped by the gallery. */
@media (min-width: 769px) {
  body.facility-detail-page.facility-detail-long-title > main.container:first-of-type > .object .text-block {
    flex: 0 0 39rem !important;
    width: 39rem !important;
  }

  body.facility-detail-page.facility-detail-long-title > main.container:first-of-type > .object .text-block__text-info__top .title {
    max-width: 100%;
    font-size: 3.875rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.0025rem;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none;
  }

  body.facility-detail-page.facility-detail-long-title > main.container:first-of-type > .object .breadcrumbs span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.facility-detail-page.facility-detail-long-title > main.container:first-of-type > .object .text-block__text-info__stat {
    min-height: 0;
  }
}


/* The production template keeps one visible thumbnail even for a one-photo object. */
@media (min-width: 769px) {
  body.facility-detail-page.facility-detail-single-image:not(.facility-detail-long-title) > main.container:first-of-type > .object .text-block {
    flex: 0 0 30rem !important;
    width: 30rem !important;
  }
}


/* END FACILITY DETAIL MATCH V11 SINGLE IMAGE */

/* BEGIN FACILITY DETAIL MATCH V12 DRAG THUMBS */

body.facility-detail-page .object-hero-swiper-pagination,
body.facility-detail-page .pagination-photo-swiper {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  overscroll-behavior-inline: contain;
}

body.facility-detail-page .object-hero-swiper-pagination.is-dragging,
body.facility-detail-page .pagination-photo-swiper.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto !important;
}

body.facility-detail-page .object-hero-swiper-pagination img,
body.facility-detail-page .pagination-photo-swiper img {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

/* END FACILITY DETAIL MATCH V12 DRAG THUMBS */

/* BEGIN ABOUT PAGE MATCH V6 */
body.about-page {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}


html.about-page-html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

html.about-page-html body.about-page {
  position: relative;
  left: 0 !important;
  right: auto !important;
  width: 100%;
  max-width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  overflow-x: hidden !important;
  overscroll-behavior-x: none;
}

@supports (overflow: clip) {
  html.about-page-html,
  html.about-page-html body.about-page {
    overflow-x: clip !important;
  }
}

html.about-page-html body.about-page > main,
html.about-page-html body.about-page > .hero-container,
html.about-page-html body.about-page > .another-company,
html.about-page-html body.about-page > .our-projects,
html.about-page-html body.about-page > .comanies,
html.about-page-html body.about-page > footer {
  box-sizing: border-box;
  max-width: 100%;
}


@supports (overflow: clip) {
  body.about-page {
    overflow-x: clip !important;
  }
}

body.about-page #contact-button {
  display: none !important;
}

body.about-page .about-hero-pagination-source[hidden] {
  display: none !important;
}

body.about-page .another-company .item__top .toser-logo {
  display: block;
  width: 22rem;
  height: 6.75rem;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

body.about-page .hero-photo-swiper .swiper-slide,
body.about-page .years__year-block .swiper-slide,
body.about-page .our-projects__bottom-block .swiper-slide {
  min-width: 0;
}

body.about-page .our-projects__bottom-block .item-obj {
  text-decoration: none;
}

body.about-page .hero-container.mt-112 {
  margin-top: 7rem !important;
}

body.about-page .our-projects {
  box-sizing: border-box;
  position: relative;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 8rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  overflow: hidden !important;
}

body.about-page .our-projects__top-block {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  transform: none !important;
}

body.about-page .our-projects__bottom-block.swiper {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 2rem !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  contain: paint;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.about-page .our-projects__bottom-block > .swiper-wrapper {
  box-sizing: border-box;
  display: flex !important;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  height: auto;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  will-change: transform;
}

body.about-page .our-projects__bottom-block .swiper-slide {
  box-sizing: border-box;
  flex: 0 0 35rem !important;
  width: 35rem !important;
  max-width: 35rem !important;
  height: auto !important;
  margin-left: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.about-page .our-projects__bottom-block .item-obj {
  box-sizing: border-box;
  display: flex !important;
  width: 100% !important;
  height: 42.5rem !important;
  margin: 0 !important;
  background-color: #dfe2e6;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.about-page .comanies {
  box-sizing: border-box;
  position: relative;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 7rem !important;
  overflow: hidden !important;
  contain: paint;
  transform: none !important;
}

body.about-page .comanies__track {
  max-width: none !important;
  will-change: transform;
}

body.about-page .footer {
  margin-top: 0 !important;
}

body.about-page .years__year-block.swiper {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  overscroll-behavior-x: contain;
}

body.about-page .years__year-block.swiper:active,
body.about-page .years__year-block.swiper.swiper-grab-cursor:active {
  cursor: grabbing;
}

body.about-page .years__year-block .swiper-wrapper {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.about-page .years__year-block .swiper-slide,
body.about-page .years__year-block .year-item {
  -webkit-user-drag: none;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 768px) {
  body.about-page .another-company .item__top .toser-logo {
    width: auto;
    height: 4.0833rem;
    max-width: 100%;
  }

  body.about-page .hero-container.mt-112 {
    margin-top: 5.3333rem !important;
  }

  body.about-page .our-projects {
    margin-top: 5.3333rem !important;
  }

  /* Match the original shrink-to-content centered heading block. */
  body.about-page .our-projects__top-block {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
  }

  body.about-page .our-projects__bottom-block.swiper {
    padding-left: 1.3333rem !important;
    padding-right: 1.3333rem !important;
  }

  body.about-page .our-projects__bottom-block .swiper-slide {
    flex-basis: 26.6667rem !important;
    width: 26.6667rem !important;
    max-width: 26.6667rem !important;
  }

  body.about-page .our-projects__bottom-block .item-obj {
    height: 25.8333rem !important;
  }

  body.about-page .comanies {
    margin-top: 7rem !important;
  }
}

@media (min-width: 769px) {
  body.facility-detail-page.facility-detail-wide-word > main.container:first-of-type > .object .text-block__text-info__top .title {
    max-width: 100%;
    font-size: 3.875rem !important;
    line-height: 1.08 !important;
    letter-spacing: -0.0025rem;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none;
  }
}
/* END ABOUT PAGE MATCH V6 */

/* BEGIN BLOG INDEX MATCH V3 */
body.blog-index-page #contact-button {
  display: none !important;
}

body.blog-index-page .blog__top .title-bread .title {
  font-size: 6.75rem;
  line-height: 1;
  letter-spacing: -0.04em;
}

body.blog-index-page .container-buttons-blog {
  margin-top: 3rem;
}

body.blog-index-page .buttons-blog .button-blog.active {
  background-color: #932828;
  color: #fff;
}

body.blog-index-page .blog .item-obj {
  text-decoration: none;
}

body.blog-index-page .blog .item-obj__info-block,
body.blog-index-page .blog .item-obj__info-block__top,
body.blog-index-page .blog .item-obj__info-block__bottom {
  box-sizing: border-box;
}

body.blog-index-page .blog .item-obj__info-block__bottom .text {
  min-width: 0;
}

/* The original page keeps one 4rem interval between the card grid and footer. */
body.blog-index-page main.container:last-of-type {
  margin-bottom: 4rem !important;
}

@media (max-width: 768px) {
  body.blog-index-page .blog__top .title-bread .title {
    font-size: 3rem;
    letter-spacing: 0;
  }

  body.blog-index-page .container-buttons-blog {
    box-sizing: border-box;
    margin-top: 3rem;
    padding: 0 2rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.blog-index-page .container-buttons-blog::-webkit-scrollbar {
    display: none;
  }

  body.blog-index-page .buttons-blog {
    width: auto;
    min-width: 0;
    justify-content: flex-start;
  }

  body.blog-index-page .buttons-blog .button-blog {
    flex: 0 0 auto;
  }
}
/* END BLOG INDEX MATCH V3 */

/* BEGIN BLOG ARTICLES MATCH V3 */
body.blog-article-page #contact-button {
  display: none !important;
}

body.blog-article-page .footer {
  margin-top: 0 !important;
}

body.blog-article-page .blog-container__main article {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0 !important;
}

body.blog-article-page .blog-container__main article h1,
body.blog-article-page .blog-container__main article h2,
body.blog-article-page .blog-container__main article h3,
body.blog-article-page .blog-container__main article h4,
body.blog-article-page .blog-container__main article h5,
body.blog-article-page .blog-container__main article h6 {
  margin: 1.5rem 0;
}

body.blog-article-page .blog-container__main article h2 {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.24;
  letter-spacing: -0.013rem;
}

body.blog-article-page .blog-container__main article h3 {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.32;
  letter-spacing: -0.02em;
  margin: 1rem 0;
}

body.blog-article-page .blog-container__main article p {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin: 1.5rem 0;
}

body.blog-article-page .blog-container__main article ul,
body.blog-article-page .blog-container__main article ol {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0;
  margin: 1.5rem 0;
  padding-left: 2rem;
}

body.blog-article-page .blog-container__main article ul {
  list-style: disc;
}

body.blog-article-page .blog-container__main article ol {
  list-style: decimal;
}

body.blog-article-page .blog-container__main article img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Scanner fix: WordPress browser defaults made formulas wrap differently. */
body.blog-article-page .blog-container__main article code {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875em;
  line-height: 1.4;
  color: #d63384;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
}

/* Real article tables. Applies to all four current tables and future tables
   placed inside one of the supported wrappers. */
body.blog-article-page .blog-container__main article .article-table-wrap,
body.blog-article-page .blog-container__main article .table-responsive,
body.blog-article-page .blog-container__main article .table-wrapper {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2rem 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: 1px solid rgba(1, 13, 38, 0.12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(1, 13, 38, 0.06);
  scrollbar-width: thin;
  scrollbar-color: rgba(1, 13, 38, 0.28) transparent;
}

body.blog-article-page .blog-container__main article .article-table-wrap::-webkit-scrollbar,
body.blog-article-page .blog-container__main article .table-responsive::-webkit-scrollbar,
body.blog-article-page .blog-container__main article .table-wrapper::-webkit-scrollbar {
  height: 8px;
}

body.blog-article-page .blog-container__main article .article-table-wrap::-webkit-scrollbar-thumb,
body.blog-article-page .blog-container__main article .table-responsive::-webkit-scrollbar-thumb,
body.blog-article-page .blog-container__main article .table-wrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(1, 13, 38, 0.28);
  background-clip: padding-box;
}

body.blog-article-page .blog-container__main article table,
body.blog-article-page .blog-container__main article .article-table {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
  color: #010d26;
}

body.blog-article-page .blog-container__main article table th,
body.blog-article-page .blog-container__main article table td {
  box-sizing: border-box;
  padding: 18px 20px;
  vertical-align: top;
  text-align: left !important;
  border: 0;
  border-right: 1px solid rgba(1, 13, 38, 0.1);
  border-bottom: 1px solid rgba(1, 13, 38, 0.1);
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.125rem;
  line-height: 1.42;
  overflow-wrap: break-word;
  word-break: normal;
}

body.blog-article-page .blog-container__main article table th:last-child,
body.blog-article-page .blog-container__main article table td:last-child {
  border-right: 0;
}

body.blog-article-page .blog-container__main article table tbody tr:last-child td {
  border-bottom: 0;
}

body.blog-article-page .blog-container__main article table th {
  background: #010d26;
  color: #fff;
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

body.blog-article-page .blog-container__main article table tbody tr:nth-child(even) td {
  background: #f5f7f9;
}

body.blog-article-page .blog-container__main article table tbody td:first-child {
  font-weight: 600;
  color: #010d26;
}

/* Two-column characteristics tables. */
body.blog-article-page .blog-container__main article .article-table--characteristics th:first-child,
body.blog-article-page .blog-container__main article .article-table--characteristics td:first-child {
  width: 32%;
}

body.blog-article-page .blog-container__main article .article-table--characteristics th:nth-child(2),
body.blog-article-page .blog-container__main article .article-table--characteristics td:nth-child(2) {
  width: 68%;
}

/* Comparison table: criterion + two materials. */
body.blog-article-page .blog-container__main article .article-table--comparison th:first-child,
body.blog-article-page .blog-container__main article .article-table--comparison td:first-child {
  width: 26%;
}

body.blog-article-page .blog-container__main article .article-table--comparison th:nth-child(2),
body.blog-article-page .blog-container__main article .article-table--comparison td:nth-child(2),
body.blog-article-page .blog-container__main article .article-table--comparison th:nth-child(3),
body.blog-article-page .blog-container__main article .article-table--comparison td:nth-child(3) {
  width: 37%;
}

/* Thickness table: compact first two columns and roomy description. */
body.blog-article-page .blog-container__main article .article-table--thickness th:first-child,
body.blog-article-page .blog-container__main article .article-table--thickness td:first-child {
  width: 14%;
}

body.blog-article-page .blog-container__main article .article-table--thickness th:nth-child(2),
body.blog-article-page .blog-container__main article .article-table--thickness td:nth-child(2) {
  width: 24%;
}

body.blog-article-page .blog-container__main article .article-table--thickness th:nth-child(3),
body.blog-article-page .blog-container__main article .article-table--thickness td:nth-child(3) {
  width: 62%;
}

@media (max-width: 768px) {
  body.blog-article-page .blog-container__top .title {
    overflow-wrap: break-word;
    word-break: normal;
  }

  body.blog-article-page .breadcrumbs {
    min-width: 0;
  }

  body.blog-article-page .breadcrumbs span {
    min-width: 0;
    overflow-wrap: break-word;
  }

  body.blog-article-page .blog-container__main article h2 {
    font-size: 1.6667rem;
  }

  body.blog-article-page .blog-container__main article p,
  body.blog-article-page .blog-container__main article ul,
  body.blog-article-page .blog-container__main article ol {
    font-size: 1.3333rem;
  }

  body.blog-article-page .blog-container__main article .article-table-wrap,
  body.blog-article-page .blog-container__main article .table-responsive,
  body.blog-article-page .blog-container__main article .table-wrapper {
    margin: 1.6667rem 0;
    border-radius: 20px;
  }

  body.blog-article-page .blog-container__main article table,
  body.blog-article-page .blog-container__main article .article-table {
    min-width: 680px;
  }

  body.blog-article-page .blog-container__main article .article-table--comparison,
  body.blog-article-page .blog-container__main article .article-table--thickness {
    min-width: 820px;
  }

  body.blog-article-page .blog-container__main article table th,
  body.blog-article-page .blog-container__main article table td {
    padding: 14px 16px;
    font-size: 1.1667rem;
    line-height: 1.4;
  }

  body.blog-article-page .blog-container__main article table th {
    font-size: 1.1667rem;
  }
}


/* Mobile article header: keep both article navigation arrows visible. */
@media (max-width: 480px) {
  body.blog-article-page header {
    width: 16rem !important;
    max-width: 16rem !important;
    padding-inline: 1.3333rem !important;
  }
}

/* END BLOG ARTICLES MATCH V3 */

/* BEGIN CONTACTS PAGE MATCH V1 */
body.contacts-page #contact-button {
  display: none !important;
}

body.contacts-page .footer {
  margin-top: 0 !important;
}

body.contacts-page main.container {
  padding-bottom: 0 !important;
}

body.contacts-page .contacts {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
}

body.contacts-page .contacts__title-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

body.contacts-page .contacts__title-block .breadcrumbs {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
  color: rgba(1, 13, 38, 0.6);
  text-align: center;
}

body.contacts-page .contacts__title-block .title {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 6.75rem;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #010d26;
  text-align: center;
}

body.contacts-page .contacts__table {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

body.contacts-page .contacts__table .span-2 {
  grid-column: span 2;
}

body.contacts-page .contacts__table .table-hr {
  grid-column: span 4;
  height: 0.0625rem;
  width: 100%;
  background-color: rgba(1, 13, 38, 0.1);
  border: none;
}

body.contacts-page .contacts__table .table-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 2rem;
  row-gap: 1.5rem;
}

body.contacts-page .contacts__table .table-row__info-text {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.4;
  color: rgba(1, 13, 38, 0.4);
}

body.contacts-page .contacts__table .table-row__user-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

body.contacts-page .contacts__table .table-row__user-info .name {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.24;
  letter-spacing: -0.013rem;
  color: #242424;
}

body.contacts-page .contacts__table .table-row__user-info .jobTitle {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.32;
  color: #000;
}

body.contacts-page .contacts__table .table-row__feedback {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body.contacts-page .contacts__table .table-row__feedback .item {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

body.contacts-page .contacts__table .table-row__feedback .item .text {
  min-width: 0;
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.24;
  letter-spacing: -0.013rem;
  color: #932828;
  overflow-wrap: anywhere;
}

body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger {
  flex: 0 0 auto;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: transform 0.18s ease-out;
  outline: none;
}

body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger path {
  fill: #010d26;
  fill-opacity: 0.3;
  transition: fill 0.18s ease-out, fill-opacity 0.18s ease-out;
}

body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger:hover path,
body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger:focus-visible path {
  fill: #b13437;
  fill-opacity: 1;
}

body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger:active,
body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger.is-copied {
  transform: scale(0.9);
}

body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger:active path,
body.contacts-page .contacts__table .table-row__feedback .item .js-copy-trigger.is-copied path {
  fill: #010d26;
  fill-opacity: 1;
}

body.contacts-page .contacts__table .table-row__feedback .item--phone {
  align-items: flex-start;
  flex-direction: column;
  gap: 0.25rem;
}

body.contacts-page .contacts__table .table-row__feedback .item--phone .item__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

body.contacts-page .contacts__table .table-row__feedback .item--phone .addition-code {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.32;
  color: #000;
}

body.contacts-page .contacts__table-mobile {
  width: 100%;
  display: none;
  flex-direction: column;
  gap: 2rem;
}

body.contacts-page .contacts__table-mobile .hr-contact {
  width: 100%;
  height: 0.0833rem;
  background-color: rgba(1, 13, 38, 0.1);
  border: none;
}

body.contacts-page .contacts__table-mobile .item-contact {
  display: flex;
  flex-direction: column;
  gap: 1.3333rem;
}

body.contacts-page .contacts__table-mobile .item-contact__top-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

body.contacts-page .contacts__table-mobile .item-contact__top-block .title {
  font-family: "SF Pro Display", sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.24;
  letter-spacing: -0.013rem;
  color: #242424;
}

body.contacts-page .contacts__table-mobile .item-contact__top-block .desc {
  font-family: "SF Pro Text", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.32;
  color: #000;
}

body.contacts-page .contacts__table-mobile .item-contact__bottom-block {
  display: flex;
  flex-direction: column;
  gap: 0.6667rem;
}

body.contacts-page .contacts__table-mobile .item-contact__bottom-block .button {
  box-sizing: border-box;
  width: 100%;
  height: 5.1667rem;
  min-height: 5.1667rem;
  gap: 1rem;
  border-radius: 1.1667rem;
}

body.contacts-page .contacts__table-mobile .item-contact__bottom-block .button svg {
  flex: 0 0 auto;
  width: 1.6667rem;
  height: 1.6667rem;
}

body.contacts-page .contacts__table-mobile .item-contact__bottom-block .button span {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.contacts-page .contacts-copy-toast {
  position: fixed;
  left: 50%;
  bottom: 2rem;
  z-index: 1000;
  transform: translate(-50%, 1rem);
  padding: 0.75rem 1.25rem;
  border-radius: 1rem;
  background: #010d26;
  color: #fff;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

body.contacts-page .contacts-copy-toast.is-visible {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  body.contacts-page .contacts {
    padding-inline: 1.3333rem;
  }

  body.contacts-page .contacts__title-block .breadcrumbs {
    font-size: 1.3333rem;
  }

  body.contacts-page .contacts__title-block .title {
    font-size: 3rem;
    letter-spacing: 0;
  }

  body.contacts-page .contacts__table {
    display: none;
  }

  body.contacts-page .contacts__table-mobile {
    display: flex;
  }

  body.contacts-page .contacts__table-mobile .item-contact__top-block .title {
    font-size: 1.6667rem;
  }

  body.contacts-page .contacts-copy-toast {
    bottom: 1.3333rem;
    font-size: 1.1667rem;
  }
}
/* END CONTACTS PAGE MATCH V1 */

/* BEGIN PVB TRIPLEKS SERVER MATCH V15 */

/* Documents tab in the first product card. */
body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.documents-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  width: 100% !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .title {
  display: block !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .doc-info {
  display: flex !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .byte,
body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .down {
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .byte {
  font-weight: 300 !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.product-documents-tab
.item-doc .down {
  font-weight: 600 !important;
  color: rgba(1, 13, 38, 0.6) !important;
  text-decoration: none !important;
}

/* The original CTA belongs to .info-block. Restore its original positioning. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2rem !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: auto 0 0 0 !important;
    padding: 0 !important;
    z-index: 2 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > section.types-triplex-section,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > section.question-section,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > section.product-question-block,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > section.product-document-requirements-section,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > #prices-block,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > #form-calculation-block {
    margin-top: 2rem !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    padding-bottom: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: -1rem !important;
    transform: translateY(100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: start !important;
    gap: 1.333rem !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 3 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block
  .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block
  .button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block
  .button-calculation {
    background: #932828 !important;
    color: #fff !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block > span {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 24px !important;
    text-align: center !important;
  }

  /* Undo structural properties that were only needed while the CTA was a sibling. */
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .photos-many-price {
    max-width: none !important;
    min-height: auto !important;
    position: static !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .product-documents-tab
  .item-doc .title,
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .product-documents-tab
  .item-doc .byte,
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .product-documents-tab
  .item-doc .down {
    font-size: 1.1667rem !important;
  }
}

/* Document section height should be driven by restored content. */
body.product-detail-page.product-detail-pvb-tripleks
.product-document-requirements-section
.documents-list {
  min-height: 0 !important;
}

/* Restore visible photos in the "Where triplex was used" cards. */
body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card {
  isolation: isolate !important;
  background: #010d26 !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card .image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card .image img {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card::before {
  z-index: 1 !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card .name,
body.product-detail-page.product-detail-pvb-tripleks
.types-triplex-section:has(.typesTriplexSlider)
.place-triplex-card .details {
  z-index: 2 !important;
}

/* Reliable native drag for mouse and touch, independent of global Swiper settings. */
body.product-detail-page.product-detail-pvb-tripleks
.typesTriplexSlider.pvb-projects-native-slider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  cursor: grab !important;
  touch-action: pan-y !important;
  overscroll-behavior-x: contain !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.typesTriplexSlider.pvb-projects-native-slider::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.typesTriplexSlider.pvb-projects-native-slider.is-dragging-projects {
  cursor: grabbing !important;
  scroll-snap-type: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.typesTriplexSlider.pvb-projects-native-slider .swiper-wrapper {
  width: max-content !important;
  max-width: none !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  transform: none !important;
  transition: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.typesTriplexSlider.pvb-projects-native-slider .place-triplex-card {
  scroll-snap-align: start !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .typesTriplexSlider.pvb-projects-native-slider .swiper-wrapper {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .typesTriplexSlider.pvb-projects-native-slider .swiper-wrapper {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* FAQ V4: native accordion without Bootstrap conflicts. */
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section {
  box-sizing: border-box !important;
  width: calc(100vw - 32px) !important;
  max-width: none !important;
  margin: 4rem 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  background: #fff !important;
  overflow: hidden !important;
  scroll-margin-top: 8rem;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__container {
  display: flex !important;
  flex-direction: column !important;
  gap: 4rem !important;
  width: 100% !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  width: 100% !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 4.5rem !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
  letter-spacing: -0.0025rem !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__desc {
  flex: 0 0 auto !important;
  width: min(45.563rem, 50%) !important;
  max-width: 45.563rem !important;
  margin: 0 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  font-weight: 300 !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 1.25rem !important;
  width: 100% !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq > .accordion-item {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 1.5rem !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-header {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-button {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 1.5rem 2rem !important;
  border: 0 !important;
  border-radius: 1.5rem !important;
  background: #f2f3f4 !important;
  color: #010d26 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  cursor: pointer !important;
}

/* V15: use the same Bootstrap chevron as on the original site. */
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-button::after {
  content: "" !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 15px !important;
  width: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
  margin: 0 0 0 auto !important;
  border: 0 !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  opacity: 0.5 !important;
  transform: none !important;
  transform-origin: center !important;
  transition: transform 0.2s ease-in-out !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-button[aria-expanded="true"]::after,
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-item.is-open .accordion-button::after {
  transform: rotate(-180deg) !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-collapse {
  display: grid !important;
  grid-template-rows: 0fr !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  visibility: visible !important;
  transition: grid-template-rows 0.28s ease !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-item.is-open .accordion-collapse {
  grid-template-rows: 1fr !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-body {
  box-sizing: border-box !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 2rem !important;
  background: #f2f3f4 !important;
  color: rgba(1, 13, 38, 0.72) !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
  font-weight: 300 !important;
  transition: padding 0.28s ease !important;
}

body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-item.is-open .accordion-body {
  padding: 0 2rem 1.5rem !important;
}

/* Scanner-backed rhythm corrections: restore each component's original rule. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks main.container > section.question-section {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
}

body.product-detail-page.product-detail-pvb-tripleks main.container > section.types-triplex-section {
  margin-top: 2rem !important;
}

body.product-detail-page.product-detail-pvb-tripleks main.container > section.product-document-requirements-section {
  margin-top: 0 !important;
}

body.product-detail-page.product-detail-pvb-tripleks .product-document-requirements-section .documents-list {
  min-height: auto !important;
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section {
    width: calc(100vw - 16px) !important;
    margin: 4rem 0 !important;
    padding: 2rem !important;
    border-radius: 4rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__container {
    gap: 2rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__title {
    font-size: 2.6667rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .faq-triplex-section__head__desc {
    width: 100% !important;
    max-width: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section #accordionFaq {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.333rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-button {
    padding: 1.5rem 2rem !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section .accordion-body {
    font-size: 1.3333rem !important;
    line-height: 1.4 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks main.container > section.question-section {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
}


/* V5: restore original product DOM order and make mobile expansion flow naturally. */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 24px !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__main,
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .content-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .photos-many-price {
    order: 2 !important;
    position: static !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .btns-info-block {
    order: 3 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 1 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .btns-info-block .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .btns-info-block .button {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .desc-cont .more-text {
    cursor: pointer !important;
    user-select: none !important;
  }
}

/* Desktop sibling CTA: left column below the information card, as in the original DOM. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .btns-info-block {
    grid-column: 1 / 2 !important;
    position: relative !important;
    transform: none !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: -1rem !important;
    z-index: 2 !important;
  }
}

/* Handoff-confirmed price spacing and clipping differences. */
body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks > .photos-many-price,
body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks .price-block {
  overflow: visible !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.product.product--pvb-tripleks .price-block > .title {
  margin-bottom: 0.5rem !important;
}

/* FAQ answers are clipped by the section-level overflow rule; cards keep their own clipping. */
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section {
  overflow: visible !important;
}


/* V6: restore the primary CTA color after the CTA became a product sibling. */
body.product-detail-page.product-detail-pvb-tripleks
main.container > .product.product--pvb-tripleks > .btns-info-block .button-calculation {
  background: #932828 !important;
  border-color: #932828 !important;
  color: #fff !important;
}

body.product-detail-page.product-detail-pvb-tripleks
main.container > .product.product--pvb-tripleks > .btns-info-block .button-calculation,
body.product-detail-page.product-detail-pvb-tripleks
main.container > .product.product--pvb-tripleks > .btns-info-block .button-calculation span {
  color: #fff !important;
}

/* Scanner-confirmed: the media/price wrapper is naturally sized on the original. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .photos-many-price {
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks .footer {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    margin-bottom: -3rem !important;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    margin-bottom: -1.5rem !important;
  }

  /* The six FAQ rows were 97px taller at tablet width. */
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section #accordionFaq {
    gap: 1rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section .accordion-button {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}




/* V7: restore the original CTA parent and geometry. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    position: relative !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block .btns-info-block__btns {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .75rem !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    padding-bottom: var(--pvb-cta-reserve, 157px) !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    order: 1 !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .photos-many-price {
    order: 2 !important;
    position: static !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    box-sizing: border-box !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: var(--pvb-cta-top, calc(100% - 157px)) !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 5 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block .btns-info-block__btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block .button {
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block .button-calculation {
    background: #932828 !important;
    border-color: #932828 !important;
    color: #fff !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block > span {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 24px !important;
    text-align: center !important;
  }
}

/* V7 scanner-backed FAQ reset: old ID rules forced every tablet row to 76px. */
body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section {
  width: calc(100vw - 2rem) !important;
  max-width: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.faq-triplex-section .faq-triplex-section__container {
  width: 100% !important;
  max-width: none !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.faq-triplex-section #accordionFaq > .accordion-item {
  width: auto !important;
  max-width: none !important;
  min-width: auto !important;
  min-height: auto !important;
}

body.product-detail-page.product-detail-pvb-tripleks
.faq-triplex-section #accordionFaq .accordion-button,
body.product-detail-page.product-detail-pvb-tripleks
.faq-triplex-section #accordionFaq .accordion-button.collapsed {
  max-width: none !important;
  min-height: 0 !important;
  color: rgb(33, 37, 41) !important;
  line-height: 1.32 !important;
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks .faq-triplex-section {
    width: calc(100vw - 16px) !important;
  }
}

/* The later "Other products" shift at tablet width was inherited from FAQ height. */
@media (min-width: 481px) and (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section #accordionFaq {
    gap: 1.333rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section #accordionFaq .accordion-button,
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section #accordionFaq .accordion-button.collapsed {
    padding: 1.5rem 4rem 1.5rem 2rem !important;
  }
}

/* V8 scanner-backed mobile product box: the original reserves CTA space with margin, not padding. */
@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    max-width: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 180px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section .faq-triplex-section__head {
    align-items: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section .faq-triplex-section__head__title {
    min-width: auto !important;
    color: #000 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section .faq-triplex-section__head__desc {
    color: #000 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section #accordionFaq {
    align-items: stretch !important;
  }
}


/* V9: first-screen title and header rhythm from the latest handoff. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top {
    align-items: normal !important;
    gap: 1.5rem !important;
    column-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
    min-height: auto !important;
    max-width: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top,
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks #title-block,
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top .title {
    align-items: normal !important;
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* The outer .prices is a plain wrapper. Only .prices-block is the grid. */
  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block > .title {
    color: #000 !important;
    font-family: "SF Pro Text", sans-serif !important;
    font-size: 18px !important;
    line-height: 23.76px !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 6px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block > .description {
    width: 100% !important;
    max-width: none !important;
    margin-bottom: 18px !important;
    font-size: 14px !important;
    line-height: 15.68px !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block > .prices {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: none !important;
    gap: normal !important;
    column-gap: normal !important;
    row-gap: normal !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block > .prices > .prices-block {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block .prices-item {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block .prices-item .head {
    margin: 0 !important;
    color: #000 !important;
    font-size: 10.5px !important;
    line-height: 14.7px !important;
    letter-spacing: -0.02em !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .price-block .prices-item .desc {
    font-size: 14px !important;
    line-height: 15.68px !important;
  }

  /* At tablet width the original description is centered and capped at 546.75px. */
  body.product-detail-page.product-detail-pvb-tripleks
  .faq-triplex-section .faq-triplex-section__head__desc {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 546.75px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* V10: normalize the desktop first-screen DOM to the original main.css rules.
   Mobile/tablet geometry already matches within sub-pixel tolerance. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    height: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    align-items: start !important;
    justify-content: start !important;
    position: static !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top > .breadcrumbs-block {
    width: fit-content !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    justify-content: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top > .title {
    display: ruby !important;
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__top > .description {
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    color: rgba(1, 13, 38, 0.6) !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .info-block__main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .tabs-cont {
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .tabs[data-product-tabs] {
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    gap: 1.5rem !important;
    column-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .product-hr {
    width: 100% !important;
    min-width: auto !important;
    height: 0.0625rem !important;
    min-height: auto !important;
    margin: 0 !important;
    color: #000 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  .product.product--pvb-tripleks .content-block {
    height: 100% !important;
    min-height: auto !important;
    max-height: 23.9375rem !important;
    min-width: auto !important;
    overflow-x: auto !important;
    overflow-y: scroll !important;
  }
}



/* V11: final first-screen normalization from the V10 scanner.
   Restore the original fixed desktop geometry and override the more specific
   legacy mobile title/breadcrumb rules. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks {
    height: 59.5rem !important;
    min-height: 59.5rem !important;
    max-height: 59.5rem !important;
    align-items: stretch !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    height: 59.5rem !important;
    min-height: 59.5rem !important;
    max-height: 59.5rem !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    position: relative !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__top {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    gap: 1.5rem !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .breadcrumbs-block {
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    height: 1.75rem !important;
    min-height: 1.75rem !important;
    justify-content: flex-start !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__main {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs-cont {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 2rem 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs[data-product-tabs] {
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 2rem !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
    white-space: nowrap !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .product-hr {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 0 2rem 0 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .content-block {
    width: 100% !important;
    height: 20.0625rem !important;
    min-height: 20.0625rem !important;
    max-height: 20.0625rem !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block {
    height: auto !important;
    min-height: auto !important;
    max-height: fit-content !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__top,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block #title-block,
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .title {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .breadcrumbs-block {
    width: fit-content !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin-right: auto !important;
    align-self: flex-start !important;
    justify-content: flex-start !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__top > .title {
    display: ruby !important;
    max-height: none !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 32.0004px !important;
    line-height: 35.8405px !important;
    letter-spacing: -0.03px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__top > .description {
    max-width: none !important;
  }
}


/* V12: restore the original first-screen flex geometry identified by the V11 handoff. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .breadcrumbs-block {
    width: fit-content !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin-right: 0 !important;
    justify-content: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__main {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs-cont {
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 1.5rem !important;
    column-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .product-hr {
    width: 100% !important;
    min-width: auto !important;
    height: 0.0625rem !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    color: #000 !important;
    background-color: rgba(1, 13, 38, 0.1019607843) !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .content-block {
    width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    max-height: 23.9375rem !important;
    min-width: auto !important;
    overflow-x: auto !important;
    overflow-y: scroll !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2rem !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: auto 0 0 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .breadcrumbs-block {
    width: fit-content !important;
    max-width: none !important;
    min-width: auto !important;
    margin-right: 0 !important;
    align-self: flex-start !important;
    justify-content: center !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__main {
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs-cont {
    max-width: none !important;
    min-width: auto !important;
    min-height: auto !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .tabs[data-product-tabs] {
    min-width: fit-content !important;
    white-space: normal !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .product-hr {
    max-width: none !important;
    min-height: auto !important;
    max-height: none !important;
    color: #000 !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .content-block {
    min-height: auto !important;
    max-height: fit-content !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block > span {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 1.1667rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.0375rem !important;
  }
}



/* V14: restore the original flex rhythm inside the desktop first screen.
   Original sequence: tabs -> 2rem -> rule -> 2rem -> content, then 4rem -> CTA. */
@media (min-width: 769px) {
  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .info-block__main {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
    width: 100% !important;
    height: 25.875rem !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block .content-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: 23.9375rem !important;
    min-width: auto !important;
    overflow-x: auto !important;
    overflow-y: scroll !important;
  }

  body.product-detail-page.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks > .info-block > .btns-info-block {
    max-width: none !important;
    min-width: auto !important;
    margin: 0 !important;
    align-items: center !important;
    gap: 2rem !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
}

/* END PVB TRIPLEKS SERVER MATCH V15 */

/* BEGIN PRODUCT PAGES TEMPLATE SERVER MATCH V7 */

/*
 * Ordinary product pages use the same responsive template.
 * The original layout is based on rem units: html scales to 0.8333vw below
 * 1920px. Previous WordPress overrides replaced these values with fixed px,
 * so the page remained 1920-sized on 1366px screens.
 */

/* The SEO/manufacturer block is not present on the original ordinary product pages. */
body.product-detail-page:is(
  .product-detail-zakalennoe-steklo,
  .product-detail-stemalit,
  .product-detail-gnutoe,
  .product-detail-pechat-na-stekle,
  .product-detail-zakalennoe-sverh-malyh-razmerov,
  .product-detail-energo-sberegayushee
) .order-manufacturer-section {
  display: none !important;
}

@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .header-padding {
    height: 6rem !important;
    min-height: 6rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .header-padding > .arrow {
    top: 1.125rem !important;
    left: 1rem !important;
    width: 4.75rem !important;
    height: 4.75rem !important;
    min-width: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .header-padding > .arrow.arrow-2 {
    left: auto !important;
    right: 1rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .header-padding > .arrow svg {
    width: 28px !important;
    height: 28px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product {
    gap: 1rem !important;
    width: calc(100vw - 2rem) !important;
    height: 60rem !important;
    min-height: 60rem !important;
    margin-top: 2rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block {
    width: calc(100% - 40rem) !important;
    height: 60rem !important;
    min-height: 60rem !important;
    padding: 4rem !important;
    gap: 4rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .info-block__top {
    margin-bottom: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .breadcrumbs-block {
    margin-bottom: 1.5rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .tabs-cont,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .product-hr {
    margin-bottom: 2rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .content-block {
    height: 23.9375rem !important;
    max-height: 23.9375rem !important;
    padding-right: 0.75rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block > a.button-404[href="#feedback-form"],
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block > .button-404 {
    left: 4rem !important;
    bottom: 4rem !important;
    width: 15.625rem !important;
    height: 6rem !important;
    min-height: 6rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .photos-many-price {
    display: block !important;
    flex: 0 0 39rem !important;
    width: 39rem !important;
    height: 60rem !important;
    min-height: auto !important;
    max-height: none !important;
    position: static !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product #gallery-block {
    width: 39rem !important;
    max-width: 39rem !important;
    height: 60rem !important;
    min-height: 0 !important;
    max-height: 100% !important;
    gap: 1rem !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
    border-radius: 2rem !important;
    position: static !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product #gallery-block img {
    min-height: auto !important;
    border-radius: 2rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects {
    margin-top: 8rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section {
    margin-top: 2rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section .block-products-mini {
    margin-top: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .footer {
    margin-top: 4rem !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .header-padding > .arrow {
    min-width: 0 !important;
  }

  /* The original mobile contact button fills the inner width of the card. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block > .button-404 {
    width: calc(100% - 48px) !important;
  }

  /* Restore the template rhythm: 8px before the gallery, no artificial bottom gap. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .photos-many-mobile {
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    min-height: auto !important;
    margin: 20px 0 0 0 !important;
    gap: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects {
    margin-top: 64px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section {
    margin-top: 24px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .footer {
    margin-top: 48px !important;
  }
}



/*
 * V4/V5: restore the original vertical scrollbar in the desktop hero content.
 * Earlier page-specific WordPress overrides forced overflow:hidden, so the
 * long description and document list had no visible scrollbar.
 */
@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .info-block__main > .content-block {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(1, 13, 38, 0.35) transparent !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .info-block__main > .content-block::-webkit-scrollbar {
    width: 0.5rem !important;
    background: transparent !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .info-block__main > .content-block::-webkit-scrollbar-track {
    background: transparent !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .info-block__main > .content-block::-webkit-scrollbar-thumb {
    background: rgba(1, 13, 38, 0.35) !important;
    border-radius: 0.5rem !important;
  }
}



/*
 * V6: final ordinary-product adjustments.
 *
 * The latest handoff shows that V5 over-shifted the mobile tab/content area
 * by about 24px. The original mobile also lets the contact button run beyond
 * the right edge. We keep the correct visual proportions but remove that
 * usability defect: the button now has equal 24px side insets.
 */
@media (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block > .info-block__top {
    margin-bottom: 48px !important;
  }

  /* Full, touch-friendly tab row without cutting off the last tab. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .tabs-cont {
    box-sizing: border-box !important;
    width: calc(100% + 48px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 24px !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .tabs-cont::-webkit-scrollbar {
    display: none !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    gap: 24px !important;
    white-space: nowrap !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .tabs[data-product-tabs] .tab {
    flex: 0 0 auto !important;
  }

  /* The rule is full-width inside the card instead of ending early. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .product-hr {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Keep the visible description in the expected container and alignment. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .content-block,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .product-tab-pane,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .desc-cont {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Correct the original mobile overflow defect. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block > .button-404 {
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Preserve the gallery geometry while restoring the proper internal gap. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .photos-many-mobile {
    gap: 8px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .photos-many-mobile .pagination-photo-swiper {
    margin-top: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .more-text {
    cursor: pointer !important;
    user-select: none !important;
  }

  /*
   * Unlike the original fixed-height mobile card, an expanded description
   * must grow naturally. This prevents text/button/gallery overlap.
   */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product:has(.desc-cont.is-expanded) {
    height: auto !important;
    min-height: 732px !important;
    max-height: none !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block:has(.desc-cont.is-expanded) {
    height: auto !important;
    min-height: 720px !important;
    max-height: none !important;
    padding-bottom: 120px !important;
    overflow: visible !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block:has(.desc-cont.is-expanded) .content-block,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .desc-cont.is-expanded,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block .desc-cont.is-expanded .desc {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product > .info-block:has(.desc-cont.is-expanded) > .button-404 {
    top: auto !important;
    bottom: 24px !important;
  }
}

/* Align the desktop Other Products cards with its 4rem heading inset. */
@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    padding-left: 4rem !important;
    padding-right: 2rem !important;
    scroll-padding-left: 4rem !important;
  }
}



/*
 * V7: responsive slider geometry for the ordinary product template.
 *
 * At phone width the project card on the WordPress copy was wider than the
 * reference, so its dark information panel and the next-card preview were
 * displaced. At 768px the discrepancy was larger because the reference uses
 * a compact multi-card row. The Other Products row also started 20-22px to
 * the left of its heading and its first card was wider than the reference.
 */
@media (max-width: 640px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects__bottom-block.swiper .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 23.5rem !important;
    width: 23.5rem !important;
    min-width: 23.5rem !important;
    max-width: 23.5rem !important;
    margin-right: 1rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects__bottom-block.swiper .item-obj {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 2rem !important;
    padding-right: 1.3333rem !important;
    scroll-padding-left: 2rem !important;
    overflow: hidden !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider > .swiper-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 25.4167rem !important;
    width: 25.4167rem !important;
    min-width: 25.4167rem !important;
    max-width: 25.4167rem !important;
    margin-right: 1rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .item-product {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Compact multi-card rows at the 768px tablet breakpoint. */
@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects__bottom-block.swiper .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 16.6667rem !important;
    width: 16.6667rem !important;
    min-width: 16.6667rem !important;
    max-width: 16.6667rem !important;
    margin-right: 1rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .our-projects__bottom-block.swiper .item-obj {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    scroll-padding-left: 2rem !important;
    overflow: hidden !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 18.6667rem !important;
    width: 18.6667rem !important;
    min-width: 18.6667rem !important;
    max-width: 18.6667rem !important;
    margin-right: 1rem !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .item-product {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Keep the desktop row aligned with the 4rem heading inset. */
@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .types-triplex-section:has(.otherProductsSlider) .block-products-mini.otherProductsSlider {
    margin-left: 0 !important;
    padding-left: 4rem !important;
    padding-right: 2rem !important;
    scroll-padding-left: 4rem !important;
  }
}

/* END PRODUCT PAGES TEMPLATE SERVER MATCH V7 */

/* BEGIN PRODUCT PAGES TEMPLATE SERVER STRUCTURE V8 */

/*
 * V8 synchronizes the ordinary-product mobile DOM with the original page:
 * the mobile gallery is a child of .product.mb-0. The grid keeps the already
 * matched geometry while allowing the expanded description to grow safely.
 */
@media (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 732px auto !important;
    align-items: start !important;
    gap: 12px 0 !important;
    width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 24px 8px 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: static !important;
    inset: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  /* Expanded copy must participate in normal layout and push the gallery down. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0:has(.desc-cont.is-expanded) {
    grid-template-rows: auto auto !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0:has(.desc-cont.is-expanded) > .info-block {
    height: auto !important;
    min-height: 720px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .desc-cont .more-text {
    display: inline-flex !important;
    cursor: pointer !important;
    user-select: none !important;
  }
}

/* Keep the desktop source component untouched except for the scroll-state hook. */
@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .content-block.is-scroll-shadow-hidden::after {
    opacity: 0 !important;
  }
}

/* END PRODUCT PAGES TEMPLATE SERVER STRUCTURE V8 */

/* BEGIN PRODUCT PAGES TEMPLATE SERVER MOBILE ALIGN V9 */

/*
 * V9 fixes the remaining ordinary-product mobile mismatch after the V8 DOM
 * synchronization. The product root had an additional 8px horizontal margin
 * and was converted to grid. The original component is a column flexbox that
 * starts at the main container edge. This restores that structure without
 * changing the matched desktop layout or the safe expanded-description flow.
 */
@media (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    width: calc(100vw - 16px) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 24px 0 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    inset: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: 20px 0 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  /* The original mobile product heading is 2.6667rem (about 32px), not 36px. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .info-block__top > .title,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .info-block__top > .title h1 {
    font-family: "SF Pro Display", sans-serif !important;
    font-weight: 600 !important;
    font-size: 2.6667rem !important;
    line-height: 1.12 !important;
    letter-spacing: -0.0025rem !important;
    height: auto !important;
    min-height: 0 !important;
  }

  /* Preserve natural growth when the long mobile description is expanded. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0:has(.desc-cont.is-expanded) {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* END PRODUCT PAGES TEMPLATE SERVER MOBILE ALIGN V9 */

/* BEGIN PRODUCT PAGES TEMPLATE SERVER MOBILE RHYTHM V10 */

/*
 * V10 restores the original mobile vertical rhythm after the V8 DOM move and
 * V9 horizontal alignment. The information card itself keeps the safe fixed
 * shell and contact button, while its internal layout returns to the source
 * flex/gap/padding model. This removes the duplicated 48px gap above tabs.
 */
@media (max-width: 768px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 48px !important;
    padding: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block > .info-block__top {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px 24px 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .breadcrumbs-block {
    margin: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .info-block__top > .title {
    display: block ruby !important;
    align-self: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .info-block__top > .title h1 {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block > .info-block__main {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    height: fit-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .tabs-cont {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 24px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .tabs[data-product-tabs] {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: fit-content !important;
    max-width: none !important;
    gap: 24px !important;
    white-space: normal !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .product-hr {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: 26rem !important;
    max-width: calc(100% - 48px) !important;
    height: 0.0833rem !important;
    margin: 0 0 0 24px !important;
    padding: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .info-block .content-block {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: fit-content !important;
    min-height: 0 !important;
    max-height: fit-content !important;
    margin: 0 24px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  /* Restore the source thumbnail inset and active-frame geometry. */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile .pagination-photo-swiper {
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile .pagination-photo-swiper .pagin-dot {
    border: 0 !important;
    padding: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile .pagination-photo-swiper .pagin-dot.active {
    border: 1px solid #932828 !important;
    padding: 6px !important;
    background-color: #fff !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product.mb-0 > .photos-many-mobile .pagination-photo-swiper .pagin-dot.active img {
    max-width: calc(100% - 6px) !important;
    max-height: calc(100% - 6px) !important;
  }
}

/* END PRODUCT PAGES TEMPLATE SERVER MOBILE RHYTHM V10 */

/* BEGIN FACILITIES CATALOG SERVER FIX V1 — 2026-08-04 */

/* The original catalog uses a static bottom row. The old temporary icon fix
 * made it a positioned container and is no longer required. */
body.facilities-index-page
  .objects__main
  .tts-facility-card
  .item-obj__info-block__bottom {
  position: static !important;
}

@media (max-width: 768px) {
  /*
   * On the original mobile/tablet catalog the decorative glass mark is hidden.
   * The desktop rule has higher specificity and display:block!important, so the
   * old short selector could not hide it. Match/exceed that specificity here.
   */
  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .tts-facility-glass-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }

  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .tts-facility-glass-icon::before,
  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .tts-facility-glass-icon::after {
    content: none !important;
    display: none !important;
  }

  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .item-obj__info-block__bottom {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
  }
}

/* END FACILITIES CATALOG SERVER FIX V1 */

/* BEGIN FACILITIES CATALOG SERVER FIX V2 — 2026-08-04 */

@media (max-width: 768px) {
  /*
   * The glass icon is already hidden on mobile. Keep the bottom row at its
   * natural text height instead of forcing min-height:0, which caused the
   * area line to collapse on cards with long titles.
   */
  body.facilities-index-page
    .objects__main
    .tts-facility-card
    .item-obj__info-block__bottom {
    min-height: auto !important;
  }
}

/* END FACILITIES CATALOG SERVER FIX V2 */

/* BEGIN FACILITIES CATALOG SERVER FIX V3 — 2026-08-04 */

/*
 * The original card arrow uses a fixed 32x32 SVG. A previous catalog patch
 * reduced it to 2rem, which becomes only 24px on mobile and about 23px at
 * 1366px. Keep the surrounding scoop geometry unchanged and restore only the
 * arrow artwork dimensions.
 */
body.facilities-index-page
  .objects__main
  .tts-facility-card
  .top-bg__white
  > svg {
  display: block !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
}

/* END FACILITIES CATALOG SERVER FIX V3 */

/* BEGIN FACILITIES CATALOG SERVER FIX V6 — 2026-08-04 */

/*
 * Финальная подгонка выпадающих фильтров /facilities/ под оригинал.
 * Сохраняем геометрию штатного .select из main.css, убираем внутренний
 * красный focus-контур и заменяем квадратные checkbox на круглые radio.
 */
body.facilities-index-page .objects__top > .buttons.mobile-hidden {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: auto;
  overflow: visible;
}

body.facilities-index-page .objects__top > .buttons.mobile-hidden > .select {
  box-sizing: border-box;
  flex: 0 0 22.5rem;
  width: 22.5rem;
  min-width: 0;
  margin: 0;
  overflow: visible;
}

body.facilities-index-page .select[data-facilities-custom-select] {
  position: relative;
}

body.facilities-index-page .select[data-facilities-custom-select].is-open {
  z-index: 80;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__head,
body.facilities-index-page .select[data-facilities-custom-select] .select__head:hover,
body.facilities-index-page .select[data-facilities-custom-select] .select__head:focus,
body.facilities-index-page .select[data-facilities-custom-select] .select__head:focus-visible,
body.facilities-index-page .select[data-facilities-custom-select].is-open .select__head {
  box-sizing: border-box;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: inherit;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__head > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.32;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__head .text-black {
  font: inherit;
  color: #010d26;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__chevron {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
  color: rgba(1, 13, 38, 0.38);
  transition: transform 0.2s ease;
}

body.facilities-index-page .select[data-facilities-custom-select].is-open .select__chevron {
  transform: rotate(180deg);
}

body.facilities-index-page .select[data-facilities-custom-select] .select__body {
  box-sizing: border-box;
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  border: 0.0625rem solid rgba(1, 13, 38, 0.08);
  border-top: 0;
  border-radius: 0 0 1.25rem 1.25rem;
  background: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  scrollbar-width: thin;
  scrollbar-color: rgba(1, 13, 38, 0.45) transparent;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__body::-webkit-scrollbar {
  width: 0.375rem;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__body::-webkit-scrollbar-track {
  background: transparent;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(1, 13, 38, 0.45);
}

body.facilities-index-page .select[data-facilities-custom-select] .select__option {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  min-height: 3.375rem;
  margin: 0;
  padding: 0.625rem 1.25rem;
  border-bottom: 0.0625rem solid rgba(1, 13, 38, 0.06);
  background: #fff;
  cursor: pointer;
  text-align: left;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__option:last-of-type {
  border-bottom: 0;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__option:hover,
body.facilities-index-page .select[data-facilities-custom-select] .select__option:focus-within,
body.facilities-index-page .select[data-facilities-custom-select] .select__option.is-selected {
  background: #fff;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__option-text {
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.32;
  letter-spacing: 0;
  color: #010d26;
}

/* Круглый пункт выбора, как на оригинале. */
body.facilities-index-page .select[data-facilities-custom-select] .select__checkbox {
  box-sizing: border-box;
  display: block;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0.0625rem solid rgba(1, 13, 38, 0.48);
  border-radius: 50%;
  outline: 0;
  background: #fff;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__checkbox:focus-visible {
  outline: 0.125rem solid rgba(147, 40, 40, 0.28);
  outline-offset: 0.125rem;
}

body.facilities-index-page .select[data-facilities-custom-select] .select__checkbox:checked {
  border-color: #932828;
  background:
    radial-gradient(circle at center, #932828 0 0.25rem, transparent 0.28125rem),
    #fff;
}

/* Значение "Все ..." на оригинале остаётся пустым круглым пунктом. */
body.facilities-index-page .select[data-facilities-custom-select] .select__checkbox[data-value=""]:checked {
  border-color: rgba(1, 13, 38, 0.48);
  background: #fff;
}

body.facilities-index-page .tts-facilities-native-select[hidden] {
  display: none !important;
}

body.facilities-index-page .objects__top > .buttons.mobile-hidden .tts-facilities-reset {
  box-sizing: border-box;
  display: flex !important;
  flex: 0 0 6rem;
  align-items: center;
  justify-content: center;
  width: 6rem !important;
  height: 6rem !important;
  min-width: 6rem;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 2rem !important;
  background: #fff !important;
  color: #010d26 !important;
}

body.facilities-index-page .objects__top > .buttons.mobile-hidden .tts-facilities-reset:hover {
  background: #e8e9ea !important;
}

body.facilities-index-page .objects__top > .buttons.mobile-hidden .tts-facilities-reset svg {
  width: 1.5rem;
  height: 1.5rem;
}

body.facilities-index-page .objects__top > .mobile-sort.tts-facilities-sort-button {
  box-sizing: border-box;
  width: 100%;
  height: 6rem;
  min-height: 0;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2rem;
  background: #fff;
  color: #010d26;
  font-family: "SF Pro Text", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.02em;
}

body.facilities-index-page .objects__top,
body.facilities-index-page .objects__top > .buttons.mobile-hidden,
body.facilities-index-page .select[data-facilities-custom-select] {
  overflow: visible !important;
}

@media (max-width: 768px) {
  body.facilities-index-page .objects__top > .buttons.mobile-hidden {
    display: none !important;
  }

  body.facilities-index-page .objects__top > .mobile-sort.tts-facilities-sort-button {
    display: flex !important;
  }

  body.facilities-index-page .tts-facilities-drawer .select[data-facilities-custom-select] {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.facilities-index-page .tts-facilities-drawer .objects-filter-drawer__filters {
    overflow: visible !important;
  }

  body.facilities-index-page .tts-facilities-drawer .objects-filter-drawer__content {
    overflow-y: auto !important;
  }
}

/* END FACILITIES CATALOG SERVER FIX V6 */

/* === TRIPLEKS PAGE SERVER V1 START === */
/* Auto-generated desktop rem scaling for /products/tripleks/ */
@media (min-width: 769px) {
body.product-detail-tripleks main.container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks main.container > .product.product--tripleks {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, calc(100% - 39.6875rem)) 38.6875rem !important;
  column-gap: 1rem !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  width: calc(100vw - 2rem) !important;
  max-width: 118rem !important;
  height: 176.875rem !important;
  min-height: 176.875rem !important;
  max-height: 176.875rem !important;
  margin: 2rem 0 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 176.875rem !important;
  min-height: 176.875rem !important;
  max-height: 176.875rem !important;
  margin: 0 !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .product--tripleks .info-block__top {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 12.3125rem !important;
  min-height: 12.3125rem !important;
  max-height: 12.3125rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1.5rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .breadcrumbs-block {
  width: auto !important;
  height: 1.75rem !important;
  min-height: 1.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks #title-block,
  body.product-detail-tripleks .product--tripleks .title#title-block {
  width: 100% !important;
  height: 5.0625rem !important;
  min-height: 5.0625rem !important;
  max-height: 5.0625rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks h1 {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 4.5rem !important;
  line-height: 5.04rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.0025rem !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .info-block__main,
  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 156.5625rem !important;
  min-height: 156.5625rem !important;
  max-height: 156.5625rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .product--tripleks .content-block-description {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 70.3125rem !important;
  height: 8.25rem !important;
  min-height: 8.25rem !important;
  max-height: 8.25rem !important;
  margin: 0 0 4rem 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .content-block-description .desc-cont,
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full {
  display: none !important;
}

body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden > div {
  box-sizing: border-box !important;
  width: calc(100% - 0.3125rem) !important;
  max-width: calc(100% - 0.3125rem) !important;
  min-height: 8.25rem !important;
  margin: 0 0 0 0.3125rem !important;
  padding: 0.625rem 1.25rem !important;
  background: #f0f4ff !important;
  box-shadow: -0.3125rem 0 0 0 #0066ff !important;
  border-left: 0 !important;
  border-radius: 0.3125rem !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 700 !important;
  color: #000 !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 70.3125rem !important;
  min-height: 144.3125rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading {
  width: 100% !important;
  height: 8.6875rem !important;
  min-height: 8.6875rem !important;
  max-height: 8.6875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add {
  width: 100% !important;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  max-height: 3.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.3125rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
  width: auto !important;
  max-width: calc(100% - 9.375rem) !important;
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  max-height: 3.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 3rem !important;
  line-height: 3.5rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.006rem !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 7.625rem !important;
  min-width: 7.625rem !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f2f3f4 !important;
  border-radius: 62.4375rem !important;
  white-space: nowrap !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details span {
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.25rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  white-space: nowrap !important;
}

body.product-detail-tripleks .product--tripleks .price-table-block__heading .description {
  width: 100% !important;
  min-height: 3.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.5rem !important;
  line-height: 1.98rem !important;
  font-weight: 300 !important;
  color: rgba(1, 13, 38, 0.55) !important;
  overflow: visible !important;
}

body.product-detail-tripleks .product--tripleks .prices-table {
  width: 100% !important;
  height: 111.75rem !important;
  min-height: 111.75rem !important;
  max-height: 111.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.product-detail-tripleks .product--tripleks .prices-table::-webkit-scrollbar {
  display: none !important;
}

body.product-detail-tripleks .product--tripleks .prices-table table {
  width: 100% !important;
  height: 111.75rem !important;
  margin: 0 !important;
  border-radius: 1.5rem !important;
}

body.product-detail-tripleks .product--tripleks .button-calculation {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14.4375rem !important;
  height: 3.75rem !important;
  min-height: 3.75rem !important;
  margin: 0 !important;
  padding: 1rem 2rem !important;
  border-radius: 1.5rem !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  box-sizing: border-box !important;
  width: 38.6875rem !important;
  max-width: 38.6875rem !important;
  height: 176.875rem !important;
  min-height: 176.875rem !important;
  max-height: 176.875rem !important;
  margin: 0 !important;
  padding: 3rem !important;
  border-radius: 4rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-view-block__head {
  width: 32.6875rem !important;
  height: 7.1875rem !important;
  min-height: 7.1875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .types-view-block .types-view-block__head .title {
  width: 32.6875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 3rem !important;
  line-height: 3.5rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.006rem !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.product-detail-tripleks .types-view-block .types-view-block__head .description {
  width: 32.6875rem !important;
  height: 2.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.12rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.0375rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-view-block__list {
  width: 32.6875rem !important;
  height: 160.6875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-triplex-card {
  box-sizing: border-box !important;
  width: 32.6875rem !important;
  height: 25.9375rem !important;
  min-height: 25.9375rem !important;
  max-height: 25.9375rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: #f2f3f4 !important;
  border-radius: 1.5rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-triplex-card .image-tags,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image,
  body.product-detail-tripleks .types-view-block .types-triplex-card .image img {
  width: 32.6875rem !important;
  height: 15.25rem !important;
  min-height: 15.25rem !important;
  max-height: 15.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-triplex-card .information {
  box-sizing: border-box !important;
  width: 32.6875rem !important;
  height: 10.6875rem !important;
  min-height: 10.6875rem !important;
  max-height: 10.6875rem !important;
  margin: 0 !important;
  padding: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  background: #f2f3f4 !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-triplex-card .name {
  width: 28.6875rem !important;
  max-width: 28.6875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Display", sans-serif !important;
  font-size: 2rem !important;
  line-height: 2.48rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.013rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-view-block .types-triplex-card .description {
  width: 28.6875rem !important;
  max-width: 28.6875rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
  font-weight: 300 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .types-triplex-section,
  body.product-detail-tripleks .form-calculation-section {
  width: calc(100vw - 2rem) !important;
  max-width: 118rem !important;
  margin: 2rem 0 0 0 !important;
  box-sizing: border-box !important;
}

body.product-detail-tripleks .order-manufacturer-section {
  min-height: 34.6875rem !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .order-manufacturer-section__container {
  display: grid !important;
  grid-template-columns: minmax(0, 53.5rem) minmax(0, 53.5rem) !important;
  gap: 3rem !important;
  width: 100% !important;
}

body.product-detail-tripleks .order-manufacturer-section__col-right {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1rem !important;
}

body.product-detail-tripleks .types-triplex-section {
  padding: 0 !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-triplex-section .heading-block {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use {
  height: 40.25rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
  height: 17.75rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider,
  body.product-detail-tripleks .types-triplex-section.where-use .swiper-wrapper {
  width: 100% !important;
  height: 22.5rem !important;
}

body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) {
  height: 35.5625rem !important;
}

body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .heading-block {
  height: 13.0625rem !important;
}

body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .otherProductsSlider,
  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider) .swiper-wrapper {
  width: 100% !important;
  height: 22.5rem !important;
}

body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) {
  height: 32.3125rem !important;
  overflow: visible !important;
}

body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block {
  height: 13.0625rem !important;
}

body.product-detail-tripleks .types-triplex-section__info-block-order {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1rem !important;
  width: 100% !important;
  height: 19.25rem !important;
  margin: 0 !important;
  padding: 0 4rem !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.product-detail-tripleks .form-calculation-section {
  min-height: 65.25rem !important;
  padding: 4rem !important;
  border-radius: 4rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks footer.footer {
  margin-top: 4rem !important;
}
}

@media (min-width: 769px) {
body.product-detail-tripleks .product--tripleks > .info-block {
  gap: 3rem !important;
}

body.product-detail-tripleks .product--tripleks .info-block__top {
  height: 8.3125rem !important;
  min-height: 8.3125rem !important;
  max-height: 8.3125rem !important;
  gap: 1.5rem !important;
}

body.product-detail-tripleks .product--tripleks .content-block-description {
  margin-bottom: 4rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use {
  height: 40.25rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
  height: 17.75rem !important;
  padding: 4rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 22.5rem !important;
  padding: 0 4rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider .swiper-wrapper {
  display: flex !important;
  gap: 1rem !important;
  height: 22.5rem !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .whereUseTriplexSlider .swiper-slide {
  width: calc((100% - 2rem) / 3) !important;
  min-width: calc((100% - 2rem) / 3) !important;
  max-width: calc((100% - 2rem) / 3) !important;
  flex: 0 0 calc((100% - 2rem) / 3) !important;
  height: 22.5rem !important;
  margin: 0 !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
  margin: 0 !important;
  padding: 2rem !important;
  border-radius: 1.5rem !important;
  overflow: hidden !important;
}

body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card .image,
  body.product-detail-tripleks .types-triplex-section.where-use .place-triplex-card img {
  width: 100% !important;
  height: 22.5rem !important;
  min-height: 22.5rem !important;
  max-height: 22.5rem !important;
  object-fit: cover !important;
}
}

/* Mobile/tablet fluid geometry for /products/tripleks/. */
@media (max-width: 768px) {
  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block,
  body.product-detail-tripleks .product--tripleks .info-block__main,
  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all,
  body.product-detail-tripleks .product--tripleks .content-block-description,
  body.product-detail-tripleks .product--tripleks .price-table-block,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .description,
  body.product-detail-tripleks .product--tripleks .prices-table,
  body.product-detail-tripleks .product--tripleks .prices-table table {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block,
  body.product-detail-tripleks .product--tripleks .info-block__main,
  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full > div {
    min-height: 0 !important;
    height: auto !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block,
  body.product-detail-tripleks .types-view-block .types-view-block__head,
  body.product-detail-tripleks .types-view-block .types-view-block__head .description,
  body.product-detail-tripleks .types-view-block .types-view-block__list,
  body.product-detail-tripleks .types-view-block .types-triplex-card,
  body.product-detail-tripleks .types-view-block .types-triplex-card .information {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block,
  body.product-detail-tripleks .types-view-block .types-view-block__list,
  body.product-detail-tripleks .types-view-block .types-triplex-card,
  body.product-detail-tripleks .types-view-block .types-triplex-card .information {
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image-tags {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image::before {
    content: "" !important;
    display: block !important;
    padding-bottom: 46.59% !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .order-manufacturer-section__container,
  body.product-detail-tripleks .types-triplex-section.where-use,
  body.product-detail-tripleks .types-triplex-section.where-use .heading-block,
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order),
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block,
  body.product-detail-tripleks .types-triplex-section__info-block-order,
  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item,
  body.product-detail-tripleks .form-calculation-section,
  body.product-detail-tripleks .form-calculation-section__container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .order-manufacturer-section__container,
  body.product-detail-tripleks .types-triplex-section.where-use,
  body.product-detail-tripleks .types-triplex-section.where-use .heading-block,
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order),
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block,
  body.product-detail-tripleks .types-triplex-section__info-block-order,
  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item,
  body.product-detail-tripleks .form-calculation-section,
  body.product-detail-tripleks .form-calculation-section__container {
    overflow: visible !important;
  }
}
/* === TRIPLEKS PAGE SERVER V1 END === */

/* === TRIPLEKS PAGE SERVER V2 START === */
/* Corrections based on handoff 2026-08-04 17:34. Desktop geometry is intentionally untouched. */

/* Shared mobile/tablet structure: the white hero card has no own padding on the original;
   padding belongs to its internal blocks. */
@media (max-width: 768px) {
  body.product-detail-tripleks main.container > .product.product--tripleks {
    max-width: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    padding: 0 !important;
    align-items: stretch !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__top {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 24px 24px 0 !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__main {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
    box-sizing: border-box !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description,
  body.product-detail-tripleks .product--tripleks .price-table-block,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .description,
  body.product-detail-tripleks .product--tripleks .prices-table {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-tripleks .order-manufacturer-section,
  body.product-detail-tripleks .types-triplex-section.where-use,
  body.product-detail-tripleks .types-triplex-section:has(.otherProductsSlider),
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order),
  body.product-detail-tripleks .form-calculation-section {
    max-width: none !important;
  }
}

/* Phone layout: V1 left the "where used" heading 9px too tall. */
@media (max-width: 640px) {
  body.product-detail-tripleks .types-triplex-section.where-use {
    height: 493.65625px !important;
    min-height: 493.65625px !important;
    max-height: 493.65625px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    height: 223.65625px !important;
    min-height: 223.65625px !important;
    max-height: 223.65625px !important;
  }
}

/* 641-768px is a separate tablet composition on the original. */
@media (min-width: 641px) and (max-width: 768px) {
  /* Price heading: badge and title are in one row, not stacked as on a phone. */
  body.product-detail-tripleks .product--tripleks .price-table-block__heading {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .price-details {
    position: static !important;
    inset: auto !important;
    order: -1 !important;
    transform: none !important;
    width: auto !important;
    min-width: 84px !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .title {
    position: static !important;
    inset: auto !important;
    order: 0 !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100% - 100px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 32px !important;
    line-height: 35.84px !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .description {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* The six triplex cards must grow with their 704px-wide images.
     Old nth-child rules kept phone heights and shortened the block by ~830px. */
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(n),
  body.product-detail-tripleks .types-view-block .types-triplex-card:nth-child(n) .information {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-view-block__list,
  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Exact tablet height from the original capture. */
  body.product-detail-tripleks .types-triplex-section.where-use {
    height: 410.328125px !important;
    min-height: 410.328125px !important;
    max-height: 410.328125px !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    height: 140.328125px !important;
    min-height: 140.328125px !important;
    max-height: 140.328125px !important;
  }

  /* "Как заказать": two columns on tablet, one column only on phone. */
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) {
    height: 821.359375px !important;
    min-height: 821.359375px !important;
    max-height: 821.359375px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block {
    box-sizing: border-box !important;
    height: 83.828125px !important;
    min-height: 83.828125px !important;
    max-height: 83.828125px !important;
    padding: 24px !important;
  }

  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block__title-block,
  body.product-detail-tripleks .types-triplex-section:has(.types-triplex-section__info-block-order) .heading-block__title-block__title {
    width: auto !important;
    max-width: none !important;
    height: 35.84px !important;
    min-height: 35.84px !important;
    max-height: 35.84px !important;
    white-space: nowrap !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    height: 737.53125px !important;
    min-height: 737.53125px !important;
    max-height: 737.53125px !important;
    padding: 0 24px 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(n) {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}
/* === TRIPLEKS PAGE SERVER V2 END === */

/* === TRIPLEKS PAGE SERVER V3 START === */
/* Fine corrections from handoff 2026-08-04 18:00. */

/* Restore the original six-column desktop grid. The visual widths stay the same,
   but intermediate desktop resolutions no longer depend on a hard-coded second column. */
@media (min-width: 769px) {
  body.product-detail-tripleks main.container > .product.product--tripleks {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1rem !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    grid-column: span 4 !important;
    width: 100% !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    grid-column: span 2 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  /* The blue introductory note was the only child making the complete first
     screen taller. Separate values reproduce the original phone/tablet rhythm. */
  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    align-items: start !important;
    min-height: auto !important;
    max-height: fit-content !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    min-height: auto !important;
  }

  /* The original heading uses a flex column with a 9px gap. In the local page
     the title also had its own 9px margin, doubling the spacing. */
  body.product-detail-tripleks .types-triplex-section.where-use .heading-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block__title-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    min-width: auto !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block__title-block__title {
    margin-bottom: 0 !important;
    max-width: none !important;
  }

  body.product-detail-tripleks .types-triplex-section.where-use .heading-block__title-block__description {
    max-width: none !important;
  }

  /* The captured page was exactly 48px short below the calculation form. */
  body.product-detail-tripleks footer.footer {
    margin-top: 48px !important;
  }
}

@media (max-width: 640px) {
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full > div {
    line-height: 21.23px !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full > div {
    line-height: 20.83px !important;
  }
}
/* === TRIPLEKS PAGE SERVER V3 END === */

/* === TRIPLEKS PAGE SERVER V4 START === */
/* Corrections based on handoff 2026-08-04 18:27. */

/* Desktop: restore the natural flow used by the original page. */
@media (min-width: 769px) {
  body.product-detail-tripleks main.container {
    overflow: visible !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    align-items: start !important;
    justify-content: start !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__top {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    align-items: normal !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .breadcrumbs-block {
    width: fit-content !important;
    height: auto !important;
    min-height: auto !important;
    justify-content: center !important;
  }

  body.product-detail-tripleks .product--tripleks #title-block,
  body.product-detail-tripleks .product--tripleks .title#title-block {
    width: fit-content !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    display: block ruby !important;
  }

  body.product-detail-tripleks .product--tripleks h1 {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks .product--tripleks .info-block__main {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block,
  body.product-detail-tripleks .product--tripleks .content-block.all {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: auto !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden {
    height: auto !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden > div {
    height: auto !important;
    min-height: 0 !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 4rem 0 0 !important;
    gap: 4rem !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add,
  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .title-add > .title {
    max-width: none !important;
    line-height: 1.16 !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks .product--tripleks .price-table-block__heading .price-details {
    display: block !important;
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    scrollbar-width: auto !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table::-webkit-scrollbar {
    display: initial !important;
  }

  body.product-detail-tripleks .product--tripleks .prices-table table {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container > .product.product--tripleks > .types-view-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* On the original this CTA is the fixed red button in the lower centre. */
  body.product-detail-tripleks
  .product--tripleks .price-table-block .btns
  > a.button.button-calculation.button-form-link {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: fixed !important;
    bottom: 2rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 27.3333rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 5.1667rem !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 1rem 2rem !important;
    border-radius: 2rem !important;
    gap: 1rem !important;
    font-size: 1.5rem !important;
    line-height: 1.32 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    z-index: 120 !important;
  }
}

/* Phone and tablet: restore the original natural heading/description flow. */
@media (max-width: 768px) {
  body.product-detail-tripleks .product--tripleks .info-block__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    min-height: auto !important;
    text-align: start !important;
  }

  body.product-detail-tripleks .product--tripleks .breadcrumbs-block {
    width: fit-content !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    justify-content: center !important;
    text-align: start !important;
  }

  body.product-detail-tripleks .product--tripleks #title-block,
  body.product-detail-tripleks .product--tripleks .title#title-block {
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    max-height: none !important;
    text-align: start !important;
  }

  body.product-detail-tripleks .product--tripleks h1 {
    display: inline-block !important;
    max-width: none !important;
    white-space: normal !important;
    text-align: start !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full {
    display: flex !important;
    min-width: auto !important;
    min-height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.full > div {
    max-width: none !important;
    min-width: auto !important;
    min-height: auto !important;
    padding: 10px 20px !important;
    line-height: 22.4px !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(n) {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
}

/* Phone price heading: badge on the first row, title below it. */
@media (max-width: 640px) {
  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .price-details {
    position: static !important;
    inset: auto !important;
    order: -1 !important;
    transform: none !important;
    display: block !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .title {
    position: static !important;
    inset: auto !important;
    order: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 36px !important;
    line-height: 36px !important;
    white-space: normal !important;
  }
}

/* Tablet composition from the original: full-width stacked order cards. */
@media (min-width: 641px) and (max-width: 768px) {
  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .price-details {
    position: static !important;
    inset: auto !important;
    order: -1 !important;
    transform: none !important;
    display: block !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading .title-add > .title {
    position: static !important;
    inset: auto !important;
    order: 0 !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 36px !important;
    line-height: 36px !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .prices-table table {
    width: 100% !important;
    min-width: 50rem !important;
    max-width: none !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    height: 737.53125px !important;
    min-height: 737.53125px !important;
    max-height: 737.53125px !important;
    padding: 0 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-triplex-section__info-block-order .why-item:nth-child(n) {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
}
/* === TRIPLEKS PAGE SERVER V4 END === */

/* === TRIPLEKS PAGE SERVER V5 START === */
/* Fine corrections based on handoff 2026-08-04 18:52. */

body.product-detail-tripleks .product--tripleks #title-block,
body.product-detail-tripleks .product--tripleks .title#title-block {
  display: ruby !important;
}

body.product-detail-tripleks .product--tripleks .info-block__main {
  display: flex !important;
  flex-direction: column !important;
  min-height: auto !important;
}

body.product-detail-tripleks main.container .product.product--tripleks[data-block="price"] .price-table-block .price-table-block__heading .title-add > .price-details {
  display: block !important;
  align-items: normal !important;
  justify-content: normal !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  white-space: normal !important;
}

body.product-detail-tripleks main.container .product.product--tripleks[data-block="price"] .price-table-block .price-table-block__heading .title-add > .price-details > span {
  display: inline !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1.5rem !important;
  background-color: #f2f3f4 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;
  white-space: normal !important;
}

body.product-detail-tripleks main.container .product.product--tripleks[data-block="price"] .price-table-block .price-table-block__heading > .description {
  color: rgba(1, 13, 38, 0.6) !important;
  min-height: auto !important;
}

@media (max-width: 768px) {
  body.product-detail-tripleks main.container > .product.product--tripleks > .info-block {
    align-items: normal !important;
  }

  body.product-detail-tripleks main.container .product.product--tripleks[data-block="price"] .price-table-block .price-table-block__heading .title-add > .price-details > span {
    font-size: 0.875rem !important;
  }
}

@media (min-width: 769px) {
  body.product-detail-tripleks .product--tripleks .content-block-description {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .product--tripleks .content-block-description .desc.mobile-hidden > div {
    box-sizing: border-box !important;
    width: calc(100% - 5px) !important;
    max-width: none !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 0 0 5px !important;
    padding: 10px 20px !important;
  }
}
/* === TRIPLEKS PAGE SERVER V5 END === */

/* === TRIPLEKS PAGE SERVER V6 START === */
/* Confirmed corrections from handoff 2026-08-05 13:14. */

/* Restore the original price badge box without changing the row flow. */
html body.product-detail-tripleks main.container
.product.product--tripleks[data-block="price"]
.price-table-block .price-table-block__heading
.title-add > .price-details {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

html body.product-detail-tripleks main.container
.product.product--tripleks[data-block="price"]
.price-table-block .price-table-block__heading
.title-add > .price-details > span {
  box-sizing: border-box !important;
  display: inline !important;
  padding: 0.75rem 1.25rem !important;
  border-radius: 1.5rem !important;
  background: #f2f3f4 !important;
  font-family: "SF Pro Text", sans-serif !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;
  color: #000 !important;
  white-space: nowrap !important;
  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;
}

@media (max-width: 768px) {
  html body.product-detail-tripleks main.container
  .product.product--tripleks[data-block="price"]
  .price-table-block .price-table-block__heading
  .title-add > .price-details > span {
    font-size: 0.875rem !important;
  }
}

/* At 1366 px V5 collapsed the blue description card by about 25.7 px.
   The original keeps this desktop block at 8.25rem. */
@media (min-width: 769px) {
  html body.product-detail-tripleks
  .product--tripleks .content-block-description {
    box-sizing: border-box !important;
    height: 8.25rem !important;
    min-height: 8.25rem !important;
    max-height: 8.25rem !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  .product--tripleks .content-block-description .desc.mobile-hidden {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 8.25rem !important;
    max-height: 8.25rem !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  .product--tripleks .content-block-description .desc.mobile-hidden > div {
    box-sizing: border-box !important;
    display: block !important;
    width: calc(100% - 0.3125rem) !important;
    max-width: calc(100% - 0.3125rem) !important;
    height: 8.25rem !important;
    min-height: 8.25rem !important;
    max-height: 8.25rem !important;
    margin: 0 0 0 0.3125rem !important;
    padding: 0.625rem 1.25rem !important;
    overflow: visible !important;
  }
}
/* === TRIPLEKS PAGE SERVER V6 END === */

/* === TRIPLEKS PAGE SERVER V8 START === */
/*
 * Handoff 2026-08-05 14:34.
 * V7 incorrectly reduced column-gap to 1rem/16px. The reference keeps the
 * same cross-axis gap as row-gap: 48px on mobile/tablet and 4rem on desktop.
 * Also align the desktop Other Products slider with its heading inset.
 */

@media (min-width: 769px) {
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .info-block {
    row-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    column-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  body.product-detail-tripleks
  .types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 4rem !important;
    padding-right: 2rem !important;
    scroll-padding-left: 4rem !important;
  }
}

@media (max-width: 768px) {
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .info-block {
    row-gap: 48px !important;
    column-gap: 48px !important;
    align-items: start !important;
  }
}
/* === TRIPLEKS PAGE SERVER V8 END === */

/* === TRIPLEKS PAGE SERVER V9 START === */
/*
 * Manual comparison 2026-08-05 15:20.
 * The desktop "Where triplex was used" slider starts 1rem too far left and
 * its cards are about 1.375rem narrower than the reference. The section
 * heading and all vertical geometry are already correct, so V9 changes only
 * the horizontal slider geometry.
 */

@media (min-width: 769px) {
  body.product-detail-tripleks
  .types-triplex-section.where-use
  .whereUseTriplexSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 5rem !important;
    padding-right: 0 !important;
    scroll-padding-left: 5rem !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks
  .types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper {
    display: flex !important;
    width: max-content !important;
    min-width: 100% !important;
    gap: 1rem !important;
  }

  body.product-detail-tripleks
  .types-triplex-section.where-use
  .whereUseTriplexSlider
  .place-triplex-card.swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 37.5rem !important;
    width: 37.5rem !important;
    min-width: 37.5rem !important;
    max-width: 37.5rem !important;
    margin: 0 !important;
  }
}
/* === TRIPLEKS PAGE SERVER V9 END === */

/* === TRIPLEKS PAGE SERVER V11 START === */
/*
 * Main Triplex page: desktop lead-description exactness.
 *
 * V10 used a direct-child selector:
 *   .content-block-description > .desc.mobile-hidden
 *
 * The real DOM contains one additional wrapper:
 *   .content-block-description > div > .desc.mobile-hidden
 *
 * Therefore V10 did not reach the visible desktop description. This block
 * targets the real descendant and restores the reference 5/10/20px geometry.
 * Mobile and tablet (<=768px) remain untouched.
 */
@media (min-width: 769px) {
  html body.product-detail-tripleks
  main.container
  > .product.product--tripleks
  > .info-block
  .content-block-description {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  main.container
  > .product.product--tripleks
  > .info-block
  .content-block-description
  .desc.mobile-hidden {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  main.container
  > .product.product--tripleks
  > .info-block
  .content-block-description
  .desc.mobile-hidden
  > div {
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 auto !important;
    width: calc(100% - 5px) !important;
    min-width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    margin: 0 0 0 5px !important;
    padding: 10px 20px !important;
    overflow: visible !important;
  }
}
/* === TRIPLEKS PAGE SERVER V11 END === */

/* === TRIPLEKS PAGE SERVER V12 START === */
/*
 * /products/tripleks/
 * V12 restores the original mobile card geometry and keeps the lower desktop
 * sliders proportional when browser zoom changes the CSS viewport width.
 */

/* ---------- Desktop: fluid geometry of the two lower slider sections ---------- */
@media (min-width: 769px) {
  body.product-detail-tripleks main.container > section.types-triplex-section.where-use,
  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) {
    box-sizing: border-box !important;
    width: calc(1888 / 1920 * 100vw) !important;
    max-width: calc(1888 / 1920 * 100vw) !important;
    margin-top: calc(32 / 1920 * 100vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section.where-use {
    height: calc(644 / 1920 * 100vw) !important;
    min-height: calc(644 / 1920 * 100vw) !important;
    max-height: calc(644 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .heading-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: calc(284 / 1920 * 100vw) !important;
    min-height: calc(284 / 1920 * 100vw) !important;
    max-height: calc(284 / 1920 * 100vw) !important;
    margin: 0 !important;
    padding: calc(64 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider,
  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider .swiper-wrapper {
    width: 100% !important;
    height: calc(360 / 1920 * 100vw) !important;
    min-height: calc(360 / 1920 * 100vw) !important;
    max-height: calc(360 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider .place-triplex-card {
    box-sizing: border-box !important;
    flex: 0 0 calc(588 / 1920 * 100vw) !important;
    width: calc(588 / 1920 * 100vw) !important;
    min-width: calc(588 / 1920 * 100vw) !important;
    max-width: calc(588 / 1920 * 100vw) !important;
    height: calc(360 / 1920 * 100vw) !important;
    min-height: calc(360 / 1920 * 100vw) !important;
    max-height: calc(360 / 1920 * 100vw) !important;
    margin: 0 calc(16 / 1920 * 100vw) 0 0 !important;
    padding: calc(32 / 1920 * 100vw) !important;
    border-radius: calc(24 / 1920 * 100vw) !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider .place-triplex-card .image,
  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider .place-triplex-card .image img,
  body.product-detail-tripleks main.container > section.types-triplex-section.where-use .whereUseTriplexSlider .place-triplex-card > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) {
    height: calc(569 / 1920 * 100vw) !important;
    min-height: calc(569 / 1920 * 100vw) !important;
    max-height: calc(569 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) .heading-block {
    box-sizing: border-box !important;
    width: 100% !important;
    height: calc(209 / 1920 * 100vw) !important;
    min-height: calc(209 / 1920 * 100vw) !important;
    max-height: calc(209 / 1920 * 100vw) !important;
    margin: 0 !important;
    padding: calc(64 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) .otherProductsSlider,
  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .swiper-wrapper {
    width: 100% !important;
    height: calc(360 / 1920 * 100vw) !important;
    min-height: calc(360 / 1920 * 100vw) !important;
    max-height: calc(360 / 1920 * 100vw) !important;
    margin-top: 0 !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc(560 / 1920 * 100vw) !important;
    width: calc(560 / 1920 * 100vw) !important;
    min-width: calc(560 / 1920 * 100vw) !important;
    max-width: calc(560 / 1920 * 100vw) !important;
    height: calc(360 / 1920 * 100vw) !important;
    min-height: calc(360 / 1920 * 100vw) !important;
    max-height: calc(360 / 1920 * 100vw) !important;
    margin-right: calc(16 / 1920 * 100vw) !important;
  }

  body.product-detail-tripleks main.container > section.types-triplex-section:has(.otherProductsSlider) .otherProductsSlider .item-product {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    padding: calc(16 / 1920 * 100vw) !important;
    border-radius: calc(32 / 1920 * 100vw) !important;
    overflow: hidden !important;
  }
}

/* ---------- Phones: restore separate rounded triplex cards ---------- */
@media (max-width: 640px) {
  body.product-detail-tripleks .types-view-block__list {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: var(--tr-inner-w) !important;
    height: 1845px !important;
    min-height: 1845px !important;
    max-height: 1845px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card {
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #f2f3f4 !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(1),
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(2),
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(5),
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(6) {
    height: 301px !important;
    min-height: 301px !important;
    max-height: 301px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(3) {
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(4) {
    height: 303px !important;
    min-height: 303px !important;
    max-height: 303px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags > .image,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags > .image > img {
    box-sizing: border-box !important;
    display: block !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .information {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    margin: 0 !important;
    padding: 24px !important;
    gap: 9px !important;
    background: #f2f3f4 !important;
    border-radius: 0 0 18px 18px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(1) > .information,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(2) > .information,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(5) > .information,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(6) > .information {
    height: 149px !important;
    min-height: 149px !important;
    max-height: 149px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(3) > .information {
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card:nth-child(4) > .information {
    height: 151px !important;
    min-height: 151px !important;
    max-height: 151px !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card .name,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card .description {
    display: block !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card .description {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }
}
/* === TRIPLEKS PAGE SERVER V12 END === */

/* === TRIPLEKS PAGE SERVER V13 START === */
/*
 * /products/tripleks/
 * Built from Layout Transfer Assistant Comparator v20.2.0 diagnostics.
 * Fixes:
 * 1) mobile/tablet card clipping chain;
 * 2) description line count/overflow;
 * 3) desktop card widths, gaps and left start in the two lower sliders.
 */

/* ---------- Card clipping and text: phones + tablet ---------- */
@media (max-width: 768px) {
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card {
    border-radius: 18px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    isolation: isolate !important;
  }

  /* The original clips the image with the CARD radius.
     Media wrappers and img themselves are not rounded. */
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags > .image,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags > .image > img {
    border-radius: 0 !important;
  }

  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags,
  body.product-detail-tripleks .types-view-block__list > .types-triplex-card > .image-tags > .image {
    overflow: visible !important;
  }

  body.product-detail-tripleks .types-view-block .types-triplex-card .description {
    display: block !important;
    max-width: none !important;
    color: rgba(1, 13, 38, 0.4) !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }
}

/* Keep the exact original text color and natural text box on desktop too. */
@media (min-width: 769px) {
  body.product-detail-tripleks .types-view-block .types-triplex-card .description {
    display: block !important;
    max-width: none !important;
    color: rgba(1, 13, 38, 0.4) !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
}

/* ---------- Desktop: "Где использовался триплекс" ---------- */
@media (min-width: 769px) {
  body.product-detail-tripleks
  .types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper {
    gap: 1rem !important;
    column-gap: 1rem !important;
    row-gap: 0 !important;
  }

  body.product-detail-tripleks
  .types-triplex-section.where-use
  .whereUseTriplexSlider .place-triplex-card {
    flex: 0 0 calc(598.188 / 1920 * 100vw) !important;
    flex-basis: calc(598.188 / 1920 * 100vw) !important;
    width: calc(598.188 / 1920 * 100vw) !important;
    min-width: calc(598.188 / 1920 * 100vw) !important;
    max-width: calc(598.188 / 1920 * 100vw) !important;
    margin-right: 0 !important;
  }

  /* ---------- Desktop: "Другая продукция" ---------- */
  body.product-detail-tripleks
  .types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    padding-left: 5rem !important;
    padding-right: 2rem !important;
  }

  body.product-detail-tripleks
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  body.product-detail-tripleks
  .types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider .swiper-slide {
    flex: 0 0 calc(29.5437vw - 11.49px) !important;
    flex-basis: calc(29.5437vw - 11.49px) !important;
    width: calc(29.5437vw - 11.49px) !important;
    min-width: calc(29.5437vw - 11.49px) !important;
    max-width: calc(29.5437vw - 11.49px) !important;
    margin-right: 16px !important;
  }
}
/* === TRIPLEKS PAGE SERVER V13 END === */

/* === TRIPLEKS PAGE SERVER V14 START === */
/*
 * /products/tripleks/
 * Built from comparator package products-tripleks-20260805_173927.
 * Corrects V13 selectors that lost to more specific legacy rules.
 */

/* ---------- Phones + tablet: card itself must clip its image ---------- */
@media (max-width: 768px) {
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list a.types-triplex-card {
    border-radius: 18px !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    isolation: isolate !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list a.types-triplex-card > .image-tags,
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list a.types-triplex-card > .image-tags > .image,
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list a.types-triplex-card > .image-tags > .image > img {
    border-radius: 0 !important;
  }
}

/* ---------- Desktop: exact geometry of both lower sliders ---------- */
@media (min-width: 769px) {
  /* "Где использовался триплекс": Swiper already supplies one rem spacing.
     Remove wrapper gap and set the slide margin explicitly. */
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider .place-triplex-card {
    box-sizing: border-box !important;
    flex: 0 0 calc(598.188 / 1920 * 100vw) !important;
    flex-basis: calc(598.188 / 1920 * 100vw) !important;
    width: calc(598.188 / 1920 * 100vw) !important;
    min-width: calc(598.188 / 1920 * 100vw) !important;
    max-width: calc(598.188 / 1920 * 100vw) !important;
    margin-left: 0 !important;
    margin-right: 1rem !important;
  }

  /* "Другая продукция": fixed 16px gap in the original, fluid card width. */
  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 5rem !important;
    padding-right: 2rem !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc(29.5437vw - 11.49px) !important;
    flex-basis: calc(29.5437vw - 11.49px) !important;
    width: calc(29.5437vw - 11.49px) !important;
    min-width: calc(29.5437vw - 11.49px) !important;
    max-width: calc(29.5437vw - 11.49px) !important;
    margin-left: 0 !important;
    margin-right: 16px !important;
  }
}
/* === TRIPLEKS PAGE SERVER V14 END === */

/* === TRIPLEKS PAGE SERVER V15 START === */
/*
 * /products/tripleks/
 * Mobile card geometry must remain fluid between 390 and 768 px.
 * V12 fixed the 390 px snapshot with rigid pixel heights, so at ~414 px
 * images became too short and information panels too tall.
 */
@media (max-width: 768px) {
  /* Let the mobile product and right column follow their real content height. */
  body.product-detail-tripleks
  main.container > .product.product--tripleks {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  /* Card height is image height + natural information height.
     This preserves 3 lines at 390 px and naturally drops to 2 lines near 414 px. */
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card {
    box-sizing: border-box !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: #f2f3f4 !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    isolation: isolate !important;
  }

  /* Original media height is 46.5909% of the inner card width:
     151.875 px at 390 viewport, 163 px at 414, 327.984 px at 768. */
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags,
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags > .image,
  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags > .image > img {
    box-sizing: border-box !important;
    display: block !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: calc(46.5909vw - 29.8182px) !important;
    min-height: calc(46.5909vw - 29.8182px) !important;
    max-height: calc(46.5909vw - 29.8182px) !important;
    flex: 0 0 calc(46.5909vw - 29.8182px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags {
    position: relative !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags > .image {
    position: relative !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .image-tags > .image > img {
    overflow: clip !important;
  }

  body.product-detail-tripleks
  main.container > .product.product--tripleks > .types-view-block
  .types-view-block__list > a.types-triplex-card > .information {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: var(--tr-inner-w) !important;
    min-width: var(--tr-inner-w) !important;
    max-width: var(--tr-inner-w) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 24px !important;
    gap: 9px !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }
}
/* === TRIPLEKS PAGE SERVER V15 END === */

/* === TRIPLEKS PAGE SERVER V16 START === */
/*
 * /products/tripleks/
 * Full comparison v20.3.2 confirmed a tablet-only geometry conflict.
 *
 * At 768 px legacy rules stretch:
 * - "Где использовался триплекс" cards to roughly the full slider width;
 * - "Другая продукция" item-product beyond its Swiper slide.
 *
 * The phone layout (<=640 px) and desktop layout (>=769 px) are intentionally
 * not changed by this patch.
 */
@media (min-width: 641px) and (max-width: 768px) {
  /* ---------------------------------------------------------
     Где использовался триплекс
     Original at 768 px:
     card 563 x 270 px, spaceBetween 12 px, offsetBefore 24 px.
     Keep the width fluid inside the tablet interval.
     --------------------------------------------------------- */
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider,
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper,
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider > .swiper-wrapper {
    box-sizing: content-box !important;
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
    max-width: none !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 24px !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider .place-triplex-card.swiper-slide,
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider .place-triplex-card.swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc(563 / 768 * 100vw) !important;
    flex-basis: calc(563 / 768 * 100vw) !important;
    width: calc(563 / 768 * 100vw) !important;
    min-width: calc(563 / 768 * 100vw) !important;
    max-width: calc(563 / 768 * 100vw) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin: 0 12px 0 0 !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .place-triplex-card > .image,
  body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .place-triplex-card > .image > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
  }

  /* ---------------------------------------------------------
     Другая продукция
     Original at 768 px:
     slide/item 210 x 216 px, spaceBetween 16 px,
     Swiper inner padding 16 px.
     The old page rule made item-product about 688 px wide.
     --------------------------------------------------------- */
  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    overflow: hidden !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper {
    box-sizing: content-box !important;
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
    max-width: none !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc(210 / 768 * 100vw) !important;
    flex-basis: calc(210 / 768 * 100vw) !important;
    width: calc(210 / 768 * 100vw) !important;
    min-width: calc(210 / 768 * 100vw) !important;
    max-width: calc(210 / 768 * 100vw) !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    margin: 0 16px 0 0 !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }
}
/* === TRIPLEKS PAGE SERVER V16 END === */

/* === TRIPLEKS PAGE SERVER V17 START === */
/*
 * /products/tripleks/
 * Confirmed by Comparator v20.5.1, capture 2026-08-06 14:07.
 *
 * Fixes:
 * 1) exact mobile/tablet geometry of "Где использовался триплекс";
 * 2) exact mobile/tablet geometry of "Другая продукция";
 * 3) natural one-line height of "Как заказать триплекс" near 414 px.
 *
 * Desktop >= 769 px is intentionally untouched.
 */

/* -----------------------------------------------------------
   COMMON MOBILE/TABLET SWIPER CONTAINERS
   ----------------------------------------------------------- */
@media (max-width: 768px) {
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    padding: 0 !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider > .swiper-wrapper {
    box-sizing: content-box !important;
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks:not(.tripleks-v17-swipers-ready)
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider > .swiper-wrapper,
  html body.product-detail-tripleks:not(.tripleks-v17-swipers-ready)
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider > .swiper-wrapper {
    padding-left: 24px !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .whereUseTriplexSlider .place-triplex-card.swiper-slide,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .typesTriplexSlider .place-triplex-card.swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc((100vw - 19.6px) / 1.3) !important;
    flex-basis: calc((100vw - 19.6px) / 1.3) !important;
    width: calc((100vw - 19.6px) / 1.3) !important;
    min-width: calc((100vw - 19.6px) / 1.3) !important;
    max-width: calc((100vw - 19.6px) / 1.3) !important;
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    margin: 0 12px 0 0 !important;
    overflow: hidden !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .place-triplex-card > .image,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .place-triplex-card > .image > img,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section.where-use
  .place-triplex-card > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    padding: 0 0 0 24px !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper {
    box-sizing: content-box !important;
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    box-sizing: border-box !important;
    height: 216px !important;
    min-height: 216px !important;
    max-height: 216px !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide {
    overflow: visible !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    display: flex !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 640px) {
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide {
    flex: 0 0 calc((100vw - 18.4px) / 1.2) !important;
    flex-basis: calc((100vw - 18.4px) / 1.2) !important;
    width: calc((100vw - 18.4px) / 1.2) !important;
    min-width: calc((100vw - 18.4px) / 1.2) !important;
    max-width: calc((100vw - 18.4px) / 1.2) !important;
    margin: 0 12px 0 0 !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    padding: 24px !important;
  }
}

@media (min-width: 641px) and (max-width: 768px) {
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide {
    flex: 0 0 calc((100vw - 53.28px) / 3.33) !important;
    flex-basis: calc((100vw - 53.28px) / 3.33) !important;
    width: calc((100vw - 53.28px) / 3.33) !important;
    min-width: calc((100vw - 53.28px) / 3.33) !important;
    max-width: calc((100vw - 53.28px) / 3.33) !important;
    margin: 0 16px 0 0 !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    padding: 24px !important;
  }
}

@media (min-width: 400px) and (max-width: 640px) {
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  > .types-triplex-section__container > .heading-block {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 24px !important;
  }

  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block,
  html body.product-detail-tripleks
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: nowrap !important;
  }
}
/* === TRIPLEKS PAGE SERVER V17 END === */

/* === PRODUCT PAGES TEMPLATE SERVER V12 START === */
/*
 * Ordinary product pages only.
 *
 * V12 keeps all successful V11 fixes and corrects the mobile content area:
 * - its visible height still stops before the "Связаться" CTA;
 * - long tab content (especially "Документы") is vertically scrollable.
 */

@media (min-width: 769px) {
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product {
    position: relative !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) .product .info-block__main .content-block::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product #gallery-block.photos-many {
    border-radius: 32px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product #gallery-block img {
    border-radius: 32px !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product #gallery-block.photos-many::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    box-sizing: border-box !important;
    width: 39rem !important;
    min-width: 39rem !important;
    max-width: 39rem !important;
    height: 4rem !important;
    min-height: 4rem !important;
    max-height: 4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(
      to top,
      rgb(255, 255, 255),
      rgba(255, 255, 255, 0)
    ) !important;
    background-image: linear-gradient(
      to top,
      rgb(255, 255, 255),
      rgba(255, 255, 255, 0)
    ) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    border-bottom-left-radius: 32px !important;
    border-bottom-right-radius: 32px !important;
    clip-path: inset(0 round 0 0 32px 32px) !important;
  }
}

@media (max-width: 768px) {
  /*
   * The exact height is written by product-pages-v12.js from the actual
   * CTA position. This CSS only guarantees functional vertical scrolling.
   */
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product .content-block {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: none !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product .content-block::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product .content-block .product-tab-pane,
  body.product-detail-page:is(
    .product-detail-zakalennoe-steklo,
    .product-detail-stemalit,
    .product-detail-gnutoe,
    .product-detail-pechat-na-stekle,
    .product-detail-zakalennoe-sverh-malyh-razmerov,
    .product-detail-energo-sberegayushee
  ) main.container > .product .content-block .desc-cont {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Let the inner cards follow the slide width calculated by runtime JS. */
body.product-detail-page:is(
  .product-detail-zakalennoe-steklo,
  .product-detail-stemalit,
  .product-detail-gnutoe,
  .product-detail-pechat-na-stekle,
  .product-detail-zakalennoe-sverh-malyh-razmerov,
  .product-detail-energo-sberegayushee
) .our-projects__bottom-block.swiper .swiper-slide > .item-obj,
body.product-detail-page:is(
  .product-detail-zakalennoe-steklo,
  .product-detail-stemalit,
  .product-detail-gnutoe,
  .product-detail-pechat-na-stekle,
  .product-detail-zakalennoe-sverh-malyh-razmerov,
  .product-detail-energo-sberegayushee
) .otherProductsSlider .swiper-slide > .item-product {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
/* === PRODUCT PAGES TEMPLATE SERVER V12 END === */

/* === TTS FACILITY MOBILE PHOTO GAP V2 START === */
/*
 * Facility detail, mobile only.
 *
 * Original screenshot: exactly 8px of #F2F3F4 is visible between
 * neighbouring LARGE facility photos.
 *
 * Do NOT alter Swiper geometry here: slidesPerView, transforms, widths,
 * pagination and thumbnails already match the original.  We create the
 * separator inside each slide, so swipe mechanics stay untouched.
 */
@media (max-width: 768px) {
  body.facility-detail-page
  > .photos-many-mobile
  .photo-slider
  .swiper-wrapper
  > .swiper-slide:not(:last-child) {
    background: #F2F3F4 !important;
  }

  body.facility-detail-page
  > .photos-many-mobile
  .photo-slider
  .swiper-wrapper
  > .swiper-slide:not(:last-child)
  > img {
    box-sizing: border-box !important;
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    height: 100% !important;
    margin: 0 !important;
    border-radius: inherit !important;
    object-fit: cover !important;
  }
}
/* === TTS FACILITY MOBILE PHOTO GAP V2 END === */

/* === TTS BLOG ARTICLE TITLE CENTER V1 START === */
.blog-container__top > h1.title,
.blog-container__top > .title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-self: center !important;
}
/* === TTS BLOG ARTICLE TITLE CENTER V1 END === */

/* === TTS WIDE VIEWPORT CENTER V1 START === */
@media (min-width: 1921px) {
  html {
    background: #f2f3f4;
  }

  body {
    width: 100% !important;
    max-width: 1920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body main.container,
  body .container,
  body [class$="__container"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body main.container > section,
  body main.container > .product,
  body main.container > .products,
  body main.container > .contacts,
  body main.container > .facilities,
  body main.container > .blog-container {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* === TTS WIDE VIEWPORT CENTER V1 END === */

/* === TRANSPORTNYJ PAGE SERVER FIX V1 START === */
/*
 * /products/tripleks/transportnyj/
 *
 * Comparator 2026-08-14 showed that later fixes made specifically for the
 * parent /products/tripleks/ page also match this child page because its body
 * carries product-detail-tripleks as well as product-detail-transportnyj.
 * Those later rules clamp several content sections to the parent page's fixed
 * heights and hide their overflow.  The original Transportnyj page uses the
 * natural content height for these sections.
 *
 * Keep this block page-scoped and late in the cascade.  Do not touch the hero,
 * forms, FAQ, questions, product cards or other pages here.
 */

/* Restore natural height of the two "where-use" content sections:
   "Что можно заказать" and "Производственные возможности". */
body.product-detail-tripleks.product-detail-transportnyj
main.container > section.types-triplex-section.where-use {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-transportnyj
main.container > section.types-triplex-section.where-use
> .types-triplex-section__container > .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Restore natural height of the three long information sections:
   technology, characteristics and applications. */
body.product-detail-tripleks.product-detail-transportnyj
main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-transportnyj
main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
> .types-triplex-section__container > .heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.product-detail-tripleks.product-detail-transportnyj
.types-triplex-section__info-block-order {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Parent-page V17 makes the heading title block nowrap around 400-768px.
   That is correct for /products/tripleks/, but on Transportnyj it makes long
   descriptions overflow as a single line and shortens the sections. */
@media (max-width: 768px) {
  body.product-detail-tripleks.product-detail-transportnyj
  .types-triplex-section .heading-block__title-block {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks.product-detail-transportnyj
  .types-triplex-section .heading-block__title-block__title,
  body.product-detail-tripleks.product-detail-transportnyj
  .types-triplex-section .heading-block__title-block__description {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

/* Original tracking scales with the actual heading font-size (-0.002em).
   The current Transportnyj rule uses rem, giving half/third the tracking. */
body.product-detail-tripleks.product-detail-transportnyj
.types-triplex-section__info-block-opportunities
.item.description .title {
  letter-spacing: -0.002em !important;
}

/* Reassert the Transportnyj footer rhythm after parent Tripleks V3/V2 rules. */
body.product-detail-tripleks.product-detail-transportnyj footer.footer {
  margin-top: 0 !important;
}
/* === TRANSPORTNYJ PAGE SERVER FIX V1 END === */

/* === TTS TRIPLEKS CHILD HERO SCROLL FIX V1 START === */
/*
 * Restore the native vertical scrolling of the product hero text pane.
 *
 * main.css defines:
 *   .product .info-block__main .content-block {
 *     max-height: 23.9375rem;
 *     overflow-y: scroll;
 *   }
 *
 * Later port fixes for Tripleks child pages accidentally overwrite it
 * with overflow-y:hidden, which makes long text/tabs impossible to scroll.
 *
 * Do not change hero dimensions here. Only restore overflow behaviour.
 */

/* Generic Tripleks child template (EVA and shared type template). */
body.product-detail-tripleks-type
.product.product--tripleks-type
.info-block__main
.content-block,

/* PVB */
body.product-detail-pvb-tripleks
.product.product--pvb-tripleks
.info-block__main
.content-block,

/* Armour glass */
body.product-detail-bronesteklo
.product.product--bronesteklo
.info-block__main
.content-block,

/* Acoustic */
body.product-detail-shumoizolyacionnyj
.product.product--shumoizolyacionnyj
.info-block__main
.content-block,

/* Bent */
body.product-detail-gnutyj
.product.product--gnutyj
.info-block__main
.content-block,

/* Transport */
body.product-detail-transportnyj
.product.product--transportnyj
.info-block__main
.content-block {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
}

/*
 * Some child-page finishing rules also clamp the mobile description itself
 * to overflow-y:hidden.  If that inner block is height-limited, let it
 * scroll instead of silently clipping the text.  If it is auto-height,
 * this has no visual effect.
 */
@media (max-width: 768px) {
  body.product-detail-pvb-tripleks
  .product.product--pvb-tripleks
  .content-block .desc-cont .desc,

  body.product-detail-bronesteklo
  .product.product--bronesteklo
  .content-block .desc-cont .desc,

  body.product-detail-shumoizolyacionnyj
  .product.product--shumoizolyacionnyj
  .content-block .desc-cont .desc,

  body.product-detail-gnutyj
  .product.product--gnutyj
  .content-block .desc-cont .desc,

  body.product-detail-transportnyj
  .product.product--transportnyj
  .content-block .desc-cont .desc {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
}

/* Keep the original scrollbar styling from main.css. */
body.product-detail-tripleks-type .content-block,
body.product-detail-pvb-tripleks .content-block,
body.product-detail-bronesteklo .content-block,
body.product-detail-shumoizolyacionnyj .content-block,
body.product-detail-gnutyj .content-block,
body.product-detail-transportnyj .content-block {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(1, 13, 38, 0.35) transparent !important;
}

/* === TTS TRIPLEKS CHILD HERO SCROLL FIX V1 END === */

/* === GNUTYJ PAGE SERVER FIX V2 START === */
/*
 * /products/tripleks/gnutyj/
 *
 * Comparator 2026-08-17 proves that the page is correct up to the first
 * long content section.  The cascade breaks only after parent
 * body.product-detail-tripleks rules, which were tuned for /products/tripleks/
 * and are loaded later than the Gnutyj-specific layout.
 *
 * Concrete evidence:
 * 390px "Что можно заказать": original 1070.203px, local 493.656px.
 * 1366px "Технология производства": original 904.125px, local 367.797px.
 *
 * Restore the Gnutyj natural-flow rules late in the cascade.
 * Do NOT touch hero, Swipers, form, FAQ, question blocks or footer here.
 */

/* "Что можно заказать" + "Производственные возможности". */
body.product-detail-tripleks.product-detail-gnutyj
main.container > section.types-triplex-section.where-use {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
main.container > section.types-triplex-section.where-use
> .types-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
main.container > section.types-triplex-section.where-use
.heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/*
 * Technology / characteristics / applications.
 * Parent Tripleks rules force 32.3125rem / 821.359px-style fixed boxes.
 * Gnutyj content is longer and must determine section height naturally.
 */
body.product-detail-tripleks.product-detail-gnutyj
main.container
> section.types-triplex-section:has(.types-triplex-section__info-block-order) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
main.container
> section.types-triplex-section:has(.types-triplex-section__info-block-order)
> .types-triplex-section__container {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
main.container
> section.types-triplex-section:has(.types-triplex-section__info-block-order)
.heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section
.heading-block__title-block,
body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section
.heading-block__title-block__title,
body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section
.heading-block__title-block__description {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section__info-block-order,
body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section__info-block-order.grid-3 {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.product-detail-tripleks.product-detail-gnutyj
.types-triplex-section__info-block-order
> * {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Restore the Gnutyj desktop card grids after the parent Tripleks rules. */
@media (min-width: 769px) {
  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section__info-block-order {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 1rem !important;
    width: 100% !important;
    padding: 0 4rem !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section__info-block-order.grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }
}

/*
 * Gnutyj original stacks the long cards on phone/tablet.
 * Parent /tripleks/ V2/V4 rules later turn them back into a fixed-height
 * tablet grid / 737.531px flex box, so reassert the child composition.
 */
@media (max-width: 768px) {
  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section__info-block-order,
  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section__info-block-order.grid-3 {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 2rem !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section__info-block-order
  > * {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block__title,
  body.product-detail-tripleks.product-detail-gnutyj
  .types-triplex-section
  .heading-block__title-block__description {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}

/* === GNUTYJ PAGE SERVER FIX V2 END === */

/* === GNUTYJ PAGE SERVER FIX V3 START === */
/*
 * Fix the 400-640px-only regression inherited from TRIPLEKS PAGE SERVER V17.
 *
 * V17 uses a very specific selector:
 * html body.product-detail-tripleks main.container > section...
 * and forces title blocks to:
 *   width:auto; max-width:none; white-space:nowrap
 *
 * Gnutyj V2 was later in the file, but its selector had lower specificity,
 * so V17 still won when both declarations were !important.
 *
 * Comparator 2026-08-17:
 * - 390px: correct (V17 400px breakpoint does not apply)
 * - 414px: three long section titles collapse from 3 lines to 1
 * - each title loses exactly 71.640625px (2 x 35.84px line-height)
 * - cumulative downstream offset becomes -214.75px
 *
 * Match/exceed V17 specificity and restore the original wrapping only inside
 * the affected 400-640px range.
 */
@media (min-width: 400px) and (max-width: 640px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  > .types-triplex-section__container
  > .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
/* === GNUTYJ PAGE SERVER FIX V3 END === */

/* === GNUTYJ PAGE SERVER FIX V4 SWIPERS START === */
body.product-detail-tripleks.product-detail-gnutyj
.block-products-mini.otherProductsSlider {
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.product-detail-tripleks.product-detail-gnutyj
.block-products-mini.otherProductsSlider > .swiper-wrapper {
  box-sizing: content-box !important;
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 768px) {
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider > .swiper-wrapper {
    margin-left: 24px !important;
  }
}

@media (min-width: 769px) {
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider > .swiper-wrapper {
    margin-left: 4.166667vw !important;
  }
}
/* === GNUTYJ PAGE SERVER FIX V4 SWIPERS END === */

/* === GNUTYJ MOBILE TOUCH SCROLL FIX V1 START === */
/*
 * Mobile interaction only. Do not change visual geometry.
 *
 * Root cause addressed here:
 * 1) the shared Tripleks hero-scroll fix made .content-block a nested
 *    vertical scroll container AND set overscroll-behavior-y: contain;
 *    this can trap a vertical gesture when the finger starts over hero text;
 * 2) horizontal Swipers must explicitly yield vertical gestures to the page;
 * 3) the mobile tabs wrapper was left as overflow:scroll on both axes.
 */
@media (max-width: 768px) {
  /* Keep hero text scrollable, but allow scroll chaining back to the page. */
  body.product-detail-tripleks.product-detail-gnutyj
  .product.product--gnutyj
  .info-block__main
  .content-block,
  body.product-detail-tripleks.product-detail-gnutyj
  .product.product--gnutyj
  .content-block .desc-cont .desc {
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }

  /* Tabs: horizontal native scroll only; vertical gesture belongs to page. */
  body.product-detail-tripleks.product-detail-gnutyj
  .product.product--gnutyj
  .tabs-cont {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /*
   * Both horizontal product/project Swipers must allow native vertical page
   * panning even when the gesture starts on a slide/card/link.
   * No widths, offsets, transforms or Swiper geometry are changed here.
   */
  body.product-detail-tripleks.product-detail-gnutyj
  .typesTriplexSlider,
  body.product-detail-tripleks.product-detail-gnutyj
  .typesTriplexSlider > .swiper-wrapper,
  body.product-detail-tripleks.product-detail-gnutyj
  .typesTriplexSlider > .swiper-wrapper > .swiper-slide,
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider,
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider > .swiper-wrapper,
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider > .swiper-wrapper > .swiper-slide,
  body.product-detail-tripleks.product-detail-gnutyj
  .block-products-mini.otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior-y: auto !important;
  }
}
/* === GNUTYJ MOBILE TOUCH SCROLL FIX V1 END === */

/* === GNUTYJ PAGE SERVER FIX V5 START === */
/*
 * /products/tripleks/gnutyj/
 *
 * Comparator 2026-08-17 14:14:
 * overall 95.8%.
 *
 * Remaining confirmed high-impact mismatch:
 * .block-products-mini.otherProductsSlider
 *
 * Old TRIPLEKS PAGE SERVER V17 uses the stronger selector:
 * html body.product-detail-tripleks main.container > section...
 * and still wins over Gnutyj V4 because both sides use !important.
 *
 * Evidence:
 * mobile 390: original root 358px, local 374px  (+16)
 * mobile 414: original root 382px, local 398px  (+16)
 * tablet 768: original root 736px, local 752px  (+16)
 *
 * Original mobile/tablet:
 * root padding-left = 0
 * wrapper visual start = +24px
 *
 * Current local:
 * root padding-left = 24px
 * wrapper start = 0
 *
 * Desktop original:
 * root padding = 0
 * wrapper start = 4.166667vw
 *
 * Current local:
 * root padding-left = 5rem
 * wrapper start = 4.166667vw
 * => doubled first-slide offset.
 *
 * This block deliberately uses selectors stronger than V17.
 */

/* -------------------- mobile + tablet -------------------- */
@media (max-width: 768px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider
  > .swiper-wrapper {
    box-sizing: content-box !important;
    margin-left: 24px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
}

/* Exact Swiper 1.2 geometry for 390-640px:
   slide = (rootWidth - 12 * (1.2 - 1)) / 1.2
         = (100vw - 34.4px) / 1.2 */
@media (max-width: 640px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider
  > .swiper-wrapper
  > .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc((100vw - 34.4px) / 1.2) !important;
    flex-basis: calc((100vw - 34.4px) / 1.2) !important;
    width: calc((100vw - 34.4px) / 1.2) !important;
    min-width: calc((100vw - 34.4px) / 1.2) !important;
    max-width: calc((100vw - 34.4px) / 1.2) !important;
    margin-left: 0 !important;
    margin-right: 12px !important;
  }
}

/* Exact Swiper 3.33 geometry for 641-768px:
   slide = (rootWidth - 16 * (3.33 - 1)) / 3.33
         = (100vw - 69.28px) / 3.33 */
@media (min-width: 641px) and (max-width: 768px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .otherProductsSlider
  > .swiper-wrapper
  > .swiper-slide {
    box-sizing: border-box !important;
    flex: 0 0 calc((100vw - 69.28px) / 3.33) !important;
    flex-basis: calc((100vw - 69.28px) / 3.33) !important;
    width: calc((100vw - 69.28px) / 3.33) !important;
    min-width: calc((100vw - 69.28px) / 3.33) !important;
    max-width: calc((100vw - 69.28px) / 3.33) !important;
    margin-left: 0 !important;
    margin-right: 16px !important;
  }
}

/* -------------------- desktop -------------------- */
@media (min-width: 769px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider
  > .swiper-wrapper {
    margin-left: 4.166667vw !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
}

/* Preserve the interaction fix: vertical finger movement belongs to page. */
@media (max-width: 768px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider,
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider > .swiper-wrapper,
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider > .swiper-wrapper > .swiper-slide,
  html body.product-detail-tripleks.product-detail-gnutyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider > .swiper-wrapper > .swiper-slide > a.item-product {
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior-y: auto !important;
  }
}

/* === GNUTYJ PAGE SERVER FIX V5 END === */

/* === GNUTYJ FORM GEOMETRY FIX V1 START === */
/*
 * /products/tripleks/gnutyj/
 *
 * Keep the corrected Russian copy, but restore the original mobile form
 * geometry. Comparator 2026-08-17 14:41 proves the height difference comes
 * only from additional wrapped text:
 *
 * 390px:
 *   original form 1338.375px
 *   local    form 1374.203px
 *   delta          +35.828px = exactly one title line
 *
 * 414px:
 *   original form 1290.875px
 *   local    form 1350.453px
 *   delta          +59.578px
 *                  = 35.828px title line + 23.75px description line
 *
 * Desktop geometry already matches, so this fix is phone-only.
 */

/* Correct title must fit in two lines instead of three, while retaining the
   original mobile title block line-height (35.828125px x 2). */
@media (max-width: 480px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  #form-calculation-block
  .form-calculation-section__col-left
  > h2.title {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 29px !important;
    line-height: 35.828125px !important;
    letter-spacing: -0.08px !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* At 414px the corrected description is ~6.7% longer than the typo on the
   original and wraps to six lines instead of five. Reduce only glyph size by
   the same amount, but keep the original 23.75px line box. 390px is excluded:
   there both original and corrected descriptions already occupy six lines. */
@media (min-width: 400px) and (max-width: 480px) {
  html body.product-detail-tripleks.product-detail-gnutyj
  #form-calculation-block
  .form-calculation-section__col-left
  > .description {
    font-size: 16.8px !important;
    line-height: 23.75px !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
/* === GNUTYJ FORM GEOMETRY FIX V1 END === */

/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V1 START === */
/*
 * /products/tripleks/shumoizolyacionnyj/
 *
 * The child page already has its own correct layout rules earlier in
 * wp-port-fixes.css. Later rules written for the parent /products/tripleks/
 * page match this child too and clamp long sections to fixed heights with
 * overflow:hidden.
 *
 * Keep this final override strictly page-scoped. Do not touch hero, Swipers,
 * FAQ, calculation form, footer or any other product page here.
 */

/* "Что можно заказать" and "Производственные возможности". */
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section.where-use {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section.where-use
> .types-triplex-section__container,
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section.where-use
.heading-block {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Technology / characteristics / applications. */
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
> .types-triplex-section__container,
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
.heading-block,
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
.types-triplex-section__info-block-order {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/*
 * TRIPLEKS PAGE SERVER V17 contains a 400-640px nowrap override with a
 * stronger selector. It applies at 414px but not at 390px. Restore the
 * child page's normal wrapping with equal/higher specificity.
 */
@media (min-width: 400px) and (max-width: 640px) {
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section.where-use
  .heading-block__title-block,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section.where-use
  .heading-block__title-block__title,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section.where-use
  .heading-block__title-block__description,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__description {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}
/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V1 END === */

/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V2 START === */
/*
 * /products/tripleks/shumoizolyacionnyj/
 *
 * Comparator 2026-08-17 15:40 showed a tablet-only remaining cascade issue.
 *
 * At 768px the child page's earlier rules still leave:
 *   width:auto !important;
 *   max-width:none !important;
 * on heading title/description flex items.
 *
 * Because the parent Tripleks layout also modifies their flex context, long
 * text expands to intrinsic widths far beyond the 704px content column:
 * - description: 704px original -> 2735.953px local
 * - another description: 704px -> 1742.469px
 *
 * The text then collapses to one unwrapped intrinsic line / zero measured
 * block height. This creates the exact cumulative vertical offset seen in
 * the comparator:
 *   56.5 + 163.578 + 116.078 + 92.328 ~= 428.484px.
 *
 * Restrict this override to tablet 641-768 only.
 * Phone and desktop layouts are intentionally untouched.
 */
@media (min-width: 641px) and (max-width: 768px) {

  /* "Что можно заказать" + "Производственные возможности". */
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section.where-use
  .heading-block__title-block,

  /* Technology / characteristics / applications. */
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block {
    box-sizing: border-box !important;
    flex: 0 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section.where-use
  .heading-block__title-block__title,

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section.where-use
  .heading-block__title-block__description,

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__title,

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  .heading-block__title-block__description {
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Preserve natural heading height after the restored line wrapping. */
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section.where-use
  > .types-triplex-section__container
  > .heading-block,

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.types-triplex-section__info-block-order)
  > .types-triplex-section__container
  > .heading-block {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}
/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V2 END === */

/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V3 START === */
/*
 * Page-scoped Swiper geometry correction from comparator runtime data.
 * Only /products/tripleks/shumoizolyacionnyj/ is targeted.
 */

/* ---------- OTHER PRODUCTS: MOBILE + TABLET ---------- */
@media (max-width: 768px) {
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: calc(100vw - 32px) !important;
    min-width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider
  > .swiper-wrapper {
    box-sizing: content-box !important;
    margin-left: 24px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  /* Keep vertical page swipes available over horizontal sliders. */
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .typesTriplexSlider,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .typesTriplexSlider > .swiper-wrapper,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .typesTriplexSlider > .swiper-wrapper > .swiper-slide,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .otherProductsSlider,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .otherProductsSlider > .swiper-wrapper,
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  .otherProductsSlider > .swiper-wrapper > .swiper-slide {
    touch-action: pan-y pinch-zoom !important;
    overscroll-behavior-y: auto !important;
  }
}

/* ---------- OTHER PRODUCTS: DESKTOP ---------- */
@media (min-width: 769px) {
  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
  main.container
  > section.types-triplex-section:has(.otherProductsSlider)
  .block-products-mini.otherProductsSlider
  > .swiper-wrapper {
    margin-left: 4.166667vw !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
}

/* Prevent older page-specific CSS from adding a second visual gap inside
   the place cards. Swiper's margin-right provides the real card spacing. */
html body.product-detail-tripleks.product-detail-shumoizolyacionnyj
.typesTriplexSlider .place-triplex-card {
  column-gap: normal !important;
}

/* === SHUMOIZOLYACIONNYJ PAGE SERVER FIX V3 END === */

/* === TTS TRIPLEKS CHILD HERO SCROLL FIX V2 START === */
/*
 * Restore the original scrollable hero text pane on ALL Tripleks child pages.
 *
 * V1 used selectors with lower specificity than older page-specific rules
 * such as:
 *
 * body.product-detail-shumoizolyacionnyj
 * main.container
 * > .product.product--shumoizolyacionnyj
 * > .info-block
 * > .info-block__main
 * > .content-block {
 *   overflow-y: hidden !important;
 * }
 *
 * Since both declarations are !important, the older but more specific rule
 * still won. V2 deliberately uses selectors stronger than those legacy rules.
 */

/* ========================= DESKTOP ========================= */
@media (min-width: 769px) {
  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj
  > .info-block > .info-block__main > .content-block {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(1, 13, 38, 0.35) transparent !important;
  }

  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar,

  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar,

  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar,

  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar,

  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar,

  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar {
    width: 0.5rem !important;
    background: transparent !important;
  }

  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track,
  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track,
  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track,
  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track,
  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track,
  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-track {
    background: transparent !important;
  }

  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb,
  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb,
  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb,
  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb,
  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb,
  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj
  > .info-block > .info-block__main > .content-block::-webkit-scrollbar-thumb {
    background: rgba(1, 13, 38, 0.35) !important;
    border-radius: 0.5rem !important;
  }
}

/* ========================= MOBILE / TABLET ========================= */
@media (max-width: 768px) {
  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj
  > .info-block > .info-block__main > .content-block,

  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj
  > .info-block > .info-block__main > .content-block {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
  }

  /* Tabs scroll horizontally only; vertical gestures remain page/hero scroll. */
  html body.product-detail-tripleks-type
  main.container > .product.product--tripleks-type .tabs-cont,
  html body.product-detail-pvb-tripleks
  main.container > .product.product--pvb-tripleks .tabs-cont,
  html body.product-detail-bronesteklo
  main.container > .product.product--bronesteklo .tabs-cont,
  html body.product-detail-shumoizolyacionnyj
  main.container > .product.product--shumoizolyacionnyj .tabs-cont,
  html body.product-detail-gnutyj
  main.container > .product.product--gnutyj .tabs-cont,
  html body.product-detail-transportnyj
  main.container > .product.product--transportnyj .tabs-cont {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y pinch-zoom !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* === TTS TRIPLEKS CHILD HERO SCROLL FIX V2 END === */