/* ==========================================================
   DekoKZ Studio
   Карточка образовательного продукта (product-tile / Webasyst)

   Файл: product.preview.dkz.css
   Дубли объявлений одних и тех же селекторов слиты в одно —
   оставлены только значения, реально побеждавшие в каскаде.
========================================================== */

.dkz-preview-card{
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    padding:22px 22px 18px;
    box-sizing:border-box;
}

.dkz-preview-card__type{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    gap:7px;
    margin:0 0 14px;
    padding:6px 10px;
    border-radius:999px;
    background:#f5f3f8;
    color:#55515d;
    font-size:12px;
    font-weight:700;
    line-height:1;
}

.dkz-preview-card__type-dot{
    display:block;
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#777;
}

.dkz-preview-card--online .dkz-preview-card__type-dot{
    background:#7e57c2;
}

.dkz-preview-card--live .dkz-preview-card__type-dot{
    background:#4f8a3c;
}

.dkz-preview-card--course .dkz-preview-card__type-dot{
    background:#3568be;
}

.dkz-preview-card--lesson .dkz-preview-card__type-dot{
    background:#d17a24;
}

.dkz-preview-card__title{
    display:-webkit-box;
    min-height:52px;
    max-height:52px;
    margin:0 0 9px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:21px;
    font-weight:700;
    line-height:1.25;
}

.dkz-preview-card__title a{
    color:#202026 !important;
    text-decoration:none !important;
}

.dkz-preview-card__category{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
    color:#9996a2;
    font-size:13px;
    line-height:1.4;
}

.dkz-preview-card__category span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dkz-preview-card__divider{
    width:100%;
    margin:15px 0;
    border-top:1px solid #eeeef2;
}

.dkz-preview-card__divider--dashed{
    border-top-style:dashed;
}

.dkz-preview-card__meta{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.dkz-preview-card__meta-item{
    display:flex;
    align-items:center;
    gap:9px;
    color:#65626c;
    font-size:14px;
    line-height:1.4;
}

.dkz-preview-card__meta-item i{
    width:17px;
    color:#9995a2;
    text-align:center;
}

.dkz-preview-card__summary{
    display:flex;
    align-items:flex-start;
    gap:9px;
    width:100%;
    min-width:0;
}

.dkz-preview-card__summary-icon{
    flex:0 0 16px;
    color:#7e57c2;
    font-size:15px;
    line-height:1.5;
}

.dkz-preview-card--live .dkz-preview-card__summary-icon{
    color:#4f8a3c;
}

.dkz-preview-card--course .dkz-preview-card__summary-icon{
    color:#3568be;
}

.dkz-preview-card--lesson .dkz-preview-card__summary-icon{
    color:#d17a24;
}

.dkz-preview-card__summary-text{
    display:-webkit-box;
    min-width:0;
    max-height:66px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:#44414a;
    font-size:14px;
    font-weight:500;
    line-height:1.55;
}

@media (min-width:769px) and (max-width:1100px){

    .product-tile__outer--large .product-tile__image{
        height:300px !important;
    }
}

@media (max-width:768px){

    .product-tile__outer--large .product-tile__image,
    .product-tile__image{
        height:auto !important;
        aspect-ratio:4 / 3 !important;
    }

    .product-tile__outer--large .product-tile__image > a,
    .product-tile__image > a{
        height:100% !important;
    }

    .product-tile__outer--large .product-tile__image img.js-product-preview-img,
    .product-tile__image img.js-product-preview-img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
    }
}

/* Изображение большой плитки, пропорция 10:7 */

.product-tile__outer--large .product-tile__image > a{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

.product-tile__outer--large .product-tile__image img.js-product-preview-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    transition:transform .3s ease !important;
}

/* Плашки поверх изображения (тип обучения, категория) */

.product-tile__outer--large .dkz-preview-card__category{
    position:absolute !important;
    z-index:8 !important;
    top:-48px !important;
    left:22px !important;
    display:inline-flex !important;
    width:auto !important;
    max-width:calc(100% - 44px) !important;
    margin:0 !important;
    padding:7px 11px !important;
    border:1px solid rgba(255,255,255,.65) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.90) !important;
    color:#696572 !important;
    font-size:13px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.10) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.product-tile__outer--large .dkz-preview-card__category i{
    color:#888391 !important;
}

