html,
body {
    overflow-x: hidden !important;
}

.middle-header .col-mb-4.col-tb-4.col-des-2.d-flex.align-items-center {
    display: flex;
}

.middle-header .d-flex {
    display: flex;
}

header.page-header .frame-fluid {
    max-width: 96%;
    margin: 0 auto;
}

body {
    max-width: 1920px;
    margin: 0 auto;
}

.header-top-links {
    position: relative;
}

a.scroll-to-top:hover i {
    color: #FFF;
}

.footer.content .block.newsletter {
    border-radius: 10px !important;
}

.catalogsearch-result-index.width1200 .breadcrumbs .items,
.catalogsearch-result-index .breadcrumbs+.page-title-wrapper h1.page-title,
.catalogsearch-result-index.width1200 .page-main>.columns {
    max-width: 96%;
}

.btn.small {
    line-height: normal;
    padding: 4px 20px;
    height: auto;
}

.locator-index-searchbydistance div#page-title-wrapper {
    padding: 50px 0 10px 0px;
}

.locator-index-searchbydistance div#page-title-wrapper h1 span {
    color: var(--thim-mgs-color-01, #222);
}

div#show-all-store {
    margin-top: 30px;
}

.catalogsearch-result-index span.material-symbols-rounded {
    position: relative;
    top: 9px;
    left: 11px;
}

main#maincontent {
    margin-top: 0;
}

.breadcrumbs {
    background: transparent !important;
}

.footer .block.newsletter label {
    display: none;
}

.top-header ul.d-flex {
    display: flex;
}

html header.page-header .header-area:not(.header7) .navigation .nav-main-menu li.mega-menu-fullwidth>ul.dropdown-menu ul li>a {
    padding: 0px 0 6px;
}

.width1200 .page-main>.columns {
    max-width: 1366px;
}

button.action.primary {
    border: 0;
    padding: 0 30px;
    height: 42px;
}

.customer-account-confirmation .actions-toolbar {
    margin: 0 !important;
}

html .toolbar .modes .arrow-topbar-page-title {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.footer-newsletter * {
    text-align: left !important;
}

.footer-logo {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 50px !important;
}

.footer-social-links {
    margin-top: 30px;
    margin-bottom: -20px;
}

.footer-newsletter .block.newsletter {
    width: 100%;
    margin: 30px 0 10px 0 !important;
}

.footer-newsletter h3 {
    font-size: 30px !important;
}

div#page-title-wrapper {
    margin-bottom: 50px;
}

.checkout-onepage-success div#registration {
    text-align: center;
}

.middle-header a.logo img {
    max-width: 372px;
}

html .top-wishlist .wishlist-count {
    left: -21px;
}

fieldset#payment_form_rootways_authorizecim_option input {
    width: 94%;
}

fieldset#payment_form_rootways_authorizecim_option .fields.group.group-2 {
    display: flex;
}

fieldset#payment_form_rootways_authorizecim_option .control {
    margin-left: 0;
}

fieldset#payment_form_rootways_authorizecim_option ul.credit-card-types {
    margin-top: 30px;
    display: block;
}

fieldset#payment_form_rootways_authorizecim_option .fields.group.group-2 {
    display: flex;
    gap: 15px;
}

fieldset#payment_form_rootways_authorizecim_option .field.no-label.year {
    margin: 0;
}

fieldset#payment_form_rootways_authorizecim_option .fields.group.group-2 .field.no-label {
    width: 63% !important;
}

fieldset#payment_form_rootways_authorizecim_option .fields.group.group-2 select {
    width: 100% !important;
    padding: 0 20px;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"] {
    border-radius: 7px;
}


.equal-height .line {
    height: 100%;
}

.equal-height .line>div>div {
    align-items: stretch;
    height: 100%;
}

.equal-height .line>div>div .content-block {
    height: 100%;
    align-items: stretch;
}

.equal-height .line>div>div .content-block .mgs-promobanner {
    align-items: stretch;
    height: 100%;
}

.equal-height .line>div>div .content-block .mgs-promobanner a {
    display: block;
    height: 100%;
    align-items: stretch;
}

.equal-height .promobanner img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*OWL*/
.fullscreen-slider .owl-prev,
.fullscreen-slider .owl-next {
    height: 60px !important;
    border-radius: 2px !important;
}

html .mgs-owl-carousel.owl-carousel .owl-nav>div.owl-prev,
html .mgs-owl-carousel.owl-carousel .owl-nav>div.owl-next {
    top: 50%;
}

/*OWL*/

.store-list-container h3 {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 24px;
    font-size: 22px;
}

.store-list-container .search-form {
    max-width: 980px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 70px !important;
}

