/* Figma node 217:460 — shared Bitrix product detail presentation. */
:root { --rp-bg: #f1f0e7; --rp-surface: #fff; --rp-muted: #efe9de; --rp-dark: #163a36; --rp-text: #1d2725; --rp-copy: #576359; --rp-border: #ded8cd; --rp-orange: #d96b3b; --rp-success: #398059; }
body:has(.redesign-product) { background: var(--rp-bg); color: var(--rp-text); font-family: 'Golos Text', Arial, sans-serif; }
body:has(.redesign-product) .content { padding: 28px 0 64px !important; background: var(--rp-bg); }
body:has(.redesign-product) .content > .container-xxl { width: min(1200px, calc(100% - 48px)); max-width: none; margin: 0 auto; padding: 0; }
.redesign-product .content-item.redesign-product { width: 100%; max-width: none; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.redesign-product .content-top { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 24px; align-items: start; margin: 0; }
.redesign-product .content-top-left-item,
.redesign-product .content-top-right-item { width: auto; margin: 0; }
.redesign-product .content-top-left-item { grid-column: 1; grid-row: 2; }
.redesign-product .content-top-right-item { display: contents; min-width: 0; }
.redesign-product .top-right-title { grid-column: 1 / -1; grid-row: 1; }
.redesign-product .buy-form { grid-column: 2; grid-row: 2; }
.redesign-product .top-right-title { margin: 0 0 20px; padding: 0; }
.redesign-product .top-right-title::after { display: none; }
.redesign-product .top-right-title .breadcrumbs { display: block; min-height: 18px; margin: 0 0 14px; }
.redesign-product .top-right-title .breadcrumbs .breadcrumbs-list { flex-wrap: wrap; gap: 0; }
.redesign-product .top-right-title .breadcrumbs .breadcrumbs-list li { margin-right: 14px; }
.redesign-product .top-right-title .breadcrumbs .breadcrumbs-list li span,
.redesign-product .top-right-title .breadcrumbs a { color: #827f77; font-size: 12px; font-weight: 500; line-height: 18px; }
.redesign-product .top-right-title .breadcrumbs a::after { background: var(--rp-dark); border-radius: 50%; }
.redesign-product .top-right-title h1 { max-width: 100%; margin: 0; color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 42px; font-weight: 600; line-height: 50px; letter-spacing: -.35px; text-transform: none; }
.redesign-product .top-right-title br { display: none; }
.redesign-product .top-right-title .cost-title { margin-top: 16px; color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 30px; font-weight: 600; line-height: 38px; }
.redesign-product .top-right-title .cost-title.text-decoration-line-through { margin-top: 2px; color: #827f77; font-family: 'Golos Text', Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; }
.redesign-product .item-image,
.redesign-product .buy-form { overflow: hidden; border: 1px solid var(--rp-border); border-radius: 16px; background: var(--rp-surface); box-shadow: 0 8px 24px rgba(22,58,54,.08); }
.redesign-product .item-image { padding: 20px; }
.redesign-product .image-wrapper { height: 480px; overflow: hidden; border: 1px solid var(--rp-border); border-radius: 12px; background: var(--rp-surface); }
.redesign-product .image-wrapper img { width: 100%; max-width: none; height: 100%; max-height: none; object-fit: contain; }
.redesign-product .image-title { display: none; }
.redesign-product .pic-gallery-wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.redesign-product .pic-gallery-wrapper a,
.redesign-product .pic-gallery-wrapper a:nth-child(5n) { width: auto; height: 84px; margin: 0; overflow: hidden; border: 1px solid var(--rp-border); border-radius: 8px; }
.redesign-product .pic-gallery-wrapper a:first-child { border: 2px solid var(--rp-dark); }
.redesign-product .pic-gallery-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.redesign-product .pic-gallery-block-show-more { display: none; }
.redesign-product .buy-form { padding: 24px 28px; color: var(--rp-text); }
.redesign-product .form-header { display: flex; flex-direction: column; gap: 4px; margin: 0; padding-top: 14px; border-top: 1px solid var(--rp-border); color: var(--rp-text); font-size: 13px; font-weight: 600; line-height: 20px; }
.redesign-product .form-header .mt-12 { margin: 0 !important; }
.redesign-product .form-header span { color: var(--rp-copy); font-size: 12px; font-weight: 400; line-height: 18px; text-decoration: none; }
.redesign-product .form-main { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.redesign-product .buy-form label { color: var(--rp-copy); font-size: 11px; font-weight: 700; line-height: 16px; text-transform: none; }
.redesign-product .buy-form .input-group { width: 100%; height: 42px; margin: 6px 0 4px; }
.redesign-product .buy-form .input-group button,
.redesign-product .buy-form .input-group input { border-color: var(--rp-border); background: var(--rp-muted); color: var(--rp-text); }
.redesign-product .buy-form .input-group button { min-width: 34px; border-radius: 0; }
.redesign-product .buy-form .input-group input { min-width: 0; font-size: 14px; }
.redesign-product .form-main span { color: var(--rp-copy); font-size: 11px; line-height: 16px; }
.redesign-product .desktop-summary { min-width: 0; }
.redesign-product .desktop-summary .summary,
.redesign-product .mob-summary .summary { color: var(--rp-text); font-size: 14px; font-weight: 600; }
.redesign-product .form-footer { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: end; margin-top: 20px; }
.redesign-product .form-footer > .price_block { display: block; min-width: 0; }
.redesign-product .price_block label { display: block; margin-bottom: 3px; }
.redesign-product .price_block .summary { color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 25px; font-weight: 600; line-height: 32px; }
.redesign-product .want-sale { display: flex; gap: 6px; align-items: center; margin-top: 6px; color: #bd552b; font-size: 12px; font-weight: 700; }
.redesign-product .want-sale svg { width: 14px; height: 14px; }
.redesign-product .form-btn { display: flex; flex-direction: column; align-items: stretch !important; gap: 8px; }
.redesign-product .desktop-button { display: flex !important; }
.redesign-product .cart-btn { min-height: 48px; padding: 0 22px; border: 0; border-radius: 12px; background: var(--rp-dark); color: #fff; font-size: 13px; font-weight: 700; line-height: 20px; transition: background-color .2s ease; }
.redesign-product .cart-btn:hover { background: #204b46; }
.redesign-product .cart-btn:focus-visible,
.redesign-product .tab-color:focus-visible { outline: 3px solid var(--rp-orange); outline-offset: 3px; }
.redesign-product .have-in-store { color: var(--rp-success); font-size: 12px; font-weight: 600; white-space: nowrap; }
.redesign-product .color-selection { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--rp-border); }
.redesign-product .color-selection-header p { margin: 0 0 10px; color: var(--rp-text); font-size: 13px; font-weight: 700; }
.redesign-product .colors-block-wrap { margin-bottom: 16px; }
.redesign-product .colors-block-title { margin-bottom: 8px; color: var(--rp-text); font-family: 'Golos Text', Arial, sans-serif; font-size: 13px; font-weight: 700; text-align: left; text-transform: none; }
.redesign-product .colors-block-content { max-height: none; overflow: visible; }
.redesign-product .colors-block-wrap .tab-color { width: 38px; height: 38px; margin: 0 8px 8px 0; border: 1px solid var(--rp-border); border-radius: 8px; }
.redesign-product .colors-block-wrap .tab-color.is-selected { outline: 2px solid var(--rp-dark); outline-offset: 2px; }
.redesign-product .colors-block-show-more { position: static; width: auto; height: auto; padding: 0; background: none; color: #bd552b; font-family: 'Golos Text', Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 18px; }
.redesign-product .product-details { margin-top: 64px; }
.redesign-product .product-details__header { max-width: 760px; margin-bottom: 24px; }
.redesign-product .product-details__header h2,
.redesign-product .product-reviews h2 { margin: 0; color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 34px; font-weight: 600; line-height: 42px; letter-spacing: -.25px; }
.redesign-product .product-details__header p { margin: 12px 0 0; color: #827f77; font-size: 15px; line-height: 23px; }
.redesign-product .product-details__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.redesign-product .product-details__card { min-width: 0; padding: 28px 30px; border: 1px solid var(--rp-border); border-radius: 16px; background: var(--rp-surface); box-shadow: 0 8px 24px rgba(22,58,54,.04); }
.redesign-product .product-details__card h3 { margin: 0 0 18px; color: var(--rp-text); font-size: 21px; font-weight: 700; line-height: 28px; }
.redesign-product .product-details__copy { color: #827f77; font-size: 15px; line-height: 24px; }
.redesign-product .product-details__copy > :first-child { margin-top: 0; }
.redesign-product .product-details__copy > :last-child { margin-bottom: 0; }
.redesign-product .product-details__copy p { margin: 0 0 18px; }
.redesign-product .product-details__copy h1,
.redesign-product .product-details__copy h2,
.redesign-product .product-details__copy h3,
.redesign-product .product-details__copy h4 { color: var(--rp-text); font-family: 'Golos Text', Arial, sans-serif; font-size: 17px; line-height: 24px; }
.redesign-product .product-details__copy ul,
.redesign-product .product-details__copy ol { padding-left: 20px; }
.redesign-product .product-details__spec-list { display: grid; gap: 10px; margin: 0; }
.redesign-product .product-details__spec-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr); gap: 16px; align-items: center; min-height: 47px; padding: 10px 14px; border-radius: 9px; }
.redesign-product .product-details__spec-row:nth-child(odd) { background: var(--rp-muted); }
.redesign-product .product-details__spec-row dt { min-width: 0; color: #827f77; font-size: 14px; font-weight: 400; line-height: 20px; }
.redesign-product .product-details__spec-row dd { min-width: 0; margin: 0; color: var(--rp-text); font-size: 14px; font-weight: 700; line-height: 20px; text-align: right; overflow-wrap: anywhere; }
.redesign-product .product-reviews { margin-top: 48px; }
.redesign-product .product-reviews h2 { margin-bottom: 20px; }
.redesign-product .product-reviews__list { display: grid; gap: 12px; }
.redesign-product .product-reviews__item { padding: 20px; border: 1px solid var(--rp-border); border-radius: 16px; background: var(--rp-surface); }
.redesign-product .product-reviews__meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: baseline; color: var(--rp-text); font-size: 14px; }
.redesign-product .product-reviews__meta time { color: #827f77; font-size: 13px; }
.redesign-product .product-reviews__item p { margin: 10px 0 0; color: var(--rp-copy); font-size: 14px; line-height: 21px; }
.redesign-product .product-reviews__photos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.redesign-product .product-reviews__photos a { width: 82px; height: 62px; overflow: hidden; border-radius: 8px; }
.redesign-product .product-reviews__photos img { width: 100%; height: 100%; object-fit: cover; }
.redesign-product .recently-watched { margin-top: 64px; }
.redesign-product .recently-watched__header { margin-bottom: 24px; }
.redesign-product .recently-watched__header h2 { margin: 0; color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 34px; font-weight: 600; line-height: 42px; letter-spacing: -.25px; }
.redesign-product .recently-watched__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.redesign-product .recently-watched .redesign-product-card { min-width: 0; height: 470px; display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--rp-border); border-radius: 18px; background: var(--rp-surface); box-shadow: 0 10px 14px rgba(22,58,54,.10); }
.redesign-product .recently-watched .redesign-product-card__main { min-width: 0; min-height: 0; display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; color: inherit; text-decoration: none; }
.redesign-product .recently-watched .redesign-product-card__image { position: relative; width: 100%; height: 190px; flex: 0 0 190px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 12px; background: #e5e3d6; }
.redesign-product .recently-watched .redesign-product-card__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .2s ease; }
.redesign-product .recently-watched .redesign-product-card:hover .redesign-product-card__image img { transform: scale(1.03); }
.redesign-product .recently-watched .redesign-product-card__badge { position: absolute; z-index: 1; top: 10px; left: 10px; padding: 5px 8px; border-radius: 7px; background: var(--rp-orange); color: #fff; font-size: 10px; font-weight: 600; letter-spacing: .3px; }
.redesign-product .recently-watched .redesign-product-card__name { color: var(--rp-text); font-size: 16px; font-weight: 600; line-height: 22px; }
.redesign-product .recently-watched .redesign-product-card__meta { color: var(--rp-copy); font-size: 13px; line-height: 19px; }
.redesign-product .recently-watched .redesign-product-card__bottom { display: flex; flex: 0 0 auto; flex-direction: column; gap: 8px; margin-top: auto; }
.redesign-product .recently-watched .redesign-product-card__availability { min-height: 18px; color: var(--rp-success); font-size: 13px; font-weight: 600; line-height: 18px; }
.redesign-product .recently-watched .redesign-product-card__old-price { margin-bottom: -6px; color: #827f77; font-size: 12px; line-height: 15px; text-decoration: line-through; }
.redesign-product .recently-watched .redesign-product-card__price { color: var(--rp-text); font-size: 23px; font-weight: 600; line-height: 29px; }
.redesign-product .recently-watched .redesign-product-card__cart { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 12px; background: var(--rp-dark); color: #fff; cursor: pointer; font: 600 14px/44px 'Golos Text', Arial, sans-serif; }
.redesign-product .recently-watched .redesign-product-card__cart:hover { background: #204b46; }
.redesign-product .recently-watched .redesign-product-card__cart:focus-visible,
.redesign-product .recently-watched .redesign-product-card__main:focus-visible { outline: 3px solid var(--rp-orange); outline-offset: 3px; }
.redesign-product .category-reviews,
.redesign-product .category-faq { margin-top: 64px; }
.redesign-product .category-reviews h2,
.redesign-product .category-faq h2 { margin: 0 0 24px; color: var(--rp-text); font-family: 'Literata', Georgia, serif; font-size: 32px; font-weight: 600; line-height: 40px; }
.redesign-product .category-reviews__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.redesign-product .category-reviews__item { padding: 20px; border: 1px solid var(--rp-border); border-radius: 16px; background: var(--rp-surface); }
.redesign-product .category-reviews__name { color: var(--rp-text); font-size: 14px; font-weight: 700; }
.redesign-product .category-reviews__text { margin: 10px 0 0; color: var(--rp-copy); font-size: 14px; line-height: 21px; }
.redesign-product .category-faq__list { display: grid; gap: 8px; }
.redesign-product .category-faq__item { border: 1px solid var(--rp-border); border-radius: 10px; background: var(--rp-surface); }
.redesign-product .category-faq__question { padding: 16px 48px 16px 18px; color: var(--rp-text); font-size: 14px; font-weight: 600; cursor: pointer; }
.redesign-product .category-faq__question span,
.redesign-product .category-faq__answer span { color: var(--rp-orange); }
.redesign-product .category-faq__answer { padding: 0 18px 18px; color: var(--rp-copy); font-size: 14px; line-height: 22px; }
.redesign-product .category-faq__answer p { margin: 6px 0 0; }
@media (max-width: 1023px) { .redesign-product .content-top { grid-template-columns: 1fr; } .redesign-product .top-right-title { grid-column: 1; grid-row: 1; } .redesign-product .content-top-left-item { grid-column: 1; grid-row: 2; } .redesign-product .buy-form { grid-column: 1; grid-row: 3; } .redesign-product .category-reviews__list { grid-template-columns: 1fr 1fr; } .redesign-product .recently-watched__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .redesign-product .content { padding: 22px 0 48px !important; } .redesign-product .content > .container-xxl { width: calc(100% - 32px); } .redesign-product .top-right-title h1 { font-size: 32px; line-height: 40px; } .redesign-product .item-image { padding: 12px; } .redesign-product .image-wrapper { height: 320px; } .redesign-product .pic-gallery-wrapper { gap: 8px; margin-top: 12px; } .redesign-product .buy-form { padding: 20px; } .redesign-product .form-main { grid-template-columns: 1fr 1fr; } .redesign-product .form-footer { grid-template-columns: 1fr; } .redesign-product .form-btn { width: 100%; } .redesign-product .cart-btn { width: 100%; } .redesign-product .product-details { margin-top: 48px; } .redesign-product .product-details__header h2,.redesign-product .product-reviews h2,.redesign-product .recently-watched__header h2 { font-size: 30px; line-height: 38px; } .redesign-product .product-details__grid { grid-template-columns: 1fr; gap: 16px; } .redesign-product .product-details__card { padding: 22px 20px; } .redesign-product .product-details__spec-row { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 10px; padding: 10px 12px; } .redesign-product .recently-watched { margin-top: 48px; } .redesign-product .recently-watched__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .redesign-product .recently-watched .redesign-product-card { height: 400px; padding: 10px; border-radius: 14px; } .redesign-product .recently-watched .redesign-product-card__image { height: 130px; flex-basis: 130px; border-radius: 10px; } .redesign-product .recently-watched .redesign-product-card__name { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 17px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .redesign-product .recently-watched .redesign-product-card__meta { font-size: 11px; line-height: 15px; } .redesign-product .recently-watched .redesign-product-card__bottom { gap: 4px; } .redesign-product .recently-watched .redesign-product-card__availability { min-height: 15px; font-size: 11px; line-height: 15px; } .redesign-product .recently-watched .redesign-product-card__old-price { margin-bottom: -4px; font-size: 10px; line-height: 13px; } .redesign-product .recently-watched .redesign-product-card__price { font-size: 16px; line-height: 22px; white-space: nowrap; } .redesign-product .recently-watched .redesign-product-card__cart { min-height: 40px; border-radius: 10px; font-size: 12px; line-height: 40px; } .redesign-product .category-reviews__list { grid-template-columns: 1fr; } }
@media (max-width: 479px) { .redesign-product .top-right-title h1 { font-size: 28px; line-height: 36px; } .redesign-product .image-wrapper { height: 260px; } .redesign-product .form-main { grid-template-columns: 1fr; } .redesign-product .desktop-summary { display: none; } }