@media (max-width:768px){

    .dkz-preview-card__category{
        top:-43px !important;
        left:14px !important;
        max-width:calc(100% - 28px) !important;
        padding:6px 9px !important;
        font-size:12px !important;
    }
}

.product-tile{
    container-type:inline-size;
}

.product-tile__content.dkz-preview-card__content{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    position:relative !important;
}

.product-tile__outer--large .dkz-preview-card__type{
    position:absolute !important;
    z-index:12 !important;
    top:calc(-70cqw + 16px) !important;
    right:16px !important;
    margin:0 !important;
    padding:8px 13px !important;
    border:1px solid rgba(255,255,255,.78) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.93) !important;
    box-shadow:0 5px 16px rgba(0,0,0,.13) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    width:auto !important;
    max-width:calc(100% - 32px) !important;
    color:#55515d !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.product-tile__outer--large
.dkz-preview-card--online
.dkz-preview-card__type-dot{
    background:#7e57c2 !important;
}

.product-tile__outer--large
.dkz-preview-card--live
.dkz-preview-card__type-dot{
    background:#4f8a3c !important;
}

.product-tile__outer--large
.dkz-preview-card--course
.dkz-preview-card__type-dot{
    background:#3568be !important;
}

.product-tile__outer--large
.dkz-preview-card--lesson
.dkz-preview-card__type-dot{
    background:#d17a24 !important;
}

@media (max-width:768px){

    .product-tile{
        container-type:inline-size;
    }

    .dkz-preview-card__type{
        top:calc(-70cqw + 12px) !important;
        right:12px !important;
        padding:7px 10px !important;
        font-size:11px !important;
        position:absolute !important;
        z-index:12 !important;
        width:auto !important;
        max-width:calc(100% - 24px) !important;
        margin:0 !important;
        white-space:nowrap !important;
    }
}

/* Цена и диапазон цен */

.product-tile__outer--large .product-tile__price-range{
    display:flex !important;
    align-items:baseline !important;
    gap:5px !important;
    color:#222027 !important;
    font-size:21px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
}

.product-tile__outer--large .product-tile__price-range .price-small,
.product-tile__outer--large .product-tile__price-range .product-price-small{
    color:#222027 !important;
    font-size:21px !important;
    font-weight:700 !important;
}

.product-tile__outer--large .product-tile__price .price-compare,
.product-tile__outer--large .product-tile__price .product-price-compare{
    margin:0 8px 0 0 !important;
    color:#aaa6af !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;
}

.product-tile__outer--large .product-tile__add2cart{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}

@media (max-width:768px){

    .product-tile__price-cart{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:12px !important;
        min-height:72px !important;
        padding:16px 14px !important;
    }

    .product-tile__price .price,
    .product-tile__price .product-price{
        font-size:23px !important;
    }

    a.product-more-btn.button,
    a.product-more-btn{
        min-width:108px !important;
        min-height:40px !important;
        padding:9px 13px !important;
        border-radius:11px !important;
        font-size:13px !important;
    }
}

