/* =============================================================
   RENTAPARTY 2026 — CUSTOM STYLESHEET
   Sections:
   1.  Global & Sitewide
   2.  Animations
   3.  Header & Main Nav (#nav-home, #nav-catalog)
   4.  Sidebar Menu (#category-nav, #contact-nav)
   5.  General Page Blocks
   6.  Product Listing Page (#b1865)
   7.  Category Image Cards (#categories)
   8.  Product Detail Page (#b2965)
       a. Base Grid Layout
       b. Slider Popup Modal
       c. Slider Container & Images
       d. Slider Arrows
       e. Thumbnails
   9.  Go Back Block (#go-back)
   10. Search Bar (#search-bar)
   11. Mobile Only  (max-width: 899px)
   12. Desktop Only (min-width: 900px)
================================================================ */


/* ── 1. GLOBAL & SITEWIDE ────────────────────────────────── */

div#banner-full-width {
    /* margin-bottom: 20px; */
    border-bottom: 10px solid #faf7f6;
}

#b2149 section.landing-block.js-animation {
    display: flex;
    flex-direction: column-reverse;

    a.landing-block-node-button-3126 {
        box-shadow: 1px 2px 10px -3px #6e5a5ab0;
    }
}

/*--------------MAP--------------*/
/* Josefin Sans for the title */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600;700&display=swap');

.cwd-contact {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

.cwd-contact * {
    box-sizing: border-box;
}

/* left: map — 60% */
.cwd-map {
    flex: 1 1 55%;
    position: relative;
    overflow: hidden;
    min-height: 560px;
    background: #f9f5f3;
}

.cwd-map-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.cwd-map a.cwd-maplink {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
}

/* right: mockup block column — 40% */
.cwd-info-col {
    flex: 1 1 45%;
    display: flex;
}

.cwd-info-col .block-wrapper,
.cwd-info-col section.landing-block {
    width: 100%;
}

/* "Reach Out" title */
.cwd-title {
    font-family: 'Josefin Sans', 'Poppins', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #f76e48;
    font-size: 30px;
    font-weight: 900 !important;
    letter-spacing: 0.08em;
    margin: 0 0 32px;
}

/* fix: Phone title has an extra g-mb-auto class that collapses
   the space below it compared to every other title in the block */
.landing-block-node-title-4702-3391-1966-2633.g-mb-auto {
    margin-bottom: inherit !important;
}

/* social icons */
.cwd-soc {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-top: 44px;
}

.cwd-soc a {
    width: 46px;
    height: 46px;
    border-radius: 8px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .15s ease;
}

.cwd-soc a:hover {
    opacity: 0.78;
}

.cwd-soc svg {
    width: 20px;
    height: 20px;
    fill: #36254a;
    display: block;
}

@media (max-width: 760px) {
    .cwd-map {
        min-height: 420px;
    }

    .cwd-title {
        font-size: 24px;
        margin-bottom: 24px;
    }
}

/*--------END MAP---------*/
/*-----------BEGIN BUTTON EFFECT---------------*/

.g-btn-primary.g-btn-type-solid {
    position: relative;
    overflow: visible;
    --ring-base: rgb(255 255 255 / 7%);
    --ring-shine: rgba(255, 255, 255, 0.27);
    --bg-shine: rgb(87 38 152 / 31%);
    --shine-skew: 45deg;
    --ring-width: 2px;
}

/* background shine sweep, sits over the button's existing background */
.g-btn-primary.g-btn-type-solid::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: linear-gradient(100deg,
            transparent 0%, transparent 35%,
            var(--bg-shine) 50%,
            transparent 65%, transparent 100%);
    background-size: 300% 100%;
    background-position: var(--shine-pos, 0%) 0%;
    pointer-events: none;
}

/* outline ring, flush to the button edge, no gap */
.g-btn-primary.g-btn-type-solid::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: var(--ring-width);
    background-image: linear-gradient(calc(100deg + var(--shine-skew)),
            var(--ring-base) 0%, var(--ring-base) 35%,
            var(--ring-shine) 50%,
            var(--ring-base) 65%, var(--ring-base) 100%);
    background-size: 300% 100%;
    background-position: var(--shine-pos, 0%) 0%;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/*-----------END BUTTON EFFECT---------------*/
a.js-go-to.u-go-to-v1.g-bg-white-opacity-0_7.g-bg-primary--hover.g-brd-main.g-brd-white--hover.animated.zoomIn {
    bottom: -8px !important;
    left: -8px !important;
    height: 55px !important;
    border-radius: 0px 30px 0px 0px !important;
}

.landing-main.g-max-width-100x {
    background: #ffffff45 !important;
    backdrop-filter: blur(3px) !important;
}

.g-bg-black-opacity-0_4 {
    background-color: rgb(255 255 255 / 80%) !important;
    visibility: visible;
}


.g-brd-gray-dark-v2 {
    border-color: #33333300 !important;
}

.g-mr-30 {
    margin-right: 0rem !important;
}

.g-fill-second .fill-second {
    backdrop-filter: blur(4px);
}

.g-pa-40-30-30 {
    padding: 15px 0px !important;
}

button.b24-form-btn {
    background-color: #71568f !important;
    border-radius: 40px;
}

button.b24-window-close {
    background-color: #71568f;
}

.b24-window-panel .b24-window-scrollable,
.b24-form-wrapper {
    background-color: #eee8e659;
    backdrop-filter: blur(3px);
}

.b24-form-wrapper.b24-form-border-bottom {
    border-bottom: none;
}

.landing-block-node-card-container.js-animation.fadeIn.container.u-bg-overlay__inner.g-mx-0.g-pa-0.g-max-width-800 {
    max-width: 85vw !important;
}

.landing-breadcrumb-container {
    display: none !important;
}

.navbar-brand {
    padding-top: 0.7rem !important;
    padding-bottom: .7rem !important;
}

.js-header-fix-moment .g-max-width-180 {
    max-width: 100px !important;
}

