/* assets/css/page-product.css - копия без комментариев, править исходник */
.product-page { padding-bottom: 64px; } .product-main { display: flex; justify-content: space-between; align-items: start; margin-bottom: 64px; }  .product-page .breadcrumbs__separator { width: auto; height: auto; background: none; border-radius: 0; opacity: 1; color: #979E9F; } .product-page .breadcrumbs__separator::before { content: '/'; } .product-gallery { width: 770px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; }  .product-gallery__main { width: 770px; height: 770px; background: #FFFFFF; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; position: relative; }  .product-gallery__view img { max-width: 100%; max-height: 100%; object-fit: contain; }  .product-gallery__view { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; } .product-gallery__view.is-active { display: flex; }  .product-gallery__media-tabs { display: flex; gap: 10px; margin-bottom: 16px; justify-content: center; } .product-gallery__media-tab { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 100px; height: 34px; padding: 0 12px; border-radius: 999px; background: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; color: #555B5C; border: 1px solid #E3E5E6; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; } .product-gallery__media-tab svg { flex: none; } .product-gallery__media-tab.is-active { background: #252B2B; border-color: #252B2B; color: #FFFFFF; } .product-gallery__media-tab:hover:not(.is-active) { border-color: #252B2B; color: #252B2B; }  .product-360 { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: grab; user-select: none; touch-action: none; } .product-360.is-rotating { cursor: grabbing; } .product-360:focus-visible { outline: 2px solid #006C66; outline-offset: -2px; } .product-360__frame { max-width: 85%; max-height: 85%; object-fit: contain; pointer-events: none; }  .product-360__hint { position: absolute; left: 50%; top: 41.8%; transform: translateX(-50%); display: grid; place-items: center; width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); pointer-events: none; transition: opacity 0.2s; } .product-360__hint img { width: 68px; height: 68px; } .product-360.is-rotating .product-360__hint { opacity: 0; }  .gallery-video { position: relative; width: 100%; height: 100%; } .gallery-video__poster { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; height: 100%; padding: 0; background: none; border: 0; cursor: pointer; text-decoration: none; } .gallery-video__poster img { max-width: 85%; max-height: 70%; object-fit: contain; } .gallery-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; } .gallery-video__play svg { width: 24px; height: 24px; } .gallery-video__title { max-width: 70%; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #555B5C; text-align: center; } .gallery-video__player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000000; } .gallery-video.is-playing .gallery-video__poster { visibility: hidden; } .product-gallery__thumbs { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 5; padding: 0; margin: 0; } .product-gallery__thumb { width: 50px; height: 50px; border-radius: 4px; background: #FFFFFF; border: 1px solid #E3E5E6; opacity: 0.6; overflow: hidden; cursor: pointer; transition: all 0.2s; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .product-gallery__thumb.is-active, .product-gallery__thumb:hover { border-color: #252B2B; opacity: 1; } .product-gallery__thumb img { width: 100%; height: 100%; object-fit: contain; padding: 4px; } .product-info { width: 574px; flex-shrink: 0; display: flex; flex-direction: column; } .product-info__badges { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }  .product-info__badges .badge--hit { background: #C60100; color: #FFFFFF; } .product-info__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 12px 0; } .product-info__subtitle { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #555B5C; margin: 0 0 20px 0; } .product-info__meta-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; margin-bottom: 24px; } .product-info__sku { font-family: 'Inter', sans-serif; font-size: 14px; color: #979E9F; text-align: center; flex: 1; } .product-info__meta-bar .rating { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; } .product-info__reviews-link { font-family: 'Inter', sans-serif; font-size: 14px; color: #979E9F; text-decoration: none; margin-left: 4px; }  .product-info__reviews-short { display: none; } .product-info__reviews-link:hover { color: #006C66; text-decoration: underline; }  .product-info__buy-block { display: contents; }  .product-info__price-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 46px; } .product-info__price-wrap { display: flex; align-items: baseline; gap: 12px; } .product-info__price { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 700; font-size: 24px; line-height: 28px; color: #252B2B; } .product-info__old-price { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; color: #979E9F; text-decoration: line-through; }  .product-info__actions { display: flex; align-items: center; gap: 36px; }  .btn-link { display: inline-flex; align-items: center; gap: 12px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #555B5C; background: none; border: none; cursor: pointer; padding: 0; text-decoration: none; }  .btn-link:hover { color: #979E9F; opacity: 1; } .btn-link[data-compare-toggle].is-active svg { color: #006C66; }  .product-info__purchase-row { display: flex; align-items: center; gap: 20px; } .qty--large { position: relative; justify-content: space-between; width: 180px; height: 52px; padding: 0 12.7px; border-color: #F5F5F5; border-radius: 5.2px; border-width: 1.3px; box-sizing: border-box; } .qty--large .qty__btn { z-index: 1; flex: 0 0 32px; width: 32px; height: 32px; margin: 0; border-radius: 50%; background: #F5F5F5; color: #555B5C; } .qty--large .qty__btn svg { width: 16px; height: 16px; } .qty--large .qty__input { position: absolute; top: 50%; left: 50%; width: 36px; height: 26px; padding: 0; font-size: 18px; font-weight: 400; line-height: 26px; transform: translate(-50%, -50%); } .product-info__buy-btn { flex: 1; height: 52px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; background: #006C66; color: #FFFFFF; border-radius: 8px; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s; } .product-info__buy-btn:hover { background: #00544E; }  .product-info__buy-btn svg { display: none; } .product-info__quick-buy-btn { width: 100%; height: 52px; margin-top: 20px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; background: #F5F5F5; color: #252B2B; border-radius: 8px; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s; } .product-info__quick-buy-btn:hover { background: #EAEAEA; }  .product-info__oos { padding: 20px; background: #F8F8F8; border-radius: 8px; } .product-info__oos-text { margin: 0 0 16px; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 22px; color: #555B5C; } .product-info__notify-btn { width: 100%; height: 52px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; background: #006C66; color: #FFFFFF; border-radius: 8px; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s; } .product-info__notify-btn:hover { background: #00544E; }  .product-info__trust-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 46px; margin-bottom: 46px; } .product-info__trust-card { display: flex; align-items: flex-start; gap: 12px; } .product-info__trust-icon { width: 46px; height: 46px; border-radius: 50%; background: #252B2B; display: flex; align-items: center; justify-content: center; color: #FFFFFF; flex-shrink: 0; }  .product-info__trust-text { display: flex; flex-direction: column; gap: 8px; } .product-info__trust-text strong { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; line-height: 22px; color: #252B2B; } .product-info__trust-text span { font-family: 'Inter', sans-serif; font-size: 13px; line-height: 18px; color: #979E9F; } .product-info__ai-banner { position: relative; isolation: isolate; width: 574px; height: 220px; background: #000000; border-radius: 8px; overflow: hidden; box-sizing: border-box; } .product-info__ai-banner::before { content: ''; position: absolute; top: -1319px; left: -1462px; z-index: 0; width: 2724px; height: 2628px; background: url("/wp-content/themes/rokodil/assets/img/product/product-assistant-blur.webp") center / 100% 100% no-repeat; pointer-events: none; } .product-info__ai-content { position: absolute; top: 56px; left: 51px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 32px; width: 266px; } .product-info__ai-title { width: 266px; margin: 0; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 22px; font-style: normal; font-weight: 700; line-height: 28px; }  .product-info__ai-br { display: none; } .product-info__ai-btn { display: inline-flex; align-items: center; justify-content: center; width: 240px; height: 48px; padding: 0 16px; border: none; border-radius: 4px; background: #FFFFFF; color: #252B2B; font-family: 'Inter', sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 18px; white-space: nowrap; cursor: pointer; transition: background 0.2s; } .product-info__ai-btn:hover { background: #F5F5F5; } .product-info__ai-img { position: absolute; top: 0; left: 342px; z-index: 1; width: 232px; height: 220px; overflow: visible; pointer-events: none; } .product-info__ai-img::before { content: ''; position: absolute; top: 142px; left: 42px; width: 204px; height: 82px; border-radius: 50%; background: #0E937B; filter: blur(80px); } .product-info__ai-img img { position: relative; z-index: 1; width: 257px; max-width: none; height: 220px; object-fit: fill; }  .product-tabs { margin-top: 48px; } .product-tabs__nav { position: relative; background: #FFFFFF; }  .product-tabs__nav::before, .product-tabs__nav::after { content: ''; position: absolute; right: 0; left: 0; height: 1px; background: #F5F5F5; } .product-tabs__nav::before { top: 0; } .product-tabs__nav::after { bottom: 0; }  .product-tabs__list { display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-inline: max(32px, calc((100% - var(--container-width)) / 2)); } .product-tabs__list::-webkit-scrollbar { display: none; } .product-tab { position: relative; z-index: 1; flex: none; display: inline-flex; align-items: center; gap: 6px; height: 70px; padding: 0 40px; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 500; line-height: 18px; color: #555B5C; text-decoration: none; background: none; border: none; cursor: pointer; white-space: nowrap; transition: color 0.2s; }  .product-tab::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: transparent; transition: background 0.2s; } .product-tab:hover { color: #252B2B; } .product-tab.is-active { color: #006C66; } .product-tab.is-active::after { background: #006C66; } .product-tab__count { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 20px; padding: 0 8px; box-sizing: border-box; background: #F9F9F9; border-radius: 999px; font-size: 12px; line-height: 20px; color: #555B5C; }  .product-sections { background: #FAFAFA; padding: 24px 0 100px; } .product-section + .product-section { margin-top: 14px; }  .product-section { scroll-margin-top: 134px; }  .buy-with { max-width: 1045px; background: #FFFFFF; border-radius: 8px; padding: 50px 36px; box-sizing: border-box; } .buy-with__title { margin: 0 0 32px; font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 40px; line-height: 46px; color: #252B2B; } .buy-with__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 311px)); gap: 20px; } .buy-with__viewport { min-width: 0; } .buy-with__card { position: relative; display: flex; flex-direction: column; width: 100%; } .buy-with__media { position: relative; height: 278px; } .buy-with__photo { display: flex; align-items: center; justify-content: center; width: 250px; height: 250px; margin: 14px auto 0; }  .buy-with__media img { max-width: 100%; max-height: 100%; object-fit: contain; }  .buy-with__actions { position: absolute; top: 14px; right: 14px; display: flex; flex-direction: column; gap: 10px; } .buy-with__meta { display: flex; align-items: center; justify-content: space-between; height: 40px; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; } .buy-with__sku { font-family: 'Inter', sans-serif; font-size: 12px; line-height: 15px; color: #979E9F; } .buy-with__name { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; max-height: 52px; margin-top: 20px; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 26px; color: #242627; text-decoration: none; } .buy-with__name:hover { color: #006C66; } .buy-with__price { margin-top: 24px; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; line-height: 26px; color: #252B2B; } .buy-with__row { display: flex; margin-top: 30px; } .buy-with__buy { display: flex; flex: 1; align-items: center; justify-content: center; height: 40px; border-radius: 4px; background: #006C66; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; transition: opacity 0.2s ease; } .buy-with__buy:hover { opacity: 0.9; }  .buy-with__buy svg { display: none; }  .buy-with .product-card__dots { display: none; } .buy-with .product-card__slides { position: static; display: block; height: auto; } .buy-with .product-card__slide { display: block; height: auto; } .buy-with .product-card__slide + .product-card__slide { display: none; }  .product-sections__grid { display: grid; grid-template-columns: minmax(0, 1fr); } .product-sticky { display: none; } @media (min-width: 1462px) { .product-sections__grid { grid-template-columns: minmax(0, 1045px) 339px; column-gap: 14px; } .product-sections__list { grid-column: 1; }  .product-sticky { display: block; grid-column: 2; grid-row: 1; } .product-sticky__inner { position: sticky; top: 134px; width: 339px; padding: 20px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px; } } .product-sticky__media { position: relative; width: 300px; height: 300px; } .product-sticky__img { width: 100%; height: 100%; object-fit: contain; }  .product-sticky__badge { position: absolute; top: 0; left: 0; } .product-sticky__sku { display: block; margin-top: 14px; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 15px; color: #979E9F; }  .product-sticky__name { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; max-height: 52px; margin-top: 14px; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 26px; color: #252B2B; } .product-sticky__row { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 30px; } .product-sticky__prices { display: flex; flex-direction: column; gap: 6px; } .product-sticky__price { font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 700; line-height: 29px; color: #252B2B; } .product-sticky__old-row { display: flex; align-items: center; gap: 8px; } .product-sticky__old { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; line-height: 19px; color: #979E9F; text-decoration: line-through; } .product-sticky__off { height: 20px; padding: 0 8px; font-size: 12px; line-height: 20px; } .product-sticky__actions { display: flex; gap: 18px; } .product-sticky__actions .icon-btn { width: 40px; height: 40px; }  .product-sticky__buy { display: flex; align-items: center; justify-content: center; gap: 8px; width: 300px; height: 48px; margin-top: 30px; border-radius: 4px; background: #006C66; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 24px; text-decoration: none; transition: opacity 0.2s ease; } .product-sticky__buy:hover { opacity: 0.9; }  .product-description { max-width: 1045px; background: #FFFFFF; border-radius: 8px; padding: 50px 36px; box-sizing: border-box; } .product-description__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 30px 0; } .product-description__text { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 26px; color: #555B5C; margin: 0; } .product-description__text p { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 26px; color: #555B5C; margin: 0 0 24px 0; } .product-description__text p:last-child { margin-bottom: 0; }  .product-description__more { display: none; }  .product-specs { max-width: 1045px; background: #FFFFFF; border-radius: 8px; padding: 50px 36px; box-sizing: border-box; } .product-specs__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 32px; line-height: 46px; color: #252B2B; margin: 0 0 30px 0; } .product-specs__list { display: flex; flex-direction: column; gap: 14px; }  .product-specs__item { display: flex; align-items: baseline; gap: 10px; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 24px; } .product-specs__name { color: #979E9F; font-weight: 400; flex-shrink: 0; } .product-specs__dots { flex: 1; height: 1px; margin-bottom: 6px; min-width: 20px; background: repeating-linear-gradient(to right, #E3E5E6 0 2px, transparent 2px 4px); } .product-specs__value { color: #252B2B; font-weight: 400; flex: 0 0 58.4%; text-align: left; } .product-specs__more { margin-top: 24px; display: inline-flex; align-items: center; gap: 12px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; color: #006C66; background: none; border: none; padding: 0; cursor: pointer; transition: opacity 0.2s ease; }  .product-description__more, .product-specs__more { display: flex; width: max-content; } .product-specs__more svg { transition: transform 0.2s ease; color: #006C66; } .product-specs__more.is-expanded svg { transform: rotate(180deg); } .product-specs__item.is-hidden { display: none; }  .product-package { max-width: 1045px; background: #FFFFFF; border-radius: 8px; padding: 50px 36px; box-sizing: border-box; } .product-package__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 40px; line-height: 46px; color: #252B2B; margin: 0 0 32px 0; } .product-package__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; row-gap: 32px; }  .package-card { min-width: 0; display: flex; flex-direction: column; } .package-card__icon { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 311 / 280; background: #F9F9F9; color: #006C66; } .package-card__icon svg { display: block; width: 64px; height: 64px; }  .package-card__photo { display: block; width: calc(100% * 234 / 311); height: auto; aspect-ratio: 1; object-fit: contain; }  .package-card__text { display: flex; flex-direction: column; min-height: 54px; margin-top: 18px; }  .package-card__title { min-width: 0; max-width: 290px; font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; color: #252B2B; }  .package-card__note { margin-top: 8px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #979E9F; } @media (max-width: 1200px) { .product-package__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }  @media (max-width: 768px) { .product-package__grid { column-gap: 9px; row-gap: 16px; } .package-card__icon { aspect-ratio: 151 / 136; } .package-card__icon svg { width: 40px; height: 40px; } .package-card__photo { width: calc(100% * 112 / 151); }  .package-card__text { min-height: 32px; margin-top: 8px; } .package-card__title { max-width: none; font-size: 12px; line-height: 16px; }  .package-card__note { margin-top: 6px; margin-bottom: 3px; font-size: 10px; line-height: 14px; } } .package-card.is-hidden { display: none; } .product-package.is-expanded .package-card.is-hidden { display: flex; }  .product-package__more-wrap { display: flex; justify-content: center; margin-top: 32px; } .product-package__more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 200px; height: 40px; background: #252B2B; border-radius: 4px; color: #FFFFFF; font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; border: none; cursor: pointer; transition: opacity 0.2s ease; } .product-package__more:hover { opacity: 0.9; } .product-package__more svg { display: block; flex: none; width: 18px; height: 18px; }   .product-manual { max-width: 1045px; background: #FFFFFF; border-radius: 8px; padding: 50px 36px; box-sizing: border-box; } .product-manual__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 40px; line-height: 46px; color: #252B2B; margin: 0 0 44px 0; } .product-manual__grid { display: grid; grid-template-columns: minmax(0, 494fr) 1px minmax(0, 478fr); column-gap: 0; align-items: stretch; }  .product-manual__right { padding-left: 39px; }  .product-manual__grid:not(:has(.product-manual__right)) { grid-template-columns: 1fr; } .product-manual__divider { background: #F5F5F5; width: 1px; align-self: stretch; } .product-manual__file-header { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 40px; }  .product-manual__file-icon { width: 64px; height: 64px; padding: 12px; box-sizing: border-box; background: rgba(0, 108, 102, 0.08); border-radius: 4px; display: flex; color: #006C66; flex-shrink: 0; } .product-manual__file-icon svg { display: block; flex: none; width: 40.6px; max-width: none; height: 40.6px; } .product-manual__file-titles { display: flex; flex-direction: column; gap: 10px; padding-top: 3px; } .product-manual__file-name { font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; color: #252B2B; } .product-manual__file-sub { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #555B5C; }  .product-manual__meta { display: flex; align-items: center; gap: 24px; height: 38px; padding-bottom: 2px; box-sizing: border-box; margin-bottom: 40px; } .product-manual__meta-item { display: flex; align-items: center; gap: 10px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #555B5C; } .product-manual__meta-icon { display: block; flex: none; width: 24px; height: 24px; } .product-manual__meta-icon--size { width: 20px; height: 20px; }  .product-manual__meta-sep { align-self: flex-start; flex: none; width: 1px; height: 38px; margin: 0 -0.5px; background: #F5F5F5; }  .product-manual__badge { display: grid; place-items: center; box-sizing: border-box; border: 1.5px solid currentColor; border-radius: 4px; padding: 0; font-family: 'Inter', sans-serif; font-size: 8px; font-weight: 700; line-height: 1; letter-spacing: -0.2px; text-transform: uppercase; } .product-manual__actions { display: flex; gap: 14px; margin-bottom: 40px; } .product-manual__btn { width: 220px; height: 48px; border-radius: 4px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border: none; cursor: pointer; transition: background-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; } .product-manual__btn svg { display: block; flex: none; }  .product-manual__btn--primary { background: #006C66; color: #FFFFFF; } .product-manual__btn--primary:hover { background: var(--color-primary-hover); } .product-manual__btn--primary:active { background: var(--color-primary-pressed); } .product-manual__btn--secondary { background: #F5F5F5; color: #252B2B; } .product-manual__btn--secondary:hover { background: #FCFCFC; box-shadow: 0 0 0 1px var(--color-border-hover); } .product-manual__btn--secondary:active { background: var(--color-bg-hover); box-shadow: none; }  .product-manual__notice { display: flex; align-items: flex-start; gap: 8px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #979E9F; } .product-manual__notice span { max-width: 360px; } .product-manual__notice svg { display: block; flex: none; width: 20px; height: 20px; margin-top: 2px; } .product-manual__list-title { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 600; line-height: 26px; color: #252B2B; margin-bottom: 18px; } .product-manual__list { display: flex; flex-direction: column; gap: 8px; }  .product-manual__list-item { display: flex; align-items: center; gap: 8px; min-height: 28px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; color: #252B2B; } .product-manual__check-icon { width: 20px; height: 20px; flex-shrink: 0; color: #81A554; }  .product-video { max-width: 1045px; box-sizing: border-box; padding: 50px 36px; background: #FFFFFF; border-radius: 8px; } .product-video__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; } .product-video__title { font-family: var(--font-display); font-size: 40px; font-weight: 500; line-height: 46px; color: var(--color-dark); } .product-video__arrows { display: flex; align-items: center; gap: 20px; } .product-video__arrow { width: 24px; height: 24px; padding: 0; border: 0; background: none; color: #252B2B; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: opacity 0.2s ease; } .product-video__arrow--prev { transform: scaleX(-1); }  .product-video__card { position: relative; display: none; width: 100%; aspect-ratio: 973 / 547; border-radius: 0; overflow: hidden; margin-bottom: 30px; background: #111111; } .product-video__card.is-active { display: block; } .product-video__poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; text-align: left; text-decoration: none; } .product-video__card.is-playing .product-video__poster { visibility: hidden; } .product-video__player { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000000; z-index: 4; } .product-video__thumb { width: 100%; height: 100%; object-fit: cover; display: block; }  .product-video__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 33.8%); pointer-events: none; } .product-video__info { position: absolute; top: 36px; left: 36px; right: 36px; display: block; color: #FFFFFF; z-index: 2; } .product-video__name { display: block; font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 600; line-height: 36px; color: #FFFFFF; margin-bottom: 16px; } .product-video__desc { display: block; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #FFFFFF; max-width: 814px; } .product-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: #111111; display: flex; align-items: center; justify-content: center; border: none; box-shadow: 0 13.33px 20px -4px rgba(0, 0, 0, 0.1), 0 5.33px 8px -5.33px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease, background-color 0.2s ease; z-index: 3; } .product-video__play svg { width: 22px; height: 22px; margin-left: 3px; } .product-video__poster:hover .product-video__play { transform: translate(-50%, -50%) scale(1.1); background: #FFFFFF; } .product-video__duration { position: absolute; bottom: 30px; left: 36px; background: rgba(35, 35, 37, 0.8); border-radius: 3.5px; padding: 4px 8px; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; line-height: 16px; color: #FFFFFF; z-index: 2; } .product-video__pagination { display: flex; justify-content: center; align-items: center; gap: 6px; } .product-video__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: #E3E5E6; cursor: pointer; transition: width 0.2s ease, background-color 0.2s ease, border-radius 0.2s ease; } .product-video__dot.is-active { width: 28px; border-radius: 3px; background: #9B9B9B; } @media (max-width: 768px) { .product-video__info { top: 16px; left: 16px; right: 16px; } .product-video__name { font-size: 18px; line-height: 26px; } .product-video__desc { font-size: 13px; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-video__duration { bottom: 16px; left: 16px; } .product-video__play { width: 48px; height: 48px; } }  .product-certs { max-width: 1045px; box-sizing: border-box; padding: 50px 36px; background: #FFFFFF; border-radius: 8px; } .product-certs__title { margin: 0 0 32px; font-family: var(--font-display); font-size: 40px; font-weight: 500; line-height: 46px; color: #252B2B; } .product-certs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; } .product-cert { display: block; aspect-ratio: 228 / 323; background: #F9F9F9; overflow: hidden; text-decoration: none; transition: box-shadow 0.2s ease; } .product-cert:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } .product-cert img { width: 100%; height: 100%; object-fit: contain; display: block; } .product-cert__file { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .product-cert__icon { width: 44px; height: 44px; color: #006C66; } .product-cert__icon svg { width: 100%; height: 100%; } .product-cert__name { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; color: #252B2B; } .product-cert__meta { font-family: 'Inter', sans-serif; font-size: 12px; line-height: 16px; color: #979E9F; } @media (max-width: 1024px) { .product-certs__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 640px) { .product-certs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .product-certs__title { font-size: 32px; line-height: 38px; } } @media (max-width: 768px) { .product-manual, .product-video, .product-certs, .product-faq { padding: 32px 16px; } }  .product-faq { max-width: 1045px; box-sizing: border-box; padding: 50px 36px; background: #FFFFFF; border-radius: 8px; } .product-faq__title { margin: 0 0 32px; font-family: var(--font-display); font-size: 40px; font-weight: 500; line-height: 46px; color: #252B2B; } .product-faq__item { border-bottom: 1px solid #E3E5E6; }  .product-faq__question { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px 0 29px; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; line-height: 26px; color: #252B2B; cursor: pointer; list-style: none; } .product-faq__question::-webkit-details-marker { display: none; } .product-faq__question:hover { color: #006C66; } .product-faq__chevron { flex: none; width: 16px; height: 16px; color: #555B5C; transition: transform 0.2s ease, color 0.2s ease; } .product-faq__item[open] > .product-faq__question { padding-bottom: 20px; } .product-faq__item[open] .product-faq__chevron { transform: rotate(180deg); color: #C9CBCB; } .product-faq__answer { max-width: 900px; padding-bottom: 29px; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; color: #555B5C; } .product-faq__answer p { margin: 0 0 12px; } .product-faq__answer p:last-child { margin-bottom: 0; } @media (max-width: 640px) { .product-faq__title { font-size: 32px; line-height: 38px; } .product-faq__question { font-size: 15px; gap: 16px; } }  .reviews-block { width: 1045px; max-width: 100%; padding: 50px 36px; box-sizing: border-box; background: #FFFFFF; border-radius: 8px; } .reviews-block__title { margin: 0 0 40px; color: #252B2B; font-family: 'Oswald', sans-serif; font-size: 40px; font-style: normal; font-weight: 500; line-height: 46px; } .reviews-summary { position: relative; width: 973px; max-width: 100%; height: 130px; margin: 0 0 40px; background: rgba(27, 124, 119, 0.05); border-radius: 8px; } .reviews-summary__left { position: absolute; top: 37px; left: 36px; display: flex; align-items: flex-start; gap: 18px; } .reviews-summary__score { color: #252B2B; font-family: 'Inter', sans-serif; font-size: 48px; font-weight: 700; line-height: 56px; } .reviews-summary__rating { display: flex; flex-direction: column; gap: 7px; padding-top: 3px; } .reviews-summary__stars { display: flex; gap: 3px; width: 102px; height: 18px; } .reviews-summary__star { width: 18px; height: 18px; color: #E3E5E6; } .reviews-summary__star.is-filled { color: #FFD100; } .reviews-summary__count { color: #969DA3; font-family: 'Inter', sans-serif; font-size: 16px; line-height: 26px; white-space: nowrap; } .reviews-summary__center { position: absolute; top: 47px; left: 282px; display: flex; align-items: flex-start; gap: 30px; } .reviews-summary__badge { display: flex; align-items: flex-start; gap: 10px; width: 148px; height: 36px; box-sizing: border-box; color: #555B5C; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; line-height: 18px; }  .reviews-summary__badge--verified { padding-right: 24px; border-right: 1px solid #E3E5E6; } .reviews-summary__badge svg { width: 24px; height: 24px; flex: 0 0 24px; color: #555B5C; } .reviews-summary__btn { position: absolute; top: 41px; left: 733px; display: inline-flex; align-items: center; justify-content: center; width: 200px; height: 48px; padding: 0 15px; border: 0; border-radius: 4px; background: #006C66; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; cursor: pointer; transition: opacity 0.2s ease; } .reviews-summary__btn:hover { opacity: 0.9; } .reviews-photos { width: 955px; max-width: 100%; height: 113px; margin: 0 0 40px; } .reviews-photos__title { display: flex; align-items: center; gap: 8px; height: 26px; margin-bottom: 23px; color: #242627; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; line-height: 26px; } .reviews-photos__count { color: #979E9F; } .reviews-photos__list { display: flex; gap: 10.25px; width: 955px; max-width: 100%; height: 64px; overflow: hidden; } .reviews-photos__camera, .reviews-photos__thumb { width: 64px; height: 64px; flex: 0 0 64px; overflow: hidden; box-sizing: border-box; border: 0; border-radius: 4px; background: #F5F5F5; } .reviews-photos__camera { display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; } .reviews-photos__camera img { width: 22px; height: 19px; } .reviews-photos__thumb img { width: 100%; height: 100%; object-fit: cover; } .reviews-sort { display: flex; align-items: center; gap: 14px; width: 311px; height: 42px; margin: 0 0 24px auto; } .reviews-sort__label { width: 87px; color: #979E9F; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; }  .reviews-sort__select { width: 210px; height: 42px; padding: 0 36px 0 14px; box-sizing: border-box; border: 0; border-radius: 4px; background: #F5F5F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555B5C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center; color: #252B2B; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; cursor: pointer; appearance: none; -webkit-appearance: none; } .reviews-list { width: 973px; max-width: 100%; } .review-item { display: grid; grid-template-columns: 181px minmax(0, 759px); column-gap: 33px; width: 973px; max-width: 100%; margin-bottom: 40px; padding: 0 0 39px; box-sizing: border-box; border-bottom: 1px solid #F5F5F5; } .review-item:last-child { border-bottom: 0; } .review-item.is-hidden { display: none; } .review-item__meta-col { padding-top: 0; } .review-item__stars { display: flex; gap: 3px; width: 102px; height: 18px; } .review-item__star { width: 18px; height: 18px; color: #E3E5E6; } .review-item__star.is-filled { color: #FFD100; } .review-item__date { display: block; margin-top: 7px; color: #979E9F; font-family: 'Inter', sans-serif; font-size: 13px; line-height: 21px; } .review-item__body { min-width: 0; } .review-item__user-header { display: flex; align-items: flex-start; gap: 14px; height: 44px; } .review-item__avatar { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; overflow: hidden; border-radius: 50%; background: #9D9D9D; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -0.0192em; } .review-item__user-meta { display: flex; flex-direction: column; } .review-item__name-row { display: flex; align-items: center; gap: 8px; height: 20px; } .review-item__name { color: #252B2B; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; white-space: nowrap; } .review-item__verified-icon { width: 20px; height: 20px; flex: 0 0 20px; } .review-item__subline { display: flex; align-items: center; margin-top: 8px; color: #979E9F; font-family: 'Inter', sans-serif; font-size: 12px; line-height: 16px; } .review-item__verified { color: #979E9F; }  .review-item__subline-date { display: none; }  .review-item__content { width: 100%; margin-top: 29px; overflow-wrap: anywhere; color: #252B2B; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 23px; } .review-item__photos { display: flex; gap: 8px; height: 64px; margin-top: 30px; } .review-item__photos img { width: 64px; height: 64px; border-radius: 5px; object-fit: cover; } .review-item__photos .review-media { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 5px; } .review-item__source { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; height: 32px; margin-top: 30px; padding: 0 10px; box-sizing: border-box; border: 1px solid #F5F5F5; border-radius: 4px; color: #555B5C; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 20px; } .review-item__source > span { color: #555B5C; } .review-item__source img { width: auto; object-fit: contain; } .review-item__source--yandex { width: 186px; padding: 0; } .review-item__source--yandex img { width: 89px; height: 22px; } .review-item__source--ozon { width: 165px; padding: 0; } .review-item__source--ozon img { width: 65px; height: 18px; } .review-item__source--rokodil { width: 181px; gap: 6px; padding: 0 8px; } .review-item__source--rokodil svg { flex: 0 0 16px; color: #555B5C; } .review-item__source--rokodil strong { font-weight: 500; text-transform: lowercase; } .reviews-block__more-wrap { display: flex; justify-content: center; margin-top: -20px; } .reviews-block__more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 200px; height: 40px; border: 0; border-radius: 4px; background: #252B2B; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 400; line-height: 18px; cursor: pointer; transition: opacity 0.2s ease; } .reviews-block__more:hover { opacity: 0.9; } .reviews-block__more svg { width: 18px; height: 18px; } @media (max-width: 1100px) { .reviews-summary { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 24px; height: auto; min-height: 130px; padding: 24px 32px; box-sizing: border-box; } .reviews-summary__left, .reviews-summary__center, .reviews-summary__btn { position: static; } .reviews-summary__left { grid-column: 1; grid-row: 1; } .reviews-summary__center { grid-column: 1 / -1; grid-row: 2; } .reviews-summary__btn { grid-column: 2; grid-row: 1; }  .reviews-photos__list { justify-content: flex-start; gap: 10px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .reviews-photos__list::-webkit-scrollbar { display: none; } }  @media (max-width: 768px) { .reviews-block { padding: 32px 16px; } .reviews-block__title { margin-bottom: 20px; }  .reviews-summary { display: flex; flex-direction: column; gap: 26px; height: auto; padding: 32px 16px; box-sizing: border-box; } .reviews-summary__left, .reviews-summary__center, .reviews-summary__btn { position: static; } .reviews-summary__center { flex-direction: row; align-items: flex-start; gap: 17px; } .reviews-summary__badge { width: 134px; gap: 6px; padding-left: 2px; font-size: 12px; line-height: 1.3; } .reviews-summary__badge span { padding-top: 2px; } .reviews-summary__badge svg { width: 20px; height: 20px; flex-basis: 20px; margin-top: 8px; } .reviews-summary__badge--verified { width: 128px; padding-right: 16px; } .reviews-summary__badge--verified svg { margin-top: 6px; } .reviews-summary__btn { width: 200px; height: 40px; min-height: 0; margin-top: 2px; font-size: 13px; } .reviews-photos { width: 100%; margin-top: 20px; } .reviews-photos__list { justify-content: flex-start; gap: 6px; height: 56px; overflow-x: auto; scrollbar-width: none; }  .reviews-photos__camera, .reviews-photos__thumb { flex: none; width: 56px; height: 56px; }  .reviews-sort { position: relative; width: 100%; height: 20px; margin: 32px 0 32px auto; padding-left: 26px; box-sizing: border-box; } .reviews-sort__label { display: none; }  .reviews-sort::before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.25 3.75v12.5M6.25 3.75 3.75 6.25M6.25 3.75l2.5 2.5M13.75 16.25V3.75M13.75 16.25l2.5-2.5M13.75 16.25l-2.5-2.5' stroke='%23555B5C' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; } .reviews-sort__select { flex: none; width: auto; height: 20px; padding: 0; background-image: none; background-color: transparent; color: #555B5C; font-size: 14px; line-height: 20px; }  .review-item { display: flex; flex-direction: column; row-gap: 0; width: 100%; margin-bottom: 24px; padding-bottom: 23px; } .review-item__body, .review-item__meta-col { display: contents; } .review-item__user-header { order: 1; gap: 6px; height: 43px; } .review-item__avatar { width: 40px; height: 40px; flex: 0 0 40px; } .review-item__name-row { gap: 5px; } .review-item__name { font-size: 14px; line-height: 20px; } .review-item__verified-icon { width: 18px; height: 18px; flex-basis: 18px; }  .review-item__subline { margin-top: 7px; } .review-item__date { display: none; } .review-item__subline-date { display: inline; } .review-item__verified + .review-item__subline-date::before { content: '•'; margin: 0 4px; }  .review-item__stars { order: 3; width: fit-content; height: 14px; margin-top: 28px; gap: 2px; } .review-item__star { width: 14px; height: 14px; } .review-item__content { order: 4; margin-top: 16px; }  .review-item__photos { order: 5; gap: 8px; height: 56px; margin-top: 20px; overflow-x: auto; scrollbar-width: none; } .review-item__photos::-webkit-scrollbar { display: none; } .review-item__photos img, .review-item__photos > * { flex: none; width: 56px; height: 56px; }  .review-item__source { order: 6; width: fit-content; height: 28px; margin-top: 20px; padding: 0 7px; font-size: 12px; line-height: 14px; } .review-item__source > span { font-size: 12px; line-height: 14px; } .review-item__source--yandex img { width: 64px; height: 16px; } .review-item__source--ozon img { width: 57px; height: 13px; } .reviews-block__more-wrap { margin-top: 0; } .reviews-block__more { width: 160px; height: 34px; font-size: 12px; } } .specs-table { width: 100%; border-collapse: collapse; } .specs-table tr:nth-child(even) { background: #F3F3F3; } .specs-table td { padding: 12px 16px; font-size: 14px; line-height: 26px; } .specs-table td:first-child { color: #555B5C; width: 40%; } @media (max-width: 768px) { .product-main { grid-template-columns: 1fr; } }   .product-page { padding-top: 0; } @media (max-width: 1100px) { .product-main { flex-direction: column; gap: 32px; } .product-gallery { width: 100%; } .product-gallery__main { width: 100%; height: auto; aspect-ratio: 1; }  .product-info, .product-info__ai-banner { width: 100%; } }  @media (max-width: 768px) {  .product-page .breadcrumbs { display: none; }  .product-page { padding-top: 20px; } .product-360__hint { top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; } .product-360__hint img { width: 44px; height: 44px; } .product-gallery__media-tabs { max-width: 100%; overflow-x: auto; scrollbar-width: none; } .product-gallery__media-tabs::-webkit-scrollbar { display: none; } .product-gallery__media-tab { flex: none; }  .product-gallery__main { overflow: visible; } .product-gallery__thumbs {  top: calc(100% + 12px); right: 0; bottom: auto; left: 0; align-items: center; justify-content: center; gap: 4px; transform: none; } .product-gallery__thumb { position: relative; width: 4px; height: 4px; border: 0; border-radius: 999px; background: #E3E5E6; box-shadow: none; opacity: 1; transition: width .2s ease, background-color .2s ease; } .product-gallery__thumb img { display: none; }  .product-gallery__thumbs:not(:has(.product-gallery__thumb:nth-child(2))) { display: none; } .product-gallery__thumb.is-active { width: 14px; background: #979E9F; }  .product-gallery__thumb::after { content: ''; position: absolute; top: -10px; right: -2px; bottom: -10px; left: -2px; }  .product-gallery__view[data-gallery-view="photo"] { touch-action: pan-y; }  .product-gallery__main { margin-bottom: 0; } .product-gallery__media-tabs { margin-top: 36px; }  .product-info__badges { gap: 6px; margin-bottom: 20px; } .product-info__badges .badge { gap: 4px;  height: 24px; padding: 0 10px; font-size: 12px; font-weight: 400; line-height: 24px; }  .product-info__badges .badge--hit { padding: 0 8px 0 6px; } .product-info__badges .badge svg { flex: none; width: 14px; height: 14px; } .product-info__title { font-size: 36px; line-height: 40px; margin-bottom: 20px; } .product-info__subtitle { font-size: 14px; line-height: 20px; margin-bottom: 24px; }   .product-info__meta-bar { gap: 8px; flex-wrap: wrap; }  .product-info__meta-bar .badge { flex: none; white-space: nowrap; } .product-info__sku { flex: none; text-align: left; font-size: 12px; line-height: 12px; white-space: nowrap; } .product-info__meta-bar .rating { flex: none; position: relative; } .product-info__reviews-link { font-size: 12px; line-height: 12px; margin-left: 2px; }  .product-info__reviews-full { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .product-info__reviews-short { display: inline; }  .product-info__actions { flex: none; gap: 6px; } .product-info__actions .btn-link { position: relative; width: 46px; height: 46px; justify-content: center; gap: 0; border-radius: 4px; } .product-info__actions .btn-link > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }  .product-info__buy-block { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-auto-flow: row dense; column-gap: 12px; } .product-info__price-row, .product-info__purchase-row { display: contents; }  .product-info__price-wrap { grid-column: 1 / -1; margin-bottom: 24px; } .product-info__buy-btn { grid-column: 1; } .product-info__actions { grid-column: 2; }  .product-info__quick-buy-btn { grid-column: 1 / -1; margin: 6px 0 0; } .product-info__oos { grid-column: 1 / -1; }  .product-info__buy-block:not(:has(.product-info__purchase-row)) .product-info__price-wrap { grid-column: 1; align-self: center; margin-bottom: 0; } .product-info__buy-block:not(:has(.product-info__purchase-row)) .product-info__oos { margin-top: 24px; }  .qty--large { display: none; }  .product-info__buy-btn, .product-info__quick-buy-btn {  min-height: 46px; height: 46px; border-radius: 4px; font-size: 13px; line-height: 17px; }  .product-info__buy-btn { gap: 8px; } .product-info__buy-btn svg { display: block; flex: none; }  .product-info__actions .btn-link { color: #979E9F; }  .product-info__old-price { font-weight: 400; }  .product-info__trust-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 28px; margin-bottom: 34px; }  .product-info__trust-card { gap: 14px; } .product-info__trust-icon { width: 32px; height: 32px; margin-top: 2px; } .product-info__trust-icon img { width: 17px; height: 17px; }  .product-info__trust-text { gap: 8px; } .product-info__trust-text strong { font-size: 14px; line-height: 18px; } .product-info__trust-text span { font-size: 12px; line-height: 17px; }  .product-tabs__list { padding-inline: 0; }  .product-tab { height: 48px; padding: 0 20px; font-size: 13px; line-height: 16px; }  .product-sections { padding: 16px 0 54px; } .product-section + .product-section { margin-top: 16px; } .product-section { scroll-margin-top: 66px; }  .product-description, .product-specs, .product-package, .product-manual, .product-video, .product-certs, .product-faq { padding: 32px 16px; } .product-description__title, .product-specs__title, .product-package__title, .product-manual__title, .product-video__title, .product-certs__title, .product-faq__title { font-size: 26px; line-height: 34px; margin-bottom: 24px; }   .product-specs__list { gap: 16px; } .product-specs__item { flex-direction: column; align-items: flex-start; gap: 6px; padding-bottom: 15px; border-bottom: 1px solid #F5F5F5; font-size: 14px; line-height: 20px; } .product-specs__dots { display: none; } .product-specs__name, .product-specs__value { flex-shrink: 1; text-align: left; } .product-specs__more { margin-top: 16px; font-size: 14px; line-height: 20px; }  .product-description__text, .product-description__text p { font-size: 14px; line-height: 24px; }   .product-description__text.is-clamped { max-height: calc(16 * 24px); overflow: hidden; } .product-description__more { display: flex; width: max-content; align-items: center; gap: 8px; margin-top: 16px; padding: 0; border: 0; background: none; color: #006C66; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; cursor: pointer; } .product-description__more[hidden] { display: none; } .product-description__more svg { transition: transform 0.2s ease; } .product-description__more.is-expanded svg { transform: rotate(180deg); }  .product-faq__question { align-items: flex-start; padding: 24px 0 23px; font-size: 14px; line-height: 20px; } .product-faq__item[open] > .product-faq__question { padding-bottom: 12px; } .product-faq__answer, .product-faq__answer p { font-size: 14px; line-height: 20px; } .product-faq__answer { padding-bottom: 23px; } .product-faq__chevron { margin-top: 2px; } .product-video__name { font-size: 16px; line-height: 20px; font-weight: 600; } .product-video__desc { font-size: 12px; line-height: 16px; } .product-video__duration { font-size: 10px; line-height: 16px; }  .product-video__arrows { display: none; }  .product-video__card { display: block; aspect-ratio: auto; overflow: visible; margin-bottom: 20px; background: transparent; }  .product-video__header { margin-bottom: 0; } .product-video__card:last-of-type { margin-bottom: 0; } .product-video__poster { position: relative; aspect-ratio: 311 / 176; }  .product-video__player { bottom: auto; height: auto; aspect-ratio: 311 / 176; } .product-video__info { position: static; margin-top: 16px; color: #252B2B; } .product-video__name { color: #252B2B; margin-bottom: 12px; } .product-video__desc { color: #979E9F; max-width: none; } .product-video__play { width: 56px; height: 56px; }  .buy-with { padding: 32px 16px; } .buy-with__title { margin-bottom: 24px; font-size: 26px; line-height: 34px; }  .buy-with__viewport { overflow: clip; } .buy-with__grid { display: flex; grid-template-columns: none; gap: 9px; transition: transform .45s cubic-bezier(.22, .61, .36, 1); }   .buy-with__card { flex: 0 0 calc((100% - 9px) / 2); min-width: 0; overflow: clip; }  .buy-with__media { height: auto; margin-top: 8px; aspect-ratio: 1; overflow: visible; } .buy-with__photo { width: 100%; height: 100%; margin: 0; } .buy-with .product-card__slides { position: absolute; display: flex; height: auto; } .buy-with .product-card__slide { display: flex; height: 100%; } .buy-with .product-card__slide + .product-card__slide { display: flex; }  .buy-with .product-card__dots { display: flex; bottom: -17px; }  .buy-with__meta { height: 36px; margin-top: 27px; }  .buy-with__sku { min-width: 0; overflow: hidden; font-size: 10px; line-height: 12px; white-space: nowrap; text-overflow: ellipsis; } .buy-with__rating { flex: none; gap: 6px; } .buy-with__rating .rating__star { width: 13px; height: 13px; } .buy-with__rating .rating__star:nth-child(n + 2) { display: none; } .buy-with__rating .rating__value { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 10px; line-height: 12px; color: #555B5C; }  .buy-with__name { margin-top: 12px; min-height: 48px; max-height: 48px; font-size: 12px; line-height: 16px; } .buy-with__price { margin-top: 18px; font-size: 16px; font-weight: 700; line-height: 19px; }  .buy-with__row { justify-content: space-between; margin-top: 18px; } .buy-with__buy { position: relative; flex: none; width: 46px; height: 46px; } .buy-with__buy svg { display: block; }  .buy-with__buy span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .buy-with__actions { position: static; flex-direction: row; gap: 6px; } .buy-with__actions .icon-btn { width: 46px; height: 46px; border-radius: 4px; background: none; color: #979E9F; } .buy-with__actions .icon-btn:hover { background: #F5F5F5; }  .buy-with__dots { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 24px; } .buy-with__dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 999px; background: #D3D3D3; cursor: pointer; transition: width .2s ease, background-color .2s ease; } .buy-with__dot.is-active { width: 28px; background: #9B9B9B; }  .buy-with__dot { position: relative; } .buy-with__dot::after { content: ''; position: absolute; top: -8px; right: -3px; bottom: -8px; left: -3px; } .product-video__play svg { width: 19px; height: 19px; }  .product-video__duration { left: 6px; bottom: 6px; height: 16px; padding: 0 5px; }  .product-video__desc { -webkit-line-clamp: 4; }  .product-video__pagination { display: none; }  .product-certs__grid { column-gap: 9px; row-gap: 16px; }  .product-manual__grid { grid-template-columns: minmax(0, 1fr); } .product-manual__divider, .product-manual__right { display: none; }  .product-manual__file-header { gap: 14.5px; margin-bottom: 24px; } .product-manual__file-icon { width: 46px; height: 46px; padding: 8.625px; border-radius: 2.875px; } .product-manual__file-icon svg { width: 29.18px; height: 29.18px; } .product-manual__file-titles { gap: 8px; padding-top: 2px; } .product-manual__file-name { font-size: 14px; line-height: 20px; font-weight: 600; } .product-manual__file-sub { font-size: 12px; line-height: 14px; }  .product-manual__meta { gap: 19.5px; height: 30px; padding-bottom: 0; margin-bottom: 24px; } .product-manual__meta-item { gap: 8px; font-size: 12px; line-height: 14px; } .product-manual__meta-icon { width: 20px; height: 20px; } .product-manual__meta-icon--size { width: 16px; height: 16px; } .product-manual__meta-sep { height: 30px; }  .product-manual__actions { gap: 13.5px; margin: 0 -4.5px 18px 0; } .product-manual__btn { height: 40px; font-size: 13px; } .product-manual__actions .product-manual__btn { flex: 0 1 151px; width: auto; min-width: 0; }  .product-manual__notice { gap: 7px; margin-right: -4.5px; font-size: 12px; line-height: 14px; } .product-manual__notice span { max-width: none; } .product-manual__notice svg { width: 14px; height: 14px; margin-top: 0; }  .product-package__more-wrap { margin-top: 28px; } .product-package__more { width: 160px; height: 34px; gap: 6px; font-size: 12px; line-height: 15px; } .product-package__more svg { width: 16px; height: 16px; }  .reviews-block__title { font-size: 26px; line-height: 34px; } .reviews-photos__title { font-size: 16px; line-height: 20px; font-weight: 600; }  .product-info__ai-banner { height: 170px; } .product-info__ai-content { top: 30px; left: 24px; gap: 26px; width: 218px; } .product-info__ai-title { width: 218px; font-size: 18px; line-height: 22px; } .product-info__ai-br { display: inline; } .product-info__ai-btn { width: 218px; height: 40px; font-size: 13px; line-height: 17px; }  .product-info__ai-img { left: auto; right: 0; width: 176px; height: 170px; } .product-info__ai-img::before { display: none; } .product-info__ai-img img { width: 199px; height: 170px; }  .product-info__ai-banner::before { top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; background: linear-gradient(192deg, rgba(169, 255, 229, 0.05) 0%, rgba(169, 255, 229, 0.045) 32%, rgba(169, 255, 229, 0.265) 58%, rgba(169, 255, 229, 0.53) 78%, rgba(169, 255, 229, 0.655) 90%, rgba(169, 255, 229, 0.71) 100%); -webkit-mask-image: linear-gradient(92deg, rgba(0, 0, 0, 0.85) 0%, #000 18%, rgba(0, 0, 0, 0.875) 35%, rgba(0, 0, 0, 0.445) 60%, rgba(0, 0, 0, 0.17) 85%, rgba(0, 0, 0, 0.1) 100%); mask-image: linear-gradient(92deg, rgba(0, 0, 0, 0.85) 0%, #000 18%, rgba(0, 0, 0, 0.875) 35%, rgba(0, 0, 0, 0.445) 60%, rgba(0, 0, 0, 0.17) 85%, rgba(0, 0, 0, 0.1) 100%); } } .product-tabs { margin-top: 64px; } .product-tabs__body { min-height: 200px; } .related-products { margin-top: 64px; } .related-products__title { font-family: var(--font-display); font-size: 32px; font-weight: 500; color: #252B2B; margin-bottom: 24px; } .related-products__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .related-product-card { display: flex; flex-direction: column; gap: 8px; text-decoration: none; } .related-product-card__img { aspect-ratio: 1; background: #F9F9F9; border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .related-product-card__img img { max-width: 80%; max-height: 80%; object-fit: contain; } .related-product-card__title { font-size: 14px; font-weight: 500; line-height: 20px; color: #252B2B; } .related-product-card__price { font-size: 18px; font-weight: 700; color: #252B2B; } .product-fav, .product-compare { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #555B5C; text-decoration: none; cursor: pointer; } .product-fav:hover, .product-compare:hover { color: #006C66; } .product-info__price-wrap .price { font-family: var(--font-display); font-size: 40px; font-weight: 600; line-height: 44px; color: var(--color-dark); } .product-info__price-wrap .price del { font-size: 18px; color: #979E9F; text-decoration: line-through; font-weight: 400; } .product-info__price-wrap .price ins { text-decoration: none; } @media (max-width: 768px) { .related-products__grid { grid-template-columns: repeat(2, 1fr); } } .checkout-form { background: #fff; } .checkout-form__section { padding: 32px 0; border-bottom: 1px solid #F3F3F3; } .checkout-form__section-title { font-size: 20px; font-weight: 600; margin-bottom: 24px; } .checkout-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .checkout-form__grid .field--full { grid-column: 1 / -1; } .delivery-option, .payment-option { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border: 1px solid #E3E5E6; border-radius: 4px; cursor: pointer; transition: border-color 0.2s; } .delivery-option:hover, .payment-option:hover { border-color: #006C66; } .delivery-option__info, .payment-option__info { flex: 1; } .delivery-option__title, .payment-option__title { font-size: 16px; font-weight: 500; margin-bottom: 4px; } .delivery-option__desc, .payment-option__desc { font-size: 13px; color: #555B5C; } .delivery-option__price, .payment-option__note { font-size: 14px; font-weight: 600; color: #006C66; } @media (max-width: 768px) { .checkout-form__grid { grid-template-columns: 1fr; } }  .product-manual__extra { margin: 16px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } .product-manual__extra a { display: inline-flex; align-items: baseline; gap: 8px; font-family: 'Inter', sans-serif; font-size: 14px; color: #006C66; text-decoration: none; } .product-manual__extra a:hover { text-decoration: underline; } .product-manual__extra span { font-size: 12px; color: #979E9F; }  .product-manual__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; } .product-manual__empty p { margin: 0; font-family: 'Inter', sans-serif; font-size: 15px; line-height: 22px; color: #555B5C; }