/** Shopify CDN: Minification failed

Line 1947:0 Unexpected "}"
Line 3366:30 Unexpected "-->"
Line 3370:3 Expected identifier but found "%"
Line 3372:4 Unexpected "{"
Line 3372:5 Expected identifier but found "%"
Line 3374:4 Unexpected "{"
Line 3374:5 Expected identifier but found "%"
Line 3379:6 Unexpected "<"
Line 3380:9 Unexpected "{"
Line 3380:15 Expected ":"
... and 5 more hidden warnings

**/
.m-menu{--main-link-px: 16px;--main-link-py: 20px;font-size:calc(var(--font-base-size, 16)*1px);font-weight:500;white-space:nowrap;list-style:none;display:flex;flex-wrap:wrap}.m-menu__arrow,.m-menu__sub-arrow{margin-left:8px}.m-menu__arrow svg,.m-menu__sub-arrow svg{width:8px;height:8px}.m-menu__arrow{transition:var(--m-duration-default, 0.25s) transform}.m-menu__sub-arrow svg{transform:rotate(-90deg)}.m-menu__link--main{display:flex;align-items:center;position:relative;padding:var(--main-link-py) var(--main-link-px)}.m-menu__link--main:after{position:absolute;content:"";width:0;height:2px;background-color:currentColor;left:var(--main-link-px);bottom:calc(var(--main-link-py) - 5px);transition:width var(--m-duration-default, 0.25s) ease-in-out}.m-menu::-webkit-scrollbar{display:none}.m-menu__item--dropdown{position:relative}.m-menu__item--dropdown .m-mega-menu{right:auto;box-shadow:0 5px 15px 0 rgba(0,0,0,.07);transition:all var(--m-duration-default, 0.25s);transform:translate3d(0, 20px, 0);transform-origin:center}.m-menu__item--dropdown .m-mega-menu__inner{padding:16px}.m-menu__item--dropdown .m-mega-menu__column{position:absolute;top:-16px;left:calc(100% + 16px);opacity:0;visibility:hidden;box-shadow:0 5px 15px 0 rgba(0,0,0,.07);transition:all var(--m-duration-default, 0.25s);transform:translate3d(20px, 0, 0);transform-origin:center;min-width:250px;pointer-events:none;padding:16px;background-color:rgb(var(--color-background))}.m-menu__item--dropdown .m-mega-menu__column::before{content:"";position:absolute;width:100%;height:100%;top:0;left:-35px;z-index:-1}.m-menu__item--dropdown .m-sub-menu__item--level-1{position:relative;width:100%}.m-menu__item--dropdown .m-sub-menu__item--level-1:hover .m-mega-menu__column{transform:translate3d(0, 0, 0);pointer-events:auto;opacity:1;visibility:visible}.m-menu__item--dropdown:hover .m-mega-menu{transform:translate3d(0, 0, 0);pointer-events:auto;opacity:1;visibility:visible}.m-menu__item--mega .m-mega-menu{left:0;right:0;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - var(--m-header-height, 0px));border-top:1px solid rgba(0,0,0,0);transition:all var(--m-duration-default, 0.25s) ease-in}.m-menu__item--mega .m-mega-menu__inner{padding-top:40px;padding-bottom:40px}.m-menu__item--mega .m-mega-menu::-webkit-scrollbar{display:none}.m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link{font-weight:500;padding-left:12px;padding-right:12px}.m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link:hover{background:rgba(0,0,0,0)}.m-menu__item--mega .m-mega-menu__column{margin-top:16px}.m-menu__item--has-submenu .m-mega-menu__inner{display:flex}.m-menu__item--active .m-mega-menu{visibility:visible;opacity:1;transition:none;pointer-events:auto}.m-menu__item--active .m-mega-menu.m-show-menu-column-divider{border-top-color:rgb(var(--color-border))}.m-menu__item--active .m-mega-menu__container{animation:menu_slide_in var(--m-slide-trans-duration) both}.m-menu__item:hover>a:after{width:calc(100% - var(--main-link-px)*2)}.m-menu__item:hover .m-menu__arrow{transform:rotateX(-180deg)}.m-mega-menu{position:absolute;z-index:50;width:100%;min-width:250px;white-space:normal;visibility:hidden;pointer-events:none;opacity:0;transition-property:transform,opacity,visibility;transition-duration:var(--m-duration-default, 0.25s)}.m-mega-menu__container{margin-left:auto;margin-right:auto}.m-mega-menu__container.w-full{padding-left:20px;padding-right:20px}.m-mega-menu__inner{--column-width: 200px;--items-width: calc(var(--total-columns) * var(--column-width, 200px))}@media(min-width: 1680px){.m-mega-menu__inner{--column-width: 250px}}@media(min-width: 1920px){.m-mega-menu__inner{--column-width: 270px}}.m-mega-menu__inner--stretch-width .m-mega-menu__content{width:calc(100% - var(--items-width));flex:1}.m-mega-menu__content{width:33.333%;padding-left:20px;flex:auto}.m-mega-menu .m-header:hover{transition:none}.m-sub-menu{list-style:none}.m-sub-menu--level-1{display:flex}.m-menu__item--mega .m-sub-menu--level-1{width:66.667%;margin-left:-12px;margin-right:-12px}.m-menu__item--mega .m-sub-menu--level-1.m\:w-full{width:100%}.m-menu__item--dropdown .m-sub-menu--level-1{flex-direction:column;width:100%}.m-menu__item--mega .m-mega-menu__inner--stretch-width .m-sub-menu--level-1{width:var(--items-width)}.m-sub-menu__item>a{color:rgba(var(--color-foreground), 0.6);font-weight:400;display:block;overflow:hidden;white-space:normal;padding:.5rem .75rem;transition:all var(--m-duration-default, 0.25s)}.m-sub-menu__item>a:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground), 0.07)}.m-sub-menu__item--level-1>a{display:flex;align-items:center;justify-content:space-between}.m-mega-menu__inner--stretch-width .m-sub-menu__item--level-1{min-width:200px;padding-right:8px}.m-menu__item--mega .m-sub-menu__item--level-1{width:50%;margin-bottom:16px}.m-menu__item--mega .m-sub-menu__item--level-1>a{color:rgb(var(--color-foreground))}@media screen and (min-width: 1536px){.m-menu__item--mega .m-sub-menu__item--level-1{width:25%}}@media screen and (min-width: 1280px){.m-menu__item--mega .m-sub-menu__item--level-1{width:33.333%}}.m-show-menu-column-divider .m-sub-menu__item--level-1{padding:0 18px;border-left:1px solid rgb(var(--color-border))}.m-show-menu-column-divider .m-sub-menu__item--level-1:first-child{padding-left:0;border-left:none}.logo-left__2l .m-menu{--main-link-px: 32px;--main-link-py: 16px;margin-left:calc(-1*var(--main-link-px));margin-right:calc(-1*var(--main-link-px))}.both-center .m-header__menu:first-child .m-menu{justify-content:flex-end}.logo-center__2l .m-menu{--main-link-px: 32px;justify-content:center}@media(max-width: 1440px){.m-menu{--main-link-px: 12px}}.m-mega-banner{height:100%;position:relative}.m-mega-banner__image{overflow:hidden}.m-mega-banner .m-image{transition:all var(--m-duration-image, 0.65s)}.m-mega-banner__title{font-size:24px;font-weight:400;color:currentColor}.m-mega-banner__description{color:rgba(var(--color-foreground), 0.6);font-size:calc(var(--font-base-size, 16)*1px);margin-top:8px}.m-mega-banner__button{margin-top:8px}.m-mega-banner--outside .m-mega-banner__inner{margin-top:16px}.m-mega-banner--inside .m-mega-banner__inner{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px}.m-mega-banner--inside .m-mega-banner__button{position:absolute !important;bottom:24px;left:24px}.m-mega-banner--no-content .m-mega-banner__inner{display:none;padding:0;margin:0}.m-mega-banner:hover .m-image{transform:scale(1.06)}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-collection-list{padding-left:1rem}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-collection-list{padding-left:3rem}}.m-mega-collection-list .m-collection-card__link,.m-mega-collection-list .m-collection-card__title{color:currentColor}.m-mega-product-list__header{display:flex;align-items:center;justify-content:space-between;margin-top:-10px;margin-bottom:16px;padding:0 8px}.m-mega-product-list__heading{font-size:24px;font-weight:500;white-space:normal;color:currentColor}.m-mega-product-list .m-product-card__name,.m-mega-product-list .m-product-card__title,.m-mega-product-list .m-price__sale .m-price-item--regular,.m-mega-product-list .m-price{color:currentColor}.m-mega-product-list .m-price__sale .m-price-item--regular{opacity:.6}.m-mega-product-list .m-slider-controls{margin-top:0;margin-left:-16px}.m-mega-product-list .m-slider-controls button{width:40px;height:40px;border-radius:9999px;cursor:pointer}.m-mega-product-list .m-slider-controls button.m-slider-controls__button-next{margin-right:0}.m-mega-product-list .m-product-card__price{font-size:14px}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-product-list{padding-left:15px}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-product-list{padding-left:50px}}.m-menu__item--has-submenu .m-mega-blog-list{border-left:1px solid rgb(var(--color-border))}@media screen and (min-width: 768px){.m-menu__item--has-submenu .m-mega-blog-list{padding-left:15px}}@media screen and (min-width: 1280px){.m-menu__item--has-submenu .m-mega-blog-list{padding-left:60px}}.m-mega-blog-list__item+.m-mega-blog-list__item{margin-top:32px}.m-mega-article-card__content{padding-left:20px;white-space:normal}.m-mega-article-card__title{font-weight:500}.m-mega-article-card__tag{font-size:.75rem;text-transform:uppercase;margin-bottom:4px;display:block}.m-menu-drawer{position:absolute;top:100%;left:0;right:0;touch-action:none;visibility:hidden;pointer-events:none;z-index:59;height:var(--menu-drawer-height)}.m-menu-drawer.open{pointer-events:auto;cursor:pointer;visibility:visible}.m-menu-drawer__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:19;transition:all var(--m-duration-default, 0.25s)}.m-menu-drawer.open .m-menu-drawer__backdrop{background-color:rgba(0,0,0,.3);transition-delay:.15s}.m-menu-drawer__wrapper{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));width:450px;max-width:100%;height:100%;transition:all var(--m-duration-default, 0.25s);transform:translateX(-100%);overflow:hidden;cursor:auto;position:absolute;top:0;left:0;z-index:29}.m-menu-drawer.open .m-menu-drawer__wrapper{transform:translateX(0)}@media(max-width: 767px){.m-menu-drawer__wrapper{width:calc(100% - 40px)}}.m-menu-drawer__content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding-top:5px;height:100%;transition:padding var(--m-duration-default, 0.25s);overflow-y:scroll}.m-menu-drawer__content::-webkit-scrollbar{width:3px}.m-menu-drawer__content::-webkit-scrollbar-thumb{background:#ebebeb}.m-menu-drawer__content::-webkit-scrollbar-thumb:hover{background:#555}.m-header.stuck .m-menu-drawer{height:calc(100vh - var(--m-header-height))}.m-menu-mobile{list-style:none;padding:0;margin:0}.m-menu-mobile__item{display:flex;align-items:center}.m-menu-mobile__item>a{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding:12px 16px;position:relative}.m-menu-mobile__item--no-submenu .m-menu-mobile__back-button{margin-bottom:30px}.m-menu-mobile__toggle-button{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:100%;min-height:48px;cursor:pointer}.m-menu-mobile__toggle-button svg{width:16px;height:16px}.m-menu-mobile__back-button{font-weight:500;display:flex;align-items:center;padding:16px 0;margin:0 16px 10px;text-align:left;border-bottom:1px solid rgb(var(--color-border))}.m-menu-mobile__back-button *{pointer-events:none}.m-menu-mobile__back-button svg{width:16px;height:16px}.m-menu-mobile__back-button span{margin-left:12px}.m-menu-mobile .m-mega-banner--inside .m-mega-banner__inner{padding:20px}.m-menu-mobile .m-mega-banner--inside .m-mega-banner__button{bottom:20px;left:20px}.m-menu-mobile .m-mega-article-card__content{padding-left:0;padding-top:12px}.m-megamenu-mobile{position:absolute;top:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;background-color:rgb(var(--color-background));transform:translateX(100%);z-index:9;visibility:hidden}.m-megamenu-mobile.open{transform:translateX(0)}.m-menu-drawer.open .m-megamenu-mobile{visibility:visible;transition:all var(--m-duration-default, 0.25s)}.m-megamenu-mobile__wrapper{overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column}.m-megamenu-mobile__wrapper.open-submenu{overflow:hidden}.m-submenu-open--level-2 .m-megamenu-mobile--level-1{overflow:hidden}.m-submenu-mobile{margin-bottom:16px}.m-megamenu-mobile__block{padding-left:15px;padding-right:15px;padding-bottom:20px}.m-menu-customer{margin-top:40px}.m-menu-customer__wrapper{margin-bottom:15px;padding:16px;display:block}@media(min-width: 1280px){.m-menu-customer__wrapper{display:none}}.m-menu-customer__label{font-size:20px;font-weight:500;margin-bottom:24px}.m-menu-customer__name{width:100%;display:flex;align-items:center;padding-top:12px;padding-bottom:12px;margin-bottom:12px}.m-menu-customer__name svg{width:24px;height:24px}.m-menu-customer__name span{margin-left:8px}.m-menu-customer .m-signin-button{margin-bottom:12px}.m-menu-customer a.m-button{width:100%}.m-menu-customer__language-currency{display:flex;flex-wrap:wrap}.m-menu-customer__language-currency .m-switcher-dropdown{padding-top:10px;padding-bottom:10px;display:block}@media(min-width: 1280px){.m-menu-customer__language-currency .m-switcher-dropdown{display:none}}.m-logo{font-size:1rem;line-height:unset;padding-left:16px;padding-right:16px;display:flex;align-items:center;justify-content:center;position:relative;color:inherit}.m-logo-mobile:before{padding-top:calc(100%/(.0001 + var(--aspect-ratio-mobile, --aspect-ratio))) !important}.m-logo__image{position:relative;padding-top:10px;padding-bottom:10px}.m-logo__image-transparent{display:none}.m-logo a{width:var(--logo-width-desktop, 150px)}.m-logo .m-image{transition:all var(--m-duration-default, 0.25s);line-height:1}.m-logo img{margin:auto}.m-menu-bar{position:relative;z-index:1}.m-header{--m-slide-trans-duration: 0.3s;--m-slide-from-val: -65px;--m-slide-to-val: 65px;min-height:calc(var(--m-topbar-height, 0px) + var(--m-header-height, 40px));position:relative}.m-header.slide-from-right{--m-slide-from-val: 65px;--m-slide-to-val: -65px }.m-header.slide-reveal{--m-slide-from-val: 0;--m-slide-to-val: 0 }.m-header header{transition:all var(--m-duration-default, 0.25s)}.m-header__wrapper{width:100%;transition:transform var(--m-duration-long, 0.5s);will-change:transform;z-index:82;position:relative}.header-sticky-always .m-header__wrapper{position:fixed;top:0}.m-header__desktop{position:relative;display:none}@media screen and (min-width: 1024px){.m-header__desktop{display:block}}.m-header__mobile .m-logo a{text-align:center;width:var(--logo-width-mobile, 100px);white-space:nowrap}.m-header__mobile m-search-popup{padding:10px}@media screen and (min-width: 1024px){.m-header__mobile{display:none}}@media(max-width: 480px){.m-header__mobile>*:last-child{padding-right:0}}.m-header__bg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__bg{opacity:1}.m-header__dropdown-bg{width:100vw;height:calc(var(--sf-dropdown-height, 0px)*1px);position:absolute;left:0;right:0;top:100%;opacity:0;pointer-events:none;transform-origin:top left;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__dropdown-bg{opacity:1}.m-header__overlay{background-color:rgba(0,0,0,.6);position:fixed;top:calc(var(--m-topbar-height, 0px) + var(--m-announcement-height, 0px));right:0px;bottom:0px;left:0px;opacity:0;visibility:hidden;pointer-events:none;z-index:-1;display:none;transition:all var(--m-duration-default, 0.25s)}.m-mega-active .m-header__overlay{z-index:29;opacity:1;visibility:visible}@media screen and (min-width: 768px){.m-header__overlay{display:block}}.m-header__container{z-index:1}.m-header__inner{display:flex;align-items:center;margin-left:-16px;margin-right:-16px}.m-header__left,.m-header__center,.m-header__right{display:flex;align-items:center}.m-header__left{justify-content:flex-start}.m-header__center{justify-content:center}.m-header__right{justify-content:flex-end}.m-header:not(.m-mega-active,.stuck,.header-sticky-always).transparent-on-top header:not(.header-drawer-open){color:rgb(var(--header-transparent-text-color, #fff))}.m-header:not(.m-mega-active,.stuck,.header-sticky-always).transparent-on-top header:not(.header-drawer-open) .m-hamburger-box{--color-foreground: var(--header-transparent-text-color, #fff)}.transparent-on-top{position:absolute;left:0px;right:0px;z-index:70}.transparent-on-top header:not(.header-drawer-open){background-color:rgba(0,0,0,0);border-bottom:none;box-shadow:none}.transparent-on-top .m-menu-bar{background-color:rgba(0,0,0,0);transition:all var(--m-duration-default, 0.25s)}.transparent-on-top .m-logo__image-default{display:none}.transparent-on-top .m-logo__image-transparent{display:flex}.transparent-on-top .header-drawer-open .m-logo__image-default{display:flex}.transparent-on-top .header-drawer-open .m-logo__image-transparent{display:none}.m-header.stuck .m-header__wrapper{position:fixed;top:0;left:0;transform:none;box-shadow:0px 4px 20px rgba(0,0,0,.04)}.m-header.stuck .m-header__wrapper.m-unset-shadow{box-shadow:none}.m-header.stuck .m-logo a{width:var(--logo-width-sticky, 100px)}.m-header.stuck .m-header__mobile .m-logo a{width:var(--logo-width-mobile, 100px)}.m-header.stuck.transparent-on-top .m-header__mobile,.m-header.stuck.transparent-on-top .m-header__desktop,.m-header.stuck.transparent-on-top .m-menu-bar{background-color:rgb(var(--color-background))}.m-header.stuck.transparent-on-top .m-logo__image-default{display:flex}.m-header.stuck.transparent-on-top .m-logo__image-transparent{display:none}.m-header.scroll-up .m-header__wrapper{transform:none}.m-header.scroll-down.stuck .m-header__wrapper{transform:translate3d(0, -100%, 0)}.m-header.header-sticky-always.transparent-on-top .m-header__mobile,.m-header.header-sticky-always.transparent-on-top .m-header__desktop,.m-header.header-sticky-always.transparent-on-top .m-menu-bar{background-color:rgb(var(--color-background))}.m-header.header-sticky-always.transparent-on-top .m-logo__image-default{display:flex}.m-header.header-sticky-always.transparent-on-top .m-logo__image-transparent{display:none}.m-header.header-sticky-always .m-header__wrapper:not(.m-unset-shadow){box-shadow:0px 4px 20px rgba(0,0,0,.04)}.m-mega-active header{box-shadow:none}.m-mega-active.transparent-on-top .m-logo__image-default{display:flex}.m-mega-active.transparent-on-top .m-logo__image-transparent{display:none}.both-center .m-header__menu{width:37.5%}.both-center .m-header__logo{width:25%}.logo-left-menu-center .m-header__left,.logo-left-menu-center .m-header__right{flex:1 1 0%}.logo-left-menu-center .m-header__center{flex-shrink:1;flex-grow:2}.logo-left__2l .m-header__inner{padding-bottom:8px;padding-top:8px}.logo-center__2l .m-header__inner{margin-left:0;margin-right:0}.m-hamburger-box{display:inline-block;vertical-align:-1px;position:relative;width:20px;height:12px;padding:14px 0;border:0;cursor:pointer;pointer-events:auto}.m-hamburger-box__inner{position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background:rgb(var(--color-foreground));transition:transform .2s ease}.m-hamburger-box__inner:before,.m-hamburger-box__inner:after{content:"";display:block;position:absolute;width:100%;height:2px;background-color:inherit;background:rgb(var(--color-foreground))}.m-hamburger-box__inner:before{top:-7px;transition:top .2s ease .22s,opacity .2s ease,width .2s ease}.m-hamburger-box__inner:after{bottom:-7px;transition:bottom .2s ease .22s,transform .2s ease,width .2s ease}.m-hamburger-box.active .m-hamburger-box__inner{transform:rotate(45deg);transition-delay:.22s}.m-hamburger-box.active .m-hamburger-box__inner:before{top:0;opacity:0;width:100%;transition:top .2s ease,opacity .2s ease .22s,width .1s ease}.m-hamburger-box.active .m-hamburger-box__inner:after{bottom:0;transform:rotate(-90deg);width:100%;transition:bottom .2s ease,transform .2s ease .22s,width .1s ease}.m-menu-button{pointer-events:none}.m-header .ssw-link-fave-menu,.m-header__compare,.m-header__account,.m-header__wishlist{position:relative;padding:14px 8px}.m-search-wrapper .m-header .ssw-link-fave-menu,.m-search-wrapper .m-header__compare,.m-search-wrapper .m-header__account,.m-search-wrapper .m-header__wishlist{padding:0;margin-left:8px;margin-right:8px}.m-header__account-text{padding:20px 16px}@media screen and (min-width: 1024px){.m-header .m-cart-icon-bubble{margin-right:22px}}.m-search-form--icon-left{margin-right:16px}.m-search-form--full{border:1px solid rgb(var(--color-border));border-radius:.375rem;transition:border .3s;height:42px}.m-search-form--full:hover{border-color:rgb(var(--color-foreground))}.m-search-form__label{color:rgba(var(--color-foreground), 0.6);padding-left:12px;white-space:nowrap}.m-search-form__button{padding:8px 12px}@media(min-width: 1280px){.m-search-form--full{min-width:250px}.m-search-form--full>span{flex:1}}
/* =====================================
   KATHA PREMIUM MEGA MENU
===================================== */

.m-mega-menu{

background:#ffffff !important;

border:1px solid #ececec;

border-radius:18px;

box-shadow:0 18px 50px rgba(0,0,0,.08);

padding:28px 32px;

}

.m-sub-menu--level-1>.m-sub-menu__item>a{

font-size:16px;

font-weight:700;

color:#111;

padding:12px 0;

transition:.25s;

}

.m-sub-menu--level-2 a{

font-size:14px;

color:#666;

padding:7px 0;

transition:.25s;

}

.m-sub-menu a:hover{

color:#1987C0;

padding-left:8px;

}

.m-mega-menu__content{

padding-left:40px;

border-left:1px solid #efefef;

}
/* ===========================
KATHA MEGA MENU V2
===========================*/

.m-mega-menu{

padding:34px !important;

border-radius:18px !important;

background:#fff !important;

border:1px solid #ECECEC !important;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.m-mega-menu__wrapper{

gap:45px !important;

}

.m-sub-menu{

gap:10px;

}

.m-sub-menu__item>a{

font-size:16px !important;

font-weight:700 !important;

padding:10px 0 !important;

transition:.25s;

}

.m-sub-menu__item>a:hover{

color:#1987C0 !important;

padding-left:8px;

}

.m-sub-menu--level-2 a{

font-size:14px !important;

font-weight:500;

color:#666;

padding:6px 0;

}

.m-sub-menu--level-2 a:hover{

color:#1987C0;

padding-left:6px;

}
/* =========================
KATHA PREMIUM MEGA MENU
========================= */

/* Reduce overall height */
.m-menu__item--mega .m-mega-menu__inner{
    padding-top:20px !important;
    padding-bottom:20px !important;
}

/* Reduce spacing between columns */
.m-menu__item--mega .m-sub-menu__item--level-1{
    margin-bottom:8px !important;
}

/* Category headings */
.m-sub-menu__item--level-1 > a{
    font-size:17px !important;
    font-weight:700 !important;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding-bottom:8px !important;
}

/* Subcategory items */
.m-sub-menu__item a{
    padding:5px 10px !important;
    font-size:14px !important;
    line-height:1.4;
}

/* Slim divider */
.m-show-menu-column-divider .m-sub-menu__item--level-1{
    padding:0 14px !important;
}

/* Banner image */
.m-mega-banner img{
    border-radius:14px;
}

.m-mega-banner__title{
    font-size:22px !important;
    font-weight:700;
}

.m-mega-banner__description{
    font-size:14px;
}
/*==========================
KATHA CATEGORY ICONS
==========================*/

.m-sub-menu__item--level-1 > a{
    position:relative;
    padding-left:34px !important;
}


/*==========================
CATEGORY CARDS
==========================*/

.m-show-menu-column-divider .m-sub-menu__item--level-1{

    border:none !important;

    padding:18px !important;

    border-radius:14px;

    transition:.3s;

    background:#fff;

}

.m-show-menu-column-divider .m-sub-menu__item--level-1:hover{

    background:#F7FAFC;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

    transform:translateY(-4px);

}
.m-sub-menu__item:not(.m-sub-menu__item--level-1) a{

    border-radius:8px;

    transition:.25s;

}

.m-sub-menu__item:not(.m-sub-menu__item--level-1) a:hover{

    background:#1987C015;

    color:#1987C0;

    padding-left:16px !important;

}
/* ==========================
KATHA MENU ICONS
========================== */

.ks-menu-icon{

width:18px;
height:18px;

margin-right:10px;

stroke:#222;

fill:none;

stroke-linecap:round;

stroke-linejoin:round;

flex-shrink:0;

transition:.25s;

}

.m-sub-menu__item--level-1>a{

display:flex;

align-items:center;

}

.m-sub-menu__item--level-1:hover .ks-menu-icon{

stroke:#1987C0;

transform:translateX(3px);

}
/* ==========================
   KATHA MENU CATEGORY
========================== */

.m-sub-menu__item--level-1{

padding:14px !important;

border-radius:14px;

transition:.3s ease;

}

.m-sub-menu__item--level-1:hover{

background:#f8fafc;

transform:translateY(-2px);

box-shadow:0 8px 24px rgba(0,0,0,.05);

}

.m-sub-menu__item--level-1 > a{

display:flex;

align-items:center;

gap:12px;

font-size:16px !important;

font-weight:700 !important;

text-transform:uppercase;

letter-spacing:.4px;

}

.ks-menu-icon{

width:20px;

height:20px;

stroke:#1f2937;

stroke-width:1.8;

transition:.25s ease;

}

.m-sub-menu__item--level-1:hover .ks-menu-icon{

stroke:#1987C0;

transform:scale(1.08);

}
/* ===== KATHA MENU BANNER ===== */

.m-mega-banner{

overflow:hidden;

border-radius:18px;

}

.m-mega-banner img{

transition:transform .6s ease;

}

.m-mega-banner:hover img{

transform:scale(1.05);

}
/* ===========================
   KATHA STEEZ MEGA MENU
=========================== */

.m-mega-menu{
    padding:40px 50px !important;
    border-radius:0 0 16px 16px;
    box-shadow:0 12px 35px rgba(0,0,0,.08) !important;
}
.m-mega-menu > *{
    column-gap:60px;
}
.m-mega-menu h3,
.m-mega-menu h4{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#111;
    margin-bottom:18px;
}
.m-mega-menu a{
    transition:.25s ease;
}

.m-mega-menu li a{
    font-size:15px;
    color:#555;
    font-weight:500;
}

.m-mega-menu li a:hover{
    color:#1987C0;
    padding-left:8px;
}
.m-mega-menu img{
    border-radius:18px;
    transition:.35s;
}

.m-mega-menu img:hover{
    transform:scale(1.03);
}
/* ===== KATHA STEEZ MEGA MENU ===== */

.m-mega-menu{
    padding:45px 55px !important;
    border-top:1px solid #ececec;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.m-mega-menu__inner{
    gap:55px;
}
.m-sub-menu--level-1>.m-sub-menu__item>.m-menu__link{
    font-size:17px;
    font-weight:700;
    color:#111;
    letter-spacing:.05em;
    text-transform:uppercase;
    margin-bottom:18px;
}
.m-sub-menu--level-2 .m-menu__link{
    font-size:15px;
    font-weight:500;
    color:#5a5a5a;
    transition:.25s ease;
}

.m-sub-menu--level-2 .m-menu__link:hover{
    color:#1987C0;
    padding-left:8px;
}
.m-mega-banner img{
    border-radius:18px;
    transition:.35s;
}

.m-mega-banner:hover img{
    transform:scale(1.03);
}
/* Full Width Mega Menu */
.m-mega-menu__container.container{
    max-width:1400px;
    width:100%;
}
.m-mega-menu__inner{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:70px;
}
.m-sub-menu--level-1{
    display:flex;
    flex:1;
    justify-content:space-between;
}
.m-sub-menu--level-1>.m-sub-menu__item{
    flex:1;
}
.m-sub-menu--level-1>.m-sub-menu__item>.m-menu__link{

    font-size:18px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#111;

    margin-bottom:22px;

    display:flex;

    align-items:center;
}
.m-sub-menu--level-2{

    margin-top:8px;
}
.m-sub-menu--level-2 .m-sub-menu__item{

    margin-bottom:14px;
}
.m-sub-menu--level-2 .m-menu__link{

    color:#555;

    font-size:15px;

    font-weight:500;

    transition:.25s;
}
.m-sub-menu--level-2 .m-menu__link:hover{

    color:#1987C0;

    transform:translateX(6px);
}
.m-sub-menu--level-1>.m-sub-menu__item{

    padding-right:35px;

    border-right:1px solid #ECECEC;
}
.m-sub-menu--level-1>.m-sub-menu__item:last-child{

    border-right:none;
}
/* ===== Mega Menu Banner ===== */

.m-mega-menu__content{
    width:380px;
    flex:0 0 380px;
    margin-left:40px;
}

.m-mega-banner{
    overflow:hidden;
    border-radius:20px;
}

.m-mega-banner__image{
    border-radius:20px;
    overflow:hidden;
}

.m-mega-banner__image img{
    width:100%;
    display:block;
    transition:transform .4s ease;
}

.m-mega-banner:hover .m-mega-banner__image img{
    transform:scale(1.05);
}
.m-mega-menu{

    border-radius:0 0 18px 18px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    padding:45px 55px;
}
.m-mega-menu{

    opacity:0;

    transform:translateY(15px);

    transition:

    opacity .25s,

    transform .25s;

}
.m-menu__item:hover>.m-mega-menu{

    opacity:1;

    transform:translateY(0);
}
.m-mega-menu{

    background:#fff;

    border-top:1px solid #efefef;
}
.m-mega-menu__inner{

    position:relative;
}
/* =========================================
   KATHA STEEZ MENU ICONS
   ========================================= */

.katha-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  margin-right: 7px;
  flex: 0 0 23px;
  vertical-align: middle;
}

