/* Start:/local/components/formaro/cart/templates/.default/style.css?17915732874002*/
/* Шапка группы поставщика: слева название ссылкой, справа выбор/удаление
   (вместо сортировки из вёрстки /html/cart.html). */
.cart-group-title {
    font-weight: 500;
    color: #111;
}
.cart-group-title:hover {
    color: #1976d2;
}
.cart-group .cart-group-actions .button-icon {
    margin-left: 0;
}

/* Сообщение об оформленном заказе. */
.cart-success {
    border-left: 4px solid #28a745;
}
.cart-success-title {
    color: #28a745;
}
.cart-success-actions {
    gap: 1rem 0;
}
.cart-success:focus {
    outline: none;
}

/* Плитки способов доставки/оплаты (вёрстка /html/cart.html): выбранная —
   синяя иконка, остальные — серая. */
.cart-choice {
    cursor: pointer;
}
.cart-choice .support__link .support__icon-wrapper {
    background: #6c757d;
}
.cart-choice input:checked + .support__link .support__icon-wrapper {
    background: #1976d2;
}
/* Рамка выбранной плитки идёт и по скошенному углу: плитка — синяя
   фигура со срезанным углом (clip-path вместо уголка :after цвета фона),
   поверх — белая такая же фигура с отступом 2px (::before). Срез 30px —
   как у :after в styles.css; у внутренней 29px — толщина по диагонали
   тоже ≈2px. */
.cart-choice input:checked + .support__link {
    background: #1976d2;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.cart-choice input:checked + .support__link::after {
    display: none;
}
.cart-choice input:checked + .support__link::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 29px), calc(100% - 29px) 100%, 0 100%);
}
/* Логотип транспортной компании — в высоту круга с иконкой (80px), чтобы
   плитки с логотипом и с иконкой были одной высоты. Невыбранные —
   приглушены, выбранная и под курсором — в полном цвете. */
.cart-choice-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100%;
}
.cart-choice-logo img {
    /* Одна высота у всех логотипов (у файлов разный собственный размер);
       длинный — ужимается по ширине без искажения. */
    height: 28px;
    width: auto;
    max-width: 80%;
    object-fit: contain;
    opacity: .55;
    filter: grayscale(60%);
    transition: .3s;
}
.cart-choice:hover .cart-choice-logo img,
.cart-choice input:checked + .support__link .cart-choice-logo img {
    opacity: 1;
    filter: none;
}
.cart-choice .support__icon-wrapper,
.cart-choice .cart-choice-logo,
.cart-choice .cart-choice-name {
    position: relative;
    z-index: 1;
}
/* Фокус с клавиатуры — на обёртке: у выбранной плитки outline обрезал
   бы clip-path. */
.cart-choice:has(input:focus-visible) {
    outline: 2px solid #1976d2;
    outline-offset: 2px;
}

/* Итог справа залипает CSS sticky (sticky-kit из scripts.js на
   #product-option снимает script.js), только если помещается в окно. */
@media (min-width: 1200px) {
    #product-option.cart-summary.is-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
    }
}

/* Кнопка оформления: без выбранных товаров — серая «Выберите товары». */
#cart-checkout:disabled {
    cursor: default;
    opacity: 1;
}

/* End */
/* /local/components/formaro/cart/templates/.default/style.css?17915732874002 */