@media (max-width:360px){

    .product-tile__price-cart{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    a.product-more-btn.button,
    a.product-more-btn{
        width:100% !important;
    }
}

/* ----------------------------------------------------------
   Финальная полировка — общая карточка, изображение,
   контент, характеристики, цена и кнопка «Подробнее»
---------------------------------------------------------- */

.product-tile__outer--large{
    padding:6px !important;
    box-sizing:border-box !important;
}

.product-tile__outer--large .product-tile{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    width:100% !important;
    overflow:hidden !important;
    background:#ffffff !important;
    border:1px solid #eceaf0 !important;
    border-radius:18px !important;
    box-shadow:0 2px 8px rgba(35, 30, 45, .035),
        0 10px 28px rgba(35, 30, 45, .055) !important;
    transition:transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}

.product-tile__outer--large .product-tile:hover{
    transform:translateY(-4px) !important;
    border-color:#ded9e6 !important;
    box-shadow:0 5px 14px rgba(35, 30, 45, .06),
        0 18px 42px rgba(35, 30, 45, .11) !important;
}

.product-tile__outer--large .product-tile__image{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#f4f3f5 !important;
    aspect-ratio:10 / 7 !important;
    border-radius:17px 17px 0 0 !important;
}

.product-tile__outer--large
.product-tile__image img.js-product-preview-img{
    transition:transform .35s ease !important;
}

.product-tile__outer--large .product-tile:hover
.product-tile__image img.js-product-preview-img{
    transform:scale(1.025) !important;
}

.product-tile__outer--large .product-tile__content{
    position:relative !important;
    flex:1 1 auto !important;
    min-width:0 !important;
}

.product-tile__outer--large .dkz-preview-card{
    height:100% !important;
    padding:22px 22px 18px !important;
    box-sizing:border-box !important;
}

.product-tile__outer--large .dkz-preview-card__title{
    margin-top:0 !important;
    display:-webkit-box !important;
    min-height:52px !important;
    max-height:52px !important;
    margin:0 0 12px !important;
    overflow:hidden !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    color:#242129 !important;
    font-size:21px !important;
    font-weight:700 !important;
    line-height:1.22 !important;
    letter-spacing:-.012em !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
}

.product-tile__outer--large .dkz-preview-card__title a{
    color:#242129 !important;
    text-decoration:none !important;
}

.product-tile__outer--large .dkz-preview-card__divider{
    margin:15px 0 !important;
    border-top-color:#eceaf0 !important;
}

.product-tile__outer--large .dkz-preview-card__divider--dashed{
    border-top-color:#e6e3e9 !important;
}

.product-tile__outer--large .dkz-preview-card__meta{
    gap:8px !important;
}

.product-tile__outer--large .dkz-preview-card__meta-item{
    color:#6d6874 !important;
    font-size:14px !important;
    line-height:1.4 !important;
}

.product-tile__outer--large .dkz-preview-card__meta-item i{
    color:#918b99 !important;
}

.product-tile__outer--large .dkz-preview-card__summary{
    align-items:flex-start !important;
}

.product-tile__outer--large .dkz-preview-card__summary-text{
    display:-webkit-box !important;
    max-height:65px !important;
    overflow:hidden !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    color:#4c4751 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.55 !important;
}

.product-tile__outer--large .product-tile__bottom{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#ffffff !important;
    box-sizing:border-box !important;
    flex:0 0 auto !important;
    margin-top:auto !important;
    border-radius:0 0 17px 17px !important;
}

.product-tile__outer--large .product-tile__price-cart{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    width:100% !important;
    min-height:76px !important;
    margin:0 !important;
    padding:15px 22px 16px !important;
    border-top:1px solid #eceaf0 !important;
    background:#ffffff !important;
    box-sizing:border-box !important;
}

.product-tile__outer--large .product-tile__price{
    display:flex !important;
    flex:1 1 auto !important;
    align-items:baseline !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#222027 !important;
}

.product-tile__outer--large .product-tile__price .price,
.product-tile__outer--large .product-tile__price .product-price{
    margin:0 !important;
    padding:0 !important;
    color:#242129 !important;
    font-size:27px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
}

.product-tile__outer--large a.product-more-btn.button,
.product-tile__outer--large a.product-more-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:auto !important;
    min-width:126px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:9px 18px !important;
    border:1px solid #8056c9 !important;
    font-size:14px !important;
    font-weight:700 !important;
    border-radius:999px !important;
    background:#8056c9 !important;
    color:#ffffff !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    transition:background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
    flex:0 0 auto !important;
    letter-spacing:.01em !important;
}

.product-tile__outer--large a.product-more-btn::after{
    content:"→";
    display:inline-block;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1 !important;
    transition:transform .2s ease !important;
}

.product-tile__outer--large a.product-more-btn.button:hover,
.product-tile__outer--large a.product-more-btn:hover{
    border-color:#7048b7 !important;
    background:#7048b7 !important;
    color:#ffffff !important;
    text-decoration:none !important;
    transform:translateY(-1px) !important;
    box-shadow:0 8px 20px rgba(112, 72, 183, .24) !important;
}

.product-tile__outer--large a.product-more-btn:hover::after{
    transform:translateX(3px) !important;
}