.katha-menu-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.m-menu__link--main {
  display: inline-flex;
  align-items: center;
}
/* KATHA STEEZ - SHOP MEGA MENU FIX */
@media screen and (min-width: 990px) {

  .m-menu__item--dropdown .m-mega-menu {
    width: 100vw !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-mega-menu__inner {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 30px 50px !important;
    box-sizing: border-box !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 40px !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li {
    position: static !important;
    display: block !important;
    flex: 1 1 0 !important;
    width: 25% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li > a {
    display: block !important;
    width: 100% !important;
    padding: 0 0 14px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .m-menu__item--dropdown .m-mega-menu__column {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-2 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-2 li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-2 a {
    display: block !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }
}
/* KATHA STEEZ - KEEP SHOP SUBCATEGORIES OPEN */
@media screen and (min-width: 990px) {

  /* Keep all main SHOP columns visible */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li {
    position: static !important;
    overflow: visible !important;
  }

  /* Keep MEN / WOMEN / KIDS category lists open */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li > .m-mega-menu__column {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Keep the actual category links visible */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li .m-sub-menu--level-2 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li .m-sub-menu--level-2 > li {
    display: block !important;
    width: 100% !important;
  }

  /* Remove the little arrows beside MEN / WOMEN / KIDS */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li .m-menu__sub-arrow {
    display: none !important;
  }

}
@media screen and (min-width: 990px) {

  /* Show SHOP ALL as the first column */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li:first-child {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 25% !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li:first-child > a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 0 14px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  /* Hide arrow beside SHOP ALL if it has one */
  .m-menu__item--dropdown .m-sub-menu--level-1 > li:first-child .m-menu__sub-arrow {
    display: none !important;
  }
}
/* KATHA STEEZ - FINAL MEGA MENU SPACING */
@media screen and (min-width: 990px) {

  .m-menu__item--dropdown .m-mega-menu__inner {
    padding: 24px 40px 26px !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 {
    align-items: flex-start !important;
    gap: 32px !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li {
    padding: 0 !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-1 > li > a {
    margin-bottom: 10px !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-2 a {
    padding: 5px 0 !important;
    line-height: 1.35 !important;
  }

  .m-menu__item--dropdown .m-mega-menu__column {
    min-height: 0 !important;
    height: auto !important;
  }

  .m-menu__item--dropdown .m-sub-menu--level-2 {
    height: auto !important;
    min-height: 0 !important;
  }
}
.katha-shop-promo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 22px;
  width: 180px;
}

.katha-promo-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 18px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #fff;
  transition: all 0.2s ease;
}

.katha-promo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.katha-promo-icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #078ccd;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 9px;
}

.katha-promo-card strong {
  font-size: 13px;
  font-weight: 700;
  color: #111;
}

.katha-promo-card span {
  margin-top: 5px;
  font-size: 10px;
  color: #777;
}
/* =========================================
   KATHA STEEZ SHOP MEGA MENU
   SHOP ALL FEATURE
   ========================================= */

.katha-shop-feature {
  width: 100%;
  margin-top: 5px;
}

.katha-shop-feature a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.katha-shop-image {
  width: 280px;
  height: 370px;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 14px;
  background: #f5f5f5;
}

.katha-shop-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.katha-shop-feature strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #111;
  letter-spacing: 0.2px;
}
/* Shop All column */
.m-mega-menu__inner > .m-sub-menu--level-1 > .m-sub-menu__item:first-child {
  min-width: 220px;
}
/* =========================================
   KATHA STEEZ - MEGA MENU OFFERS
   ========================================= */

.katha-mega-offers {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 220px;
  flex-shrink: 0;
  margin-left: 25px;
  padding-top: 5px;
}

.katha-offer-card {
  display: block;
  width: 100%;
  min-height: 135px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.katha-offer-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}

.katha-box-offer {
  background: #078ccd;
  color: #ffffff !important;
}

.katha-999-offer {
  background: #111111;
  color: #ffffff !important;
}

.katha-offer-icon {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.katha-offer-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 5px;
}

.katha-offer-text {
  font-size: 13px;
  opacity: 0.9;
  margin-bottom: 14px;
}

.katha-offer-link {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
/* Center the complete SHOP mega menu */
/* Give SHOP ALL more space so MEN doesn't overlap the model */
.katha-shop-feature {
  width: 230px !important;
  max-width: 230px !important;
  flex-shrink: 0;
  margin-right: 20px;
  box-sizing: border-box;
}

.katha-shop-feature .katha-shop-image {
  width: 230px !important;
  max-width: 230px !important;
  height: 350px !important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.katha-shop-feature .katha-shop-image img {
  width: 230px !important;
  max-width: 230px !important;
  height: auto !important;
  max-height: 350px !important;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}
/* KATHA STEEZ MOBILE MENU */

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

  #m-menu-drawer {
    width: 100% !important;
    max-width: 100% !important;
  }

#m-menu-drawer .m-menu-drawer__wrapper {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: auto !important;
}

  #m-menu-drawer .m-menu-drawer__content {
    width: 100% !important;
    max-width: 100% !important;
  }

}
/* KATHA STEEZ - REMOVE MOBILE GREY MEGA OFFER BOX */
@media screen and (max-width: 767px) {
  .katha-mega-offers {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }
}
/* =========================================
   KATHA STEEZ - PREMIUM MOBILE DRAWER
   ========================================= */

.m-menu-drawer,
.m-menu-drawer__wrapper,
.m-menu-drawer__content {
  background: #ffffff !important;
  color: #111111 !important;
}


/* ACCOUNT */

.katha-mobile-account {
  padding: 24px 24px 20px;
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}

.katha-mobile-account-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  color: #111111;
  margin-bottom: 6px;
}

.katha-mobile-login {
  font-size: 14px;
  font-weight: 500;
  color: #1987C0 !important;
  text-decoration: none !important;
}


/* SECTION */

.katha-mobile-section {
  padding: 20px 24px 4px;
}

.katha-mobile-section-title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #777777;
  margin-bottom: 13px;
}


/* SHOP IN */

.katha-shop-in {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.katha-shop-in a {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #111111 !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 500;
}

.katha-menu-icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dddddd;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  color: #1987C0;
}


/* PROFILE */

.katha-profile-links {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 16px;
}

.katha-profile-links a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  color: #111111 !important;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}

.katha-profile-icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dddddd;
  border-radius: 50%;
  font-size: 19px;
  color: #1987C0;
}


/* EXISTING MENU */

.m-menu-drawer__navigation {
  background: #ffffff !important;
  padding: 8px 0 30px !important;
}

.m-menu-mobile .m-menu-mobile__link {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 17px 24px !important;
}

.m-menu-mobile .m-menu-mobile__link:hover {
  color: #1987C0 !important;
}

.m-menu-mobile__toggle-button {
  color: #1987C0 !important;
}
/* =====================================================
   KATHA STEEZ - MOBILE DRAWER RESPONSIVE FIX
   ===================================================== */

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

  /* Keep the drawer content visible and scrollable */
  #m-menu-drawer .m-menu-drawer__content {
    height: 100%;
    max-height: 100vh;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: block !important;
  }

  /* Make our custom Katha Steez sections behave normally */
  #m-menu-drawer .katha-mobile-account,
  #m-menu-drawer .katha-mobile-section {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
  }

  /* SHOP IN */
  #m-menu-drawer .katha-shop-in {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
  }

  #m-menu-drawer .katha-shop-in a {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    min-height: 52px;
    height: auto !important;
  }

  /* MY PROFILE */
  #m-menu-drawer .katha-profile-links {
    display: flex !important;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  /* Prevent theme mobile-menu rules from hiding our content */
  #m-menu-drawer .katha-mobile-account *,
  #m-menu-drawer .katha-mobile-section *,
  #m-menu-drawer .katha-shop-in *,
  #m-menu-drawer .katha-profile-links * {
    visibility: visible;
  }
}
/* KATHA STEEZ - PREMIUM MOBILE MENU WIDTH */
@media screen and (max-width: 749px) {
  #m-menu-drawer .m-menu-drawer__container {
    width: 90% !important;
    max-width: 380px !important;
  }

  #m-menu-drawer .m-menu-drawer__content {
    padding: 20px 22px 40px !important;
  }
}
/* KATHA STEEZ - FORCE ACCOUNT HEADER VISIBLE */

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

  #m-menu-drawer .katha-mobile-account {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 110px !important;
    margin: 0 0 25px 0 !important;
    padding: 5px 0 25px 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  #m-menu-drawer .katha-mobile-account-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin: 0 0 10px 0 !important;
  }

  #m-menu-drawer .katha-mobile-login {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
}
/* KATHA STEEZ - FORCE MOBILE ACCOUNT SECTION */
@media screen and (max-width: 767px) {

  #m-menu-drawer .katha-mobile-account {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 95px !important;
    max-height: none !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    order: -10 !important;
    padding: 24px 22px 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    z-index: 20 !important;
  }

  #m-menu-drawer .katha-mobile-account-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #202020 !important;
    margin: 0 0 8px !important;
  }

  #m-menu-drawer .katha-mobile-login {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #078CCD !important;
    text-decoration: none !important;
    margin: 0 !important;
  }

}
/* =====================================================
   KATHA STEEZ - FIX MOBILE MENU VERTICAL GAP
   ===================================================== */

