@media (max-width: 767.98px) {
   #product-page .page-header {
      background-size: cover;
   }
}

/* Десктоп: обрізка зображення в «вікні» 4:5 без зміни ширини колонки (640px у style.css).
   Без position:absolute на picture — сумісно з Slick fade. Лише min-width: 992px. */
@media (min-width: 992px) {
   #product-page .single-product-new-slider .slick-slide > div {
      width: 100%;
      max-width: 640px;
      overflow: hidden;
      aspect-ratio: 4 / 5;
      background: #fff;
   }

   #product-page .single-product-new-slider .slick-slide picture {
      display: block;
      width: 100%;
      height: 100%;
   }

   #product-page .single-product-new-slider .slick-slide picture img,
   #product-page .single-product-new-slider .slick-slide > div > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
   }
}

/* Старі браузери без aspect-ratio: та сама пропорція 4:5 при ширині 640px */
@supports not (aspect-ratio: 1) {
   @media (min-width: 992px) {
      #product-page .single-product-new-slider .slick-slide > div {
         height: 800px;
      }
   }
}

/* H1 для SEO: визуально як колишній заголовок картки */
#product-page .product-info .product-single-title {
   font-size: 22px;
   line-height: 1.25;
   font-weight: 600;
   margin: 0 0 12px;
}

@media (max-width: 991.98px) {
   #product-page .product-info .product-single-title {
      margin-top: 10px;
   }
}

.category-seo-text {
   margin-top: 32px;
   padding-top: 24px;
   border-top: 1px solid rgba(0, 0, 0, 0.08);
   font-size: 15px;
   line-height: 1.55;
}