.js-header-in-flow .u-navbar-align-around .navbar-nav {
    width: 100%;
    justify-content: space-between;
    text-shadow: 0px 0px 11px #ffffffbf;
    outline: 6px solid #ffffff82;
    padding-top: 0px !important;
    padding-bottom: 0px;
    backdrop-filter: blur(4px) brightness(2) contrast(.3);
    background: #ffffff8a;
    box-shadow: 1px 1px 10px 4px #00000099;
    padding-left: 40px;
    padding-right: 40px;
}

.u-heading-v2-10 {
    animation-duration: 1000ms;
    animation-play-state: running;
    background: #ffffffc4;
    animation-name: none;
    backdrop-filter: blur(3px);
    box-shadow: 0px 2px 20px #8080802e;

    &:after {
        border-width: 3px;
        border-color: #ffffff85;
    }
}

section.landing-block.g-pb-5.g-bg.g-pt-7 {
    backdrop-filter: blur(5px);
    box-shadow: -3px 5px 9px #0000001a;
}

/* ── MINIMAL SCROLLBAR SITEWIDE ──────────────────────────── */

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #e8e7e7;
}

::-webkit-scrollbar-thumb {
    background: #886d6d;
    border-radius: 4px;

    &:hover {
        background: #886d6d;
    }
}


/* ── 2. ANIMATIONS ───────────────────────────────────────── */

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.15, 1.15);
    }

    100% {
        transform: scale(1, 1);
    }
}

.landing-block-node-card.landing-block-node-card-bgimg.js-slide.d-flex.align-items-center.u-bg-overlay.g-min-height-100vh.g-bg-img-hero.g-bg--after.slick-slide {
    animation: zoom-in-zoom-out 60s infinite;
    transform-origin: top right;
}

img.landing-block-node-img.img-fluid.w-100 {
    transition: all ease-in-out .3s;
    pointer-events: all;

    &:hover {
        transform: scale(1.05);
    }
}

span.product-item-image-slide.item {
    background-size: cover !important;
    transform: scale(1);
    transition: all 300ms ease-in-out;

    &:hover {
        transform: scale(1.05);
    }
}


/* ── 3. HEADER & MAIN NAV ────────────────────────────────── */

div#nav-home,
div#nav-catalog {
    .container {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .block-0-menu-04 .g-py-17--md {
        padding-top: 4.78rem !important;
        padding-bottom: 3rem !important;
    }

    .g-py-10--md {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }

    .g-bg-white {
        backdrop-filter: blur(4px) !important;
        outline: 8px solid #fafafae5 !important;
    }


}



div#nav-home {
    .js-header-in-flow .u-navbar-align-around .navbar-nav {
        outline: 6px solid #ded6d699 !important;
        backdrop-filter: blur(4px) contrast(.4) !important;
        background: #ffffff80 !important;
        box-shadow: 1px 1px 10px 4px #0000004c !important;
    }

    .g-bg-white {
        background: #ffffffdd !important;
    }
}

div#nav-catalog {
    .js-header-in-flow .u-navbar-align-around .navbar-nav {
        outline: 6px solid #ffffff85 !important;
        backdrop-filter: blur(2px) brightness(1) contrast(1) !important;
        background: #ffffff4d !important;
        box-shadow: 1px 1px 10px 4px #0000004c !important;

        .g-bg-white {
            background: #ffffff !important;
        }

        .js-header-on-top.js-header-fix-moment div#navBar1995 {
            height: 55px !important;
        }
    }

    div#nav-subpages .container {
        width: 100% !important;
        min-width: 100% !important;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    div#transition-top-margin-1 {
        margin-top: -50px;
    }

    div#b2111 {
        transform: rotate(180deg);
    }
}


/* ── 4. SIDEBAR MENU ──────────────────────────────── */

#sidebar-contact-form {

    position: sticky !important;
    top: 250px !important;

    .b24-form-header-title {
        font-size: 18px;
        text-align: left;
        padding-left: 5px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Poppins';
        color: #71568f;
    }

    .b24-form-progress-bar-title {
        color: #746963;
        font-size: 16px;
    }

    .b24-form-progress-bar-container {
        transform: scale(.5);
    }

    .b24-form-progress-container {
        justify-content: flex-end;
        margin-bottom: 15px;
        flex-direction: row-reverse;
        border-bottom: 1.5px solid #cdcdcd42;
    }

    .b24-form-control-list-selector-item {
        padding: 5px 15px;
        font-size: 12px !Important;
    }

    .b24-form-control-list-selector-item-title {
        font-size: 13px;
        opacity: .7;
    }

    circle.b24-form-progress-track {
        stroke-width: 8 !important;
    }

    .b24-form-progress-bar-counter {
        display: none;
    }

    circle.b24-form-progress-bar {
        stroke-width: 7 !important;
    }

    .b24-form-control-icon-after .b24-form-control,
    .b24-form-control-icon-after .b24-form-control-label,
    input.b24-form-control:focus {
        padding-right: 20px;
        /* padding-top: 9px; */
        max-width: 90%;
        font-size: 13px;
        color: #302e2e;
        height: 40px;
    }

    .b24-form-control-not-empty+.b24-form-control-label,
    .b24-form-control-select-label,
    .b24-form-control:focus+.b24-form-control-label {
        top: 0px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        font-size: 10px !important;
        opacity: 30 !important;
    }

    button.b24-form-btn {
        height: 30px !important;
        max-height: 30px !important;
        min-height: 30px !important;
        font-size: 12px !important;
    }

    .b24-form-header.b24-form-padding-side {

        padding-top: 0px !important;
        display: none !important;
    }

    .b24-form-btn-block {
        padding: 0px 20px 0px 0px;

    }


    .b24-form-btn-container {
        padding-left: 10px;
        padding-right: 10px;
        color: white !important;
    }

    button.b24-form-btn {
        height: 30px !important;
        max-height: 30px !important;
        min-height: 30px !important;
        font-size: 12px !important;
        color: white !important;
        font-family: 'Poppins';
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .b24-form-field {
        margin-bottom: 15px !important;
    }

    .b24-form-field.b24-form-field-name {
        margin-bottom: 8px !important;
    }

    button.b24-form-btn {
        padding: 5px !important;
    }

    .b24-form-header-description,
    .b24-form-header-title {
        color: #000;
        color: var(--b24-text-color);
        word-break: break-word;
    }

    .b24-form-padding-side {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }

    .bitrix24forms.g-brd-white-opacity-0_6.u-form-alert-v4 {
        width: 100%;
    }

    .landing-block-node-form-container.row.justify-content-center {
        width: 100%;
        margin-left: 0px !important;
    }


}