#m-menu-drawer .m-menu-drawer__content {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  justify-content: flex-start !important;
}

/* Keep the custom sections together */
#m-menu-drawer .katha-mobile-account,
#m-menu-drawer .katha-mobile-section {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

/* Shop-in should immediately follow Welcome Steezers */
#m-menu-drawer .katha-shop-in {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  padding-top: 4px !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Category rows */
#m-menu-drawer .katha-shop-in a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
}
/* =====================================================
   KATHA STEEZ - SMALL SCREEN MENU FIX
   ===================================================== */

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

  #m-menu-drawer .katha-mobile-account {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 22px 14px !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
    order: 1 !important;
    box-sizing: border-box !important;
  }

  #m-menu-drawer .katha-mobile-account-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  #m-menu-drawer .katha-mobile-login {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  #m-menu-drawer .katha-shop-in {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 4px 0 0 !important;
    flex: 0 0 auto !important;
    order: 2 !important;
  }

  #m-menu-drawer .katha-shop-in a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;
  }
}
/* KATHA STEEZ - FIX MOBILE MENU SPACING */

#m-menu-drawer .m-menu-drawer__content {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}

#m-menu-drawer .katha-mobile-account {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 22px 24px 12px !important;
}

#m-menu-drawer .katha-mobile-account-title {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-mobile-account a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-shop-in {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 4px 24px 24px !important;
}

