/* =========================================================
   SMOKEDONALDS — UNIFIED PRODUCT V30
   Одна карточка товара для всего публичного сайта
   ========================================================= */


/* =========================================================
   QUICK MODAL
   ========================================================= */

#productQuickModal.sd-product-unified-modal-v30{
    padding:20px!important;
}


#productQuickModal.sd-product-unified-modal-v30
.product-quick-box{
    position:relative!important;

    width:min(
        1120px,
        calc(100vw - 32px)
    )!important;

    max-width:1120px!important;

    max-height:
        calc(
            var(--sd-modal-vh,100dvh)
            - 32px
        )!important;

    padding:0!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    border:
        1px solid
        rgba(255,255,255,.10)!important;

    border-radius:24px!important;

    background:#101114!important;

    box-shadow:
        0 35px 100px
        rgba(0,0,0,.55)!important;
}


#productQuickModal.sd-product-unified-modal-v30
.product-quick-content{
    padding:0!important;
}


/* крест */
#productQuickModal
.product-quick-close{
    position:absolute!important;

    top:16px!important;
    right:16px!important;

    z-index:100!important;

    display:grid!important;
    place-items:center!important;

    width:44px!important;
    height:44px!important;

    min-width:44px!important;

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

    border:
        1px solid
        rgba(255,255,255,.12)!important;

    border-radius:14px!important;

    background:
        rgba(22,23,27,.94)!important;

    color:#fff!important;

    font-size:26px!important;
    font-weight:400!important;

    line-height:1!important;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.20)!important;
}


/* =========================================================
   ОСНОВНАЯ КАРТОЧКА
   ========================================================= */

.sd-product-unified-v30{
    display:grid!important;

    grid-template-columns:
        minmax(0,1.12fr)
        minmax(340px,.88fr)!important;

    gap:22px!important;

    width:100%!important;

    padding:22px!important;

    box-sizing:border-box!important;
}


/* =========================================================
   ФОТО
   ========================================================= */

.sd-product-unified-media-v30{
    position:relative!important;

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

    min-width:0!important;
    min-height:500px!important;

    overflow:hidden!important;

    border:
        1px solid
        rgba(255,255,255,.08)!important;

    border-radius:20px!important;

    background:#16171a!important;
}


.sd-product-unified-media-v30 img{
    display:block!important;

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

    max-height:560px!important;

    padding:26px!important;

    box-sizing:border-box!important;

    object-fit:contain!important;

    filter:none!important;
}


/* Нет изображения / гость */
.sd-product-unified-photo-lock-v30{
    display:flex!important;

    flex-direction:column!important;

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

    gap:8px!important;

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

    min-height:420px!important;
}


.sd-product-unified-photo-lock-v30 b{
    color:
        rgba(255,255,255,.20)!important;

    font-size:68px!important;
    font-weight:950!important;

    line-height:1!important;
}


.sd-product-unified-photo-lock-v30 small{
    color:
        rgba(255,255,255,.43)!important;

    font-size:12px!important;
    font-weight:800!important;
}


/* badges */
.sd-product-unified-badges-v30{
    position:absolute!important;

    top:14px!important;
    left:14px!important;

    z-index:10!important;

    display:flex!important;

    flex-wrap:wrap!important;

    gap:6px!important;
}


.sd-product-unified-badge-v30{
    display:inline-flex!important;

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

    min-height:28px!important;

    padding:0 10px!important;

    border-radius:8px!important;

    background:#ef2028!important;

    color:#fff!important;

    font-size:9px!important;
    font-weight:950!important;

    letter-spacing:.06em!important;

    text-transform:uppercase!important;
}


/* =========================================================
   ПРАВАЯ ПЛАШКА
   ========================================================= */

.sd-product-unified-info-v30{
    display:flex!important;

    flex-direction:column!important;

    min-width:0!important;

    padding:
        28px
        26px
        24px!important;

    box-sizing:border-box!important;

    border:
        1px solid
        rgba(255,255,255,.09)!important;

    border-radius:20px!important;

    background:#141518!important;
}