#category-nav {
    position: sticky;
    top: 55px;
    z-index: 1000;
}

#contact-nav {
    position: sticky;
    top: 100px;
    z-index: 1000;
}

#category-nav,
#contact-nav {

    /* Strip Bitrix block chrome */
    .landing-block-menu-store {
        background: transparent !important;
        margin-top: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .landing-block {
        padding: 0 !important;
        background: transparent !important;
    }

    .container {
        padding: 0 !important;
        max-width: 100% !important;
    }

    /* ── TOP LEVEL <ul> ──────────────────────────────────── */

    ul.landing-block-node-menu.g-menu-multilevel {
        list-style: none !important;
        padding: 0px !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;
        flex-direction: column !important;
        margin-bottom: 40px !important;

        >li.landing-block-node-menu-item {
            border: none !important;
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;

            >a.landing-block-node-menu-link {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                height: 38px !important;
                padding: 0 0px 0 27px !important;
                font-size: 13px !important;
                font-weight: 400 !important;
                color: rgb(54 51 48 / 87%) !important;
                text-decoration: none !important;
                border: none !important;
                border-radius: 5px !important;
                transition: background 0.15s, color 0.15s, backdrop-filter 0.15s !important;
                background: transparent !important;
                box-shadow: none !important;
                letter-spacing: 0.2px !important;

                div {
                    flex: 1;
                }

                &:hover {
                    background: rgba(90, 79, 71, 0.08) !important;
                    backdrop-filter: blur(6px) brightness(0.97) !important;
                    -webkit-backdrop-filter: blur(6px) brightness(0.97) !important;
                    color: #3a322c !important;
                }
            }

            &.open>a.landing-block-node-menu-link,
            &.active>a.landing-block-node-menu-link {
                color: #3a322c !important;
                backdrop-filter: blur(3px) brightness(0.96) !important;
                -webkit-backdrop-filter: blur(3px) brightness(0.96) !important;
                background: #d0cdcd52 !important;
                box-shadow: 0px 4px 4px -4px #8080809e !important;
            }
        }
    }

    /* ── EXPAND/COLLAPSE TOGGLER — + / - ────────────────── */
    li.landing-block-node-menu-item.nav-item.list-group-item.g-pa-0.g-brd-color-inherit.open ul.g-menu-sublevel>li.active>a.landing-block-node-menu-link {
        margin-right: 15px !important;
    }

    .g-menu-sublevel-toggler {
        flex-shrink: 0;
        width: 50px;
        height: 100%;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0%;
        background: rgba(90, 79, 71, 0);

        .is-hide-text,
        .is-show-text {
            font-size: 0 !important;
            line-height: 0 !important;
        }

        .is-hide-text::after {
            text-align: center;
            content: '+' !important;
            font-size: 22px !important;
            line-height: 1 !important;
            font-weight: 300 !important;
            display: block;
            color: rgba(90, 79, 71, 0.679);
        }

        .is-show-text::after {
            text-align: center;
            content: '-' !important;
            font-size: 22px !important;
            line-height: 1 !important;
            font-weight: 300 !important;
            display: block;
            color: rgba(90, 79, 71, 0.891);
        }


    }

    .g-menu-sublevel-toggler:hover span {
        border-bottom: none !important;
    }

    /* ── ALL SUBLEVEL <ul> ───────────────────────────────── */

    ul.g-menu-sublevel {
        list-style: none !important;
        padding: 0 0 4px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        width: 100% !important;

        >li {
            border: none !important;
            background: transparent !important;
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;

            >a.landing-block-node-menu-link,
            &.open>a.landing-block-node-menu-link,
            &.active>a.landing-block-node-menu-link {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                height: 38px !important;
                /* border-left: 2px solid black; */
                margin: 0 12px 0 25px !important;
                font-size: 12.5px !important;
                font-weight: 400 !important;
                color: rgba(90, 79, 71, 0.7) !important;
                text-decoration: none !important;
                border: none !important;
                border-radius: 0px 5px 5px 0px !important;
                transition: background 0.15s, color 0.15s, backdrop-filter 0.15s !important;
                background: transparent !important;
                box-shadow: none !important;
                letter-spacing: 0.2px !important;
                border-left: 3px solid #886d6d3b !important;



                div {
                    flex: 1;
                }

                &:hover {
                    background: rgba(90, 79, 71, 0.07) !important;
                    backdrop-filter: blur(6px) brightness(0.97) !important;
                    -webkit-backdrop-filter: blur(6px) brightness(0.97) !important;
                    color: #3a322c !important;
                }
            }

            &.active>a.landing-block-node-menu-link {
                color: #36214d !important;
                background: rgb(233 232 232 / 34%) !important;
                backdrop-filter: blur(2px) brightness(0.96) !important;
                -webkit-backdrop-filter: blur(2px) brightness(0.96) !important;
                font-weight: 600 !important;
                box-shadow: -3px 2px 3px -2px #808080a8 !important;
                border: none !important;
                height: 38px !important;
                min-height: 38px !important;
                max-height: 38px !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                margin: 0 !important;
                box-sizing: border-box !important;
                text-transform: uppercase;
            }

            #category-nav li.active,
            #contact-nav li.active,
            #category-nav li.open,
            #contact-nav li.open {
                border: none !important;
                padding: 0 !important;
                margin: 0 !important;
                outline: none !important;
            }

            #category-nav .g-brd-around,
            #contact-nav .g-brd-around {
                border: none !important;
            }

            >ul.g-menu-sublevel>li>a.landing-block-node-menu-link {
                padding-left: 37px !important;
                height: 34px !important;
                font-size: 12px !important;
                color: rgb(103 91 83) !important;
                line-height: 1rem;
            }
        }
    }

    /* ── HIDDEN SUBLEVEL OVERRIDE ────────────────────────── */

    ul.g-menu-sublevel.g-menu-sublevel--hide {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    ul.g-menu-sublevel:not(.g-menu-sublevel--hide) {
        display: flex !important;
        height: fit-content !important;
        flex-direction: column !important;
    }

    /* ── SUBTLE SEPARATOR BETWEEN TOP LEVEL ITEMS ───────── */

    ul.landing-block-node-menu.g-menu-multilevel>li.landing-block-node-menu-item {
        &+li.landing-block-node-menu-item {
            border-top: 1px solid rgba(90, 79, 71, 0.08) !important;
            margin-top: 2px !important;
            padding-top: 2px !important;
        }
    }
}

