/*
 * Phoca Cart в шаблоне crimea_cag.
 * Категория, товар и список категорий выводятся переопределениями в разметке старого VM (стили — styles.css).
 * Здесь — то, что осталось штатным: оформление заказа, корзина, «заказ принят», вопрос по товару, кабинет.
 * Шаблон без Bootstrap, поэтому ниже — минимальная сетка и кнопки для классов Bootstrap, которые выводит Phoca Cart.
 */

/* Сетка: col-N — на любой ширине, col-sm/md/lg-N — от 768px (одинаковая специфичность, побеждает последнее) */
.pc-view .row, #phContainer .row
{display: flex; flex-wrap: wrap; margin: 0 -5px;}
.pc-view [class*="col-"]
{box-sizing: border-box; padding: 0 5px; flex: 0 0 100%; max-width: 100%;}
.pc-view .col-0 {display: none;}
.pc-view .col-2 {flex: 0 0 16.666%; max-width: 16.666%;}
.pc-view .col-4 {flex: 0 0 33.333%; max-width: 33.333%;}
.pc-view .col-6 {flex: 0 0 50%; max-width: 50%;}
.pc-view .col-8 {flex: 0 0 66.666%; max-width: 66.666%;}
.pc-view .col-12 {flex: 0 0 100%; max-width: 100%;}
@media (min-width: 768px)
{
    .pc-view .col-sm-1, .pc-view .col-md-1 {flex: 0 0 8.333%; max-width: 8.333%;}
    .pc-view .col-sm-2, .pc-view .col-md-2 {flex: 0 0 16.666%; max-width: 16.666%;}
    .pc-view .col-sm-3, .pc-view .col-md-3 {flex: 0 0 25%; max-width: 25%;}
    .pc-view .col-sm-4, .pc-view .col-md-4, .pc-view .col-lg-4, .pc-view .col-xl-4 {flex: 0 0 33.333%; max-width: 33.333%;}
    .pc-view .col-sm-5, .pc-view .col-md-5 {flex: 0 0 41.666%; max-width: 41.666%;}
    .pc-view .col-sm-6, .pc-view .col-md-6 {display: block; flex: 0 0 50%; max-width: 50%;}
    .pc-view .col-sm-7, .pc-view .col-md-7 {flex: 0 0 58.333%; max-width: 58.333%;}
    .pc-view .col-sm-8, .pc-view .col-md-8 {flex: 0 0 66.666%; max-width: 66.666%;}
    .pc-view .col-sm-9, .pc-view .col-md-9 {flex: 0 0 75%; max-width: 75%;}
    .pc-view .col-sm-10, .pc-view .col-md-10 {flex: 0 0 83.333%; max-width: 83.333%;}
    .pc-view .col-sm-12, .pc-view .col-md-12 {flex: 0 0 100%; max-width: 100%;}
}
.pc-view .sr-only
{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);}
.pc-view .ph-vertical-align
{align-items: center;}
.pc-view .ph-li-inline
{list-style: none; padding: 0;}
.pc-view .ph-li-inline li
{display: inline-block; margin-right: 10px;}
.pc-view .pc-si
{width: 16px; height: 16px; fill: currentColor; vertical-align: middle;}
.pc-view .ph-checkout-icon-spec-box
{float: right;}
.pc-view .input-group
{display: flex; align-items: center; gap: 3px;}

.pc-view .ph-right, .pc-view .ph-pull-right
{text-align: right;}
.pc-view .ph-cb
{clear: both;}

