/* card-layout-20261021: подключается из card_layout.php ($this->addExternalCss) */
/* «Добавить в корзину»: чёрная, белый текст/иконка; шрифт = «Заказать звонок» (.am-leads-btn: Montserrat 500 14px uppercase .03em) */
.product-page .product-page__btn--big{background:#000;border-color:#000;color:#fff;font-weight:500;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em}
.product-page .product-page__btn--big svg{flex:none}
.product-page .product-page__btn--big svg path,.product-page .product-page__btn--big:hover svg path{fill:#fff}
.product-page .product-page__btn--big:hover{background:#333;border-color:#333;color:#fff}
.product-page .product-page__btn--big.active{background:#000;border-color:#000;color:#fff}
.product-page .product-page__btn--big.disabled{background:#000;border-color:#000;color:#fff;opacity:.35}
/* отступы после смены порядка: кнопки сразу после выбора размера, иконки ниже */
.product-page .product-page__btns{margin-top:3.2rem}
.product-page .product-trust-note{margin-top:12px}
.product-page .product-page__payment{margin-top:3.2rem}
.product-page .product-page__payment-item:last-child{margin-bottom:2.4rem}
/* «Заказать звонок» (и «Сообщить о поступлении») — во всю ширину кнопки корзины, друг под другом */
.product-page__content .am-leads-pp{max-width:var(--am-cart-w,47rem)}
.product-page__content .am-leads-pp .am-leads-btn{flex:1 1 100%}
@media (max-width:500px){
  .product-page .product-page__btns{margin-top:2.4rem}
  .product-page .product-page__payment{margin-top:2.4rem}
}
/* card-layout-20261021 v2 (решение Kite 21.10.2026 ~15:40) */
/* «В избранное» (квадрат рядом с корзиной): чёрная; не в избранном — контурное белое сердце, в избранном — закрашенное белое; зелёного/красного нет.
   !important — перебить мобильные правила productcard.css (.product-page__btn--small.active{background:#fff!important;fill:#e60304!important}). Hover только для мыши (на тач-экранах не «залипает»). */
.product-page .product-page__btns .product-page__btn--small,.product-page .product-page__btns .product-page__btn--small.active,.product-page .product-page__btns .product-page__btn--small:hover{background:#000!important;border-color:#000!important}
.product-page .product-page__btns .product-page__btn--small svg path,.product-page .product-page__btns .product-page__btn--small:hover svg path{fill:transparent!important;stroke:#fff!important;stroke-width:2.2px}
.product-page .product-page__btns .product-page__btn--small.active svg path,.product-page .product-page__btns .product-page__btn--small.active:hover svg path{fill:#fff!important;stroke:#fff!important}
@media (hover:hover){.product-page .product-page__btns .product-page__btn--small:hover,.product-page .product-page__btns .product-page__btn--small.active:hover{background:#333!important;border-color:#333!important}}
.product-page .product-page__btns .product-page__btn--small.disabled{opacity:.35}
/* «Сообщить о поступлении» (вместо корзины, когда нет в наличии): белая, чёрный текст, обводка 1px; шрифт = .am-leads-btn («Заказать звонок») */
.product-page__content .am-leads-pp .am-leads-btn--dark.am-leads-pp__stock{background:#fff;color:#000;border:1px solid #000}
.product-page__content .am-leads-pp .am-leads-btn--dark.am-leads-pp__stock:focus-visible,.product-page__content .am-leads-pp .am-leads-btn--dark.am-leads-pp__stock:focus-visible{background:#f2f2f2;color:#000;border-color:#000}
@media (hover:hover){.product-page__content .am-leads-pp .am-leads-btn--dark.am-leads-pp__stock:hover{background:#f2f2f2;color:#000;border-color:#000}}