/* ── 5. GENERAL PAGE BLOCKS ──────────────────────────────── */

#b2361 .g-py-100 {
    padding-top: 2.5rem !important;
    padding-bottom: 3.5rem !important;
}

div#b2085 {
    margin-top: -20px !important;
}

div#b2137 {
    .g-pb-40--md {
        padding-bottom: 4rem !important;
    }

    .g-pt-40--md {
        padding-top: 9rem !important;
    }

    section.landing-block-node-bgimg.g-pb-5.g-pt-40--md.g-pb-40--md.g-pl-40.g-pr-40.g-bg-cover.g-bg-img-hero.g-bg-attachment-fixed.g-bg--after.g-bg-image.g-pt-auto.g-mt-auto {
        background-position: bottom;
    }

    .list-inline-item:nth-child(1),
    .list-inline-item:nth-child(2) {
        display: none;
    }

    .list-inline-item:nth-child(3) i.landing-breadcrumb-arrow.fa.g-mx-5 {
        display: none !important;
    }
}

div#b2277 {
    img.landing-block-node-img-5789.img-fluid {
        max-width: 70% !important;
        margin-bottom: 5px;
    }
}

div#b2095 {
    .row {
        justify-content: space-evenly !important;
        align-content: space-between !important;
    }
}

.landing-block-card.landing-block-node-block.js-animation.fadeIn {
    &.col-lg-4.g-mb-30 {
        padding: 15px;
    }

    &.col-lg-3.g-mb-auto {
        overflow: hidden !important;
    }
}

article.g-bg-white {
    overflow: hidden !important;
    background: #0000ff00 !important;
}

figure.g-pos-rel:after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #ff000000;
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    box-shadow: 1px 1px 7px #0000005e inset;
    pointer-events: none;
}

.landing-breadcrumb-v1 .landing-breadcrumb-arrow:before {
    content: "-" !important;
    color: #fff;
}

li.landing-breadcrumb-item.list-inline-item {

    &:first-child,
    &:nth-child(2),
    &:last-child {
        display: none !important;
    }
}

.landing-breadcrumb-item.list-inline-item.mr-0 .landing-breadcrumb-v1 .landing-breadcrumb-arrow:before {
    display: none !important;
}

.product-detail-slider-image img {
    min-width: 100% !important;
}

.product-detail-slider-image-overlay {
    filter: blur(10px) opacity(.3);
}

.product-detail-info-container.col-12 {
    z-index: 99;
    right: 0px;
    padding-top: 15px !important;
    padding-bottom: 20px;
    -ms-flex: 0 0 55% !important;
    flex: 0 0 55% !important;
    max-width: 55% !important;
    padding-left: 25px;
    padding-right: 25px;
}

section.product-detail-props-container.col-12.col-md-6.mt-3.mt-sm-0 {
    position: absolute;
    z-index: 9999;
    top: 50px;
    padding: 0px !important;
    margin-top: 0px !important;
}

div#product-detail-container .col-md-6 {
    -ms-flex: calc(45% - 20px);
    flex: 0 0 calc(45% - 20px);
    max-width: calc(45% - 20px);
    margin-left: 20px;
}

a.product-item-detail-buy-button.btn.btn-primary.disabled.rounded-pill {
    display: none !important;
}


.product-item-detail-pay-block {
    display: none !important;
}

.product-item-detail-tabs-container-fixed {
    display: none !important;
}

.product-item-detail-short-card-fixed {
    display: none !important;
}

div#bx_basketFKauiI {
    display: none !important;
}


/* ── 6. PRODUCT LISTING PAGE (#b1865) ────────────────────── */

#b1865 {
    .g-pt-30 {
        padding-bottom: 200px !important;
        margin-bottom: -90px !important;
        backdrop-filter: blur(3px) !important;
        padding: 35px !important;

    }
}

.product-item-image-original,
.product-item-image-alternative {
    background-position: top !important;
    background-size: contain !important;
    scale: 100%;
    opacity: 1 !important;
    transition: 400ms scale ease-in-out;
}

.product-item-container.hover .product-item-image-original,
.product-item-container.hover .product-item-image-alternative {
    scale: 103%;
    transition: 400ms scale ease-in-out;
}


.product-item-image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding-top: 0px !important;
    height: 180px;
    width: 100%;
    margin: auto !important;
    max-width: 100%;
    transition: all 300ms ease;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.product-item {
    margin-bottom: 20px !important;
    border-radius: 7px;
    box-shadow: 3px 1px 12px -6px gray;
    padding-top: 0px !important;
    border: none !important;
    overflow: hidden;
    background: rgb(255 255 255) !important;
}

.bx-no-touch .product-item-container.hover .product-item {
    position: relative !important;
    padding: 0px !important;
    right: 0 !important;
    left: 0 !important;
    height: auto !important;
    animation: none !important;
    box-shadow: 3px 1px 12px -6px gray !important;
}