.store-list-container .field-row {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.form-group.address-wrapper {
    width: 100%;
    max-width: 480px;
}

.store_tags h5 {
    font-size: 13px;
    margin-top: 19px;
    display: block;
}

.store_tags ul {
    float: left;
    width: 100%;
    margin: 10px 0 30px 0;
    padding: 0px;
    list-style: none;
}

.store_tags ul li {
    float: left;
    padding: 0 22px 0 0;
}

.store_tags li label {
    display: block;
    line-height: normal;
}

.store_tags li label input {
    float: left;
    width: auto !important;
    margin: -8px 11px 0 0;
    line-height: 30px;
    display: block;
}

.store_tags ul li input {
    width: 350px;
    border: 1px solid #DEDFE1;
    height: 34px;
    text-transform: uppercase;
    line-height: 34px;
    padding: 0 5px;
    background: #fff;
    color: #181D23;
}

/* Primary Color */

.btn.btn-primary,
.primary button,
a.primary,
.primary a,
.action.primary,
.action-primary {
    border-color: var(--thim-primary-color, #222);
    background-color: var(--thim-primary-color, #222);
    color: #FFF !important;
}

html .primary button:hover,
html .footer.content .block.newsletter .actions:hover .subscribe,
html .btn-secondary,
html .btn.btn-primary:hover,
html .action.primary:hover,
html .action-primary:hover,
html .btn.btn-primary._hover,
html .action.primary._hover,
html .action-primary._hover,
html .btn.btn-primary:focus,
html .action.primary:focus,
html .action-primary:focus,
html .scroll-to-top:hover,
html .scroll-to-top:focus,
html .scroll-to-top:active,
html .slide-text .btn-default:hover {
    background-color: var(--thim-primary-hover, #6f6b60);
    border-color: var(--thim-primary-hover, #6f6b60);
}

html .scroll-to-top:hover,
html .scroll-to-top:focus,
html .scroll-to-top:active {
    color: #FFF;
}

html .mgs-product.products-grid .product-item-info .product-item-name a:hover,
html .mgs-products.products-grid .product-item-info .product-item-name a:hover,
html .mgs-attribute-products .product-item-info .product-item-name a:hover,
html span.action.top-links.theme-header-icon:hover,
html .page-header .search-form .actions-search .action-search:hover,
html span.wishlist-icon.icon-heart.theme-header-icon:hover,
html .top-wishlist:hover .wishlist-icon:before,
html .header-area .table-icon-menu .minicart-wrapper:hover .action.showcart:before,
html a:hover,
html a:focus,
html .latest-post-grid-block .post-content .title-blog a:hover {
    color: var(--thim-primary-color, #6f6b60);
}

html .product-label.new-label {
    background-color: var(--thim-primary-color, #6f6b60);
}

/* Primary Color */



.align-left {
    text-align: left !important;
}

.store-list-container .pages.list-inline {
    display: block !important;
}

.store-list-container p.toolbar-amount {
    display: block !important;
    width: 100%;
    margin-bottom: 10px;
}

.store-list-container a.page {
    color: #000 !important;
}

html.search-open .page-header .search-form .block-search.active {
    background-color: rgba(0, 0, 0, 0.7);
}

ul.stores .store-logo {
    display: none !important;
}

.modal-inner-wrap .product-info-main .box-tocart .field.qty,
.product-options-bottom .box-tocart .field.qty {
    margin-bottom: 3px;
}

.mgs-checkout-step-sidebar .discount-code .form-discount .actions-toolbar .primary .action-apply span,
.checkout-shipping-address>.step-content .action.action-show-popup span {
    color: #FFF !important;
}

.mgs-checkout-step-sidebar .discount-code .form-discount .actions-toolbar .primary .action-apply,
.checkout-shipping-address>.step-content .action.action-show-popup {
    background-color: var(--thim-primary-color, #222);
    border-color: var(--thim-primary-color, #222);
    color: #FFF !important;
}

.onestepcheckout-index-index .order-summary,
.onestepcheckout-index-index .checkout-shipping-step,
.onestepcheckout-index-index .checkout-billing-step,
.onestepcheckout-index-index .opc-shipping-address-box {
    background-color: #FFF;
}

.onestepcheckout-index-index .authentication-wrapper {
    margin-top: 60px !important;
}

.modal-inner-wrap .product-info-main .product-add-form .actions button.tocart {
    background-color: var(--thim-primary-color, #6f6b60);
    padding: 1px 50px;
    height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.custom-price-wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
}

.custom-price-wrapper.info-page span.msrp-label {
    font-size: 22px;
    line-height: 14px;
    margin-top: 10px;
}

.block-blog-tags .btn-default.selected {
    background: var(--thim-mgs-color-14, #222);
    color: #FFF !important;
}

.sidebar-additional .block-content {
    width: 100%;
    margin-top: 20px;
}

.blog-post-list .sidebar .block-blog-categories li a.selected,
.blog-post-view .sidebar .block-blog-categories li a.selected {
    color: var(--thim-primary-color, #6f6b60);
}

.blog-post-list .sidebar .block-blog-categories li {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.show-more-container {
    display: block;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 30px;
}

.products-grid .product-item-info .product-top a.photo {
    padding-bottom: 100% !important;
}

.blog-post-list .sidebar .block-blog-posts .post-list li {
    border-bottom: 1px solid #CCC;
}

.blog-post-list .sidebar .block-blog-categories li:last-child,
.blog-post-list .sidebar .block-blog-posts .post-list li:last-child {
    border-bottom: 0;
}

.blog-list .post-item-info .post-info {
    background: transparent !important;
    padding: 15px 5px 0 5px;
    text-align: left;
}

.blog-list .post-item-info .post-info .post-short-description {
    margin-top: 12px;
}

span.published-by span {
    color: rgba(0, 0, 0, 0.9) !important;
}

.slider-description h2,
.slider-description p {
    color: #FFF;
}


.block.widget.mgs-post img {
    min-height: 260px;
    object-fit: cover;
}

.mgs-post .post-item-detail {
    margin-top: 20px;
}

html .modal-popup._inner-scroll.quickViewDetails .product-info-main-wrapper .product-info-main .box-tocart {
    display: flex;
}

li.happy_price.category-menu sup {
    font-size: 8px;
    position: relative;
}

li.sale.category-menu a {
    color: red;
}

button.action.tocompare {
    display: none !important;
}

button.action.tocart.btn-cart.primary span.material-icons {
    position: relative;
    top: 6px;
}

.catalogsearch-result-index div#page-title-wrapper {
    margin-bottom: 20px !important;
}

.catalogsearch-result-index .breadcrumbs+.page-title-wrapper h1.page-title {
    max-width: 98% !important
}

.catalogsearch-result-index .block.search-suggestions {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    align-items: center;
    gap: 16px;
    display: none;
}

.catalogsearch-result-index .search-suggestions ul {
    margin-top: 0 !important;
}

html .mgs-products.products-grid .product-item-info .product-top .actions-link a.action.quickview {
    border-radius: 7px !important;
}

html .mgs-products.products-grid .product-item-info .product-top .actions-link a.action.quickview:hover,
ul.actions-link.actions-secondary .action:hover {
    background-color: var(--thim-primary-color, #222) !important;
    color: #FFF !important;
}

html .bottom-pagination .pages,
.field.limiter {
    display: none !important;
}

ul.actions-link.actions-secondary .action {
    background-color: #FFF !important;
    color: #000 !important;
    border-radius: 50%;
    margin-top: 10px !important;
}

ul.actions-link.actions-secondary {
    padding: 6px;
}

html .mgs-product.products-grid .product-item-info .tocart.btn-cart,
html .mgs-products.products-grid .product-item-info .tocart.btn-cart,
html .mgs-attribute-products .product-item-info .tocart.btn-cart {
    top: 80%;
}

.top-custom-link a {
    color: #FFF !important;
}

.actions-search button.action-search:hover {
    background-color: #FFF !important;
    color: #222 !important;
}

.promobanner .text.bottom-center {
    width: 100%;
}

html .product-info-main .product-add-form .actions button.tocart {
    padding: 16px 60px;
    height: 56px;
    line-height: 1;
    background-color: var(--thim-primary-color, #4b5b50) !important;
    border: none !important;
    border-radius: 7px !important;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

html .product-info-main .product-add-form .actions button.tocart:hover {
    background-color: var(--thim-primary-hover, #3e4a41) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

html .product-info-main .product-add-form .actions button.tocart .material-icons {
    color: #FFF;
}

.actions-search button.action-search {
    display: flex;
    font-size: 16px !important;
    color: #222 !important;
    border: 0px solid !important;
    border-radius: 20px;
    padding: 8px 8px 8px 8px !important;
    position: relative;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px !important;
}

button.action.tocart.btn-cart {
    display: none !important;
}

body.customer-account-index .page-title-wrapper {
    display: block;
}

body.customer-account-index .page-title-wrapper::before {
    background-color: #FFF;
}

body.customer-account-index .customer-greeting-wrapper {
    padding: 0px 0 30px !important;
}

body.customer-account-index .page-title-wrapper-container .page-sub-title h1,
body.customer-account-index .page-title-wrapper-container .page-sub-title h2 {
    color: var(--thim-mgs-color-01, #222);
}

body.account div#page-title-wrapper {
    display: none;
}

.actions-search button.action-search i.pe-7s-search {
    font-size: 20px !important;
    /*position: absolute;*/
    left: 12px;
}

h5.product.name.product-item-name a.product-item-link {
    font-size: 16px;
}

h5.product.name.product-item-name {
    margin-bottom: 1px !important;
}

a.product.photo.product-item-photo img.product-image-photo {
    border-radius: 10px;
}

.item.product.product-item .product-top {
    border-radius: 10px;
}

html .mgs-button-block button {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px !important;
    line-height: normal;
    box-shadow: none;
    padding: 0 36px !important;
}

html .form.minisearch.loading:after,
html .megamenu-vertical .megamenu-content .form.minisearch.loading:after {
    width: 43px !important;
    height: 38px !important;
    right: 0 !important;
    margin-top: 0 !important;
    z-index: 9 !important;
    background-color: #EEE !important;
    top: 0 !important;
    background: url(../../../../../frontend/Mgs/claue/en_US/MGS_InstantSearch/images/ajax-loader.gif) center center;
}

/*Homepage*/
.homepage-blog-carousal .post-item {
    background-color: #222;
    border-radius: 6px;
}

.homepage-blog-carousal .post-item {
    background-color: #222;
    border-radius: 6px;
}

.homepage-blog-carousal .post-item a {
    color: #FFF !important;
    font-size: 18px !important;
    display: block;
    min-height: 52px;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}

.dark h1,
.dark h4,
.dark li,
.dark h3,
.dark h2,
.dark p {
    color: #FFF;
}

.full-height-column {
    background-color: #222;
}

.collection-grid .product.product-item.col:nth-child(3),
.collection-grid .product.product-item.col:nth-child(4) {
    margin-bottom: -10px;
}



.form.minisearch .mgs-instant-search-dropdown .mgs-instant-autocomplete-wrapper .title {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.instagram_widget .block-static-block.widget {
    margin-bottom: 0;
}

.collection-grid .product.product-item.col {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.homepage-blog-carousal .post-item .post-item-detail {
    padding: 0px 30px 30px 30px;
}

.homepage-blog-carousal .post-item .post-item-detail .post-create-date {
    display: none;
}

.homepage-blog-carousal .post-item .post-item-detail .short-content {
    color: #FFF;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical;
}

/*Homepage*/




html body .owl-carousel .owl-nav .owl-prev span,
html body .owl-carousel .owl-nav .owl-next span,
html body .owl-carousel .owl-nav button span,
html body .owl-carousel .owl-nav div span,
html body .instagram-block .owl-nav .owl-prev span,
html body .instagram-block .owl-nav .owl-next span,
html .mgs-owl-carousel.owl-carousel .owl-nav>div span {
    height: 80px !important;
    line-height: 80px !important;
    margin-top: -100%;
}

.locator-index-searchbydistance .pages a.page {
    color: #1979c3;
    padding: 0px 10px;
    border-radius: 4px;
}

.mgs-checkout-step-sidebar .minicart-items-wrapper .product-item .product .product-item-details,
button,
.btn {
    border-radius: 7px !important;
}

/* Registration */
.line.frame.col-des-12.col-tb-12.col-mb-12.field-conatiner {
    padding-left: 0;
}

span.required_mark {
    color: red;
}

.page-header .header-top-links .header-acccount .header.links li a {
    font-size: 14px;
}

.customer-account-logoutsuccess div#page-title-wrapper {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.login-container .fieldset:after {
    font-size: 12px !important;
}

.column.main {
    min-height: 100px !important;
}

.minicart-items .product-item .details-qty.qty .cart-item-qty {
    border-radius: 7px !important;
}

/* Registration */
@media (min-width : 768px) {
    html .breadcrumbs+.page-title-wrapper h1.page-title {
        max-width: 1366px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .middle-header .frame-fluid .line {
        justify-content: space-between;
    }

    .middle-header a.logo img {
        max-width: 100%;
    }
}


@media (max-width : 767px) {

    .mgs-products.products-grid .product-item-info .product-top .actions-link,
    .top-middle-header.align-items-right {
        display: none;
    }

    html .onestepcheckout-index-index .page-title-wrapper {
        max-width: 100%;
    }

    html body.page-layout-product-with-sticky-info .columns-main-sticky>div:first-child,
    .page-layout-1column .product-info-main {
        width: 100% !important;
        max-width: 600px;
        padding-left: 0 !important;
    }

    html .actions-search button.action-search {
        padding: 0 !important;
        top: 8px;
    }

    .header-mobile-tabs--bottom ul li>button,
    html .actions-search button.action-search,
    .header-mobile-tabs--bottom ul li>a,
    .header-mobile-tabs--bottom ul li>.cart.table-wrapper .actions-toolbar>.action,
    .header-mobile-tabs--bottom ul li>.action-gift {
        height: 20px;
        line-height: 20px;
        font-size: 20px;
        margin-top: 10px;
    }

    html .header-mobile-tabs--bottom ul li>span.bottom-mobile-tab-title {
        font-size: 14px;
    }

    html .page-footer .bottom-footer ul {
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    html .page-footer .bottom-footer ul a {
        font-size: 14px;
    }

    ul.social-link.margin-top15 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .catalog-product-view .section-custom-product .content-heading {
        margin-bottom: 0 !important;
    }

    .frame.no-padding.panel.open {
        margin-top: 30px;
    }

    .catalog-category-view.page-layout-1column .category-product-actions .filter-toggle {
        width: 40% !important;
    }

    html .toolbar-sorter.sorter span.material-symbols-rounded,
    html .filter-toggle a.title span.material-symbols-rounded {
        font-size: 25px !important;
    }

    .toolbar .form-item-select select {
        max-width: 180px !important;
    }

    html footer.page-footer .bottom-footer {
        padding-bottom: 115px;
    }

    .toolbar-sorter.sorter {
        left: 0;
        top: -9px;
        position: relative;
    }

    html .toolbar .sorter .sorter-action {
        display: none !important;
    }

    html .page-footer .middle-footer {
        padding: 30px 15px;
    }

    html .page-footer .middle-footer .footer-logo {
        margin-bottom: 20px !important;
    }
}

@media (max-width : 1200px) {
    li.collections li a span {
        background: transparent !important;
    }

    .middle-header {
        padding: 10px 0;
    }

    .header_search_wrapper {
        display: none !important;
    }

    .toolbar-mobile ul.d-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    html .scroll-to-top {
        bottom: 110px
    }

    html .page-footer .middle-footer div[class*="col-des"]:not(:last-child) {
        margin-bottom: 15px;
    }



    .footer-logo {
        text-align: center;
        border-bottom: none;
    }

    .footer-container .col-des-2.col-tb-3.col-mb-12 {
        margin-bottom: 30px !important;
        border-bottom: 1px solid #EEE;
        padding-bottom: 0px;
    }

    .footer-container .col-des-2.col-tb-3.col-mb-12:last-child {
        border-bottom: 0 !important;
    }

    button.action-search span {
        display: none;
    }

    .actions-search button.action-search {
        display: inline-block !important;
        border: 0 !important;
    }
}

@media (min-width: 1200px) {
    .mega-menu-content .col-des-1\.5 {
        flex: 0 0 12%;
    }

    html .form.minisearch .mgs-instant-search-dropdown {
        left: -15px;
        top: 35px;
        width: 100%;
        min-width: 530px;
        max-width: 500px;
    }

    .product-info-main .box-tocart .field.qty,
    .product-options-bottom .box-tocart .field.qty {
        margin-bottom: 0;
        top: 4px;
        position: relative;
    }

    li.collections.mega-menu-item li.level1>a {
        text-align: center;
        background-size: cover !important;
        overflow: hidden;
    }

    li.collections.mega-menu-item li.level1>a span.mega-menu-sub-title {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #00000080;
        width: 100%;
        height: 100%;
        line-height: normal;
        color: #FFF !important;
        padding: 50px 0 50px !important;
    }

    li.collections.mega-menu-item li.level1>a span.mega-menu-bg-overlay {
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    li.collections.mega-menu-item li.level1>a:hover span.mega-menu-sub-title {
        background-color: var(--thim-primary-color, #6f6b60);
    }

    li.collections.mega-menu-item .col-12.col-des-2 {
        padding: 0 3px;
    }


    html header.page-header .header-area:not(.header7) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns)>ul.dropdown-menu {
        width: 100vw;
        left: 50%;
        right: auto;
        margin-left: -50vw;
        border: 0;
        box-shadow: none !important;
        padding: 30px 30% 30px 30%;
    }

    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li>ul.dropdown-menu ul>li:first-child>a {
        border-bottom: 0;
    }

    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li>ul.dropdown-menu ul>li:not(:last-child)>a {
        border-bottom: 0;
    }

    header.page-header .header-area:not(.header7) .navigation .nav-main-menu li>ul.dropdown-menu a {
        border-bottom: 0;
    }
}

/* Premium Toggle Switch Styles */
.toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0;
}

.toggle-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 44px;
}

.toggle-switch input {
    display: none !important;
}

.toggle-switch .slider {
    background-color: #E2E8F0;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 34px;
}

.toggle-switch .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 16px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.toggle-switch input:checked+.slider {
    background-color: var(--thim-primary-color, #6f6b60);
}

.toggle-switch input:checked+.slider:before {
    transform: translateX(20px);
}

.toggle-label {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    color: #4A5568;
    letter-spacing: 0.05em;
}

@media (min-width: 1200px) {

    body.width1366.catalogsearch-result-index .page-wrapper>.breadcrumbs {
        max-width: 96% !important;
    }

    /*body.width1366.catalogsearch-result-index .frame, */
    body.width1366.catalogsearch-result-index .page-main,
    body.width1366.catalogsearch-result-index .breadcrumbs .items,
    body.width1366.catalogsearch-result-index .page.messages .messages {
        max-width: 100% !important;
    }

    .width1366.catalogsearch-result-index .page-main>.columns,
    .width1366.catalogsearch-result-index .navigation,
    .width1366.catalogsearch-result-index .breadcrumbs .items,
    .width1366.catalogsearch-result-index .page-header .header.panel,
    .width1366.catalogsearch-result-index .page-wrapper>.widget,
    .width1366.catalogsearch-result-index .page-wrapper>.page-bottom,
    .width1366.catalogsearch-result-index .block.category.event,
    .width1366.catalogsearch-result-index .top-container,
    .width1200.catalog-category-view .breadcrumbs .items {
        padding: 0;
        max-width: 96% !important;
    }

}

/* ==========================================================================
   FOA Megamenu Header Custom Styles
   ========================================================================== */

/* Top bar styles */
.header-area.header_foa .foa-top-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    padding: 8px 0;
    font-size: 13px;
    font-family: 'Montserrat', 'Inter', sans-serif;
    color: #555555;
}

.header-area.header_foa .foa-top-header a {
    color: #555555;
    transition: color 0.2s ease-in-out;
}

.header-area.header_foa .foa-top-header a:hover {
    color: #234b3e;
}

.header-area.header_foa .foa-top-header .top-wishlist {
    display: inline-block;
}

/* Zipcode/Location Widget */
.header-area.header_foa .foa-top-header .top-middle-header .location-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
}

.header-area.header_foa .foa-top-header .top-middle-header .location-label::before {
    content: "room";
    font-family: 'Material Icons';
    font-size: 16px;
    color: #234b3e;
}

/* Middle bar styles */
.header-area.header_foa .foa-middle-header {
    background-color: #ffffff;
    /* padding: 20px 0; */
    /* border-bottom: 1px solid #eeeeee; */
}

/* Search input style */
.header-area.header_foa .foa-search-wrapper .search-form {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 350px !important;
}

.header-area.header_foa .foa-search-wrapper .block-search {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    z-index: 1 !important;
}

.header-area.header_foa .foa-search-wrapper .block-search::after {
    display: none !important;
}

.header-area.header_foa .foa-search-wrapper .label {
    display: none !important;
}

.header-area.header_foa .foa-search-wrapper .search-close {
    display: none !important;
}

.header-area.header_foa .foa-search-wrapper .actions-search {
    display: none !important;
}

.header-area.header_foa .foa-search-wrapper .form.minisearch {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #707070 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background-color: #ffffff !important;
    height: 40px !important;
    width: 100% !important;
    position: relative !important;
}

.header-area.header_foa .foa-search-wrapper .field.search {
    flex-grow: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-area.header_foa .foa-search-wrapper .field.search .control {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-header .search-form .block-search .block-content .form.minisearch {
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    margin-top: 0;
}

.header-area.header_foa .foa-search-wrapper .block-search .block-content .form.minisearch .input-text,
.header-area.header_foa .foa-search-wrapper input.input-text {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-width: auto !important;
    height: 38px !important;
    border: none !important;
    background-color: #ffffff;
    padding: 0 5px !important;
    text-align: left !important;
    font-size: 14px !important;
    color: #333333 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: block !important;
}

.header-area.header_foa .foa-search-wrapper .actions {
    display: flex !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    align-items: center !important;
}

.header-area.header_foa .foa-search-wrapper .action.search {
    background-color: #f0f0f0 !important;
    border: none !important;
    border-left: 1px solid #707070 !important;
    height: 38px !important;
    width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    top: 0 !important;
    right: -15px !important;
}

.header-area.header_foa .foa-search-wrapper .action.search span {
    display: none !important;
}

.header-area.header_foa .foa-search-wrapper .action.search::before {
    content: "search" !important;
    font-family: 'Material Icons' !important;
    font-size: 20px !important;
    color: #000000 !important;
}

/* Logo wrapper */
.header-area.header_foa .foa-logo-wrapper img {
    max-height: 45px;
    width: auto;
}

/* Utilities on Right */
.header-area.header_foa .foa-utilities-wrapper .right-content {
    gap: 2px;
}

/* "Where to buy" pill button */
.header-area.header_foa .btn-where-to-buy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background-color: #234b3e !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: background-color 0.2s ease-in-out !important;
    border: none !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;



}

.header-area.header_foa .btn-where-to-buy:hover {
    background-color: #163027 !important;
}

.header-area.header_foa .btn-where-to-buy .material-icons {
    font-size: 16px !important;
}

/* Icon / Link columns */
.header-area.header_foa .foa-header-icon-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    margin: 0;
}

.header-area.header_foa .foa-header-icon-link a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000000;
}

.header-area.header_foa .foa-header-icon-link .material-icons,
.header-area.header_foa .foa-header-icon-link .theme-header-icon {
    font-size: 24px;
    color: #222222;
    transition: color 0.2s ease-in-out;
}

.header-area.header_foa .foa-header-icon-link a:hover .material-icons,
.header-area.header_foa .foa-header-icon-link a:hover .theme-header-icon {
    color: #234b3e;
}

.header-area.header_foa .foa-header-icon-link .link-label {
    font-size: 11px;
    font-weight: 500;
    color: #333333;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Wishlist Icon Counter Badge positioning */
.header-area.header_foa .foa-header-icon-link .top-wishlist {
    position: relative;
}

.header-area.header_foa .foa-header-icon-link .top-wishlist a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-area.header_foa .foa-header-icon-link .top-wishlist a::after {
    content: "Favorites";
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #333333;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-area.header_foa .foa-header-icon-link .top-wishlist .counter.qty {
    position: absolute;
    top: -5px;
    right: 15px;
    background-color: #234b3e;
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 1px solid #ffffff;
}

/* Minicart custom styles */
.header-area.header_foa .foa-cart-link .minicart-wrapper {
    display: block;
    margin: 0;
}

.header-area.header_foa .foa-cart-link .minicart-wrapper .action.showcart {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0;
    background: none;
    border: none;
    text-decoration: none;
}

.header-area.header_foa .foa-cart-link .minicart-wrapper .action.showcart::before {
    content: "shopping_cart";
    font-family: 'Material Icons';
    font-size: 24px;
    color: #222222;
    transition: color 0.2s ease-in-out;
}

.header-area.header_foa .foa-cart-link .minicart-wrapper .action.showcart:hover::before {
    color: #234b3e;
}

.header-area.header_foa .foa-cart-link .minicart-wrapper .action.showcart .text {
    display: block !important;
    position: static;
    width: auto;
    height: auto;
    font-size: 11px;
    font-weight: 500;
    color: #333333;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    clip: auto;
    overflow: visible;
}

.header-area.header_foa .foa-cart-link .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    top: -5px;
    right: 0px;
    background-color: #234b3e;
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    border-radius: 50%;
    min-width: 15px !important;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0px !important;
    border: 1px solid #ffffff;
    width: 17px !important;
    left: 27px;
}

/* Bottom/Navigation bar styles */
.header-area.header_foa .foa-bottom-header {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0 0 0;
}

/* Custom row 1 links: Collections, Happy Price, Small Living */
.header-area.header_foa .foa-custom-menu-links {
    margin-bottom: -10px;
    /* margin-top: 8px; */
}

.sub-categories {
    display: none !important;
}

.foa-where-to-buy {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.menu-content.menu-content-mb {
    position: relative;
}

body.width1366 header.page-header .frame,
body.width1366 header.page-header .navigation {
    max-width: 1800px;
    width: 100%;
}

nav .pagebuilder-column figure img {
    width: 90%;
}

.sub-menu-items h4,
.sub-menu-items h5 {
    /* Body Navigation */
    font-size: var(--Size-small, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    /* 23.8px */
    margin-top: 20px;
}

.pagebuilder-column-line>.sub-menu-items>div:first-child>h4 {
    margin-top: 0;
}

header.page-header .foa-custom-menu-links .navigation .nav-main-menu>li>a {
    font-weight: 500 !important;
}

header.page-header .foa-bottom-header>.frame>.foa-megamenu-wrapper .navigation .nav-main-menu>li>a {
    font-weight: 400 !important;
    color: #3A3A3C !important;
}

.foa-megamenu-wrapper .navigation a.dropdown-toggle:hover,
.foa-megamenu-wrapper .navigation .nav-main-menu>li:hover>a.dropdown-toggle,
.foa-megamenu-wrapper .navigation .nav-main-menu>li.active>a.dropdown-toggle,
.foa-megamenu-wrapper .navigation .nav-main-menu>li.open>a.dropdown-toggle {
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-skip-ink: auto;
    color: #27413D;
}

.pagebuilder-column-line>.sub-menu-items li a,
.pagebuilder-column-line>.sub-menu-items li,
.pagebuilder-column-line>.sub-menu-items p {
    font-size: 14px !important;
    padding: 2px 0px !important;
    color: #222222 !important;
}

.pagebuilder-column-line>.sub-menu-items li a:hover {
    text-decoration: underline !important;
    text-decoration-style: solid !important;
    text-underline-offset: 2px !important;
}

.header-area.header_foa .foa-custom-menu-links>ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 30px !important;
}

header.page-header .navigation .nav-main-menu li:hover>ul.dropdown-menu {
    border-top: 1px solid #696969 !important;
}

.header-area.header_foa .foa-custom-menu-links>ul>li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-area.header_foa .foa-custom-menu-links>ul>li>a {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.2s ease-in-out;
}

.header-area.header_foa .foa-custom-menu-links>ul>li>a:hover {
    color: #234b3e;
}

/* MGS Megamenu Centering & Styling */
.header-area.header_foa .foa-megamenu-wrapper .navigation {
    display: inline-block !important;
    border-bottom: 1px solid #eeeeee;
    width: 100% !important;
    background: transparent !important;
}

.header-area.header_foa .foa-megamenu-wrapper .horizontal-menu>ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.header-area.header_foa .foa-megamenu-wrapper .horizontal-menu>ul>li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-area.header_foa .foa-megamenu-wrapper .horizontal-menu>ul>li>a {
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease-in-out !important;
    display: block !important;
    padding: 8px 12px !important;
}

.header-area.header_foa .foa-megamenu-wrapper .horizontal-menu>ul>li>a:hover {
    color: #234b3e !important;
    text-decoration: none !important;
}

/* Mobile drawer megamenu overrides */
.header-area.header_foa .megamenu-vertical .menu-content-mb {
    display: block !important;
}

.header-area.header_foa .megamenu-vertical .navigation {
    display: block !important;
}

.foa-megamenu-wrapper .horizontal-menu .second-menu,
.foa-megamenu-wrapper .account-top-links {
    display: none;
}

/* Mobile Styling */
@media (max-width: 991px) {
    .header-area.header_foa .foa-top-header {
        display: none;
    }

    .header-area.header_foa .foa-middle-header {
        padding: 10px 0;
    }

    .header-area.header_foa .foa-search-wrapper {
        gap: 10px;
    }

    .header-area.header_foa .foa-middle-header .foa-search-wrapper .search-form {
        display: none !important;
        /* hidden on small screen unless toggled */
    }

    .header-area.header_foa .foa-logo-wrapper img {
        max-height: 35px;
    }

    .header-area.header_foa .foa-utilities-wrapper .right-content {
        gap: 5px;
    }
}

/* ==========================================================================
   MGS Megamenu Custom Menu Item Element Styles
   ========================================================================== */
.mgs-menu-item-block {
    font-family: 'Montserrat', 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    text-align: left;
}

.mgs-menu-item-block .menu-item-heading {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #111111;
    margin-top: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mgs-menu-item-block .menu-item-heading a {
    color: #111111;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.mgs-menu-item-block .menu-item-heading a:hover {
    color: #234b3e;
}

.mgs-menu-item-block .menu-item-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.mgs-menu-item-block .menu-item-list li {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.6;
}

.mgs-menu-item-block .menu-item-list li a {
    color: #555555;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.mgs-menu-item-block .menu-item-list li a:hover {
    color: #234b3e;
    transform: translateX(4px);
}

@media (max-width: 480px) {
    .footer.content .block.newsletter {
        border-radius: 50px !important;
    }

    .footer-logo {
        text-align: center;
        border-bottom: none;
    }

    body .footer.content .block.newsletter .action.subscribe {
        border-radius: 40px !important;
    }

    .footer-container .middle-footer .col-des-2.col-tb-4.col-mb-12 h6:after {
        content: '';
        display: inline-block;
        width: 14px;
        height: 8px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -4px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.63093 7.77562C7.23816 8.09597 6.65916 8.07338 6.29304 7.70726L0.293045 1.70726C-0.0974802 1.31674 -0.0974801 0.683726 0.293045 0.293202C0.683569 -0.0973227 1.31658 -0.0973226 1.70711 0.293202L7.00008 5.58617L12.293 0.293203C12.6836 -0.0973216 13.3166 -0.0973216 13.7071 0.293203C14.0976 0.683727 14.0976 1.31674 13.7071 1.70727L7.70711 7.70727L7.63093 7.77562Z' fill='black'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        transition: transform 0.3s ease;
    }

    .footer-container .middle-footer .col-des-2.col-tb-4.col-mb-12 h6.active:after {
        transform: rotate(180deg);
    }

    .footer-container .middle-footer .col-des-2.col-tb-4.col-mb-12 h6 {
        position: relative;
        cursor: pointer;
        padding-right: 20px;
    }

    .footer-container ul.menu {
        display: none;
        padding-left: 25px;
    }

    .footer-container .middle-footer .col-des-2.col-tb-4.col-mb-12 {
        border-bottom: 1px solid #EEEEEE;
        margin-bottom: 30px;
    }
}