.sd-product-unified-kicker-v30{
    display:flex!important;

    align-items:center!important;

    flex-wrap:wrap!important;

    gap:7px!important;

    min-height:20px!important;

    margin-bottom:12px!important;
}


.sd-product-unified-category-v30,
.sd-product-unified-code-v30{
    color:
        rgba(255,255,255,.43)!important;

    font-size:9px!important;
    font-weight:900!important;

    letter-spacing:.08em!important;

    text-transform:uppercase!important;
}


.sd-product-unified-title-v30{
    margin:0!important;

    padding:0!important;

    color:#fff!important;

    font-size:
        clamp(
            26px,
            3vw,
            44px
        )!important;

    font-weight:950!important;

    line-height:1.02!important;

    letter-spacing:-.035em!important;

    text-wrap:balance!important;
}


.sd-product-unified-short-v30{
    margin:
        12px
        0
        0!important;

    color:
        rgba(255,255,255,.54)!important;

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

    line-height:1.4!important;
}


/* цена + наличие */
.sd-product-unified-meta-v30{
    display:flex!important;

    align-items:center!important;

    flex-wrap:wrap!important;

    gap:12px!important;

    margin-top:24px!important;
}


.sd-product-unified-price-v30{
    color:#fff!important;

    font-size:32px!important;
    font-weight:950!important;

    line-height:1!important;
}


.sd-product-unified-stock-v30{
    display:inline-flex!important;

    align-items:center!important;

    gap:7px!important;

    min-height:30px!important;

    padding:0 11px!important;

    border:
        1px solid
        rgba(68,191,102,.18)!important;

    border-radius:99px!important;

    background:
        rgba(50,157,78,.08)!important;

    color:#70d889!important;

    font-size:10px!important;
    font-weight:900!important;
}


.sd-product-unified-stock-v30::before{
    content:""!important;

    display:block!important;

    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#43c96b!important;

    box-shadow:
        0 0 0 4px
        rgba(67,201,107,.08)!important;
}


.sd-product-unified-stock-v30.is-empty{
    color:
        rgba(255,255,255,.40)!important;

    border-color:
        rgba(255,255,255,.10)!important;

    background:
        rgba(255,255,255,.03)!important;
}


.sd-product-unified-stock-v30.is-empty::before{
    background:#777!important;
    box-shadow:none!important;
}


/* =========================================================
   КНОПКИ
   ========================================================= */

.sd-product-unified-actions-v30{
    display:grid!important;

    grid-template-columns:
        .72fr
        1.28fr!important;

    gap:9px!important;

    margin-top:22px!important;
}


.sd-product-unified-actions-v30 a{
    display:flex!important;

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

    min-height:50px!important;

    padding:0 14px!important;

    box-sizing:border-box!important;

    border-radius:13px!important;

    text-decoration:none!important;

    font-size:11px!important;
    font-weight:950!important;

    text-transform:uppercase!important;

    letter-spacing:.025em!important;
}


.sd-product-unified-catalog-v30{
    border:
        1px solid
        rgba(255,255,255,.12)!important;

    background:
        rgba(255,255,255,.035)!important;

    color:#fff!important;
}


.sd-product-unified-more-v30{
    border:
        1px solid
        rgba(239,32,40,.95)!important;

    background:#ef2028!important;

    color:#fff!important;

    box-shadow:
        0 12px 30px
        rgba(239,32,40,.15)!important;
}


/* =========================================================
   ХАРАКТЕРИСТИКИ — ВСЕГДА В ПЛАШКЕ
   ========================================================= */

.sd-product-unified-chars-v30{
    margin-top:24px!important;

    padding-top:20px!important;

    border-top:
        1px solid
        rgba(255,255,255,.09)!important;
}


.sd-product-unified-section-title-v30{
    display:flex!important;

    align-items:center!important;

    gap:9px!important;

    margin:
        0
        0
        12px!important;

    color:#fff!important;

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

    text-transform:uppercase!important;

    letter-spacing:.025em!important;
}