.product-item-container.hover {
    z-index: 17;
    height: auto !important;
}

.product-item-info-container.product-item-hidden {
    display: none !important;
}

.product-item-title a {
    color: #36254a;
    text-decoration: none;
    font-weight: 300;

    &:hover {
        color: #36254a;
        text-decoration: none;
        font-weight: 300;
    }
}

h3.product-item-title {
    padding: 15px 10px 7px 10px !important;
    font-size: 12px;
    font-family: 'Poppins' !important;
    color: #36254a !important;
}


/* ── 7. CATEGORY IMAGE CARDS  ────────────────────── */

#categories {
    h3.landing-block-node-card-title {
        font-size: 13px !important;
        font-weight: 400 !important;
        letter-spacing: .5px;
    }

    backdrop-filter: blur(1px);

    section.g-pt-10.g-pb-150.g-bg {
        padding: 0px 30px 130px 30px !important;
        margin-bottom: -100px;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 10px;
    }

    figure.g-overflow-hidden {
        height: 160px !important;
        width: 100% !important;
        background: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        box-shadow: inset 0 0 0 15px white !important;
        margin: auto !important;

        img.landing-block-node-card-img {
            height: 100% !important;
            width: auto !important;
            max-width: none !important;
            object-position: top !important;
            margin: 0 !important;
            padding: 15px !important;
            flex-shrink: 0 !important;
            transition: transform 0.3s ease-in-out !important;
            border-radius: 0px !important;
        }
    }

    article.u-block-hover {
        position: relative;
        max-width: 100%;
        margin: 0;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: #ffffffa1;
        backdrop-filter: blur(2px);
        border-radius: 7px;
        box-shadow: 3px 1px 12px -6px gray;

        &:hover figure.g-overflow-hidden img.landing-block-node-card-img {
            transform: scale(1.05) !important;
            visibility: visible;
        }
    }

    [class*=u-block-hover] img {
        position: relative;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}


/* ── 8. PRODUCT DETAIL PAGE (#b2965) ─────────────────────── */

div#b2965 {
    margin-top: 0px;
    backdrop-filter: blur(2px);

    /* ── 8a. BASE GRID LAYOUT ────────────────────────────── */

    .bx-catalog-element {
        display: grid !important;
        column-gap: 20px !important;

        >h1 {
            grid-column: 1 / -1;
            text-align: center;
            text-transform: uppercase;
            font-family: 'Poppins';
            font-size: 28px;
            margin-bottom: 35px !important;
            font-weight: 500;
            letter-spacing: 2px;
            color: #886d6d;
        }

        >.row:nth-child(2) {
            display: contents !important;

            >.col-md:first-child {
                display: flex;
                flex-direction: column;
            }

            >div:last-child {
                display: none !important;
            }
        }

        >.row:nth-child(3) {
            min-width: 0;
            overflow: hidden;
            align-self: start !important;

            .col {
                min-width: 0 !important;
                max-width: 100% !important;
                flex: 0 0 100% !important;
            }
        }

        >.row:nth-child(4) {
            display: none !important;
        }
    }

    .tab-content.g-pt-20 {
        padding-top: 0px !important;
    }

    .col-sm-4.col-md-3 {
        display: none !important;
    }

    /* ── 8c. SLIDER CONTAINER & IMAGES ──────────────────── */

    .bx-catalog-element>.row:nth-child(2)>.col-md:first-child {

        .product-item-detail-slider-container:not(.popup) {
            display: flex;
            flex-direction: row;
            height: 100%;
            width: 100%;
            gap: 10px;
        }

        .product-item-detail-slider-block {
            position: relative;
            flex: 1;
            overflow: hidden;
            background-color: #ffffff00;
        }

        .product-item-detail-slider-images-container {
            height: 100%;
        }

        .product-item-detail-slider-image {
            height: 100%;
        }

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-image img {
            width: auto;
            height: 100%;
            object-fit: contain !important;
            object-position: top !important;
            background-color: #ffffff2e;
            display: block;
        }

        .product-item-detail-slider-container.popup .product-item-detail-slider-image img {
            width: auto;
            height: 100%;
            object-fit: contain !important;
            object-position: center !important;
            background-color: #00000000;
            display: block;
            border-radius: 15px;
            max-height: 95vh;
            box-shadow: 0px 6px 12px -7px #2c2c2c;
            padding: 0 !important;
            margin: 0 !important;
        }

        /* ── 8d. SLIDER ARROWS ───────────────────────────── */
        .product-item-detail-slider-container:not(.popup) {

            .product-item-detail-slider-left,
            .product-item-detail-slider-right {
                top: 0 !Important;
                z-index: 9999999;
            }
        }

        .product-item-detail-slider-container:not(.popup) span.product-item-detail-slider-left,
        .product-item-detail-slider-container:not(.popup) span.product-item-detail-slider-right {
            display: none !important;
        }

        .product-item-detail-slider-left,
        .product-item-detail-slider-right {
            width: 50px !important;
            height: 350px !important;
            background: rgba(55, 53, 53, 0.3) !important;
            border: none !important;
            box-shadow: none !important;
            border-radius: 0px !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            opacity: 0;
            transition: opacity 0.3s ease;
            padding: 12px 10px !important;
            z-index: 10;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;


            &::before {
                content: '' !important;
                display: block;
                width: 14px;
                height: 14px;
                border-top: 3px solid rgba(255, 255, 255, 0.95);
                border-right: 3px solid rgba(255, 255, 255, 0.95);
                background: none !important;
                filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
                pointer-events: none !important;
            }
        }

        .product-item-detail-slider-left {
            left: 0px !important;

            &::before {
                transform: rotate(-135deg);
            }
        }

        .product-item-detail-slider-right {
            right: 150px !important;

            &::before {
                transform: rotate(45deg);
            }
        }

        .product-item-detail-slider-block:hover {

            .product-item-detail-slider-left,
            .product-item-detail-slider-right {
                opacity: 1;
            }
        }

        /* ── 8e. THUMBNAILS ──────────────────────────────── */

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-block {
            display: flex !important;
            flex-wrap: nowrap;
            flex-shrink: 0 !important;
            gap: 10px;
            align-items: flex-start;
            justify-content: flex-start;
            border: none !important;
            box-shadow: none !important;
            margin-top: 0 !important;
            padding-top: 0px !important;
        }

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-image {

            overflow: hidden;
            background-color: #ffffff;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            border-radius: 5px !important;

            img {
                width: 100%;
                height: 100%;
                max-width: 75px;
                max-height: 75px;
                object-fit: cover !important;
                object-position: center !important;
                border-radius: 5px;
                display: block;
            }
        }

        .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
            flex: 0 0 100px !important;
            width: 100px !important;
            height: 100px !important;
            min-width: 0 !important;
            overflow: hidden;
            background-color: #ffffff;
            border: none !important;
            outline: none !important;
            border-radius: 7px !important;
            box-shadow: 0px 6px 5px -4px gray;

            img {
                width: 100px;
                height: 100px;
                max-width: 100px;
                max-height: 100px;
                object-fit: cover !important;
                object-position: center !important;
                display: block;
            }
        }
    }
}

