/* custom.css intentionally left minimal; overrides merged into theme.css to prevent FOUC */

/* Mardrew: force desktop header/menu on all screen sizes, including phones. */
#mobile-header,
#mobile-header-sticky,
#mobile-header .mobile-header,
#mobile-header .mobile-main-bar,
#mobile-header .mobile-buttons-bar,
#mobile-header .js-mobile-menu,
#mobile-header .m-nav-btn,
#mobile-header .mobile-menu,
#_mobile_iqitmegamenu-mobile {
    display: none !important;
}

#desktop-header,
#desktop-header-container,
#desktop-header .header-nav,
#desktop-header .header-top,
#iqitmegamenu-wrapper,
#iqitmegamenu-horizontal,
#cbp-hrmenu1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

#iqitmegamenu-wrapper,
#iqitmegamenu-horizontal {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
}

#iqitmegamenu-horizontal nav#cbp-hrmenu > ul,
#iqitmegamenu-horizontal nav#cbp-hrmenu1 > ul,
#cbp-hrmenu1 > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    width: max-content !important;
    min-width: max-content !important;
}

#iqitmegamenu-horizontal nav#cbp-hrmenu > ul > li,
#iqitmegamenu-horizontal nav#cbp-hrmenu1 > ul > li,
#cbp-hrmenu1 > ul > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

#iqitmegamenu-horizontal nav#cbp-hrmenu > ul > li > a,
#iqitmegamenu-horizontal nav#cbp-hrmenu1 > ul > li > a,
#cbp-hrmenu1 > ul > li > a,
#iqitmegamenu-horizontal .cbp-hrmenu-tab > a,
#iqitmegamenu-horizontal .cbp-main-link {
    white-space: nowrap !important;
}

#desktop-header,
#desktop-header-container,
#desktop-header .header-nav,
#desktop-header .header-top,
#iqitmegamenu-wrapper,
#iqitmegamenu-horizontal,
#cbp-hrmenu1 {
    overflow: visible !important;
}

.mardrew-demo-home__hero {
    display: flex;
    gap: 22px;
    align-items: stretch;
}

.mardrew-demo-home__hero-main {
    flex: 0 0 68%;
    min-width: 0;
}

.mardrew-demo-home__hero-side {
    flex: 1 1 32%;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.mardrew-home-hero-carousel {
    position: relative;
    width: 100%;
    aspect-ratio: 3.1 / 1;
    max-height: 340px;
    overflow: hidden;
    border-radius: 14px;
    background: #f6f6f6;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.mardrew-home-hero-carousel .carousel-inner,
.mardrew-home-hero-carousel .carousel-item,
.mardrew-home-hero-carousel .carousel-item a,
.mardrew-home-hero-carousel .carousel-item img {
    width: 100%;
    height: 100%;
}

.mardrew-home-hero-carousel .carousel-item a {
    display: block;
}

.mardrew-home-hero-carousel .carousel-item img {
    object-fit: cover;
    object-position: center;
    display: block;
}

.mardrew-home-hero-carousel .carousel-indicators {
    margin-bottom: 0.8rem;
}

.mardrew-home-hero-carousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.mardrew-home-hero-carousel .carousel-control-prev,
.mardrew-home-hero-carousel .carousel-control-next {
    width: 12%;
}

@media (max-width: 1199.98px) {
    .mardrew-demo-home__hero {
        flex-direction: column;
    }

    .mardrew-demo-home__hero-main,
    .mardrew-demo-home__hero-side {
        flex: 1 1 auto;
        min-width: 0;
    }

    .mardrew-home-hero-carousel {
        aspect-ratio: 2.7 / 1;
        max-height: 300px;
    }
}

@media (max-width: 767.98px) {
    .mardrew-home-hero-carousel {
        aspect-ratio: 1.9 / 1;
        max-height: 220px;
        border-radius: 10px;
    }
}

@media (max-width: 99999px) {
    #mobile-header,
    #mobile-header-sticky,
    #_mobile_iqitmegamenu-mobile,
    .js-mobile-menu,
    .m-nav-btn,
    .mobile-menu {
        display: none !important;
    }

    #desktop-header,
    #desktop-header-container,
    #iqitmegamenu-wrapper,
    #iqitmegamenu-horizontal,
    #cbp-hrmenu1 {
        display: block !important;
    }
}

/* Homepage categories: keep a stable, narrower two-column layout. */
body#index .mardrew-category-tree .category-top-menu,
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu{
    display:grid !important;
    grid-template-columns:minmax(250px, 290px) minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:0 !important;
    width:min(1400px, calc(100vw - 24px)) !important;
    max-width:none !important;
    margin:0 auto !important;
    min-height:420px !important;
    max-height:calc(100vh - 240px) !important;
    background:#fff !important;
    border:1px solid #ececec !important;
    border-top:0 !important;
    box-shadow:0 14px 34px rgba(0,0,0,.10) !important;
    border-radius:0 0 12px 12px !important;
    overflow:hidden !important;
}
body#index .mardrew-category-tree .category-top-menu > ul.category-sub-menu,
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu > ul.category-sub-menu{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:8px 0 !important;
    background:#f7f7f7 !important;
    border-right:1px solid #e6e6e6 !important;
    overflow:auto !important;
}
body#index .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li,
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu > ul.category-sub-menu > li{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:12px 14px !important;
    border-bottom:1px solid #e5e5e5 !important;
}
body#index .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a,
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu > ul.category-sub-menu > li > a{
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}
body#index .mardrew-category-tree .category-top-menu > .mardrew-cat-tree-pane,
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .mardrew-cat-tree-pane{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    padding:18px 20px !important;
    overflow:auto !important;
}
body#index .mardrew-category-tree .mardrew-cat-tree-pane__list,
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__list,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .mardrew-cat-tree-pane__list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px 22px !important;
}
body#index .mardrew-category-tree .mardrew-cat-tree-pane__header,
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__header,
body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .mardrew-cat-tree-pane__header{
    margin-bottom:16px !important;
    padding-bottom:12px !important;
}

