/* =========================================================
   PROPERĀ — SINGLE PRODUCT
   FULL STYLES
========================================================= */


/* =========================================================
   1. GLOBAL
========================================================= */

.propera-single-product {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.propera-single-product *,
.propera-single-product *::before,
.propera-single-product *::after {
    box-sizing: border-box;
}

.propera-single-product__container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}


/* =========================================================
   2. BREADCRUMBS
========================================================= */

.propera-single-product__breadcrumbs {
    width: 100%;
    margin: 0 0 35px;
    padding: 40px 0 0 0;
}

.propera-single-product__breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
}

.propera-single-product__breadcrumb-list a {
    color: #777;
    text-decoration: none;
}

.propera-single-product__breadcrumb-list a:hover {
    color: #092B72;
}

.propera-single-product__breadcrumb-list .breadcrumb_last {
    color: #092B72;
}


/* =========================================================
   3. TOP AREA
   DESKTOP — TWO COLUMNS
========================================================= */

.propera-single-product__top {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(430px, 0.9fr) !important;
    gap: 70px !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   4. LEFT COLUMN — GALLERY
========================================================= */

.propera-single-product__gallery-column {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.propera-single-product__gallery {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   MAIN IMAGE
--------------------------------------------------------- */

.propera-single-product__gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;

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

    background: #f7f8f8;

    border: 1px solid #e4e7e7;
    border-radius: 16px;

    margin: 0;
    padding: 0;
}

.propera-single-product__main-image {
    display: block;

    width: 100%;
    height: 100%;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;

    margin: 0;
    padding: 0;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.propera-single-product__main-image.is-changing {
    opacity: 0.35;
}




@media (max-width: 767px) {

    .propera-single-product__gallery-main {
        width: 100% !important;

        aspect-ratio: unset !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: block !important;

        overflow: visible !important;
    }

    .propera-single-product__main-image {
        display: block !important;

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

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

        object-fit: contain !important;

        margin: 0 !important;
    }

}



/* =========================================================
   5. GALLERY THUMBNAILS
========================================================= */

.propera-single-product__gallery-thumbs {
    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 10px;

    width: 100%;

    margin: 14px 0 0;
    padding: 0;
}


/* ---------------------------------------------------------
   THUMB
--------------------------------------------------------- */

.propera-single-product__gallery-thumb {
    position: relative;

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

    width: 100%;
    aspect-ratio: 1 / 1;

    margin: 0;
    padding: 0;

    overflow: hidden;

    background: #fff;

    /* тонкая фиолетовая обводка */
    border: 1px solid #e1e5e5;
    border-radius: 8px;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* ---------------------------------------------------------
   НЕАКТИВНАЯ МИНИАТЮРА — HOVER
--------------------------------------------------------- */

.propera-single-product__gallery-thumb:hover {
    border-color: #092B72;
}


/* ---------------------------------------------------------
   АКТИВНАЯ МИНИАТЮРА
--------------------------------------------------------- */

.propera-single-product__gallery-thumb.is-active {
    border: 1px solid #092B72;
}


/* ---------------------------------------------------------
   IMAGE
--------------------------------------------------------- */

.propera-single-product__gallery-thumb img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;

    margin: 0;
    padding: 0;
}


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

@media (max-width: 767px) {

    .propera-single-product__gallery-thumbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 7px;

        margin-top: 10px;
    }

    .propera-single-product__gallery-thumb {
        border-radius: 7px;
    }

}


/* =========================================================
   SMALL MOBILE
   Тоже 4 в ряд
========================================================= */

@media (max-width: 480px) {

    .propera-single-product__gallery-thumbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 6px;
    }

    .propera-single-product__gallery-thumb {
        border-radius: 6px;
    }

}


/* =========================================================
   6. GALLERY ARROWS
   Круглые стрелки галереи
========================================================= */

.propera-single-product__gallery-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

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

    width: 46px !important;
    height: 46px !important;

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

    background: #ffffff !important;

    border: 1px solid #092B72 !important;
    border-radius: 50% !important;

    color: #092B72 !important;

    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;

    transform: translateY(-50%) !important;

    box-shadow: none !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}


/* ---------------------------------------------------------
   HOVER
   Белая стрелка + фиолетовый фон
--------------------------------------------------------- */

.propera-single-product__gallery-arrow:hover {
    background: #092B72 !important;

    border-color: #092B72 !important;

    color: #ffffff !important;

    transform: translateY(-50%) !important;
}


