@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) .custom-header-container{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:58px!important;padding:8px 14px!important;margin:0 auto!important}body:has(#MainContent[data-template=index]) .header-left,body:has(#MainContent[data-template=index]) .header-right{position:relative!important;z-index:2!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}body:has(#MainContent[data-template=index]) .header-left{justify-content:flex-start!important;gap:8px!important;margin-right:auto!important}body:has(#MainContent[data-template=index]) .header-right{justify-content:flex-end!important;gap:8px!important;margin-left:auto!important}body:has(#MainContent[data-template=index]) .header-center{position:absolute!important;top:50%!important;left:50%!important;z-index:1!important;flex:0 1 auto!important;width:auto!important;max-width:calc(100% - 156px)!important;transform:translate(-50%,-50%)!important}body:has(#MainContent[data-template=index]) .custom-logo{display:flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important}body:has(#MainContent[data-template=index]) .custom-logo img{display:block!important;width:clamp(102px,34vw,132px)!important;max-width:100%!important;max-height:34px!important;height:auto!important;object-fit:contain!important}body:has(#MainContent[data-template=index]) .mobile-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;margin:0!important}body:has(#MainContent[data-template=index]) .mobile-menu-btn>svg{width:20px!important;height:20px!important}body:has(#MainContent[data-template=index]) .header-left .svg-wrapper{width:28px!important;height:28px!important}body:has(#MainContent[data-template=index]) .header-left .svg-wrapper img{width:18px!important;height:18px!important;object-fit:contain!important}body:has(#MainContent[data-template=index]) .header-right img{width:28px!important;max-width:28px!important;height:auto!important;object-fit:contain!important}body:has(#MainContent[data-template=index]) .mobile-drawer{width:min(86vw,300px)!important;padding:20px 16px!important}body:has(#MainContent[data-template=index]) .drawer-nav{gap:10px!important}body:has(#MainContent[data-template=index]) .drawer-item{padding-bottom:10px!important}body:has(#MainContent[data-template=index]) .drawer-link-main{font-size:15px!important}body:has(#MainContent[data-template=index]) .drawer-section-header{font-size:12px!important}body:has(#MainContent[data-template=index]) .drawer-sub-link-row{font-size:13px!important}body:has(#MainContent[data-template=index]) .drawer-grandchild-link{font-size:12px!important}body:has(#MainContent[data-template=index]) :is(.drawer-dropdown-btn,.drawer-col-toggle,.drawer-sub-toggle){font-size:12px!important}body:has(#MainContent[data-template=index]) .hero__mute-button,body:has(#MainContent[data-template=index]) .hero__fullscreen-button,body:has(#MainContent[data-template=index]) .hero__fullscreen-close-button{width:36px!important;height:36px!important}body:has(#MainContent[data-template=index]) .hero__mute-button svg,body:has(#MainContent[data-template=index]) .hero__fullscreen-button svg,body:has(#MainContent[data-template=index]) .hero__fullscreen-close-button svg{width:17px!important;height:17px!important}body:has(#MainContent[data-template=index]) .hero__mute-button{right:12px!important;bottom:12px!important}body:has(#MainContent[data-template=index]) .hero__fullscreen-button{right:56px!important;bottom:12px!important}body:has(#MainContent[data-template=index]) .hero__fullscreen-close-button{top:12px!important;right:12px!important}body:has(#MainContent[data-template=index]) .apx-category-collage-final__wrap{padding-left:14px!important;padding-right:14px!important}body:has(#MainContent[data-template=index]) .apx-category-collage-final__item{min-height:clamp(145px,48vw,180px)!important}body:has(#MainContent[data-template=index]) .apx-category-collage-final__media{padding:14px!important}body:has(#MainContent[data-template=index]) .apx-category-collage-final__footer{margin-top:20px!important}body:has(#MainContent[data-template=index]) .rk-hero-section{min-height:520px!important}body:has(#MainContent[data-template=index]) .rk-hero__inner{min-height:520px!important;padding:36px 14px 215px!important}body:has(#MainContent[data-template=index]) .rk-hero__eyebrow{margin-bottom:8px!important;font-size:10px!important}body:has(#MainContent[data-template=index]) .rk-hero__heading{max-width:100%!important;gap:8px 12px!important}body:has(#MainContent[data-template=index]) .rk-hero__char{margin-left:-2px!important;padding:2px!important;font-size:21px!important}body:has(#MainContent[data-template=index]) .rk-hero__button-bottom{margin-top:18px!important}body:has(#MainContent[data-template=index]) .rk-hero__floating-wrap{right:0%!important;bottom:10px!important;width:clamp(150px,48vw,188px)!important;min-width:0!important;max-width:124px!important;transform:translate(-50%)!important}body:has(#MainContent[data-template=index]) .rk-hero__floating-stage{min-height:220px!important}body:has(#MainContent[data-template=index]) .rk-hero__badge-char{padding:0 1px!important;font-size:14px!important}body:has(#MainContent[data-template=index]) .apx-split-creative__media-grid{min-height:0!important;height:auto!important}body:has(#MainContent[data-template=index]) .apx-split-creative__panel{min-height:clamp(300px,95vw,390px)!important;height:clamp(300px,95vw,390px)!important}body:has(#MainContent[data-template=index]) .apx-split-creative__bottom-content{padding:16px 14px 20px!important}body:has(#MainContent[data-template=index]) .apx-split-creative__bottom-inner{gap:12px!important}body:has(#MainContent[data-template=index]) .apx-split-creative__caption{font-size:14px!important;line-height:1.28!important}body:has(#MainContent[data-template=index]) .apx-sticker-char{padding:1px 2px!important;font-size:clamp(15px,5vw,21px)!important}body:has(#MainContent[data-template=index]) .apx-v-accordion__btn{right:7%!important;bottom:6%!important;padding:7px 11px!important;font-size:11px!important}body:has(#MainContent[data-template=index]) [class*=ai-dynamic-content__container-]{padding:32px 14px!important}body:has(#MainContent[data-template=index]) [class*=ai-dynamic-content__text-]{margin-bottom:20px!important;font-size:13px!important;line-height:1.2!important}body:has(#MainContent[data-template=index]) [class*=ai-dynamic-content__text-] :is(p,h1,h2,h3,h4,h5,h6){font-size:13px!important;line-height:1.2!important}body:has(#MainContent[data-template=index]) .rk-accordion{gap:0px!important}body:has(#MainContent[data-template=index]) .rk-accordion__panel,body:has(#MainContent[data-template=index]) .rk-accordion__panel.is-default,body:has(#MainContent[data-template=index]) .rk-accordion:hover .rk-accordion__panel,body:has(#MainContent[data-template=index]) .rk-accordion:hover .rk-accordion__panel:hover{min-height:clamp(280px,82vw,340px)!important}body:has(#MainContent[data-template=index]) .rk-accordion__content{padding:16px 12px 14px!important}body:has(#MainContent[data-template=index]) .rk-accordion__tag-word{margin-right:8px!important}body:has(#MainContent[data-template=index]) .rk-accordion__tag-char{padding:3px 2px!important;font-size:14px!important}body:has(#MainContent[data-template=index]) .rk-accordion__tag-char:first-child{padding-left:5px!important}body:has(#MainContent[data-template=index]) .rk-accordion__tag-char:last-child{padding-right:5px!important}body:has(#MainContent[data-template=index]) .rk-accordion__shop-all{bottom:14px!important}}@media screen and (max-width:300px){body:has(#MainContent[data-template=index]) .custom-header-container{padding-inline:10px!important}body:has(#MainContent[data-template=index]) .header-left{gap:6px!important}body:has(#MainContent[data-template=index]) .mobile-menu-btn,body:has(#MainContent[data-template=index]) .header-left .svg-wrapper{flex-basis:26px!important;width:26px!important;min-width:26px!important;height:26px!important}body:has(#MainContent[data-template=index]) .header-center{max-width:calc(100% - 136px)!important}body:has(#MainContent[data-template=index]) .custom-logo img{width:92px!important;max-height:30px!important}body:has(#MainContent[data-template=index]) .apx-category-collage-final__wrap{padding-left:10px!important;padding-right:10px!important}body:has(#MainContent[data-template=index]) .rk-hero__inner{padding-left:10px!important;padding-right:10px!important}}@media(max-width:666px){.rk-hero__button-bottom a.rk-hero__button,.sw{padding:0 1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/devui-mobile-home.css.map */