#m-menu-drawer .katha-shop-in > a {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}

#m-menu-drawer .katha-shop-in > a + a {
  margin-top: 2px !important;
}
/* FORCE KATHA ACCOUNT SECTION TO SHOW FIRST */

#m-menu-drawer .katha-mobile-account {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 24px 24px 10px !important;
  order: -999 !important;
  flex: none !important;
}

#m-menu-drawer .katha-mobile-account-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-mobile-account a {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-mobile-account + .katha-shop-in {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* KATHA STEEZ MOBILE ACCOUNT */
#m-menu-drawer .katha-mobile-account {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px 20px 18px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 9999 !important;
  box-sizing: border-box !important;
}

#m-menu-drawer .katha-mobile-account-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-mobile-account a {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Katha Steez - spacing below Welcome */
#m-menu-drawer .katha-shop-in {
  padding-top: 40px !important;
}
/* KATHA STEEZ - MOBILE MENU WELCOME FIX */

#m-menu-drawer .katha-mobile-account {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  background: transparent !important;
  min-height: auto !important;
  height: auto !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 30px 24px 10px !important;
  margin: 0 !important;
  z-index: 10 !important;
}

#m-menu-drawer .katha-mobile-account-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  color: #222 !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

#m-menu-drawer .katha-mobile-login {
  display: none !important;
}