/* ── 8b. SLIDER POPUP MODAL ──────────────────────────────── */
/* Note: kept outside #b2965 nesting as popup is moved to body by JS */

.product-item-detail-slider-container.popup {
    z-index: 100000000 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    transform: none !important;
    will-change: auto !important;
    -webkit-transform: none !important;
    background-color: #656565c9 !important;
    backdrop-filter: blur(1.5px);

    .product-item-detail-slider-block {
        flex: 1 !important;
        height: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    .product-item-detail-slider-controls-block {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        padding: 20px;
        border-left: 5px solid #d3d3d3;
        background-color: #ffffff8a;
    }

    .product-item-detail-slider-left,
    .product-item-detail-slider-right {
        width: 50px !important;
        height: 100% !important;
        background: rgba(55, 53, 53, 0.3) !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        opacity: 0;
        transition: opacity 0.3s ease;
        padding: 12px 10px !important;
        z-index: 10;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        &::before {
            content: '' !important;
            display: block;
            width: 14px;
            height: 14px;
            border-top: 3px solid rgba(255, 255, 255, 0.95);
            border-right: 3px solid rgba(255, 255, 255, 0.95);
            background: none !important;
            filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
            pointer-events: none !important;
        }
    }

    .product-item-detail-slider-left {
        left: 0px !important;

        &::before {
            transform: rotate(-135deg);
        }
    }

    .product-item-detail-slider-right {
        right: 150px !important;

        &::before {
            transform: rotate(45deg);
        }
    }

    .product-item-detail-slider-block:hover {

        .product-item-detail-slider-left,
        .product-item-detail-slider-right {
            opacity: 1;
        }
    }
}

.product-item-detail-slider-close {
    z-index: 100000001 !important;
    position: fixed !important;
    top: 15px !important;
    right: 15px !important;
}


/* ── 9. GO BACK BLOCK (#go-back) ─────────────────────────── */

#go-back {
    backdrop-filter: blur(3px);

    .hs-icon-arrow-left:before {
        content: "<" !important;
        font-family: 'Poppins';
        font-size: 16px;
        font-weight: 500;
        color: #886d6d;
        padding-right: 0px !important;
    }

    i.hs-icon.hs-icon-arrow-left.g-flex-centered.g-font-size-12.g-pr-10 {
        padding-right: 5px !important;
    }
}


/* ── 10. SEARCH BAR (#search-bar) ────────────────────────── */

div#search-bar {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 99999999;

    .g-ml-20--sm {
        margin-left: 0rem !important;
    }

    .g-bg-white {
        background-color: #ffffffeb !important;
        backdrop-filter: blur(3px);
        box-shadow: 0px 1px 4px #00000036;
    }

    .col-12.col-sm-3.col-lg-2,
    .landing-block-card-menu-contact-container.col-sm-8.col-md-9 {
        display: none !important;
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        margin: auto;
    }

    header.landing-block.g-bg-white.g-pt-20.g-pb-20.g-brd-bottom.g-brd-gray-light-v4.text-center.text-lg-left {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .container {
        max-width: 95vw;
    }

    .form-control {
        color: #495057 !important;
        background-color: #ffffff8f !important;
        background-clip: padding-box !important;
        box-shadow: inset -3px 6px 4px -5px #0000002e !important;
        backdrop-filter: blur(1.5px);
        border-top-left-radius: 6px !important;
        border-bottom-left-radius: 7px !important;
        outline: 1px solid #dfdcdc !important;
    }

    button.btn.btn-primary.search-title-button {
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        background-color: #886d6d;
        border: 1px solid #cec9c6;
    }
}

/* ── SEARCH BAR INSIDE TITLE BLOCK ──────────────────────── */

#catalog-page-title div#search-bar {
    position: relative !important;
    bottom: auto !important;
    width: 100% !important;
    z-index: auto !important;
    margin-top: 15px;

    header.landing-block.g-bg-white.g-pt-20.g-pb-20.g-brd-bottom.g-brd-gray-light-v4.text-center.text-lg-left {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
    }



    .landing-block.g-brd-bottom {
        border: none !important;
    }


}

.b24-window-panel .b24-window-scrollable {
    background: #ffffffad !important;
}

/* ── END GLOBAL ONLY ────────────────────────────────────── */
/* ---------------------------------------------------------- */



/* ── 11. MOBILE ONLY (max-width: 899px) ──────────────────── */