@media (max-width:768px){

    .product-tile__outer--large,
    .product-tile__outer{
        padding:4px !important;
    }

    .product-tile__outer--large .product-tile,
    .product-tile__outer .product-tile{
        border-radius:15px !important;
    }

    .product-tile__outer--large .product-tile__image,
    .product-tile__outer .product-tile__image{
        border-radius:14px 14px 0 0 !important;
    }

    .product-tile__outer--large .dkz-preview-card,
    .product-tile__outer .dkz-preview-card{
        padding:17px 14px 14px !important;
    }

    .product-tile__outer--large .dkz-preview-card__title,
    .product-tile__outer .dkz-preview-card__title{
        min-height:43px !important;
        max-height:43px !important;
        margin-bottom:10px !important;
        font-size:17px !important;
        line-height:1.25 !important;
    }

    .product-tile__outer--large .dkz-preview-card__meta-item,
    .product-tile__outer .dkz-preview-card__meta-item{
        font-size:12px !important;
    }

    .product-tile__outer--large .dkz-preview-card__summary-text,
    .product-tile__outer .dkz-preview-card__summary-text{
        max-height:55px !important;
        font-size:12px !important;
        line-height:1.5 !important;
    }

    .product-tile__outer--large .product-tile__price-cart,
    .product-tile__outer .product-tile__price-cart{
        gap:10px !important;
        min-height:66px !important;
        padding:12px 14px !important;
    }

    .product-tile__outer--large .product-tile__price .price,
    .product-tile__outer--large .product-tile__price .product-price,
    .product-tile__outer .product-tile__price .price,
    .product-tile__outer .product-tile__price .product-price{
        font-size:21px !important;
    }
}

/* Устройства без hover */

@media (hover:none){

    .product-tile__outer--large .product-tile:hover{
        transform:none !important;
    }

    .product-tile__outer--large .product-tile:hover
    .product-tile__image img.js-product-preview-img{
        transform:none !important;
    }
}

/* Отключённая анимация */

@media (prefers-reduced-motion:reduce){

    .product-tile__outer--large .product-tile,
    .product-tile__outer--large
    .product-tile__image img.js-product-preview-img,
    .product-tile__outer--large a.product-more-btn,
    .product-tile__outer--large a.product-more-btn::after{
        transition:none !important;
    }
}

/* ----------------------------------------------------------
   Кнопка «Подробнее» на мобильных — компактный вид (иконка)
---------------------------------------------------------- */

