@font-face { font-family: 'SK Manrope'; src: url('/assets/fonts/Manrope.ttf') format('truetype'); font-weight: 200 800; font-display: swap; }
body .page-header h1, body .product-title, body .product-price, body .product-price-big, body .product-details h1 {
    font-family: 'SK Manrope', sans-serif; font-weight: 700; letter-spacing: -.025em;
}
#filterForm .filter-actions { flex: 0 0 160px; min-width: 160px; margin-left: auto; display: flex; flex-direction: column; gap: 12px; }
#filterForm .filter-actions .btn { width: 160px; height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0; }
body .product-card .product-info, body .product-container, body .product-specs, body .product-advantages, body .review-form, body .review-card {
    background: linear-gradient(135deg,rgba(18,48,57,.46),rgba(9,22,32,.36));
    -webkit-backdrop-filter: blur(7px) saturate(110%); backdrop-filter: blur(7px) saturate(110%);
    border-color: rgba(88,201,199,.18); box-shadow: inset 0 1px 0 rgba(196,244,243,.045),0 8px 24px #0000001a;
}
body .product-card .product-media { height: auto; aspect-ratio: 4 / 3; background: #0a111b; }
body .product-card .product-category-name { color: #c6dfe1; }
body .product-card .product-specs-mini { color: #b7d1d4; }
body .product-card .product-media img, body .product-card .product-media video { width: 100%; height: 100%; object-fit: contain; transform: none; }
body .product-card:hover .product-media .product-image { opacity: 1; }
body .product-card:hover .product-media .product-video-hover { opacity: 0; }
body .product-card.is-previewing .product-media .product-image { opacity: 0; }
body .product-card.is-previewing .product-media .product-video-hover { opacity: 1; }
body .product-main-display { aspect-ratio: 1; min-height: 0; width: 100%; background: #0a111b; }
body .main-image-wrapper, body .main-video-wrapper { position: absolute; inset: 0; min-height: 0; width: 100%; height: 100%; }
body .main-image, body .main-video-wrapper video { min-height: 0; max-height: 100%; width: 100%; height: 100%; object-fit: contain; }
body .thumbnail-item img { object-fit: contain; }
body .product-gallery, body .product-details { min-width: 0; overflow-wrap: anywhere; }
@media (min-width:900px) and (min-height:560px) {
    body .product-page .product-container { align-items:start; }
    body .product-page .product-gallery { position:sticky; top:calc(var(--header-height, 148px) + 18px); align-self:start; }
    body .product-page .product-gallery .product-main-display { min-height:0; max-height:calc(100vh - var(--header-height, 148px) - 135px); max-height:calc(100dvh - var(--header-height, 148px) - 135px); }
    body .product-page .product-gallery .product-thumbnails { flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding-bottom:8px; scrollbar-width:thin; scrollbar-color:#368984 transparent; }
}
@media(max-width:768px) {
    #filterForm .filter-actions { flex: none; width: 100%; min-width: 0; flex-direction: row; gap: 12px; }
    #filterForm .filter-actions .btn { flex: 1; width: 0; min-width: 0; padding: 10px 8px; }
}
@media(prefers-reduced-motion:reduce) { #bottomHeader .nav { transition: none; } }

.catalog-status { color:#b4d2d6; font-size:13px; }
.catalog-status:empty { display:none; }
.catalog-status button { background:transparent; border:0; color:#62dad6; text-decoration:underline; cursor:pointer; font:inherit; }
.catalog-grid[aria-busy=true] { opacity:.65; transition:opacity .15s; }
.product-page .back-btn { display:inline-flex;align-items:center;gap:8px;transition:background-color .18s ease,border-color .18s ease,color .18s ease;transform:none;text-shadow:none !important; }
.product-page .back-btn:hover,.product-page .back-btn:focus-visible { background:#103943;color:#d7fffc;transform:none;text-shadow:none !important;box-shadow:none; }
.product-page .back-btn i { text-shadow:none !important; }
.catalog-intro { max-width: 1180px; margin: 0 auto 26px; padding: clamp(18px,3vw,28px); border: 1px solid rgba(88,201,199,.2); border-radius: 20px; background: linear-gradient(135deg,rgba(18,48,57,.5),rgba(9,22,32,.45)); backdrop-filter: blur(7px); color: #d4e6e8; }
.catalog-intro h2 { color: #d5fffb; font-family: 'SK Manrope',sans-serif; font-size: clamp(20px,2.5vw,27px); margin: 0 0 12px; }
.catalog-intro p { line-height: 1.65; margin: 0 0 10px; }
.catalog-intro p:last-child { margin-bottom: 0; }