@media only screen and (max-width: 899px) {

    #b2965 .bx-catalog-element>.row:nth-child(2)>.col-md:first-child {


        .product-item-detail-slider-controls-block {

            padding: 10px 5px;
            border-left: 5px solid #d3d3d3;
            background-color: #ffffff8a;
        }

        .product-item-detail-slider-container:not(.popup) {
            flex-direction: column !important;
        }

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-block {
            order: 1 !important;
            flex-direction: row !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            width: calc(100vw - 10px) !important;
            max-width: calc(100vw - 10px) !important;
            max-height: none !important;
            flex-shrink: 0 !important;
            gap: 6px !important;
            padding: 8px 5px !important;
        }

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-image {
            flex: 0 0 calc(50vw - 15px) !important;
            width: calc(50vw - 15px) !important;
            height: calc(50vw - 15px) !important;
            min-width: calc(50vw - 15px) !important;
        }

        .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-image img {
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            max-height: none !important;
        }

    }

    #categories {
        figure.g-overflow-hidden {
            height: 130px !important;

        }

        section.g-pb-50.g-bg.g-pl-30.g-pr-30.g-pt-35 {
            padding: 12px !important;
        }
    }

    #catalog-page-title {

        section.landing-block.landing-block-node-bgimg {
            padding: 20px !important;
        }

        h2.landing-block-node-title.g-color.g-text-shadow-none {
            padding-top: 120px !important;
        }

    }

    .product-item {
        margin-bottom: 10px !important;
    }



    #b1865 {
        .g-pt-30 {
            padding-bottom: 300px !important;
            padding: 10px !important;
        }
    }

    .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px !important;
    }


    .u-header__section.g-bg-black-opacity-0_4.g-transition-0_3.g-py-8.g-py-17--md {
        background: rgb(255 255 255 / 84%) !important;
        backdrop-filter: blur(3px);
    }

    .g-max-width-180 {
        max-width: 100px !important;
    }

    .landing-block-node-containerimg.g-pointer-events-all.text-center.g-ml-5.g-mr-5 {
        max-width: 15vw;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .g-min-height-100vh {
        min-height: 50vh !important;
    }

    .g-pt-85 {
        padding-top: 3rem !important;
    }

    .g-pl-10 {
        padding-left: .71429rem !important;
        padding-right: .71429rem !important;
    }

    div#b2129 button.navbar-toggler:before {
        content: "Catalog Menu";
        font-size: 1.8rem;
        font-weight: 700;
        text-transform: uppercase;
        right: 0vw;
        position: absolute;
        width: 100vw;
        top: 0px;
        color: #4f2e76;
    }

    .hamburger .hamburger-inner,
    .hamburger .hamburger-inner::after,
    .hamburger .hamburger-inner::before {
        height: 2.5px !important;
        border-radius: 0;
        width: 25px;
        color: #4f2e76;
    }

    .g-font-size-28 {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }

    .landing-block-card.js-animation.fadeIn {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .g-pb-30 {
        padding-bottom: .5rem !important;
    }

    .g-mb-40 {
        margin-bottom: .5rem !important;
    }

    .landing-block-node-text-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    ul {
        padding-inline-start: 20px !important;
    }



    h2.landing-block-node-title {
        font-size: 2rem !important;
        line-height: 2.3rem;
    }

    .g-font-size-38 {
        font-size: 2rem !important;
    }

    .g-font-size-35 {
        font-size: 2rem !important;
    }

    .g-line-height-1 {
        line-height: 1.3 !important;
    }

    .landing-block-card.landing-block-node-block.js-animation.fadeIn.col-lg-4 .landing-block-node-date.g-pos-abs.g-bottom-20.g-left-20.g-px-10.rounded-0.g-bg.text-center {
        left: 50% !important;
        bottom: 4px !important;
        min-width: 100%;
        backdrop-filter: blur(3px);
        background: #ffffffc7 !important;
        padding: 5px;
        height: max-content;
        outline: 5px solid #ffffffa6;
        margin: auto;
        padding-top: 10px;
        transform: translatex(-50%);
        transition: all ease-in-out .3s;
        font-size: 1.2rem !important;
    }

    section.landing-block.g-bg.g-pt-15.g-pb-45 {
        backdrop-filter: blur(3px);
        box-shadow: 0px 1px 12px #8080804f;
        overflow: visible;
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .u-heading-v2-10 {
        padding: 15px !important;
        margin: 15px 0px 30px 0px !important;
        font-weight: 700 !important;
    }

    section.landing-block.g-bg.g-pb-45.g-pt-55.g-pl-30.g-pr-30 {
        padding: 0px !important;
    }

    .g-min-height-70vh {
        min-height: 50vh !important;
    }

    .landing-block-node-container.container.g-pt-50.g-pb-50 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    span.landing-block-icon-container.landing-semantic-color-main.col-2.col-md-1.text-right.g-font-size-22.g-color {
        padding: 0px !important;
    }

    .row.col-12.align-items-center {
        padding: 0px !important;
    }

    div#search-bar {

        .landing-block-search-container.col-md-3 {
            -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
            margin: 10px 0px !important;
            padding: 0px !important;
        }


    }

    /* ── PRODUCT DETAIL THUMBNAILS MOBILE ────────────────── */


    #category-nav {

        position: sticky;
        top: 73px;
        padding: 8px 0px;
        background: #ffffff8f;
        backdrop-filter: blur(4px);
        border-bottom: 5px solid #ffffff6e;
        box-shadow: 0px 3px 7px -3px #3c3c3c5e;


        .landing-block-node-navbar::after {
            content: "Category Menu";
            height: 47px;
            width: 100%;
            display: block;
            font-weight: 500;
            font-size: 20px;
            text-align: center;
            pointer-events: none;
            position: absolute;
            left: 0;
            top: 0;
            color: #5a4b4b;
            align-content: center;
        }

        .landing-block-node-navbar {
            backdrop-filter: blur(3px) brightness(0.96) !important;
            -webkit-backdrop-filter: blur(3px) brightness(0.96) !important;
            border-radius: 7px;
            box-shadow: 0px 4px 4px -4px #8080809e !important;
            margin: 0px 15px;
            background: #fff8f7;
        }

        button.navbar-toggler.btn.g-line-height-1.g-brd-none.g-pa-10.g-pr-20.ml-auto {
            padding-top: 15px !important;
        }





    }

    .product-item-detail-slider-container.popup {

        top: 20px;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: calc(100vh - 90px) !important;
        max-width: 100vh !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 45px !important;

    }

    /* Product details mobile */
    #b2965 {
        padding-top: 10px;

        .product-item-detail-slider-container.popup .product-item-detail-slider-image img {
            width: 100% !important;
            top: 150px !important;
            height: auto;
            object-fit: contain !important;
            object-position: top !important;
            background-color: #00000000;
            display: block;
            border-radius: 15px;
            max-height: 95vh;
            box-shadow: 0px 6px 12px -7px #2c2c2c;
            padding: 0 !important;
            margin: 0 !important;
        }

        min-height: calc(100vh - 150px);

        .product-item-detail-slider-controls-block {
            top: auto !important;
            bottom: 0px !important;
            overflow: auto clip !important;
        }

        .bx-catalog-element {
            grid-template-columns: 100% !important;

            >.row:nth-child(2)>.col-md:first-child {
                grid-column: 1;
                grid-row: auto;

                .product-item-detail-slider-block {
                    height: calc(100vh - 400px) !important;
                    max-height: calc(100vh - 400px) !important;
                    flex-shrink: 0 !important;
                }
            }

            >.row:nth-child(3) {
                grid-column: 1;
                grid-row: auto;
            }
        }
    }

    #b2081 .landing-block-node-card.landing-block-node-card-bgimg.js-slide.d-flex.align-items-center.u-bg-overlay.g-min-height-100vh {
        min-height: 40vh !important;
        max-height: 40vh !important;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 10px !important;
    }

    /* END MOBILE ONLY */
}