.sd-product-unified-section-title-v30::before{
    content:""!important;

    display:block!important;

    width:4px!important;
    height:18px!important;

    border-radius:10px!important;

    background:#ef2028!important;
}


/*
 * Две характеристики могут лежать
 * рядом на большом экране.
 */
.sd-product-unified-chars-grid-v30{
    display:grid!important;

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

    gap:8px!important;
}


.sd-product-unified-char-v30{
    display:grid!important;

    grid-template-columns:
        minmax(100px,.82fr)
        minmax(0,1.18fr)!important;

    min-width:0!important;
    min-height:46px!important;

    overflow:hidden!important;

    border:
        1px solid
        rgba(255,255,255,.09)!important;

    border-radius:10px!important;

    background:
        rgba(255,255,255,.025)!important;
}


.sd-product-unified-char-label-v30{
    display:flex!important;

    align-items:center!important;

    min-width:0!important;

    padding:9px 10px!important;

    box-sizing:border-box!important;

    border-right:
        1px solid
        rgba(239,32,40,.19)!important;

    background:
        rgba(239,32,40,.09)!important;

    color:#ff4b51!important;

    font-size:9px!important;
    font-weight:950!important;

    line-height:1.2!important;

    text-transform:uppercase!important;

    word-break:break-word!important;
}


.sd-product-unified-char-value-v30{
    display:flex!important;

    align-items:center!important;

    min-width:0!important;

    padding:9px 10px!important;

    box-sizing:border-box!important;

    color:#f3f3f3!important;

    font-size:11px!important;
    font-weight:850!important;

    line-height:1.25!important;

    word-break:break-word!important;
}


/* =========================================================
   ОПИСАНИЕ
   ========================================================= */

.sd-product-unified-description-v30{
    margin-top:18px!important;

    border-top:
        1px solid
        rgba(255,255,255,.07)!important;

    padding-top:16px!important;
}


.sd-product-unified-description-v30 summary{
    display:flex!important;

    align-items:center!important;

    justify-content:space-between!important;

    cursor:pointer!important;

    list-style:none!important;

    color:
        rgba(255,255,255,.72)!important;

    font-size:10px!important;
    font-weight:950!important;

    text-transform:uppercase!important;
}


.sd-product-unified-description-v30 summary::-webkit-details-marker{
    display:none!important;
}


.sd-product-unified-description-v30 summary::after{
    content:"+"!important;

    color:#ef2028!important;

    font-size:18px!important;
}


.sd-product-unified-description-v30[open]
summary::after{
    content:"−"!important;
}


.sd-product-unified-description-v30 p{
    margin:
        12px
        0
        0!important;

    color:
        rgba(255,255,255,.58)!important;

    font-size:12px!important;

    line-height:1.55!important;

    white-space:pre-line!important;
}


/* =========================================================
   FULL PRODUCT PAGE
   Характеристики используют ТОТ ЖЕ компонент
   ========================================================= */

.sd-product-page-info-v30{
    display:flex!important;
    flex-direction:column!important;
}


.sd-product-page-chars-v30{
    width:100%!important;

    margin-top:24px!important;
}


/* старый отдельный блок полностью удаляется JS */
.sd-product-old-chars-hidden-v30{
    display:none!important;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-site-theme="light"]
#productQuickModal.sd-product-unified-modal-v30
.product-quick-box{
    border-color:
        rgba(0,0,0,.10)!important;

    background:#f4f4f2!important;
}


html[data-site-theme="light"]
.sd-product-unified-media-v30{
    border-color:
        rgba(0,0,0,.08)!important;

    background:#ececea!important;
}


html[data-site-theme="light"]
.sd-product-unified-info-v30{
    border-color:
        rgba(0,0,0,.09)!important;

    background:#fff!important;
}


html[data-site-theme="light"]
.sd-product-unified-title-v30,
html[data-site-theme="light"]
.sd-product-unified-price-v30,
html[data-site-theme="light"]
.sd-product-unified-section-title-v30{
    color:#111!important;
}