#m-menu-drawer .katha-shop-in {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#m-menu-drawer .katha-shop-in a {
  margin-bottom: 20px !important;
}
/* =========================================
   KATHA STEEZ MOBILE MENU - FINAL SPACING
   ========================================= */

/* SHOW LOGIN / SIGN UP */
#m-menu-drawer .katha-mobile-login {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #222 !important;
}

/* WELCOME */
#m-menu-drawer .katha-mobile-account {
  padding-bottom: 5px !important;
}

/* MEN / WOMEN / KIDS */
#m-menu-drawer .katha-shop-in a {
  display: flex !important;
  align-items: center !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  margin-bottom: 85px !important;
  padding: 0 !important;
}

#m-menu-drawer .katha-shop-in a span:last-child {
  font-size: 17px !important;
  font-weight: 500 !important;
}

/* ICON SIZE */
#m-menu-drawer .katha-shop-in .katha-menu-icon {
  width: 24px !important;
  min-width: 24px !important;
  margin-right: 14px !important;
}

#m-menu-drawer .katha-shop-in .katha-menu-icon svg {
  width: 20px !important;
  height: 20px !important;
}

/* REDUCE LARGE GAP AFTER KIDS */
#m-menu-drawer .katha-shop-in {
  margin-bottom: 15px !important;
  padding-bottom: 0 !important;
}

/* MY PROFILE TITLE */
#m-menu-drawer .katha-mobile-account-title {
  font-size: 22px !important;
}

/* MY ACCOUNT / MY ORDERS / WISHLIST */
#m-menu-drawer a {
  font-size: 14px !important;
}

/* PROFILE AREA TEXT */
#m-menu-drawer .m-menu-drawer__content a {
  line-height: 1.4 !important;
}
/* =========================================
   KATHA STEEZ - PREMIUM CATEGORY ICONS
   ========================================= */

#m-menu-drawer .katha-shop-in {
  margin-top: 8px !important;
  padding: 0 20px !important;
}

#m-menu-drawer .katha-shop-in a {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;

  width: 100% !important;
  height: 64px !important;

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

  text-decoration: none !important;
}

#m-menu-drawer .katha-menu-icon {
  width: 48px !important;
  height: 48px !important;

  min-width: 48px !important;

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

#m-menu-drawer .katha-menu-icon svg {
  width: 40px !important;
  height: 40px !important;

  fill: none !important;
  stroke: #078CCD !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#m-menu-drawer .katha-shop-in a > span:last-child {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #333333 !important;
}

/* Keep categories clearly separated */
#m-menu-drawer .katha-category-men {
  margin-top: 2px !important;
}

#m-menu-drawer .katha-category-women {
  margin-top: 4px !important;
}

#m-menu-drawer .katha-category-kids {
  margin-top: 4px !important;
}


/* =========================================
   WELCOME AREA
   ========================================= */

#m-menu-drawer .katha-mobile-account {
  padding-top: 12px !important;
  padding-bottom: 4px !important;
}

#m-menu-drawer .katha-mobile-account-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

#m-menu-drawer .katha-mobile-login {
  display: block !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
}
/* =========================================
   KATHA STEEZ - MOBILE MENU ALIGNMENT FIX
   ========================================= */

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

  /* MAIN MENU CONTENT */
  #m-menu-drawer .m-menu-drawer__content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  /* ================================
     WELCOME / LOGIN AREA
     ================================ */

  #m-menu-drawer .katha-mobile-account {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 22px 24px 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #m-menu-drawer .katha-mobile-account-title {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }

  #m-menu-drawer .katha-mobile-login {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }


  /* ================================
     MEN / WOMEN / KIDS
     ================================ */

  #m-menu-drawer .katha-shop-in {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 150px 45px 55px !important;
    box-sizing: border-box !important;
  }

  #m-menu-drawer .katha-shop-in > a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;

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

    gap: 18px !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  /* Remove the old huge spacing */
  #m-menu-drawer .katha-shop-in a {
    margin-bottom: 0 !important;
  }

  #m-menu-drawer .katha-shop-in > a + a {
    margin-top: 2px !important;
  }


  /* ================================
     CATEGORY ICONS
     ================================ */

  #m-menu-drawer .katha-menu-icon {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

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

    flex-shrink: 0 !important;
  }

  #m-menu-drawer .katha-menu-icon svg {
    width: 38px !important;
    height: 38px !important;
/* CUSTOM MEN / WOMEN / KIDS ICONS */
#m-menu-drawer .katha-custom-menu-icon {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  object-fit: contain !important;
  display: block !important;
}
    fill: none !important;
    stroke: #078CCD !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }
#m-menu-drawer .katha-custom-menu-icon {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: block !important;
  transform: scale(1.65) !important;
  transform-origin: center center !important;
}

  /* CATEGORY TEXT */

  #m-menu-drawer .katha-shop-in a > span:last-child {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    color: #333333 !important;
  }


  /* ================================
     PROFILE SECTION
     ================================ */

  #m-menu-drawer .katha-mobile-account + .katha-shop-in {
    margin-top: 0 !important;
  }


  /* ================================
     REMOVE OLD CATEGORY SPACING
     ================================ */

  #m-menu-drawer .katha-category-men,
  #m-menu-drawer .katha-category-women,
  #m-menu-drawer .katha-category-kids {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

}
@media screen and (max-width: 767px) {

  #m-menu-drawer .katha-shop-in {
  padding-top: 70px !important;
}

}
/* =========================================
   KATHA STEEZ - CUSTOM CATEGORY ICON FIX
   ========================================= */

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

  /* ICON HOLDER - NO CIRCLE */
  #m-menu-drawer .katha-menu-icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;

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

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

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


  /* YOUR ACTUAL CUSTOM IMAGE */
  #m-menu-drawer .katha-custom-menu-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;

    object-fit: contain !important;
    display: block !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

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


  /* REMOVE ANY THEME CIRCLE/BACKGROUND */
  #m-menu-drawer .katha-men-icon,
  #m-menu-drawer .katha-women-icon,
  #m-menu-drawer .katha-kids-icon {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }


  /* KEEP ICON + TEXT TOGETHER */
  #m-menu-drawer .katha-shop-in > a {
    display: flex !important;
    align-items: center !important;

    height: 68px !important;
    min-height: 68px !important;

    gap: 18px !important;

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


  /* CATEGORY TEXT */
  #m-menu-drawer .katha-shop-in a > span:last-child {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    color: #333333 !important;
  }


  /* PUT MEN / WOMEN / KIDS DOWN */
  #m-menu-drawer .katha-shop-in {
  padding-top: 0 !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
    padding-bottom: 55px !important;

    margin: 0 !important;
  }


  /* REMOVE EXTRA TOP MARGIN */
  #m-menu-drawer .katha-shop-in > a:first-child {
  margin-top: 70px !important;
}

  #m-menu-drawer .katha-category-men,
  #m-menu-drawer .katha-category-women,
  #m-menu-drawer .katha-category-kids {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

}
/* =====================================================
   KATHA STEEZ - FINAL MOBILE CATEGORY MENU
   ===================================================== */

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

  /* -----------------------------
     WELCOME SECTION
     ----------------------------- */

  #m-menu-drawer .katha-mobile-account {
    padding: 12px 24px 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }

  #m-menu-drawer .katha-mobile-account::before,
  #m-menu-drawer .katha-mobile-account::after {
    display: none !important;
    content: none !important;
  }

  #m-menu-drawer .katha-mobile-account-title {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }

  #m-menu-drawer .katha-mobile-login {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }


  /* -----------------------------
     CATEGORY AREA
     ----------------------------- */

  #m-menu-drawer .katha-shop-in {
    display: block !important;

    margin: 12px 0 0 !important;
    padding: 0 30px 35px !important;

    width: 100% !important;
    box-sizing: border-box !important;
  }


  /* -----------------------------
     EACH CATEGORY
     ----------------------------- */

  #m-menu-drawer .katha-shop-in > a {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 82px !important;
    min-height: 82px !important;

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

    gap: 22px !important;

    box-sizing: border-box !important;

    text-decoration: none !important;
  }

  #m-menu-drawer .katha-shop-in > a + a {
    margin-top: 5px !important;
  }


  /* -----------------------------
     ICON CONTAINER
     ----------------------------- */

  #m-menu-drawer .katha-menu-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;

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

    flex-shrink: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }


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

  #m-menu-drawer .katha-menu-icon img {
    display: block !important;

    width: 72px !important;
    height: 72px !important;

    max-width: 72px !important;
    max-height: 72px !important;

    object-fit: contain !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }


  /* -----------------------------
     MEN - ENLARGE ACTUAL ARTWORK
     ----------------------------- */

  #m-menu-drawer .katha-men-icon img {
    width: 72px !important;
    height: 72px !important;

    transform: scale(1.0) !important;
    transform-origin: center center !important;
  }


  /* WOMEN */
  #m-menu-drawer .katha-women-icon img {
    width: 72px !important;
    height: 72px !important;

    transform: scale(1.3) !important;
  }


  /* KIDS */
  #m-menu-drawer .katha-kids-icon img {
    width: 72px !important;
    height: 72px !important;

    transform: scale(1.3) !important;
  }


  /* -----------------------------
     CATEGORY TEXT
     ----------------------------- */

  #m-menu-drawer .katha-shop-in a > span:last-child {
    font-size: 19px !important;
    font-weight: 500 !important;

    line-height: 1.2 !important;

    color: #222 !important;

    letter-spacing: 0.3px !important;
  }


  /* -----------------------------
     REMOVE OLD POSITIONING
     ----------------------------- */

  #m-menu-drawer .katha-category-men,
  #m-menu-drawer .katha-category-women,
  #m-menu-drawer .katha-category-kids {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

}
/* =================================================
   KATHA STEEZ - FINAL MOBILE MENU POLISH
   ================================================= */

/* REMOVE THE SMALL LINE ABOVE WELCOME */
#m-menu-drawer .katha-mobile-account {
  border-top: none !important;
  box-shadow: none !important;
}

