/* Минимальные добавки для шин/дисков. Основную карточку каталога оставляет стандартная верстка minishop. */
:root{--tw-accent:#fbb805}

.item-availability.preorder-av,
.product-aviability.preorder-stock{color:#8a6100}

.catalog-product-additinal .add-to[data-item-type="tyre"],
.catalog-product-additinal .add-to[data-item-type="wheel"]{cursor:pointer}

.catalog-product-additinal .add-to[data-item-type="tyre"].active,
.catalog-product-additinal .add-to[data-item-type="wheel"].active{color:#111;background:var(--tw-accent)}

.product-card-options{margin-top:20px}
.product-card-options>div{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px}
.product-card-options em{flex:1;border-bottom:1px dotted #ccc;transform:translateY(-4px)}

.product-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.product-thumbs img{width:72px;height:72px;object-fit:contain;border:1px solid #eee;background:#fff}

.similar-tyres-block,
.similar-wheels-block{width:100%;clear:both;margin-top:30px}

/* v13: форма дисков должна повторять форму шин, а не рисовать отдельный интерфейс */
.forms-block .form.tw-filter-form--wheels{width:100%;background:#f0f0f0;max-height:calc(100vh - 140px);overflow-y:auto;padding:0}
.tw-filter-form--wheels:before,
.tw-filter-form--wheels:after{content:unset!important}
.tw-filter-form--wheels .params .tires-selector>div{margin:0}
.tw-filter-form--wheels .params .tires-selector .by-parameters{padding:0}
.tw-filter-form--wheels .params>div{margin-top:0}
.tw-filter-form--wheels .dropdown-filter-block{margin-top:0}
.tw-filter-form--wheels .dropdown-filters-row{margin-top:20px}

.tw-filter-form--wheels .tw-filter-size-row{display:flex;align-items:flex-end;gap:10px;width:100%;margin:0 0 16px 0;flex-wrap:nowrap}
.tw-filter-form--wheels .tw-filter-size-row--extra{margin-top:4px}
.tw-filter-form--wheels .select-col{display:flex;flex-direction:column;align-items:flex-start;margin:0;min-width:0;flex:1 1 0}
.tw-filter-form--wheels .tw-filter-size-row--main .select-col{flex:0 1 82px}
.tw-filter-form--wheels .tw-filter-size-row--extra .select-col{flex:1 1 0}
.tw-filter-form--wheels .select-col>span{display:block;margin:0 0 8px 0;font-size:14px;font-weight:400;color:#111;line-height:1.2;white-space:nowrap}
.tw-filter-form--wheels .select-col select{width:100%;height:36px;min-width:0;border:1px solid rgba(15,23,42,.12);border-radius:3px;background:#fff;padding:0 8px;font-size:14px;color:#111}
.tw-filter-form--wheels .del{align-self:center;margin:20px 0 0 0;color:#c9c9c9;font-size:18px;line-height:36px;flex:0 0 auto}

.forms-block .form.tw-filter-form--wheels .dropdown-filter-block{width:100%;margin-top:18px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter-block__title{display:block;margin-bottom:8px;font-size:14px;font-weight:400;color:#111}
.forms-block .form.tw-filter-form--wheels .dropdown-filters-row{display:flex;gap:18px;flex-wrap:wrap;width:100%}
.forms-block .form.tw-filter-form--wheels .dropdown-filters-row .dropdown-filter-block{flex:1 1 100%;min-width:100%}
.forms-block .form.tw-filter-form--wheels .dropdown-filter{position:relative;width:100%}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__toggle{width:100%;min-height:42px;padding:0 14px;border:1px solid rgba(15,23,42,.12);border-radius:3px;background:#f7f7f7;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;color:#111}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__arrow{width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .18s ease;margin-top:-4px;flex:0 0 auto}
.forms-block .form.tw-filter-form--wheels .dropdown-filter.is-open .dropdown-filter__arrow{transform:rotate(-135deg);margin-top:2px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:none;padding:10px;border:1px solid rgba(15,23,42,.12);border-radius:5px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.12)}
.forms-block .form.tw-filter-form--wheels .dropdown-filter.is-open .dropdown-filter__panel{display:block}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__search-wrap{margin-bottom:10px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__search{width:100%;height:38px;border:1px solid rgba(15,23,42,.26);border-radius:3px;background:#fff;padding:0 12px;font-size:14px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__list{display:grid;gap:8px;max-height:240px;overflow:auto;padding-right:4px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item{margin:0;display:flex;align-items:center;gap:8px}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item input.input_href-item{margin:0;position:static!important;width:18px;height:18px;flex:0 0 18px;opacity:1!important;appearance:none;border:1px solid #cfcfcf;background:#fff}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item input.input_href-item:checked{background:var(--tw-accent);border-color:var(--tw-accent)}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item label.no-icon{padding-left:0!important;font-size:14px;line-height:1.25;color:#111;cursor:pointer}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item label.no-icon:before,
.forms-block .form.tw-filter-form--wheels .dropdown-filter__item label.no-icon:after{display:none!important}
.forms-block .form.tw-filter-form--wheels .dropdown-filter__empty{font-size:14px;color:#777;padding:8px 0 2px}

.forms-block .form.tw-filter-form--wheels .filters-t{width:100%;margin-top:18px}
.forms-block .form.tw-filter-form--wheels .filters-t .filter{width:100%;margin:8px 0;display:flex;align-items:center;gap:8px}
.forms-block .form.tw-filter-form--wheels .filters-t .filter input{margin:0;position:static!important;width:18px;height:18px;opacity:1!important;appearance:none;border:1px solid #cfcfcf;background:#fff}
.forms-block .form.tw-filter-form--wheels .filters-t .filter input:checked{background:var(--tw-accent);border-color:var(--tw-accent)}
.forms-block .form.tw-filter-form--wheels .filters-t .filter label.no-icon{padding-left:0!important;font-size:14px;color:#111;cursor:pointer}
.forms-block .form.tw-filter-form--wheels .filters-t .filter label.no-icon:before,
.forms-block .form.tw-filter-form--wheels .filters-t .filter label.no-icon:after{display:none!important}

.forms-block .form.tw-filter-form--wheels .buttons{display:flex;gap:10px;align-items:center;margin-top:20px}
.forms-block .form.tw-filter-form--wheels .buttons .btn{height:40px;min-width:128px;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.forms-block .form.tw-filter-form--wheels .buttons button.btn{border:0}

@media (max-width:992px){
    .tire-catalog-page .container{display:block!important}
    .tire-catalog-page .container .forms-block,
    .tire-catalog-page .container .catalog-block__right{width:100%!important;position:static!important;padding-left:0!important}
    .tire-catalog-page .container .forms-block{margin-bottom:24px}
}

/* v14: диски в каталоге — как главная форма: range там, где range; dropdown там, где dropdown */
.tw-filter-form--wheels .tw-filter-range-row{display:flex;gap:5%;align-items:flex-start;width:100%;margin:0 0 18px 0;flex-wrap:wrap}
.tw-filter-form--wheels .tw-filter-range-col{width:47%;flex:0 0 47%;margin:0!important}
.tw-filter-form--wheels .tw-filter-range-col>span{display:block;margin-bottom:8px;font-size:14px;color:#111;line-height:1.25}
.tw-filter-form--wheels .range-width{margin-top:8px;margin-bottom:20px}
.tw-filter-form--wheels .range-width-values{margin-bottom:18px}
.tw-filter-form--wheels .range-width-block{width:auto;min-width:72px}
.tw-filter-form--wheels .range-width-field{background:#fff}
.tw-filter-form--wheels .range-width-scale{font-size:11px;color:#555}
.tw-filter-form--wheels .tw-filter-size-row--extra{display:flex;align-items:flex-end;gap:10px;margin:0 0 18px 0;width:100%}
.tw-filter-form--wheels .tw-filter-size-row--extra .select-col{flex:1 1 0;min-width:0}
.tw-filter-form--wheels .tw-filter-size-row--extra .del{align-self:center;margin-top:22px;color:#c9c9c9;line-height:36px}
.tw-filter-form--wheels .buttons .tw-filter-submit{background:#fbb805;color:#111;border-color:#fbb805}
.tw-filter-form--wheels .buttons .tw-filter-reset{background:#fff;color:#111;border:1px solid #fbb805}
@media (max-width:640px){.tw-filter-form--wheels .tw-filter-range-col{width:100%;flex-basis:100%}.tw-filter-form--wheels .tw-filter-range-row{gap:0}.tw-filter-form--wheels .tw-filter-size-row--extra{flex-wrap:wrap}.tw-filter-form--wheels .tw-filter-size-row--extra .select-col{flex-basis:100%}.tw-filter-form--wheels .tw-filter-size-row--extra .del{display:none}}

/* v17: кнопка покупки в 1 клик для шин и дисков */
.tyre-product-page .tw-one-click-btn,
.wheel-product-page .tw-one-click-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    margin-top:12px;
    padding:0 20px;
    border:1px solid #fbb805;
    background:#fff;
    color:#111;
    cursor:pointer;
    transition:.18s ease;
}
.tyre-product-page .tw-one-click-btn:hover,
.wheel-product-page .tw-one-click-btn:hover{
    background:#fbb805;
    color:#111;
}


/* v19: похожие шины/диски — 5 карточек в ряд, всего 10 позиций */
.similar-tyres-block .catalog-products.product-5,
.similar-wheels-block .catalog-products.product-5{
    display:grid!important;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:20px;
    align-items:stretch;
}
.similar-tyres-block .catalog-products.product-5 > .catalog-item,
.similar-wheels-block .catalog-products.product-5 > .catalog-item{
    width:auto!important;
    max-width:none!important;
    min-width:0;
    margin:0!important;
}
@media (max-width:1200px){
    .similar-tyres-block .catalog-products.product-5,
    .similar-wheels-block .catalog-products.product-5{grid-template-columns:repeat(4, minmax(0, 1fr));}
}
@media (max-width:992px){
    .similar-tyres-block .catalog-products.product-5,
    .similar-wheels-block .catalog-products.product-5{grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width:640px){
    .similar-tyres-block .catalog-products.product-5,
    .similar-wheels-block .catalog-products.product-5{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:420px){
    .similar-tyres-block .catalog-products.product-5,
    .similar-wheels-block .catalog-products.product-5{grid-template-columns:1fr;}
}

/* PUBLIC-CATALOG-v7_CART_QUANTITY_MULTIPLICITY */
.catalog-item__qty-note,
.product-qty-note,
.cart-item__qty-note,
.mini-cart-qty-note {
    font-size: 13px;
    line-height: 1.35;
    color: #666;
}

.catalog-item__qty-note {
    margin: 6px 0 10px;
}

.product-qty-note {
    margin: 0 0 12px;
}

.cart-item__qty-note {
    margin-top: 4px;
}

.mini-cart-qty-note {
    margin-top: 3px;
}

/* PUBLIC-CATALOG-v7-hotfix2: stock info in cart */
.cart-item__stock,
.mini-cart-stock {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: #2f8f46;
}
.mini-cart-stock {
    margin-top: 4px;
    font-size: 12px;
}