/* Кнопки — как .button шаблона */
.pc-view .btn, #phContainer .btn
{display: inline-block; padding: 7px 10px; border: 0; color: #fff; font-size: 100%; line-height: 19px; text-align: center;
    white-space: nowrap; cursor: pointer; background: linear-gradient(to top,#ac1411,#db3115); border-radius: 5px; text-decoration: none;}
.pc-view .btn:hover, #phContainer .btn:hover
{background: linear-gradient(to top,#db3115,#ac1411); box-shadow: 0 5px 5px rgba(0,0,0,.19); color: #fff;}
.pc-view .btn-secondary, .pc-view .btn-light, .pc-view .btn-outline-secondary, #phContainer .btn-secondary
{background: linear-gradient(to top, #525252, #A9A9A9);}
.pc-view .btn-secondary:hover, .pc-view .btn-light:hover, #phContainer .btn-secondary:hover
{background: linear-gradient(to top, #A9A9A9, #525252);}

/* Поля форм — как .checkout-view */
.pc-view .form-control, .pc-view .form-select, .pc-view input[type="text"], .pc-view input[type="email"],
.pc-view input[type="password"], .pc-view input[type="tel"], .pc-view select, .pc-view textarea
{box-sizing: border-box; max-width: 100%; padding: 8px; border: 1px solid #E7E7E7; line-height: 130%; font-size: 100%;}
.pc-view .checkout-view .form-control, .pc-view .checkout-view .form-select,
.pc-view .checkout-view input[type="text"], .pc-view .checkout-view input[type="email"],
.pc-view .checkout-view input[type="password"], .pc-view .checkout-view input[type="tel"],
.pc-view .checkout-view select, .pc-view .checkout-view textarea
{width: 100%;}
.pc-view .checkout-view input[type="radio"], .pc-view .checkout-view input[type="checkbox"]
{display: inline-block; width: auto; margin: 0 6px 0 0;}
.pc-view label
{font-weight: 600;}
.pc-view .form-group, .pc-view .control-group
{margin: 0 0 15px 0;}

/* Шаги оформления: колонка узкая (.checkout-form 500px) — поля в один столбец, подпись над полем, как в старой корзине */
.pc-view .checkout-view [class*="col-"]
{flex: 0 0 100%; max-width: 100%;}
.pc-view .checkout-view .control-label
{margin: 0 0 5px 0;}
.pc-view .checkout-view .plg_system_webauthn_login_button
{display: none;}

.checkout-view .ph-checkout-box-row
{margin: 0 0 15px 0;}
.checkout-view .ph-checkout-box-header,
.checkout-view .ph-box-header
{border: 0; border-bottom: 1px solid #E5E5E5; padding: 0 0 5px 0; margin: 0 0 10px 0; font-size: 125%; font-weight: 600;}
.checkout-view .ph-checkout-box-action
{background: none; border: 0; padding: 0; text-align: right;}
.checkout-view .ph-checkout-shipping-desc, .checkout-view .ph-checkout-payment-desc
{background-color: #EEE; margin: 5px 0 0 0; padding: 5px 10px; font-size: 87.5%;}
.checkout-view .ph-shipping-image img, .checkout-view .ph-payment-image img
{max-height: 30px;}

/* Корзина справа */
.cart-view .ph-checkout-cart-row-subtotal, .cart-view .ph-checkout-cart-row-hr, .cart-view .ph-cart-currency-box
{padding: 5px 0;}
.cart-view .ph-checkout-cart-title
{font-weight: 600;}
.cart-view .ph-checkout-total-amount
{font-weight: bold; font-size: 125%;}
.cart-view .ph-checkout-cart-quantity input
{width: 54px; text-align: center;}
.cart-view .row:nth-child(odd)
{background-color: #F5F5F5;}

/* Сообщения и прочие виды */
.pc-view .alert, .pc-view .ph-watchdog-info
{padding: 10px 15px; margin: 0 0 15px 0; border: 1px solid #b8daff; background: #cce5ff; color: #004085; border-radius: 3px;}
.pc-info-view, .pc-question-view, .pc-account-view, .pc-orders-view
{background: #fff; padding: 15px; border-radius: 5px;}
.pc-view .ph-desc
{margin: 0 0 15px 0;}

@media (max-width: 767.98px)
{
    .checkout-form
    {max-width: none;}
    .columns
    {flex-wrap: wrap;}
    .checkout-view.content-box
    {margin: 0 0 15px 0;}
}