#m-menu-drawer .katha-mobile-account::before,
#m-menu-drawer .katha-mobile-account::after {
  display: none !important;
  content: none !important;
}

#m-menu-drawer .m-menu-drawer__content {
  border-top: none !important;
}

#m-menu-drawer .m-menu-drawer__content::before,
#m-menu-drawer .m-menu-drawer__content::after {
  display: none !important;
  content: none !important;
}


/* =================================================
   PREMIUM CATEGORY STRUCTURE
   Keeps your CURRENT spacing
   ================================================= */

#m-menu-drawer .katha-shop-in > a {
  position: relative !important;
  transition: transform 0.25s ease, opacity 0.25s ease !important;
}


/* ICON ANIMATION */
#m-menu-drawer .katha-shop-in > a .katha-menu-icon img {
  transition:
    transform 0.3s ease,
    opacity 0.3s ease,
    filter 0.3s ease !important;
}


/* SUBTLE HOVER / TOUCH EFFECT */
#m-menu-drawer .katha-shop-in > a:hover {
  transform: translateX(3px) !important;
}

#m-menu-drawer .katha-shop-in > a:hover .katha-menu-icon img {
  transform: scale(1.06) !important;
}


/* =================================================
   CATEGORY ENTRANCE ANIMATION
   ================================================= */

@keyframes kathaCategoryIn {
  from {
    opacity: 0;
    transform: translateX(-8px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


/* MEN */
#m-menu-drawer .katha-shop-in > a:nth-child(1) {
  animation: kathaCategoryIn 0.45s ease-out 0.05s both !important;
}


/* WOMEN */
#m-menu-drawer .katha-shop-in > a:nth-child(2) {
  animation: kathaCategoryIn 0.45s ease-out 0.12s both !important;
}


/* KIDS */
#m-menu-drawer .katha-shop-in > a:nth-child(3) {
  animation: kathaCategoryIn 0.45s ease-out 0.19s both !important;
}


/* =================================================
   KEEP ICON + TEXT CLEANLY ALIGNED
   ================================================= */

#m-menu-drawer .katha-menu-icon {
  flex-shrink: 0 !important;
}

#m-menu-drawer .katha-shop-in > a > span:last-child {
  display: block !important;
  text-align: left !important;
}
/* =========================================================
   KATHA STEEZ - PREMIUM MOBILE CATEGORY MENU
   ========================================================= */

/* ---------------------------------------------------------
   1. REMOVE LINE ABOVE WELCOME
   --------------------------------------------------------- */

#m-menu-drawer .katha-mobile-account {
  border-top: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

#m-menu-drawer .katha-mobile-account::before,
#m-menu-drawer .katha-mobile-account::after {
  content: none !important;
  display: none !important;
}

#m-menu-drawer .m-menu-drawer__content {
  border-top: 0 !important;
  box-shadow: none !important;
}

#m-menu-drawer .m-menu-drawer__content::before,
#m-menu-drawer .m-menu-drawer__content::after {
  content: none !important;
  display: none !important;
}


/* ---------------------------------------------------------
   2. PREMIUM AREA - WELCOME + CATEGORIES
   --------------------------------------------------------- */

#m-menu-drawer .katha-mobile-account {
  margin: 14px 18px 0 !important;
  padding: 22px 20px 8px !important;

  border-left: 1px solid rgba(7, 140, 205, 0.18) !important;
  border-right: 1px solid rgba(7, 140, 205, 0.18) !important;
  border-top: 1px solid rgba(7, 140, 205, 0.18) !important;

  border-radius: 18px 18px 0 0 !important;

  background: linear-gradient(
    180deg,
    rgba(7, 140, 205, 0.035),
    rgba(255,255,255,0)
  ) !important;
}


/* CATEGORY AREA - CONNECTED TO WELCOME BOX */

#m-menu-drawer .katha-shop-in {
  margin: 0 18px !important;
  padding: 4px 20px 20px !important;

  border-left: 1px solid rgba(7, 140, 205, 0.18) !important;
  border-right: 1px solid rgba(7, 140, 205, 0.18) !important;
  border-bottom: 1px solid rgba(7, 140, 205, 0.18) !important;

  border-radius: 0 0 18px 18px !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0),
    rgba(7, 140, 205, 0.035)
  ) !important;
}


/* ---------------------------------------------------------
   3. MEN / WOMEN / KIDS INDIVIDUAL PREMIUM BUTTONS
   --------------------------------------------------------- */

#m-menu-drawer .katha-shop-in > a {
  position: relative !important;

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

  width: 100% !important;
  height: 82px !important;
  min-height: 82px !important;

  margin: 6px 0 !important;
  padding: 8px 14px !important;

  gap: 20px !important;

  border: 1px solid rgba(7, 140, 205, 0.12) !important;
  border-radius: 16px !important;

  background: rgba(255,255,255,0.72) !important;

  box-sizing: border-box !important;

  text-decoration: none !important;

  /* VERY SMOOTH */
  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.45s ease,
    border-color 0.45s ease,
    background 0.45s ease !important;
}


/* ---------------------------------------------------------
   4. ICON - SMOOTH PREMIUM MOVEMENT
   --------------------------------------------------------- */

#m-menu-drawer .katha-shop-in > a .katha-menu-icon {
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* Image itself */

#m-menu-drawer .katha-shop-in > a .katha-menu-icon img {
  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.5s ease !important;

  will-change: transform !important;
}


/* ---------------------------------------------------------
   5. HOVER / TOUCH EFFECT
   --------------------------------------------------------- */

#m-menu-drawer .katha-shop-in > a:hover {
  transform: translateX(4px) !important;

  border-color: rgba(7, 140, 205, 0.28) !important;

  background: rgba(7, 140, 205, 0.045) !important;

  box-shadow:
    0 6px 18px rgba(7, 140, 205, 0.08) !important;
}


#m-menu-drawer .katha-shop-in > a:hover .katha-menu-icon {
  transform: scale(1.04) !important;
}


#m-menu-drawer .katha-shop-in > a:hover .katha-menu-icon img {
  transform: scale(1.06) !important;
}


/* ---------------------------------------------------------
   6. CATEGORY TEXT
   --------------------------------------------------------- */

#m-menu-drawer .katha-shop-in > a > span:last-child {
  font-size: 19px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  color: #333333 !important;

  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.35s ease !important;
}


#m-menu-drawer .katha-shop-in > a:hover > span:last-child {
  transform: translateX(2px) !important;
  color: #078CCD !important;
}


/* ---------------------------------------------------------
   7. SMOOTH ENTRY ANIMATION
   --------------------------------------------------------- */

@keyframes kathaPremiumCategory {

  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }

}


/* MEN */

#m-menu-drawer .katha-shop-in > a:nth-child(1) {
  animation:
    kathaPremiumCategory
    0.7s
    cubic-bezier(0.22, 1, 0.36, 1)
    0.05s
    both !important;
}


/* WOMEN */

#m-menu-drawer .katha-shop-in > a:nth-child(2) {
  animation:
    kathaPremiumCategory
    0.7s
    cubic-bezier(0.22, 1, 0.36, 1)
    0.14s
    both !important;
}


/* KIDS */

#m-menu-drawer .katha-shop-in > a:nth-child(3) {
  animation:
    kathaPremiumCategory
    0.7s
    cubic-bezier(0.22, 1, 0.36, 1)
    0.23s
    both !important;
}


/* ---------------------------------------------------------
   8. KEEP YOUR CURRENT ICON SIZE
   --------------------------------------------------------- */

#m-menu-drawer .katha-menu-icon {
  flex-shrink: 0 !important;
}


/* ---------------------------------------------------------
   9. REMOVE EXTRA OLD SPACING
   --------------------------------------------------------- */