html[data-site-theme="light"]
.sd-product-unified-short-v30{
    color:
        rgba(0,0,0,.53)!important;
}


html[data-site-theme="light"]
.sd-product-unified-category-v30,
html[data-site-theme="light"]
.sd-product-unified-code-v30{
    color:
        rgba(0,0,0,.42)!important;
}


html[data-site-theme="light"]
.sd-product-unified-catalog-v30{
    border-color:
        rgba(0,0,0,.10)!important;

    background:#f4f4f2!important;

    color:#111!important;
}


html[data-site-theme="light"]
.sd-product-unified-chars-v30{
    border-top-color:
        rgba(0,0,0,.08)!important;
}


html[data-site-theme="light"]
.sd-product-unified-char-v30{
    border-color:
        rgba(0,0,0,.09)!important;

    background:
        rgba(0,0,0,.018)!important;
}


html[data-site-theme="light"]
.sd-product-unified-char-value-v30{
    color:#111!important;
}


html[data-site-theme="light"]
.sd-product-unified-description-v30{
    border-top-color:
        rgba(0,0,0,.07)!important;
}


html[data-site-theme="light"]
.sd-product-unified-description-v30 summary{
    color:
        rgba(0,0,0,.68)!important;
}


html[data-site-theme="light"]
.sd-product-unified-description-v30 p{
    color:
        rgba(0,0,0,.60)!important;
}


html[data-site-theme="light"]
.sd-product-unified-photo-lock-v30 b{
    color:
        rgba(0,0,0,.16)!important;
}


html[data-site-theme="light"]
.sd-product-unified-photo-lock-v30 small{
    color:
        rgba(0,0,0,.44)!important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    #productQuickModal.sd-product-unified-modal-v30{
        align-items:flex-end!important;

        padding:
            max(
                7px,
                env(safe-area-inset-top)
            )
            7px
            max(
                7px,
                env(safe-area-inset-bottom)
            )!important;
    }


    #productQuickModal.sd-product-unified-modal-v30
    .product-quick-box{
        width:100%!important;

        max-height:
            calc(
                var(--sd-modal-vh,100dvh)
                - 14px
            )!important;

        border-radius:
            20px
            20px
            14px
            14px!important;
    }


    .sd-product-unified-v30{
        grid-template-columns:1fr!important;

        gap:10px!important;

        padding:10px!important;
    }


    .sd-product-unified-media-v30{
        min-height:290px!important;

        border-radius:16px!important;
    }


    .sd-product-unified-media-v30 img{
        max-height:330px!important;

        padding:16px!important;
    }


    .sd-product-unified-photo-lock-v30{
        min-height:270px!important;
    }


    .sd-product-unified-info-v30{
        padding:
            20px
            16px
            17px!important;

        border-radius:16px!important;
    }


    .sd-product-unified-title-v30{
        padding-right:38px!important;

        font-size:
            clamp(
                24px,
                8vw,
                34px
            )!important;
    }


    .sd-product-unified-meta-v30{
        margin-top:18px!important;
    }


    .sd-product-unified-price-v30{
        font-size:28px!important;
    }


    .sd-product-unified-actions-v30{
        grid-template-columns:1fr 1.25fr!important;

        margin-top:17px!important;
    }


    .sd-product-unified-actions-v30 a{
        min-height:46px!important;

        padding:0 8px!important;

        font-size:9px!important;
    }


    .sd-product-unified-chars-v30{
        margin-top:19px!important;
        padding-top:15px!important;
    }


    .sd-product-unified-chars-grid-v30{
        grid-template-columns:1fr!important;
    }


    .sd-product-unified-char-v30{
        grid-template-columns:
            minmax(105px,.82fr)
            minmax(0,1.18fr)!important;

        min-height:43px!important;
    }


    .sd-product-unified-char-label-v30{
        font-size:9px!important;
    }


    .sd-product-unified-char-value-v30{
        font-size:11px!important;
    }

}