/* ---------------------------------------------------------
   POSITION
--------------------------------------------------------- */

.propera-single-product__gallery-arrow--prev {
    left: 18px !important;
}

.propera-single-product__gallery-arrow--next {
    right: 18px !important;
}


/* ---------------------------------------------------------
   ACTIVE / FOCUS
--------------------------------------------------------- */

.propera-single-product__gallery-arrow:active {
    background: #092B72 !important;
    color: #ffffff !important;

    transform: translateY(-50%) !important;
}

.propera-single-product__gallery-arrow:focus {
    outline: none !important;
}


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

@media (max-width: 767px) {

    .propera-single-product__gallery-arrow {
        width: 40px !important;
        height: 40px !important;

        font-size: 18px !important;
    }

    .propera-single-product__gallery-arrow--prev {
        left: 10px !important;
    }

    .propera-single-product__gallery-arrow--next {
        right: 10px !important;
    }

}


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

@media (max-width: 480px) {

    .propera-single-product__gallery-arrow {
        width: 38px !important;
        height: 38px !important;

        font-size: 17px !important;
    }

    .propera-single-product__gallery-arrow--prev {
        left: 8px !important;
    }

    .propera-single-product__gallery-arrow--next {
        right: 8px !important;
    }

}


/* =========================================================
   7. RIGHT COLUMN — SUMMARY
========================================================= */

