/* Страница товара 20 (тема Lite, product/item20.php): фото | характеристики и описание | блок покупки. */
/* Переменные темы Lite (свои в каждом компоненте темы — компонент работает с любыми другими) */
:root {--t-ink: #1f2128; --t-text: #4a4d55; --t-muted: #6e717a; --t-line: #ececef; --t-soft: #f6f6f8; --t-photo: #f5f5f7; --t-accent: var(--color-site); --t-accent-dark: #a50f27; --t-green: #17803d; --t-r: 12px; --t-r-sm: 8px}
.product-page--lite .price-economy span,.product-page--lite .price-economy {color: #fff; background: var(--t-accent); padding: 2px 8px; display: inline-block}
.product-page--lite .header-tabs a.active:after {position: unset; left: unset; bottom: unset; width: unset; height: unset; content: unset; background: unset}
.product-page--lite .recommend .price-normal {margin: unset}
.product-page--lite .product-left {width: 40%; position: relative; padding: 10px 0}
.product-page--lite .product-right {width: 60%; padding: 10px 0 10px 40px; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start}
.product-page--lite .product-meta {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: 13px; color: var(--t-muted)}
.product-page--lite .product-meta__rating {color: var(--t-ink); font-weight: 500}
.product-page--lite .product-meta__rating:before {content: "★ "; color: #f5a623}
.product-page--lite .product-meta__reviews {color: var(--t-text); text-decoration: underline; text-decoration-color: var(--t-line); text-underline-offset: 3px}
.product-page--lite .product-right .product-meta .item-art {margin: 0; color: var(--t-muted)}
.product-page--lite .product-short-options {margin-top: 24px}
.product-page--lite .product-short-options__title {display: block; margin-bottom: 8px; font-size: 15px; font-weight: 500; color: var(--t-ink)}
.product-page--lite .product-short-options ul {list-style: none; padding: 0; margin: 0; display: grid; gap: 5px}
.product-page--lite .product-short-options li {font-size: 14px; line-height: 1.45; color: var(--t-ink)}
.product-page--lite .product-short-options li span {color: var(--t-muted)}
.product-page--lite .product-right .product-description {margin-top: 20px; font-size: 14px; line-height: 1.55; color: var(--t-text)}
.product-page--lite .product-right .product-description p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden}
.product-page--lite .product-right .product-description #btn-more {margin-top: 6px; font-size: 13px; color: var(--t-ink); cursor: pointer}
.product-page--lite .product-right .product-brand {margin-top: 24px}
.product-page--lite .product-right .product-brand a {margin-left: 0}
.product-page--lite .product-right .product-brand a img {max-width: 120px; max-height: 48px}
.product-page--lite .product-buy {display: grid; gap: 12px; position: sticky; top: 150px}
.product-page--lite .product-buy__card {padding: 20px; background: #fff; border: 1px solid var(--t-line); border-radius: var(--t-r); box-shadow: 0 4px 16px rgba(31, 33, 40, .04)}
.product-page--lite .product-right .product-buy .product-actions {margin-top: 0}
.product-page--lite .product-right .product-buy .product-price .price-new,.product-page--lite .product-right .product-buy .product-price .price-normal {font-size: 28px}
.product-page--lite .product-right .product-buy .product-price .price-old {font-size: 16px}
.product-page--lite .product-right .product-buy .product-basket {margin-top: 16px; flex-wrap: wrap; gap: 8px}
.product-page--lite .product-buy__info {display: grid; gap: 10px; font-size: 14px}
.product-page--lite .product-buy .product-basket {flex-direction: column; align-items: stretch}
.product-page--lite .product-buy .product__cart-action {order: -1; width: 100%; display: flex; gap: 8px}
.product-page--lite .product-buy .product__cart-action .add-to-cart-btn {flex-grow: 1; width: 100%; max-width: none; padding: 0; line-height: 46px; font-size: 15px; text-align: center}
.product-page--lite .product-buy .product__cart-action .add-to-cart-btn.active {line-height: 1.2; padding: 7px 0}
.product-page--lite .product-buy .product__cart-action .catalog-item__counter.active ~ .add-to-cart-btn,.product-page--lite .product-buy .product__cart-action .catalog-item__counter.active {flex-grow: 1}
.product-page--lite .product-buy .product-basket #in-click {width: 100%; padding: 0; line-height: 42px; font-size: 14px; font-weight: 500; text-align: center; color: var(--t-accent); background: var(--t-soft)}
.product-page--lite .product-buy .product-basket #in-click:hover {background: var(--t-line)}
.product-page--lite .product-right .product-buy__info .product-aviability {margin: 0}
.product-page--lite .product-right .product-buy__info .in-stock {color: var(--t-green)}
.product-page--lite .product-buy__link {display: inline-flex; align-items: center; gap: 8px; width: fit-content; font-size: 14px; color: var(--t-ink); background: none; border: 0; text-align: left; text-decoration: underline; text-decoration-color: var(--t-line); text-underline-offset: 3px}
.product-page--lite .product-buy__link i {font-size: 16px; color: var(--t-muted); text-decoration: none}
.product-page--lite .product-buy__link:hover {color: var(--t-accent)}
.product-page--lite .product-right .product-buy__info .found-cheaper {border-bottom: 0; color: var(--t-ink)}
.product-page--lite .product-right .product-buy__info .found-cheaper:hover {color: var(--t-accent)}
.product-page--lite .product-right .product-price .price-new {color: var(--t-ink); font-weight: 600; margin-right: 12px; font-size: 32px}
.product-page--lite .product-right .product-price .price-old {color: var(--t-muted); font-weight: 400; font-size: 20px; text-decoration: line-through}
.product-page--lite .product-right .product-price .price-normal {color: var(--t-ink); font-size: 32px; font-weight: 600}
.product-page--lite .price-economy {color: #fff; background: var(--t-accent); padding: 2px 8px; border-radius: 6px; font-size: 13px; font-weight: 500; display: inline-block}
.product-page--lite .price-economy span {color: inherit; background: none; padding: 0}
.product-page--lite .product-left .swiper-button-next,.product-page--lite .product-left .swiper-button-prev {width: 40px; opacity: 0; transition: opacity var(--general-transition)}
.product-page--lite .product-left .swiper-button-next:after,.product-page--lite .product-left .swiper-button-prev:after {background: #fff; border-radius: 50%; font-size: 14px; width: 36px; line-height: 36px; text-align: center; color: var(--t-ink); box-shadow: 0 2px 10px rgba(31, 33, 40, .12); padding: 0}
.product-page--lite .product-left:hover .swiper-button-next,.product-page--lite .product-left:hover .swiper-button-prev {opacity: 1}
.product-page--lite .product-left .swiper-button-next:hover:after,.product-page--lite .product-left .swiper-button-prev:hover:after {color: var(--t-accent); background: unset}
.product-page--lite .header-tabs {display: flex; width: 100%; margin-bottom: 10px; border-bottom: 1px solid var(--t-line); overflow-y: hidden; overflow-x: auto}
.product-page--lite .header-tabs a {padding: 14px 0; margin-right: 28px; position: relative; font-weight: 500; font-size: 16px; color: var(--t-muted); white-space: nowrap; transition: color var(--general-transition); border-left: unset; border-top: unset; border-right: unset; background: unset}
.product-page--lite .header-tabs a.active:before {position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; content: ''; background: var(--t-ink); top: unset}
.product-page--lite .header-tabs a.active {color: var(--t-ink); background: unset}
.product-page--lite .header-tabs a:hover {color: var(--t-ink); background: unset}
.product-page--lite .recommend__title {font-size: 24px; font-weight: 500; color: var(--t-ink)}
.product-page--lite .recommend__btns {order: 5; width: 100%; margin-top: auto}
.product-page--lite .recommend .add-to-cart {margin-top: 12px; width: 100%; margin-right: 0px}
@media (min-width: 769px) and (max-width: 992px) {
    .product-page--lite .product-left {width: 45%}
    .product-page--lite .product-right {width: 55%; padding-left: 28px; grid-template-columns: 1fr; gap: 20px}
    .product-page--lite .product-buy {position: static}
}
@media (max-width: 768px) {
    .product-page--lite .product-right {padding: 10px 0; width: 100%; grid-template-columns: 1fr; gap: 20px}
    .product-page--lite .product-buy {position: static; order: -1}
}