#m-menu-drawer .katha-category-men,
#m-menu-drawer .katha-category-women,
#m-menu-drawer .katha-category-kids {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* =========================================================
   KATHA STEEZ — PREMIUM MOBILE PROFILE CARDS
   ========================================================= */

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

  /* Profile section */
  #m-menu-drawer .katha-profile-links {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 12px 0 22px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }

  /* Individual profile card */
  #m-menu-drawer .katha-profile-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 112px !important;

    padding: 12px 6px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #e6edf2 !important;
    border-radius: 14px !important;

    text-decoration: none !important;
    color: #111111 !important;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.045) !important;

    transition:
      transform 0.28s cubic-bezier(.2,.8,.2,1),
      box-shadow 0.28s ease,
      border-color 0.28s ease,
      background 0.28s ease !important;

    -webkit-tap-highlight-color: transparent !important;
  }

  /* Icon container */
  #m-menu-drawer .katha-profile-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    margin-bottom: 7px !important;

    transition:
      transform 0.3s cubic-bezier(.2,.8,.2,1) !important;
  }

  /* Actual uploaded image */
  #m-menu-drawer .katha-profile-image img {
    display: block !important;

    width: 54px !important;
    height: 54px !important;

    object-fit: contain !important;

    transition:
      transform 0.3s cubic-bezier(.2,.8,.2,1) !important;
  }

  /* Label */
  #m-menu-drawer .katha-profile-label {
    display: block !important;

    width: 100% !important;

    text-align: center !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    letter-spacing: 0.1px !important;

    color: #222222 !important;
  }

  /* Hover — desktop preview */
  #m-menu-drawer .katha-profile-card:hover {
    transform: translateY(-4px) !important;

    border-color: #1987C0 !important;

    box-shadow:
      0 8px 20px rgba(25, 135, 192, 0.12) !important;
  }

  #m-menu-drawer .katha-profile-card:hover
  .katha-profile-image img {
    transform: scale(1.08) !important;
  }

  #m-menu-drawer .katha-profile-card:hover
  .katha-profile-label {
    color: #1987C0 !important;
  }

  /* Touch / tap animation */
  #m-menu-drawer .katha-profile-card:active {
    transform: scale(0.96) !important;

    box-shadow:
      0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }

  #m-menu-drawer .katha-profile-card:active
  .katha-profile-image img {
    transform: scale(0.94) !important;
  }

}
/* =====================================================
   KATHA STEEZ — PREMIUM BOTTOM MENU
   MOBILE DRAWER ONLY
   ===================================================== */

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

  #m-menu-drawer .katha-bottom-menu {
    display: block !important;
    background: #1987C0 !important;
    margin: 20px 14px 24px !important;
    padding: 6px 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(25,135,192,0.22) !important;
  }

  /* FORCE ALL BOTTOM MENU ITEMS TO SHOW */
  #m-menu-drawer .katha-bottom-menu > li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* MENU LINKS */
  #m-menu-drawer .katha-bottom-menu > li > a {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

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

    min-height: 54px !important;
    height: auto !important;

    padding: 0 20px !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;

    border-bottom: 1px solid rgba(255,255,255,0.18) !important;

    transition: all 0.25s ease !important;
  }

  /* TEXT */
  #m-menu-drawer .katha-bottom-menu > li > a,
  #m-menu-drawer .katha-bottom-menu > li > a span {
    color: #ffffff !important;
  }

  /* ARROWS */
  #m-menu-drawer .katha-bottom-menu > li > a svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer .katha-bottom-menu > li:last-child > a {
    border-bottom: none !important;
  }

  /* HOVER / TOUCH ANIMATION */
  #m-menu-drawer .katha-bottom-menu > li > a:hover {
    background: rgba(255,255,255,0.12) !important;
    padding-left: 26px !important;
  }

}
/* =========================================
   KATHA MOBILE BOTTOM MENU
   Mobile only - does NOT affect desktop
   ========================================= */

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

  .katha-bottom-menu {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 18px auto 20px !important;
    padding: 18px 14px !important;

    background: #078CCD !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;

    list-style: none !important;
  }

  /* HOME heading */
  .katha-bottom-menu > li:first-child {
    margin-bottom: 8px !important;
  }

  .katha-bottom-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 8px !important;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;

    box-sizing: border-box !important;
  }

  .katha-bottom-menu a::after {
    content: "›" !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }

  .katha-bottom-menu a:hover {
    background: rgba(255,255,255,0.12) !important;
    border-radius: 10px !important;
  }

  /* Hide unwanted mobile menu items */
  .katha-bottom-menu a[href*="new-arrivals"],
  .katha-bottom-menu a[href*="minimal-collection"] {
    display: none !important;
  }

}
/* =========================================
   KATHA MOBILE BOTTOM MENU
   Mobile only - does NOT affect desktop
   ========================================= */

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

  .katha-bottom-menu {
    display: block !important;
    width: calc(100% - 28px) !important;
    margin: 18px auto 20px !important;
    padding: 18px 14px !important;

    background: #078CCD !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;

    list-style: none !important;
  }

  /* HOME heading */
  .katha-bottom-menu > li:first-child {
    margin-bottom: 8px !important;
  }

  .katha-bottom-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 8px !important;

    color: #ffffff !important;
    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;

    box-sizing: border-box !important;
  }

  .katha-bottom-menu a::after {
    content: "›" !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }

  .katha-bottom-menu a:hover {
    background: rgba(255,255,255,0.12) !important;
    border-radius: 10px !important;
  }

  /* Hide unwanted mobile menu items */
  .katha-bottom-menu a[href*="new-arrivals"],
  .katha-bottom-menu a[href*="minimal-collection"] {
    display: none !important;
  }

}
@media screen and (max-width: 767px) {

  /* Fix bottom menu link text */
  .katha-bottom-menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 44px !important;

    padding: 10px 12px !important;
    box-sizing: border-box !important;

    color: #1f1f1f !important;
    opacity: 1 !important;
    visibility: visible !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    text-indent: 0 !important;
  }

  /* Make sure the actual link text is visible */
  .katha-bottom-menu li a span,
  .katha-bottom-menu li a strong {
    color: #1f1f1f !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 15px !important;
  }

  /* Keep the arrow */
  .katha-bottom-menu li a::after {
    color: #078CCD !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

}
/* KATHA BOTTOM MENU - FORCE TEXT VISIBLE */
.katha-bottom-menu,
.katha-bottom-menu li,
.katha-bottom-menu li a,
.katha-bottom-menu li a span {
  visibility: visible !important;
  opacity: 1 !important;
}

.katha-bottom-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  min-height: 45px !important;
  padding: 12px 20px !important;
  color: #222 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
  overflow: visible !important;
}

