:root {
    --detail-left-column-width: 33%;
    --detail-subblock-width: 40%;
    --detail-min-left-column-width: 330px;
    --detail-card-bg-color: #EBFAFE;
}

/* ---------- БЛОКИ (grid-контейнер) ---------- */
.wl-item-container {
    display: grid;
    grid-template-columns: minmax(var(--detail-min-left-column-width), var(--detail-left-column-width)) 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 16px;
    background: #fff;
    padding: 0;
    margin: 0;
}

.wl-img-wrapper {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    padding: 8px 12px;
    margin: 0;
}

.wl-item-block.wl-description {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    padding: 8px 12px;
    margin-top: 20px;
}

.wl-item-right-col {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/* ---------- Стили для subblock (большие экраны, float) ---------- */
.wl-item-subblock--top-variants {
    width: var(--detail-subblock-width);
}

.wl-item-subblock--pricecard {
    float: right;
    width: calc(100% - var(--detail-subblock-width) - 46px);
}

.wl-item-subblock--other {
    width: var(--detail-subblock-width);
}

.wl-other-info {
    padding: 0;
    margin-top: 20px;
}

.short_characteristics .char_title {
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: bold;
}

.short_characteristics .char_item {
    margin-bottom: 6px;
    font-size: 13px;
}

.short_characteristics .char_item .name {
    color: #888;
}

.short_characteristics .all_props_link {
    margin-top: 10px;
}

.short_characteristics .all_props_link a {
    color: #615757;
    font-weight: bold;
    border-bottom: 1px dashed #666;
    font-size: 13px;
}

/* 2. Фикс положения стикеров */
.wl-img-wrapper {
    position: relative;
}

.wl-img-wrapper .stickers {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

/* Очистка float для subblock-3 */
.wl-item-right-col::after {
    content: '';
    display: table;
    clear: both;
}

.wl-item--topinfo {
    padding-bottom: 16px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 16px;

    & .rows_block {
        &:before, &:after {
            display: none;
        }

        font-size: 14px;
        margin: 0;
    }
}

.wl-item-subblock--pricecard {
    & .wl-item--variants {
        display: none;
    }

    padding: 16px;
    background-color: var(--detail-card-bg-color);
    border-radius: 10px;
}

.wl-item-block {
    padding: 0;
    margin: 0;
}

.wl-item-block.wl-item-right-col,
.wl-item-block.wl-description
{
    padding-bottom: 20px;
}

.wl-item.wl-item--package .sku_props {
    text-align: center;
    & .bx_item_detail_size .bx_size_scroller_container {
        margin-top: 10px;
    }
}

.wl-item--pricetable {
    & .prices_block .cost.prices .price {
        font-size: 21px;
        line-height: 20px;
    }

    & .small-store-amount {
        margin-bottom: 16px;
    }

    & .stores_block_wrap .stores_block .stores_text_wrapp,
    & .stores_block_wrap .stores_block .item-stock {
        background-color: var(--detail-card-bg-color);
    }
}

.wl-item--buyblock {
    & .offer_buy_block.buys_wrapp {
        text-align: center;
    }
    & .special-price-btn {
        margin-top: 15px;
    }
}

.wl-item--cheaper-mobile-fix {
    float: right;
    clear: right;
    width: calc(100% - var(--detail-subblock-width) - 46px);
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}

/* ---------- АДАПТИВ: СРЕДНИЙ ЭКРАН (планшет) ---------- */
@media (max-width: 1200px) {
    .wl-img-wrapper {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
        padding: 8px 12px;
        margin: 0;
    }

    .wl-description {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        padding: 8px 12px;
        margin: 0;
    }

    .wl-item-right-col {
        grid-column: 2 / 3;
        grid-row: 1 / 3;
        width: 100%;
        overflow: hidden; /* для очистки float */
        padding: 0;
        margin: 0;
    }

    .wl-item-container {
        grid-template-columns: minmax(var(--detail-min-left-column-width), var(--detail-left-column-width)) 1fr;
    }

    .wl-item-right-col {
        display: flex;
        flex-direction: column;
    }

    /* Сбрасываем float и ширину */
    .wl-item-subblock--top-variants,
    .wl-item-subblock--pricecard,
    .wl-item-subblock--other {
        float: none;
        width: 100% !important;
        clear: none;
    }

    /* Устанавливаем порядок с помощью order */
    .wl-item-subblock--top-variants {
        order: 1;
    }
    .wl-item-subblock--pricecard {
        order: 2;
    }
    .wl-item-subblock--other {
        order: 3;
    }

    .wl-item-right-col .wl-item {
        width: 100%;
        flex: none;
        display: block;
    }

    .wl-item-subblock--top-variants {
        & .wl-item--cheaper,
        & .wl-item--variants {
            display: none;
        }
    }

    .wl-item-subblock--pricecard {
        & .wl-item--cheaper {
            display: block;
        }

        & .wl-item--variants {
            display: grid;
            margin-bottom: 10px;
        }

        & > div {
            width: calc(100% - 32px);
        }
    }

    .wl-item--topinfo {
        border-bottom: unset;
        margin-bottom: 0;
    }

    .wl-item--cheaper-mobile-fix {
        order: 3;
        display: block;
        margin: 10px 0 20px 0;
        padding: 0 16px;
    }
}

/* ---------- АДАПТИВ: МАЛЫЙ ЭКРАН (телефон) ---------- */
@media (max-width: 768px) {
    .wl-item-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .wl-img-wrapper {
        grid-column: 1 / 2;
        grid-row: auto;
    }

    .wl-item-right-col {
        grid-column: 1 / 2;
        grid-row: auto;
        display: flex;
        flex-direction: column;
    }

    .wl-description {
        grid-column: 1 / 2;
        grid-row: auto;
    }
}



.middle .catalog_detail .right_info_icons {
    width: 100px;
}

.middle .catalog_detail .right_info_icons .catalog-element-icons {
    padding: 0;
}

.middle .catalog_detail .table--multi_prices {
    font-size: 12px;
    margin-top: 10px;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
    text-align: left;
}

.middle .catalog_detail .table--multi_prices th{
    font-size: 11px;
}

.middle .catalog_detail .table--multi_prices td {
    padding: 5px;
}

.table--multi_prices thead,
.table--multi_prices tbody,
.table--multi_prices tr,
.table--multi_prices td,
.table--multi_prices th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
}

.table--multi_prices > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
}

.middle .catalog_detail .table--multi_prices tr:last-child td:nth-child(2),
.middle .catalog_detail .table--multi_prices tr:last-child td:nth-child(3)
{
    color: red;
    font-size: 14px;
    font-weight: 600;
}

.middle_info .buy_block .counter_wrapp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.counter_wrapp .total_price,
.counter_wrapp + .total_price
{
    font-size: 22px !important;
    margin-right: 12px;
    line-height: 1.5em !important;
}

.catalog_detail .detail_text_wrapper .detail_text {
    color: unset;
    font-size: 13px;
}

.detail_text_wrapper {


    & h4 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    & ul {
        font-size: 13px;
        line-height: 1.3em;
        margin-bottom: 16px!important;
    }

    & p {
        margin-bottom: 10px;
    }

    & .iblock.char_block {
        margin-top: 20px;
    }
}

.tabs1.main_tabs1 li {
    font-size: 13px;
}