@media (max-width:768px){

    .product-tile__outer--large a.product-more-btn.button,
    .product-tile__outer--large a.product-more-btn,
    .product-tile__outer a.product-more-btn.button,
    .product-tile__outer a.product-more-btn{
        min-width:118px !important;
        min-height:38px !important;
        padding:9px 15px !important;
        border-radius:999px !important;
        font-size:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        flex:0 0 auto !important;
        width:auto !important;
        margin:0 !important;
        border:1px solid #8056c9 !important;
        background:#8056c9 !important;
        color:transparent !important;
        line-height:1 !important;
        text-indent:0 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    .product-tile__outer--large a.product-more-btn > *,
    .product-tile__outer a.product-more-btn > *{
        display:none !important;
    }

    .product-tile__outer--large a.product-more-btn::before,
    .product-tile__outer a.product-more-btn::before{
        content:"Подробнее" !important;
        display:inline-block !important;
        color:#ffffff !important;
        font-size:12px !important;
        font-weight:700 !important;
        line-height:1 !important;
        letter-spacing:.01em !important;
        text-transform:none !important;
    }

    .product-tile__outer--large a.product-more-btn::after,
    .product-tile__outer a.product-more-btn::after{
        font-size:14px !important;
        content:"→" !important;
        display:inline-block !important;
        color:#ffffff !important;
        font-weight:500 !important;
        line-height:1 !important;
    }
}

/* ==========================================================
   DekoKZ Studio
   MINI-карточка для мобильной плитки Mastershop
   Режим включается штатным классом .product-tile__outer--mini
========================================================== */

@media (max-width:768px){

    .product-tile__outer--mini{
        padding:4px !important;
        box-sizing:border-box !important;
    }

    .product-tile__outer--mini .product-tile{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
        background:#ffffff !important;
        border:1px solid #eceaf0 !important;
        border-radius:14px !important;
        box-shadow:0 3px 14px rgba(35,30,45,.06) !important;
    }

    .product-tile__outer--mini .product-tile__image{
        position:relative !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        background:#f4f3f5 !important;
        aspect-ratio:4 / 3 !important;
        border-radius:13px 13px 0 0 !important;
    }

    .product-tile__outer--mini .product-tile__image > a{
        display:block !important;
        width:100% !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    .product-tile__outer--mini .product-tile__image img.js-product-preview-img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        max-width:none !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:cover !important;
        object-position:center center !important;
    }

    .product-tile__outer--mini .product-tile__content.dkz-preview-card__content{
        position:relative !important;
        display:block !important;
        flex:1 1 auto !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .product-tile__outer--mini .dkz-preview-card{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:12px 10px 10px !important;
        box-sizing:border-box !important;
    }

    /* Тип обучения остаётся поверх фото */
    .product-tile__outer--mini .dkz-preview-card__type{
        position:absolute !important;
        z-index:12 !important;
        top:calc(-75cqw + 9px) !important;
        right:8px !important;
        display:inline-flex !important;
        align-items:center !important;
        gap:5px !important;
        width:auto !important;
        max-width:calc(100% - 16px) !important;
        margin:0 !important;
        padding:5px 7px !important;
        border:1px solid rgba(255,255,255,.78) !important;
        border-radius:999px !important;
        background:rgba(255,255,255,.93) !important;
        color:#55515d !important;
        font-size:9px !important;
        font-weight:700 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        box-shadow:0 3px 10px rgba(0,0,0,.10) !important;
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
    }

    .product-tile__outer--mini .dkz-preview-card__type-dot{
        width:6px !important;
        height:6px !important;
        flex:0 0 6px !important;
    }

    .product-tile__outer--mini .dkz-preview-card__title{
        display:-webkit-box !important;
        min-height:36px !important;
        max-height:36px !important;
        margin:0 !important;
        overflow:hidden !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        color:#242129 !important;
        font-size:14px !important;
        font-weight:700 !important;
        line-height:1.28 !important;
        letter-spacing:-.01em !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;
    }

    .product-tile__outer--mini .dkz-preview-card__title a{
        color:#242129 !important;
        text-decoration:none !important;
    }

    /* На всякий случай скрываем элементы большой карточки */
    .product-tile__outer--mini .dkz-preview-card__category,
    .product-tile__outer--mini .dkz-preview-card__divider,
    .product-tile__outer--mini .dkz-preview-card__meta,
    .product-tile__outer--mini .dkz-preview-card__summary{
        display:none !important;
    }

    .product-tile__outer--mini .product-tile__bottom{
        display:block !important;
        width:100% !important;
        margin-top:auto !important;
        padding:0 !important;
        border:0 !important;
        background:#ffffff !important;
        border-radius:0 0 13px 13px !important;
    }

    .product-tile__outer--mini .product-tile__price-cart{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:7px !important;
        width:100% !important;
        min-height:50px !important;
        margin:0 !important;
        padding:8px 9px 9px 10px !important;
        border-top:1px solid #eceaf0 !important;
        background:#ffffff !important;
        box-sizing:border-box !important;
    }

    .product-tile__outer--mini .product-tile__price{
        display:flex !important;
        flex:1 1 auto !important;
        align-items:baseline !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    .product-tile__outer--mini .product-tile__price .price,
    .product-tile__outer--mini .product-tile__price .product-price,
    .product-tile__outer--mini .product-tile__price-range,
    .product-tile__outer--mini .product-tile__price-range .price-small,
    .product-tile__outer--mini .product-tile__price-range .product-price-small{
        color:#242129 !important;
        font-size:15px !important;
        font-weight:800 !important;
        line-height:1.05 !important;
        letter-spacing:-.02em !important;
        white-space:nowrap !important;
    }

    .product-tile__outer--mini .product-tile__price .price-compare,
    .product-tile__outer--mini .product-tile__price .product-price-compare{
        display:none !important;
    }

    /* Розовый круг со стрелкой */
    .product-tile__outer--mini .dkz-mini-card__more{
        display:flex !important;
        flex:0 0 auto !important;
        align-items:center !important;
        justify-content:center !important;
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    .product-tile__outer--mini a.dkz-mini-card__more-btn,
    .product-tile__outer--mini a.dkz-mini-card__more-btn.button,
    .product-tile__outer--mini a.product-more-btn.dkz-mini-card__more-btn{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:50% !important;
        background:#d94f8e !important;
        color:#ffffff !important;
        text-indent:0 !important;
        line-height:1 !important;
        overflow:hidden !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
    }

    .product-tile__outer--mini a.dkz-mini-card__more-btn > i{
        display:block !important;
        margin:0 !important;
        color:#ffffff !important;
        font-size:14px !important;
        line-height:1 !important;
    }

    .product-tile__outer--mini a.dkz-mini-card__more-btn::before,
    .product-tile__outer--mini a.dkz-mini-card__more-btn::after{
        display:none !important;
        content:none !important;
    }

    .product-tile__outer--mini .product-tile__fastorder{
        display:none !important;
    }
}

@media (hover:hover) and (pointer:fine){
    .product-tile__outer--mini a.dkz-mini-card__more-btn:hover{
        background:#c9437d !important;
        color:#ffffff !important;
    }
}

/* ==========================================================
   DekoKZ
   МОБИЛЬНЫЙ КАТАЛОГ — стабильные 2 карточки в ряд

   ВАЖНО:
   Геометрия сетки НЕ зависит от класса --mini.
   Это защищает сетку от пересчётов MasterShop/Owl
   при свайпе галереи изображения.
========================================================== */

@media (max-width:768px){

    /* ------------------------------------------------------
       1. Сам список всегда является сеткой 2 колонки
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products{
        display:grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        gap:10px !important;

        width:100% !important;
        max-width:100% !important;

        align-items:stretch !important;

        box-sizing:border-box !important;
    }


    /* ------------------------------------------------------
       2. Любая карточка внутри каталога занимает
          строго одну колонку.

          Здесь специально НЕТ зависимости от --mini.
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    > .product-tile__outer{

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        float:none !important;

        box-sizing:border-box !important;
    }


    /* ------------------------------------------------------
       3. Внутренняя карточка
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    > .product-tile__outer
    > .product-tile{

        display:flex !important;
        flex-direction:column !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:100% !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /* ------------------------------------------------------
       4. Блок изображения
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .product-tile__image{

        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;

        aspect-ratio:4 / 3 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-tile__image > a{

        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        overflow:hidden !important;
    }


    /* ------------------------------------------------------
       5. Обычное изображение
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .product-tile__image img.js-product-preview-img{

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:100% !important;

        max-height:none !important;

        object-fit:cover !important;
        object-position:center center !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    /* ------------------------------------------------------
       6. Swipe-галерея MasterShop / Owl

       Owl любит назначать собственную ширину элементам.
       Ограничиваем её шириной карточки.
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery,

    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery.owl-carousel,

    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery .owl-stage-outer{

        width:100% !important;
        max-width:100% !important;

        min-width:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery .owl-stage{

        max-width:none !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery__item{

        display:block !important;

        width:100% !important;
        height:100% !important;

        overflow:hidden !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-preview-gallery__item img{

        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:100% !important;
        max-height:none !important;

        object-fit:cover !important;
        object-position:center center !important;
    }


    /* ------------------------------------------------------
       7. Контент mini
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .dkz-preview-card{

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        padding:10px 9px 8px !important;

        box-sizing:border-box !important;
    }


    .product-list.product-list--tile.js-preview-products
    .dkz-preview-card__title{

        display:-webkit-box !important;

        min-width:0 !important;

        min-height:37px !important;
        max-height:37px !important;

        margin:0 !important;

        overflow:hidden !important;

        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;

        font-size:13px !important;
        font-weight:700 !important;

        line-height:1.35 !important;

        overflow-wrap:anywhere !important;
    }


    /* ------------------------------------------------------
       8. Нижний блок
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .product-tile__bottom{

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin-top:auto !important;

        box-sizing:border-box !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-tile__price-cart{

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:6px !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        min-height:48px !important;

        margin:0 !important;

        padding:7px 9px !important;

        box-sizing:border-box !important;
    }


    /* ------------------------------------------------------
       9. Цена
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    .product-tile__price{

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }


    .product-list.product-list--tile.js-preview-products
    .product-tile__price .price,

    .product-list.product-list--tile.js-preview-products
    .product-tile__price .product-price,

    .product-list.product-list--tile.js-preview-products
    .product-tile__price-range,

    .product-list.product-list--tile.js-preview-products
    .product-tile__price-range .price-small,

    .product-list.product-list--tile.js-preview-products
    .product-tile__price-range .product-price-small{

        font-size:14px !important;
        font-weight:800 !important;

        line-height:1.1 !important;

        white-space:nowrap !important;
    }


    /* ------------------------------------------------------
       10. Розовая круглая стрелка
    ------------------------------------------------------ */

    .product-list.product-list--tile.js-preview-products
    a.product-more-btn,

    .product-list.product-list--tile.js-preview-products
    a.product-more-btn.button{

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        flex:0 0 32px !important;

        width:32px !important;
        min-width:32px !important;
        max-width:32px !important;

        height:32px !important;
        min-height:32px !important;
        max-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        border-radius:50% !important;

        background:#e55791 !important;

        color:#ffffff !important;

        font-size:0 !important;

        line-height:1 !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }


    .product-list.product-list--tile.js-preview-products
    a.product-more-btn > *{

        display:none !important;
    }


    .product-list.product-list--tile.js-preview-products
    a.product-more-btn::before{

        display:none !important;

        content:none !important;
    }


    .product-list.product-list--tile.js-preview-products
    a.product-more-btn::after{

        content:"→" !important;

        display:block !important;

        margin:0 !important;

        color:#ffffff !important;

        font-size:16px !important;
        font-weight:500 !important;

        line-height:1 !important;

        transform:none !important;
    }

}

/* ==========================================================
   DekoKZ MINI
   Цена + розовая стрелка всегда в одной строке
========================================================== */

@media (max-width:768px){

    .product-tile__outer--mini .product-tile__price-cart{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:6px !important;

        width:100% !important;
        min-width:0 !important;

        padding:8px 9px !important;

        box-sizing:border-box !important;
    }


    /* Цена занимает всё свободное место */

    .product-tile__outer--mini .product-tile__price{
        display:block !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
    }


    /* Цена не переносится */

    .product-tile__outer--mini .product-tile__price .price,
    .product-tile__outer--mini .product-tile__price .product-price,
    .product-tile__outer--mini .product-tile__price-range,
    .product-tile__outer--mini .product-tile__price-range .price-small,
    .product-tile__outer--mini .product-tile__price-range .product-price-small{
        display:block !important;

        max-width:100% !important;

        margin:0 !important;

        font-size:14px !important;
        font-weight:800 !important;

        line-height:1.1 !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }


    /* Контейнер кнопки не переносится и не растягивается */

    .product-tile__outer--mini .product-tile__add2cart{
        display:flex !important;

        flex:0 0 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* Розовый круг */

    .product-tile__outer--mini a.product-more-btn,
    .product-tile__outer--mini a.product-more-btn.button{
        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        flex:0 0 32px !important;

        width:32px !important;
        min-width:32px !important;
        max-width:32px !important;

        height:32px !important;
        min-height:32px !important;
        max-height:32px !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:50% !important;

        box-sizing:border-box !important;
    }
}

/* ==========================================================
   DekoKZ MINI
   Цена всегда в одну строку
========================================================== */

@media (max-width:768px){

    .product-tile__outer--mini .product-tile__price{
        display:flex !important;
        align-items:center !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        white-space:nowrap !important;
        overflow:visible !important;
    }


    /* Вся внутренняя разметка цены Shop-Script */
    .product-tile__outer--mini .product-tile__price *,
    .product-tile__outer--mini .product-tile__price .price-wrapper,
    .product-tile__outer--mini .product-tile__price .price,
    .product-tile__outer--mini .product-tile__price .product-price,
    .product-tile__outer--mini .product-tile__price .price-small,
    .product-tile__outer--mini .product-tile__price .product-price-small{
        display:inline !important;

        width:auto !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        font-size:14px !important;
        font-weight:800 !important;
        line-height:1.1 !important;
    }


    /* Цена + стрелка строго в одну строку */
    .product-tile__outer--mini .product-tile__price-cart{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:5px !important;

        padding:8px 8px !important;
    }


    /* Кнопку немного ужимаем —
       цене оставляем больше полезной ширины */
    .product-tile__outer--mini .product-tile__add2cart{
        flex:0 0 30px !important;
        width:30px !important;
        min-width:30px !important;
    }

    .product-tile__outer--mini a.product-more-btn,
    .product-tile__outer--mini a.product-more-btn.button{
        flex:0 0 30px !important;

        width:30px !important;
        min-width:30px !important;
        max-width:30px !important;

        height:30px !important;
        min-height:30px !important;
        max-height:30px !important;
    }

}