@media (max-width: 1200px) {
    body#index .mardrew-category-tree .category-top-menu,
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu,
    body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu{
        grid-template-columns:1fr !important;
        max-height:none !important;
        overflow:visible !important;
    }

    body#index .mardrew-category-tree .category-top-menu > ul.category-sub-menu,
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu,
    body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .category-top-menu > ul.category-sub-menu{
        border-right:0 !important;
        border-bottom:1px solid #e6e6e6 !important;
    }

    body#index .mardrew-category-tree .mardrew-cat-tree-pane,
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane,
    body#index header#header nav#cbp-hrmenu1.cbp-vertical > .mardrew-vertical-panel .mardrew-cat-tree-pane{
        padding:14px 16px !important;
    }
}

/* Homepage categories shell: stable layout for the left tree + right pane. */
body#index #mardrew-home-categories-shell{
    display:block !important;
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 18px !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:40 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:0 !important;
    position:relative !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree > .block-content{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    overflow:visible !important;
}
body#index #mardrew-home-categories-shell .mardrew-vertical-panel{
    display:block !important;
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    width:100% !important;
    min-height:540px !important;
    background:#fff !important;
    border:1px solid #ececec !important;
    border-top:0 !important;
    box-shadow:0 14px 34px rgba(0,0,0,.10) !important;
    border-radius:0 0 12px 12px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu{
    flex:0 0 340px !important;
    width:340px !important;
    min-width:340px !important;
    max-width:340px !important;
    margin:0 !important;
    padding:8px 0 !important;
    background:#f7f7f7 !important;
    border-right:1px solid #e6e6e6 !important;
    overflow:auto !important;
    max-height:none !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    break-inside:avoid !important;
    padding:14px 18px !important;
    position:relative !important;
    border-bottom:1px solid #e5e5e5 !important;
    transition:background .15s ease,color .15s ease !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li:last-child{
    border-bottom:0 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li:hover,
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li.is-open{
    background:#fff !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 !important;
    line-height:1.25 !important;
    background-image:none !important;
    background:none !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    font-size:14px !important;
    font-weight:700 !important;
    color:#222 !important;
    text-transform:uppercase !important;
    letter-spacing:.02em !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > .collapse-icons{
    flex:0 0 auto !important;
    margin-left:8px !important;
    align-self:center !important;
    color:#777 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li.is-open > a{
    color:#d41217 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    padding:18px 22px 20px !important;
    background:#fff !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__header{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin:0 0 18px !important;
    padding:0 0 14px !important;
    border-bottom:1px solid #ececec !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__eyebrow{
    display:block !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:#d41217 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__title{
    display:block !important;
    font-size:22px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#222 !important;
    margin:4px 0 0 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__all{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 18px !important;
    border:1px solid #e7e7e7 !important;
    background:#f7f7f7 !important;
    color:#222 !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.03em !important;
    white-space:nowrap !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__all:hover{
    background:#efefef !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__list{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:22px 26px !important;
    align-items:start !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__node{
    margin:0 !important;
    padding:0 !important;
    break-inside:avoid !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__node--depth-1{
    padding:14px 14px 12px !important;
    background:#fafafa !important;
    border:1px solid #ececec !important;
    border-radius:10px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__group-link{
    display:inline-flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    color:#222 !important;
    text-decoration:none !important;
    margin:0 0 10px !important;
    text-transform:uppercase !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-category-icon{
    flex:0 0 18px !important;
    width:18px !important;
    min-width:18px !important;
    text-align:center !important;
    line-height:1 !important;
    transform:translateY(1px) !important;
    color:#727b88 !important;
    opacity:.92 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__group-link .mardrew-category-label{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:inline !important;
    white-space:normal !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__children{
    list-style:none !important;
    margin:0 !important;
    padding:0 0 0 12px !important;
    border-left:1px solid #ececec !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__children .mardrew-cat-tree-pane__node{
    margin:0 !important;
    padding:2px 0 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__item-link{
    display:inline-flex !important;
    align-items:center !important;
    color:#666 !important;
    text-decoration:none !important;
    font-size:13px !important;
    line-height:1.3 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__item-link .mardrew-category-label{
    flex:1 1 auto !important;
    min-width:0 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__item-link:hover{
    color:#222 !important;
    text-decoration:underline !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__node--depth-2 .mardrew-cat-tree-pane__item-link{
    font-size:12px !important;
}

/* Final tuning: larger, more readable category typography. */
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu{
    min-height:360px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu{
    flex:0 0 300px !important;
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li{
    padding:10px 14px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a{
    font-size:14px !important;
    line-height:1.22 !important;
    font-weight:700 !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane{
    padding:16px 18px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__title{
    font-size:20px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__all{
    font-size:13px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__group-link{
    font-size:14px !important;
    margin-bottom:10px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__item-link{
    font-size:12px !important;
}
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__node--depth-2 .mardrew-cat-tree-pane__item-link{
    font-size:11px !important;
}

@media (max-width: 1300px){
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu{
        min-height:330px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu{
        flex:0 0 280px !important;
        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li{
        padding:9px 12px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a{
        font-size:13px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane{
        padding:14px 16px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__title{
        font-size:18px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__all{
        font-size:12px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__group-link{
        font-size:13px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__item-link{
        font-size:11px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__node--depth-2 .mardrew-cat-tree-pane__item-link{
        font-size:10px !important;
    }
}

@media (max-width: 767.98px){
    #desktop-header,
    #desktop-header-container,
    #desktop-header .header-nav,
    #desktop-header .header-top,
    #iqitmegamenu-wrapper,
    #iqitmegamenu-horizontal,
    #cbp-hrmenu1,
    body#index #mardrew-home-categories-shell,
    body#index .mardrew-category-tree,
    body#index .mardrew-demo-home__hero{
        display:none !important;
    }

    #mobile-header,
    #mobile-header-sticky,
    #mobile-header .mobile-header,
    #mobile-header .mobile-main-bar,
    #mobile-header .mobile-buttons-bar,
    #mobile-header .js-mobile-menu,
    #mobile-header .m-nav-btn,
    #mobile-header .mobile-menu,
    #_mobile_iqitmegamenu-mobile{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    body#index .header-custom-banner{
        display:block !important;
    }
}

@media (max-width: 599.98px){
    body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu{
        min-height:480px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane{
        padding:14px 16px !important;
    }
    body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane__list{
        gap:16px 18px !important;
    }
}

/* Desktop homepage: only show the main category list. */
body#index #mardrew-home-categories-shell .mardrew-category-tree .mardrew-cat-tree-pane {
    display: none !important;
}

body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    overflow: visible !important;
    border: 1px solid #ececec !important;
    border-top: 0 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10) !important;
    border-radius: 0 0 12px 12px !important;
    background: #fff !important;
}

body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    border-right: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li {
    padding: 12px 18px !important;
}

body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* Homepage desktop: main categories left, promo banner right. */
body#index .mardrew-home-categories-layout {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    width: min(1400px, calc(100vw - 24px)) !important;
    max-width: none !important;
    margin: 0 auto 18px !important;
    position: relative;
    z-index: 40;
}

body#index .mardrew-home-categories-layout .mardrew-category-tree {
    margin: 0 !important;
}

body#index .mardrew-home-categories-layout .category-top-menu {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    overflow: visible !important;
    border: 1px solid #ececec !important;
    border-top: 0 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10) !important;
    border-radius: 0 0 12px 12px !important;
    background: #fff !important;
}

body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    border-right: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li {
    padding: 10px 12px !important;
}

body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li > a {
    font-size: 8px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

body#index #mardrew-home-categories-shell .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a,
body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li > a,
body#index .mardrew-category-tree .category-top-menu > ul.category-sub-menu > li > a {
    font-size: 8px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
}

body#index .mardrew-home-categories-banner {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #ececec;
    border-top: 0;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.10);
    background: #fff;
}

body#index .mardrew-home-categories-banner__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
}

body#index .mardrew-home-categories-banner__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body#index .mardrew-home-categories-banner__overlay {
    position: absolute;
    inset: auto 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 18px 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
}

body#index .mardrew-home-categories-banner__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffd1d1;
}

body#index .mardrew-home-categories-banner__title {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 800;
}

body#index .mardrew-home-categories-banner__cta {
    display: inline-flex;
    align-self: flex-start;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 1300px) {
    body#index .mardrew-home-categories-layout {
        grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
        gap: 14px;
    }

    body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li {
        padding: 9px 11px !important;
    }

    body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li > a {
        font-size: 7px !important;
        line-height: 1.02 !important;
    }

    body#index .mardrew-home-categories-banner__link {
        min-height: 300px;
    }

    body#index .mardrew-home-categories-banner__title {
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    body#index .mardrew-home-categories-layout {
        grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
    }

    body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li {
        padding: 8px 10px !important;
    }

    body#index .mardrew-home-categories-layout .category-top-menu > ul.category-sub-menu > li > a {
        font-size: 7px !important;
        line-height: 1.02 !important;
    }
}

@media (max-width: 767.98px) {
    body#index .mardrew-home-categories-layout {
        display: none !important;
    }
}