.propera-single-product__summary {
    width: 100% !important;
    min-width: 0 !important;

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


/* =========================================================
   8. TITLE
========================================================= */

.propera-single-product__title {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #092B72 !important;

    font-size: 36px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    letter-spacing: 0;
}


/* =========================================================
   9. SKU
========================================================= */

.propera-single-product__sku {
    margin: 0 0 16px;

    color: #777;

    font-size: 14px;
    line-height: 1.4;
}


/* =========================================================
   10. STOCK
========================================================= */

.propera-single-product__stock {
    margin: 0 0 15px;

    color: #64A73E;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}


/* =========================================================
   11. PRICE
========================================================= */

.propera-single-product__price {
    margin: 0 0 30px;

    color: #111;

    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
}

.propera-single-product__price del {
    color: #999;
    font-size: 20px;
    font-weight: 400;
}

.propera-single-product__price ins {
    text-decoration: none;
}


/* =========================================================
   12. CART / VARIATIONS
========================================================= */

.propera-single-product__cart {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* WooCommerce variation form */

.propera-single-product__cart form.cart {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   VARIATION TABLE
--------------------------------------------------------- */

.propera-single-product__cart .variations {
    width: 100% !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    border: 0 !important;
    border-collapse: collapse;
}

.propera-single-product__cart .variations tbody,
.propera-single-product__cart .variations tr,
.propera-single-product__cart .variations td {
    border: 0 !important;
}

.propera-single-product__cart .variations tr {
    display: block;

    margin: 0 0 18px;
}

.propera-single-product__cart .variations td {
    display: block;

    width: 100% !important;

    margin: 0;
    padding: 0 !important;
}


/* Variation label */

.propera-single-product__cart .variations td.label {
    margin-bottom: 8px;
}

.propera-single-product__cart .variations td.label label {
    display: block;

    margin: 0;

    color: #092B72;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}


/* ---------------------------------------------------------
   SELECT
--------------------------------------------------------- */

.propera-single-product__cart .variations select {
    width: 100% !important;

    min-height: 50px;

    margin: 0 !important;
    padding: 0 45px 0 16px !important;

    background-color: #fff;

    border: 1px solid #d7dddd !important;
    border-radius: 8px !important;

    color: #222;

    font-size: 15px;
    line-height: 1.4;

    cursor: pointer;

    appearance: auto;
}

.propera-single-product__cart .variations select:focus {
    outline: none;

    border-color: #092B72 !important;
}


/* Clear variations */

.propera-single-product__cart .reset_variations {
    display: inline-block;

    margin-top: 7px;

    color: #777;

    font-size: 13px;
    text-decoration: underline;
}


/* =========================================================
   13. QUANTITY + BUY BUTTON
========================================================= */

.propera-single-product__cart .single_variation_wrap {
    width: 100%;
}

.propera-single-product__cart .woocommerce-variation {
    margin: 0 0 15px;
}

.propera-single-product__cart .woocommerce-variation-description {
    margin-bottom: 15px;
}


/* Cart button row */

.propera-single-product__cart .woocommerce-variation-add-to-cart,
.propera-single-product__cart .woocommerce-variation-add-to-cart-enabled {
    display: flex;

    align-items: center;

    gap: 12px;

    width: 100%;

    margin: 0;
    padding: 0;
}


/* Quantity */

.propera-single-product__cart .quantity {
    flex: 0 0 auto;

    margin: 0 !important;
}

.propera-single-product__cart .quantity input {
    width: 70px !important;
    height: 54px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 1px solid #d7dddd !important;
    border-radius: 8px !important;

    text-align: center;

    font-size: 16px;
}


/* =========================================================
   BUY BUTTONS
   КОРЗИНА + КУПИТЬ В ОДИН КЛИК
========================================================= */

/* Основная кнопка «В корзину» */

.propera-single-product__cart
button.single_add_to_cart_button,
.propera-single-product__cart
.single_add_to_cart_button {

    min-height: 54px !important;

    margin: 0 !important;
    padding: 14px 30px !important;

    background: #092B72 !important;
    color: #fff !important;

    border: 1px solid #092B72 !important;
    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-align: center;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* Hover «В корзину» */

.propera-single-product__cart
button.single_add_to_cart_button:hover,
.propera-single-product__cart
.single_add_to_cart_button:hover {

    background: #071f52 !important;
    border-color: #071f52 !important;
    color: #fff !important;

    transform: translateY(-1px);
}


/* =========================================================
   КУПИТЬ В ОДИН КЛИК
========================================================= */

.propera-single-product__one-click-button,
.propera-single-product__one-click,
button.propera-single-product__one-click-button {

    display: inline-flex !important;

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

    min-height: 54px !important;

    margin: 0 !important;
    padding: 14px 30px !important;

    background: #8E3FA9 !important;
    color: #fff !important;

    border: 1px solid #8E3FA9 !important;
    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-align: center;
    text-decoration: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


/* Hover «Купить в один клик» */

.propera-single-product__one-click-button:hover,
.propera-single-product__one-click:hover,
button.propera-single-product__one-click-button:hover {

    background: #092B72 !important;
    border-color: #092B72 !important;
    color: #fff !important;

    transform: translateY(-1px);
}


/* =========================================================
   ЕСЛИ КНОПКА ONE CLICK ВЫВОДИТСЯ ЧЕРЕЗ PLUGIN
   ========================================================= */

.propera-single-product__cart
button[class*="one-click"],
.propera-single-product__cart
a[class*="one-click"],
.propera-single-product__cart
button[class*="buy-one"],
.propera-single-product__cart
a[class*="buy-one"] {

    display: inline-flex !important;

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

    min-height: 54px !important;

    padding: 14px 30px !important;

    background: #8E3FA9 !important;
    color: #fff !important;

    border: 1px solid #8E3FA9 !important;
    border-radius: 10px !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

.propera-single-product__cart
button[class*="one-click"]:hover,
.propera-single-product__cart
a[class*="one-click"]:hover,
.propera-single-product__cart
button[class*="buy-one"]:hover,
.propera-single-product__cart
a[class*="buy-one"]:hover {

    background: #092B72 !important;
    border-color: #092B72 !important;
    color: #fff !important;

    transform: translateY(-1px);
}


/* =========================================================
   14. SIZE GUIDE
========================================================= */

.propera-single-product__size-guide {
    width: 100%;

    margin: 18px 0 30px;
    padding: 0;
}

.propera-single-product__size-guide-button {
    display: inline-block;

    margin: 0;
    padding: 0;

    color: #092B72;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;

    text-decoration: underline;
    text-underline-offset: 3px;
}

.propera-single-product__size-guide-button:hover {
    color: #4C91D6;
}


/* =========================================================
   15. SHORT DESCRIPTION
========================================================= */

.propera-single-product__short-description {
    width: 100%;

    margin: 30px 0 30px;
    padding: 0;
}

.propera-single-product__short-description
.propera-single-product__section-title {
    margin-bottom: 14px;
}


/* =========================================================
   16. FEATURES
========================================================= */

.propera-single-product__properties {
    width: 100%;

    margin: 0;
    padding: 0;
}

.propera-single-product__properties-content {
    color: #333;

    font-size: 16px;
    line-height: 1.6;
}

.propera-single-product__properties-content p {
    margin: 0 0 10px;
}

.propera-single-product__properties-content ul,
.propera-single-product__properties-content ol {
    margin: 0 0 15px;
    padding-left: 20px;
}


/* =========================================================
   17. SECTION TITLES
========================================================= */

.propera-single-product__section-title {
    margin: 0 0 20px;
    padding: 0;

    color: #092B72;

    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
}


/* =========================================================
   18. LOWER CONTENT
========================================================= */

.propera-single-product__content {
    display: block !important;

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

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


/* =========================================================
   19. FULL DESCRIPTION
========================================================= */

.propera-single-product__full-description {
    width: 100%;

    margin: 0 0 70px;
    padding: 0;
}

.propera-single-product__full-description-content {
    width: 100%;

    color: #333;

    font-size: 16px;
    line-height: 1.7;
}

.propera-single-product__full-description-content p {
    margin: 0 0 18px;
}

.propera-single-product__full-description-content h2,
.propera-single-product__full-description-content h3,
.propera-single-product__full-description-content h4 {
    margin: 30px 0 15px;

    color: #092B72;
}

.propera-single-product__full-description-content ul,
.propera-single-product__full-description-content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}


/* =========================================================
   20. CHARACTERISTICS
========================================================= */

.propera-single-product__characteristics {
    width: 100%;

    margin: 0 0 70px;
    padding: 0;
}

.propera-single-product__characteristics-list {
    width: 100%;

    margin: 0;
    padding: 0;

    border-top: 1px solid #e2e6e6;
}

.propera-single-product__characteristic {
    display: grid;

    grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1fr);

    gap: 30px;

    width: 100%;

    padding: 16px 0;

    border-bottom: 1px solid #e2e6e6;
}

.propera-single-product__characteristic-label {
    color: #777;

    font-size: 15px;
    line-height: 1.5;
}

.propera-single-product__characteristic-value {
    color: #222;

    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}


/* =========================================================
   21. CARE
========================================================= */

.propera-single-product__care {
    width: 100%;

    margin: 0 0 70px;
    padding: 0;
}

.propera-single-product__care-content {
    width: 100%;

    color: #333;

    font-size: 16px;
    line-height: 1.7;
}

.propera-single-product__care-content p {
    margin: 0 0 15px;
}

.propera-single-product__care-content ul,
.propera-single-product__care-content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}





/* =========================================================
   23. TABLET
========================================================= */

@media (max-width: 1100px) {

    .propera-single-product__container {
        padding: 0 30px;
    }

    .propera-single-product__top {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, 0.85fr) !important;

        gap: 40px !important;
    }

    .propera-single-product__title {
        font-size: 30px !important;
    }

    .propera-single-product__gallery-thumbs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

}


/* =========================================================
   24. MOBILE
========================================================= */

@media (max-width: 767px) {

    .propera-single-product__container {
        width: 100%;

        padding: 0 16px;
    }


    /* -----------------------------------------------------
       BREADCRUMBS
    ----------------------------------------------------- */

    .propera-single-product__breadcrumbs {
        margin-bottom: 20px;
    }

    .propera-single-product__breadcrumb-list {
        font-size: 12px;
    }


    /* -----------------------------------------------------
       TOP — ONE COLUMN
    ----------------------------------------------------- */

    .propera-single-product__top {
        display: flex !important;

        flex-direction: column !important;

        gap: 35px !important;

        width: 100% !important;
    }


    .propera-single-product__gallery-column {
        width: 100% !important;

        order: 1;
    }


    .propera-single-product__summary {
        width: 100% !important;

        order: 2;
    }


    /* -----------------------------------------------------
       GALLERY
    ----------------------------------------------------- */

    .propera-single-product__gallery-main {
        aspect-ratio: 1 / 1;

        border-radius: 12px;
    }


    .propera-single-product__gallery-thumbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 7px;

        margin-top: 10px;
    }


    .propera-single-product__gallery-thumb {
        border-radius: 7px;
    }


    .propera-single-product__gallery-arrow {
        width: 40px;
        height: 40px;

        font-size: 18px;
    }

    .propera-single-product__gallery-arrow--prev {
        left: 10px;
    }

    .propera-single-product__gallery-arrow--next {
        right: 10px;
    }


    /* -----------------------------------------------------
       TITLE
    ----------------------------------------------------- */

    .propera-single-product__title {
        margin-bottom: 12px !important;

        font-size: 27px !important;
        line-height: 1.15 !important;
    }


    /* -----------------------------------------------------
       PRICE
    ----------------------------------------------------- */

    .propera-single-product__price {
        margin-bottom: 24px;

        font-size: 28px;
    }


    /* -----------------------------------------------------
       VARIATIONS
    ----------------------------------------------------- */

    .propera-single-product__cart .variations {
        margin-bottom: 15px !important;
    }

    .propera-single-product__cart .variations tr {
        margin-bottom: 14px;
    }

    .propera-single-product__cart .variations select {
        min-height: 48px;
    }


    /* -----------------------------------------------------
       BUY BUTTON
    ----------------------------------------------------- */

    .propera-single-product__cart .woocommerce-variation-add-to-cart,
    .propera-single-product__cart .woocommerce-variation-add-to-cart-enabled {
        display: flex;

        gap: 8px;
    }

    .propera-single-product__cart .quantity input {
        width: 60px !important;
        height: 50px !important;
    }

    .propera-single-product__cart button.single_add_to_cart_button,
    .propera-single-product__cart .single_add_to_cart_button {
        min-height: 50px;

        padding: 13px 20px !important;

        font-size: 15px !important;
    }


    /* -----------------------------------------------------
       SIZE GUIDE
    ----------------------------------------------------- */

    .propera-single-product__size-guide {
        margin: 15px 0 28px;
    }


    /* -----------------------------------------------------
       SHORT DESCRIPTION / FEATURES
    ----------------------------------------------------- */

    .propera-single-product__short-description {
        margin-bottom: 28px;
    }

    .propera-single-product__section-title {
        margin-bottom: 15px;

        font-size: 23px;
    }

    .propera-single-product__description-text,
    .propera-single-product__properties-content,
    .propera-single-product__full-description-content,
    .propera-single-product__care-content {
        font-size: 15px;
        line-height: 1.6;
    }


    /* -----------------------------------------------------
       LOWER CONTENT
    ----------------------------------------------------- */

    .propera-single-product__content {
        margin-top: 55px !important;
    }


    .propera-single-product__full-description,
    .propera-single-product__characteristics,
    .propera-single-product__care {
        margin-bottom: 50px;
    }


    /* -----------------------------------------------------
       CHARACTERISTICS
    ----------------------------------------------------- */

    .propera-single-product__characteristic {
        grid-template-columns: 1fr;

        gap: 5px;

        padding: 14px 0;
    }

    .propera-single-product__characteristic-label {
        font-size: 13px;
    }

    .propera-single-product__characteristic-value {
        font-size: 15px;
    }

}


/* =========================================================
   25. SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .propera-single-product__container {
        padding: 0 12px;
    }


    .propera-single-product__gallery-thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 6px;
    }


    .propera-single-product__title {
        font-size: 24px !important;
    }


    .propera-single-product__price {
        font-size: 26px;
    }


    .propera-single-product__cart .woocommerce-variation-add-to-cart,
    .propera-single-product__cart .woocommerce-variation-add-to-cart-enabled {
        flex-wrap: wrap;
    }


    .propera-single-product__cart .quantity {
        width: 100%;
    }


    .propera-single-product__cart .quantity input {
        width: 100% !important;
    }


    .propera-single-product__cart button.single_add_to_cart_button,
    .propera-single-product__cart .single_add_to_cart_button {
        width: 100% !important;

        flex: 1 1 100%;
    }

}








/* =========================================================
   PROPERĀ — RELATED PRODUCTS
   С ЭТИМ ТОВАРОМ ПОКУПАЮТ
========================================================= */


/* =========================================================
   RELATED SECTION
========================================================= */

.propera-single-product__related-products {
    width: 100% !important;

    margin: 0 0 80px !important;
    padding: 0 !important;

    overflow: hidden;
}


/* =========================================================
   HEADER
========================================================= */

.propera-single-product__related-header {
    display: flex;

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

    width: 100%;

    margin: 0 0 25px;
    padding: 0;
}

.propera-single-product__related-header
.propera-single-product__section-title {
    margin: 0 !important;
}


/* =========================================================
   NAVIGATION
========================================================= */

.propera-single-product__related-navigation {
    display: flex;

    align-items: center;

    gap: 10px;

    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}


/* =========================================================
   RELATED ARROWS
========================================================= */

.propera-single-product__related-arrow {
    display: flex;

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

    width: 44px;
    height: 44px;

    margin: 0;
    padding: 0;

    background: #fff !important;

    border: 1px solid #092B72 !important;
    border-radius: 50% !important;

    color: #092B72 !important;

    font-size: 20px;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease;
}

.propera-single-product__related-arrow:hover:not(:disabled) {
    background: #092B72 !important;

    color: #fff !important;

    transform: scale(1.04);
}

.propera-single-product__related-arrow:disabled {
    opacity: 0.35;

    cursor: default;

    transform: none;
}


/* =========================================================
   SLIDER WINDOW
========================================================= */

.propera-single-product__related-slider {
    position: relative;

    width: 100%;

    overflow: hidden;

    margin: 0;
    padding: 0;
}


/* =========================================================
   TRACK
========================================================= */

.propera-single-product__related-track {
    display: flex;
    align-items: stretch;

    gap: 20px;

    width: 100%;
    max-width: none;

    margin: 0;
    padding: 0;

    transform: translateX(0);

    transition: transform 0.35s ease;
}


/* =========================================================
   PRODUCT ITEM
========================================================= */

.propera-single-product__related-item {
    flex: 0 0 calc(
        (100% - 60px) / 4
    );

    min-width: 0;

    margin: 0;
    padding: 0;
}


/* =========================================================
   PRODUCT CARD INSIDE
========================================================= */

.propera-single-product__related-item
.propera-product-card {
    width: 100%;
}


/*
 * На случай, если карточка товара имеет
 * собственные размеры.
 */

.propera-single-product__related-item > * {
    max-width: 100%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .propera-single-product__related-track {
        gap: 16px;
    }

    .propera-single-product__related-item {
        flex: 0 0 calc(
            (100% - 16px) / 2
        );
    }

}


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

@media (max-width: 767px) {

    .propera-single-product__related-products {
        margin-bottom: 55px !important;
    }


    /* -----------------------------------------------------
       HEADER
    ----------------------------------------------------- */

    .propera-single-product__related-header {
        align-items: flex-start;

        gap: 20px;

        margin-bottom: 20px;
    }


    .propera-single-product__related-header
    .propera-single-product__section-title {
        font-size: 23px !important;
        line-height: 1.2 !important;
    }


    /* -----------------------------------------------------
       ARROWS
    ----------------------------------------------------- */

    .propera-single-product__related-navigation {
        gap: 7px;
    }

    .propera-single-product__related-arrow {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }


    /* -----------------------------------------------------
       TRACK
    ----------------------------------------------------- */

    .propera-single-product__related-track {
        gap: 12px;
    }


    /* -----------------------------------------------------
       ONE PRODUCT PER VIEW
    ----------------------------------------------------- */

    .propera-single-product__related-item {
        flex: 0 0 100%;

        width: 100%;
    }

}


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

@media (max-width: 480px) {

    .propera-single-product__related-header {
        gap: 12px;
    }

    .propera-single-product__related-header
    .propera-single-product__section-title {
        font-size: 21px !important;
    }

    .propera-single-product__related-arrow {
        width: 34px;
        height: 34px;

        font-size: 15px;
    }

}







/* =========================================================
   WOOCOMMERCE NOTICES
========================================================= */

.propera-single-product__container > .woocommerce-notices-wrapper {
    width: 100%;
    margin: 0 0 25px;
}

.propera-single-product__container .woocommerce-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    margin: 0;
    padding: 16px 20px;

    background: #f5f8f5;
    border: 1px solid #d7e4d4;
    border-radius: 10px;

    color: #092B72;
    font-size: 15px;
    line-height: 1.5;
}

/* Ссылка «Просмотр корзины» */
.propera-single-product__container .woocommerce-message .button {
    flex: 0 0 auto;

    margin: 0 !important;
    padding: 9px 18px !important;

    background: #092B72 !important;
    border: 1px solid #092B72 !important;
    border-radius: 8px !important;

    color: #fff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

.propera-single-product__container .woocommerce-message .button:hover {
    background: #071f52 !important;
    border-color: #071f52 !important;
    color: #fff !important;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .propera-single-product__container > .woocommerce-notices-wrapper {
        margin-bottom: 20px;
    }

    .propera-single-product__container .woocommerce-message {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;

        padding: 14px 16px;

        font-size: 14px;
    }

    .propera-single-product__container .woocommerce-message .button {
        width: 100%;
        text-align: center;
    }

}









/* =========================================================
   SELECTED VARIATION PRICE
========================================================= */

.propera-single-product__cart .woocommerce-variation-price {
    margin: 18px 0 20px !important;
}

.propera-single-product__cart .woocommerce-variation-price .price {
    margin: 0 !important;
    color: #111 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.propera-single-product__cart .woocommerce-variation-price .price .amount {
    font-size: inherit !important;
    font-weight: inherit !important;
}

.propera-single-product__cart .woocommerce-variation-price .price del {
    color: #999 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.propera-single-product__cart .woocommerce-variation-price .price ins {
    color: #111 !important;
    text-decoration: none !important;
}