/* ─────────────── */



/* ── 12. DESKTOP ONLY (min-width: 900px) ─────────────────── */

@media only screen and (min-width: 900px) {


    .product-item-detail-slider-block.product-item-detail-slider-block-square {
        padding-top: 0px !important;
    }

    #b2965 {

        min-height: 100vh !important;

        h1.mb-3 {
            display: none !important;
        }

        .bx-catalog-element>.row:nth-child(2)>.col-md:first-child {

            .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-block {
                flex-direction: column !important;
                overflow-y: scroll !important;
                overflow-x: hidden !important;
                width: 95px !important;
                max-height: 350px !important;
                flex-shrink: 0 !important;
                gap: 10px;
                order: -1;
            }

            .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-image {
                flex: 0 0 75px !important;
                width: 75px !important;
                height: 75px !important;
                min-width: 0 !important;
            }

            .product-item-detail-slider-container:not(.popup) .product-item-detail-slider-controls-image img {
                max-width: 75px;
                max-height: 75px;
            }
        }
    }

    .landing-sidebar.g-max-width-100x {
        width: 23% !important;
        backdrop-filter: blur(3px);
        max-width: 23% !important;
        min-width: 23% !important;
        background: #ffffff7d;
        padding-bottom: 50px;
        margin-bottom: -70px;

    }

    .landing-main.g-max-width-100x {
        width: 77% !important;
        max-width: 77% !important;
    }

    div#nav-home,
    div#nav-catalog {
        .g-px-15 {
            padding-left: 0rem !important;
            padding-right: 0rem !important;
        }

        .g-mx-30--lg {
            margin-left: 0rem !important;
            margin-right: 0rem !important;
            min-width: 13vw;
            max-width: 13vw;
            text-align: center;
        }
    }

    .u-header__section.g-bg-black-opacity-0_4.g-transition-0_3.g-py-8.g-py-17--md {
        background: rgba(255, 255, 255, 0) !important;
    }

    .g-max-width-180 {
        max-width: 150px !important;
    }

    .landing-block-card.landing-block-node-block.js-animation.fadeIn.col-lg-4 .landing-block-node-date.g-pos-abs.g-bottom-20.g-left-20.g-px-10.rounded-0.g-bg.text-center {
        left: 50% !important;
        bottom: 30px !important;
        min-width: 85%;
        backdrop-filter: blur(3px);
        background: #ffffffc7 !important;
        padding: 5px;
        height: 20%;
        outline: 5px solid #ffffffa6;
        margin: auto;
        padding-top: 10px;
        transform: translatex(-50%);
        transition: all ease-in-out .3s;
    }

    section.landing-block.g-bg.g-pt-15.g-pb-45 {
        backdrop-filter: blur(3px);
        box-shadow: 0px 1px 12px #8080804f;
        overflow: visible;
        margin-left: 40px;
        margin-right: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }



    /* Product details desktop */
    #b2965 {
        .container {
            background: #ffffffb5;
            padding: 30px;
            padding-right: 60px !important;
            border-radius: 10px;
            box-shadow: 0px 4px 20px -13px #232121;
            margin-bottom: 90px;
            margin-left: 30px;
            margin-top: 15px;
            /* margin-right: 280px; */
        }

        .g-pt-20 {
            padding-top: 15px !important;
        }

        section.landing-block.g-pt-20.g-pb-20.g-bg {
            padding-bottom: 175px !important;
            margin-bottom: -150px;
        }

        .bx-catalog-element {
            grid-template-columns: 57% auto !important;

            >.row:nth-child(2)>.col-md:first-child {
                grid-column: 1;
                grid-row: 2 / 4;

                .product-item-detail-slider-block {
                    height: 500px;
                    max-height: 500px;
                }
            }

            >.row:nth-child(3) {
                grid-column: 2;
                grid-row: 2 / 4;
            }
        }
    }

    #category-nav {
        height: 100vh;
        overflow-y: auto;
        overflow-x: visible;
    }

    #category-nav,
    #contact-nav {
        .navbar-toggler {
            display: none !important;
        }

        .collapse.navbar-collapse {
            display: block !important;
        }
    }

    #search-bar .col-md-3 {
        flex: 0 0 40% !important;
        max-width: 40% !important;
        margin: auto !important;
    }

}

/* END DESKTOP ONLY */