.katha-bottom-menu li a span {
  display: inline-block !important;
  color: #222 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* Keep the arrow visible */
.katha-bottom-menu li a::after {
  color: #078CCD !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* KATHA BOTTOM MENU */
.katha-bottom-menu {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.katha-bottom-menu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.katha-bottom-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;

  padding: 8px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #222 !important;

  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.katha-bottom-menu li a span {
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 35px) !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #222 !important;

  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* Arrow */
.katha-bottom-menu li a::after {
  display: block !important;
  flex-shrink: 0 !important;
  color: #078CCD !important;
  font-size: 20px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* KATHA BOTTOM MENU */
.katha-bottom-menu {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.katha-bottom-menu li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.katha-bottom-menu li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;

  padding: 8px 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #222 !important;

  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.katha-bottom-menu li a span {
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 35px) !important;

  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #222 !important;

  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* Arrow */
.katha-bottom-menu li a::after {
  display: block !important;
  flex-shrink: 0 !important;
  color: #078CCD !important;
  font-size: 20px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media screen and (max-width: 749px) {

  .katha-mobile-login {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.1 !important;
  }

}
@media screen and (max-width: 749px) {

  /* CATEGORY CONTAINER */
  .katha-shop-in {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 12px !important;
    margin: 8px 0 0 !important;
  }

  /* MEN / WOMEN / KIDS BUTTON */
  

  /* ICON SPACE */
  .katha-shop-in > a .katha-menu-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;

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

    flex-shrink: 0 !important;
  }

  /* ICON */
  .katha-shop-in > a .katha-menu-icon img,
  .katha-shop-in > a img.katha-custom-menu-icon {
    width: 46px !important;
    height: 46px !important;

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

    object-fit: contain !important;

    display: block !important;
  }

  /* TEXT */
  .katha-shop-in > a > span:last-child {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    color: #111111 !important;
  }

}
@media screen and (max-width: 749px) {

  /* REMOVE BOX AROUND THE WHOLE MEN/WOMEN/KIDS AREA */
  .m-menu-drawer__content .katha-shop-in {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;

    padding: 0 12px !important;
    margin: 8px 0 0 !important;
  }

  /* THREE SEPARATE BUTTONS */
  .m-menu-drawer__content .katha-shop-in > a {
    border: 1px solid #e2e2e2 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;

    background: #fff !important;

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

    width: 100% !important;
    min-height: 68px !important;

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

    box-sizing: border-box !important;
  }

  /* REMOVE HOVER BORDER/OUTLINE */
  .m-menu-drawer__content .katha-shop-in > a:hover,
  .m-menu-drawer__content .katha-shop-in > a:focus,
  .m-menu-drawer__content .katha-shop-in > a:active {
    border: 1px solid #e2e2e2 !important;
    outline: none !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  }

}
/* =========================================
   KATHA STEEZ MOBILE CATEGORY BUTTONS
   ========================================= */

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

  .katha-category-list {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    margin: 55px 0 0 !important;
    padding: 0 12px !important;

    background: transparent !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    gap: 8px !important;

    box-sizing: border-box !important;
  }


  /* EACH BUTTON */

  .katha-category-list .katha-category-button {
    display: flex !important;
    align-items: center !important;

    width: 95% !important;
    height: 72px !important;

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

    box-sizing: border-box !important;

    background: #ffffff !important;

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

    outline: none !important;

    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;

    text-decoration: none !important;

    overflow: hidden !important;
  }



  /* ICON HOLDER */

  .katha-category-list .katha-menu-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;

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

    flex-shrink: 0 !important;

    background: transparent !important;

    border: none !important;
  }


  /* ICON */

  .katha-category-list .katha-menu-icon img {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    max-width: 20px !important;
    max-height: 20px !important;

    object-fit: contain !important;

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


  /* TEXT */

  .katha-category-list .katha-category-name {
    display: block !important;

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

    font-size: 17px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    color: #111111 !important;

    text-decoration: none !important;
  }

}
<!-- KATHA MOBILE BOTTOM MENU -->

<div class="katha-bottom-menu">

  {% for link in menu.links %}

    {% assign title_handle = link.title | handleize %}

    {% if title_handle == 'home'
      or title_handle == 'build-your-box'
      or title_handle == 'shop'
      or title_handle == 'contact-us' %}

      <a href="{{ link.url }}" class="katha-bottom-menu__link">
        {{ link.title }}
      </a>

    {% endif %}

  {% endfor %}

</div>
@media screen and (max-width: 749px) {

  #m-menu-drawer .katha-bottom-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: calc(100% - 24px) !important;
    height: auto !important;
    margin: 25px 12px 30px !important;
    padding: 0 !important;
    background: #1987C0 !important;
    border-radius: 14px !important;
    list-style: none !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
  }

  #m-menu-drawer .katha-bottom-menu > li {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #m-menu-drawer .katha-bottom-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;

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

    box-sizing: border-box !important;

    background: transparent !important;
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer .katha-bottom-menu > li > a span {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer .katha-bottom-menu > li > a::after {
    content: "›" !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  #m-menu-drawer .katha-bottom-menu > li:not(:last-child) > a {
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  }

}
/* =========================================
   KATHA STEEZ - MOBILE BOTTOM MENU
   ========================================= */

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

  #m-menu-drawer .katha-bottom-menu {
    display: flex !important;
    flex-direction: column !important;

    position: relative !important;

    width: calc(100% - 24px) !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 24px 12px 30px !important;
    padding: 0 !important;

    background: #1987C0 !important;

    border: none !important;
    border-radius: 14px !important;

    list-style: none !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: hidden !important;

    z-index: 99999 !important;
  }


  /* EACH ITEM */

  #m-menu-drawer .katha-bottom-menu__item {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;

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

    list-style: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* MENU LINK */

  #m-menu-drawer .katha-bottom-menu__link {
    display: flex !important;

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

    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

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

    box-sizing: border-box !important;

    background: transparent !important;

    border: none !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* TEXT */

  #m-menu-drawer .katha-bottom-menu__link span {
    display: block !important;

    width: auto !important;
    height: auto !important;

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

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }


  /* SEPARATOR */

  #m-menu-drawer .katha-bottom-menu__item:not(:last-child)
  .katha-bottom-menu__link {
    border-bottom: 1px solid rgba(255,255,255,0.20) !important;
  }


  /* ARROW */

  #m-menu-drawer .katha-bottom-menu__link::after {
    content: "›" !important;

    display: block !important;

    color: #ffffff !important;

    font-size: 22px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    width: auto !important;
    height: auto !important;
  }

}
@media screen and (max-width: 749px) {

  /* KATHA BOTTOM MENU - RESET THEME NAVIGATION STYLES */

  #m-menu-drawer ul.katha-bottom-menu {
    display: flex !important;
    flex-direction: column !important;

    width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 25px 12px 30px !important;
    padding: 0 !important;

    background: #1987C0 !important;

    border: none !important;
    border-radius: 14px !important;

    list-style: none !important;

    overflow: hidden !important;

    position: relative !important;
    z-index: 99999 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer ul.katha-bottom-menu > li {
    display: block !important;

    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

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

    list-style: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer ul.katha-bottom-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

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

    box-sizing: border-box !important;

    background: transparent !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer ul.katha-bottom-menu > li > a span {
    display: block !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    visibility: visible !important;
    opacity: 1 !important;
  }

  #m-menu-drawer ul.katha-bottom-menu > li:not(:last-child) > a {
    border-bottom: 1px solid rgba(255,255,255,0.25) !important;
  }

  #m-menu-drawer ul.katha-bottom-menu > li > a::after {
    content: "›" !important;
    display: block !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1 !important;
  }

}
/* =========================================
   KATHA STEEZ PREMIUM BOTTOM MENU
   ========================================= */

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

  .katha-bottom-menu {
    display: flex !important;
    flex-direction: column !important;

    width: calc(100% - 24px) !important;

    margin: 28px 12px 35px !important;
    padding: 6px !important;

    box-sizing: border-box !important;

    background: linear-gradient(
      135deg,
      #078CCD 0%,
      #1987C0 100%
    ) !important;

    border-radius: 18px !important;

    box-shadow:
      0 8px 25px rgba(7, 140, 205, 0.20) !important;

    overflow: hidden !important;

    position: relative !important;

    z-index: 10 !important;

    animation: kathaBottomMenuIn 0.6s ease-out both !important;
  }


  /* MENU ITEM */

  .katha-bottom-item {
    display: flex !important;

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

    width: 100% !important;
    min-height: 52px !important;

    padding: 0 16px 0 18px !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    text-decoration: none !important;

    border-radius: 13px !important;

    transition:
      background 0.25s ease,
      transform 0.25s ease,
      padding 0.25s ease !important;

    animation: kathaBottomItemIn 0.5s ease-out both !important;
  }


  /* SEPARATORS */

  .katha-bottom-item:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.20) !important;
  }


  /* TEXT */

  .katha-bottom-text {
    display: block !important;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    letter-spacing: 0.2px !important;

    line-height: 1.2 !important;

    transition:
      transform 0.25s ease,
      letter-spacing 0.25s ease !important;
  }


  /* ARROW */

  .katha-bottom-arrow {
    display: flex !important;

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

    width: 28px !important;
    height: 28px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,0.15) !important;

    color: #ffffff !important;

    font-size: 22px !important;

    line-height: 1 !important;

    transition:
      transform 0.25s ease,
      background 0.25s ease !important;
  }


  /* HOVER EFFECT */

  .katha-bottom-item:hover {
    background: rgba(255,255,255,0.13) !important;

    transform: translateX(3px) !important;

    padding-left: 21px !important;
  }


  .katha-bottom-item:hover .katha-bottom-text {
    letter-spacing: 0.4px !important;
  }


  .katha-bottom-item:hover .katha-bottom-arrow {
    transform: translateX(4px) !important;

    background: rgba(255,255,255,0.25) !important;
  }


  /* TAP / CLICK EFFECT */

  .katha-bottom-item:active {
    transform: scale(0.97) !important;
  }


  /* STAGGERED ANIMATION */

  .katha-bottom-item:nth-child(1) {
    animation-delay: 0.05s !important;
  }

  .katha-bottom-item:nth-child(2) {
    animation-delay: 0.10s !important;
  }

  .katha-bottom-item:nth-child(3) {
    animation-delay: 0.15s !important;
  }

  .katha-bottom-item:nth-child(4) {
    animation-delay: 0.20s !important;
  }


  /* MENU ENTRANCE */

  @keyframes kathaBottomMenuIn {

    from {
      opacity: 0;
      transform: translateY(18px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }

  }


  /* ITEM ENTRANCE */

  @keyframes kathaBottomItemIn {

    from {
      opacity: 0;
      transform: translateX(-12px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }

  }

}
/* =====================================================
   KATHA STEEZ - PREMIUM BOTTOM MENU ANIMATION
   ===================================================== */

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

  /* Main menu box */
  #m-menu-drawer .katha-bottom-menu {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: calc(100% - 40px) !important;
    margin: 28px auto 30px !important;
    padding: 7px !important;

    box-sizing: border-box !important;

    background: linear-gradient(
      135deg,
      #078CCD 0%,
      #087fbd 50%,
      #078CCD 100%
    ) !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    box-shadow:
      0 8px 20px rgba(7, 140, 205, 0.18),
      inset 0 1px 0 rgba(255,255,255,0.18) !important;
  }


  /* Remove ALL theme-generated arrows */
  #m-menu-drawer .katha-bottom-menu::before,
  #m-menu-drawer .katha-bottom-menu::after,
  #m-menu-drawer .katha-bottom-menu__link::before,
  #m-menu-drawer .katha-bottom-menu__link::after {
    content: none !important;
    display: none !important;
  }


  /* MENU ROW */
  #m-menu-drawer .katha-bottom-menu__link {

    position: relative !important;

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

    width: 100% !important;
    min-height: 48px !important;

    padding: 8px 15px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    color: #ffffff !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 14px !important;

    text-decoration: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;

    overflow: hidden !important;

    transition:
      background 0.35s ease,
      transform 0.35s cubic-bezier(.22,1,.36,1),
      box-shadow 0.35s ease !important;
  }


  /* =====================================================
     LIGHT SWEEP EFFECT
     ===================================================== */

  #m-menu-drawer .katha-bottom-menu__link::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    top: 0 !important;
    left: -120% !important;

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

    background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.16),
      transparent
    ) !important;

    transform: skewX(-20deg) !important;

    transition: left 0.65s ease !important;

    pointer-events: none !important;
  }


  #m-menu-drawer .katha-bottom-menu__link:hover::after {
    left: 130% !important;
  }


  /* =====================================================
     HOVER ROW
     ===================================================== */

  #m-menu-drawer .katha-bottom-menu__link:hover {

    background: rgba(255,255,255,0.12) !important;

    transform: translateX(4px) !important;

    box-shadow:
      inset 3px 0 0 rgba(255,255,255,0.7) !important;
  }


  /* =====================================================
     TEXT ANIMATION
     ===================================================== */

  #m-menu-drawer .katha-bottom-menu__link > span:first-child {

    position: relative !important;
    z-index: 2 !important;

    transition:
      transform 0.35s cubic-bezier(.22,1,.36,1),
      letter-spacing 0.35s ease !important;
  }


  #m-menu-drawer .katha-bottom-menu__link:hover > span:first-child {

    transform: translateX(5px) !important;

    letter-spacing: 0.4px !important;
  }


  /* =====================================================
     ARROW
     ONLY SHOP + BUILD YOUR BOX
     ===================================================== */

  #m-menu-drawer .katha-bottom-arrow {

    position: relative !important;
    z-index: 3 !important;

    display: flex !important;

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

    width: 29px !important;
    height: 29px !important;

    flex-shrink: 0 !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,0.10) !important;

    color: #ffffff !important;

    font-size: 27px !important;
    font-weight: 300 !important;

    line-height: 1 !important;

    transition:
      transform 0.45s cubic-bezier(.22,1,.36,1),
      background 0.35s ease,
      box-shadow 0.35s ease !important;
  }


  /* Arrow animation */
  #m-menu-drawer .katha-bottom-menu__link:hover
  .katha-bottom-arrow {

    transform: translateX(7px) rotate(0deg) !important;

    background: rgba(255,255,255,0.22) !important;

    box-shadow:
      0 0 0 5px rgba(255,255,255,0.06) !important;
  }


  /* =====================================================
     CLICK / TAP FEEDBACK
     ===================================================== */

  #m-menu-drawer .katha-bottom-menu__link:active {

    transform: scale(0.97) !important;

    transition: transform 0.12s ease !important;
  }


  #m-menu-drawer .katha-bottom-menu__link:active
  .katha-bottom-arrow {

    transform: translateX(9px) scale(0.92) !important;
  }


  /* =====================================================
     REMOVE THEME STYLING
     ===================================================== */

  #m-menu-drawer .katha-bottom-menu .m-menu-mobile__link,
  #m-menu-drawer .katha-bottom-menu .m-menu-mobile__toggle-button {

    color: inherit !important;
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
  }

}
/* REMOVE THE THIN LINE ABOVE WELCOME STEEZERS */

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

  #m-menu-drawer,
  #m-menu-drawer .m-menu-drawer__wrapper,
  #m-menu-drawer .m-menu-drawer__content {
    border: none !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  #m-menu-drawer::before,
  #m-menu-drawer::after,
  #m-menu-drawer .m-menu-drawer__wrapper::before,
  #m-menu-drawer .m-menu-drawer__wrapper::after,
  #m-menu-drawer .m-menu-drawer__content::before,
  #m-menu-drawer .m-menu-drawer__content::after {
    display: none !important;
    content: none !important;
    border: none !important;
    box-shadow: none !important;
  }

}
/* =====================================================
   REMOVE LINE ABOVE WELCOME STEEZERS
   ===================================================== */

#m-menu-drawer .m-menu-drawer__content,
#m-menu-drawer .m-menu-drawer__wrapper,
#m-menu-drawer .katha-mobile-account {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Remove any theme-generated line/pseudo element */
#m-menu-drawer .m-menu-drawer__content::before,
#m-menu-drawer .m-menu-drawer__content::after,
#m-menu-drawer .m-menu-drawer__wrapper::before,
#m-menu-drawer .m-menu-drawer__wrapper::after,
#m-menu-drawer .katha-mobile-account::before,
#m-menu-drawer .katha-mobile-account::after {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Keep Welcome section clean at the top */
#m-menu-drawer .katha-mobile-account {
  margin-top: 0 !important;
  padding-top: 3px !important;
}
/* KATHA STEEZ - CATEGORY HOVER ANIMATION */

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

  #m-menu-drawer .katha-category-button {
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    transform: translateY(0) scale(1) !important;
  }

  #m-menu-drawer .katha-category-button:hover {
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.10) !important;
  }

  #m-menu-drawer .katha-category-button:active {
    transform: translateY(-2px) scale(0.98) !important;
  }

  #m-menu-drawer .katha-menu-icon img {
    transition: transform 0.3s ease !important;
  }

  #m-menu-drawer .katha-category-button:hover .katha-menu-icon img {
    transform: scale(1.05) !important;
  }

}
/* CENTER MEN / WOMEN / KIDS TEXT */

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

  #m-menu-drawer .katha-category-button {
    display: flex !important;
    align-items: center !important;
  }

  #m-menu-drawer .katha-category-name {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    line-height: 1.2 !important;
  }

}