@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1450px !important;
        padding-bottom: 100px;
    }

    .row>* {

        padding-right: 8px !important;
        padding-left: 8px !important;

    }

    .wall-header__title {
        margin-left: 4px;
    }

    .wall-breadcrumbs__list {
        margin-left: -5px !important;
    }

    
}

@media (max-width: 950px) {
    .container{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .row>* {

        padding-right: 2px !important;
        padding-left: 2px !important;

    }

    .row{
        margin-left: 0px !important; 
        margin-right: 0px !important;
    }

    .wall-header__title {
        margin-left: 3px;
    }


    .wall-breadcrumbs__list {
        margin-left: -5px !important;
    }

    .wall-header__item_count{
        margin-left: 3px;
    }

    .totaldisplayresult{
        margin-left: 3px;
    }
}

.card{

    border: var(--bs-card-border-width) solid white !important;
}

/* product card */
.product-card__info {
    position: relative;
    padding: 12px 0 2px 0;
    min-height: 185px;
    font-size: 16px;
}

.product-card__info .product_msg_info {
    display: inline-block;
}

.product-card__titles {
    line-height: 1.5em;
}

.product-card__title {
    color: #111111;
    font: var(--podium-cds-typography-body1-strong);
}

.product-card__subtitle {
    color: #707072;
    font-size: 16px;
}

.product-card__product-count {
    margin-top: 4px;
    margin-bottom: 4px;
    font: var(--podium-cds-typography-body1);
    font-size: 16px;
    color: #707072;
}

.product-price {
    margin-top: 13px;
    font: var(--podium-cds-typography-body1-strong);
    padding-right: 5px;
    font-weight: 500;
}
.colorprimary {
    color: #111111
}


/* button */
.btn-link{
    text-decoration: none;
}

/* title */
.wall-header__title {

    font: var(--podium-cds-typography-body1-strong);
    font-size: 18px ;
    line-height: 1.3;
    margin-bottom: 2px;
}

/* -------------------------------------- categories sidebar ------------------------------------------------ */
a{
    text-decoration: none;
}
.categories{
    margin-bottom: 42px;
}
.css-1lkhomu .is--desktop {
    padding: 0 0 40px;
}

.css-1lkhomu.is--desktop .categories__item {
    color: #111111;
    font-weight: 500;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.35em;
    padding-bottom: 10px;
    padding-right: 1.1em;
}

.css-1lkhomu .categories__item {
    font-size: 16px;
}

.css-9g65ce {
    font-weight: 400;
    line-height: 1.5;
    font: var(--podium-cds-typography-body1-strong);
    background: transparent;
    color: #111111;
    cursor: pointer;
    display: block;
    margin: 0;
    margin-left: 4px;
    overflow-wrap: break-word;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 96%;
}

/* -------------------------------------- scroll down sidebar ------------------------------------------------ */
#sidebar {
    max-height: 670px; /* Adjust height as needed */
    overflow-y: auto; /* Enables vertical scrolling */
    scrollbar-width: thin; /* Firefox scrollbar */
    scrollbar-color: #888 #f1f1f1; /* Firefox scrollbar color */
    position: sticky;
    top: 0;
}

/* Custom scrollbar for WebKit browsers (Chrome, Safari) */
#sidebar::-webkit-scrollbar {
    width: 8px;
}

#sidebar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#sidebar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

#sidebar::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* accordion */
/* .accordion-item {
  border: none !important;
} */

/* .accordion{
    --bs-accordion-btn-focus-border-color: white !important;
    --bs-accordion-border-color: white !important;
} */

/* Remove borders from accordion items and only show border-bottom */
.accordion-item {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

/* Remove border and box shadow from the accordion button */
.accordion-button {
    border: none;
    border-radius: 0;
    box-shadow: none !important;
}

/* Optional: change hover/focus background or keep it clean */
/* .accordion-button:focus {
    box-shadow: none !important;
}

/* Optional: remove background color on active */
.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
} */

/* Remove blue outline (box-shadow) on click/focus */
.accordion-button:focus,
.accordion-button:active {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

/* Optional: Also remove any background color change */
.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: inherit;
}


/* ------------------------------ ---------------------- */

.trigger-content__label {
    font: var(--podium-cds-typography-body1-strong);
    display: inline-block;
    width: 93%;
}

.form-check-label{
    cursor: pointer;
}

/* ------------------------------sidebar color ---------------------- */

.filter-group__items-group {

    display: flex;
    flex-wrap: wrap;
}

.filter-group__content.for--colors {
    padding: 8px 0 10px;
}

.filter-group__outer {
    margin-left: -4px;
    margin-top: 5px;
}

.css-1ty7r0g.is--color {
    width: 32%;
    height: 100%;
    min-height: 68px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.css-1ty7r0g.is--color {
    margin: 0px -2px 0px 2px;
    /* width: 100%; */
}

.css-1ty7r0g {
    font-weight: 400;
    line-height: 1.5;
    font: var(--podium-cds-typography-body1-strong);
    background: transparent;
    color: #111111;
    cursor: pointer;
    display: block;
    margin: 0;
    margin-left: 4px;
    overflow-wrap: break-word;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 96%;
}



.css-1ty7r0g .filter-item__color-patch {
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 14px;
    display: block;
}

.css-1ty7r0g .filter-item__color-patch.is--black {
    display: inline-block;
    background-color: #000;
}

.css-1ty7r0g .filter-item__color-patch.is--blue {
    display: inline-block;
    background-color: #1790C8;
}

.css-1ty7r0g .filter-item__color-patch.is--brown {
    display: inline-block;
    background-color: #825D41;
}

.css-1ty7r0g .filter-item__color-patch.is--green {
    display: inline-block;
    background-color: #7BBA3C;
}

.css-1ty7r0g .filter-item__color-patch.is--grey {
    display: inline-block;
    background-color: #808080;
}

.css-1ty7r0g .filter-item__color-patch.is--orange {
    display: inline-block;
    background-color: #F36B26;
}

.css-1ty7r0g .filter-item__color-patch.is--pink {
    display: inline-block;
    background-color: #F0728F;
}

.css-1ty7r0g .filter-item__color-patch.is--purple {
    display: inline-block;
    background-color: #8D429F;
}

.css-1ty7r0g .filter-item__color-patch.is--red {
    display: inline-block;
    background-color: #E7352B;
}

.css-1ty7r0g .filter-item__color-patch.is--white {
    display: inline-block;
    background-color: white;
    border: 1px solid #707072;
}

.css-1ty7r0g .filter-item__color-patch.is--yellow {
    display: inline-block;
    background-color: #FED533;
}


/* ------------------------------------------ */

.moresidebar{
    font: var(--podium-cds-typography-body1);
    background: none;
    color: #111111;
    cursor: pointer;
    margin-top: 5px;
    text-align: left;
}