:root{--mobile-header-height: 70px;--mobile-drawer-bg: #ffffff;--mobile-text-color: #111111;--mobile-accent-color: #000000;--mobile-transition: .4s cubic-bezier(.165, .84, .44, 1)}@media screen and (max-width: 989px){.illtochill-uniqlo-header-section{display:none!important}}.illtochill-mobile-header-section{display:block;z-index:1001;position:relative}@media screen and (min-width: 990px){.illtochill-mobile-header-section{display:none!important}}.mobile-header-wrapper{background-color:#fff;border-bottom:1px solid #ebebeb}.mobile-header-wrapper.sticky-header{position:fixed;top:0;left:0;width:100%;z-index:1002;box-shadow:0 2px 10px #0000000d}.mobile-header{height:var(--mobile-header-height);padding:0 16px;display:flex;align-items:center;justify-content:space-between}.mobile-header__left{flex:1;display:flex;justify-content:flex-start;align-items:center}.mobile-header__spacer{width:44px;flex:0 0 44px}.mobile-menu-toggle{background:none;border:none;cursor:pointer;padding:8px;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative;z-index:2100;flex:0 0 44px}.hamburger-line{display:block;width:24px;height:2px;background-color:var(--mobile-text-color);transition:transform var(--mobile-transition),opacity var(--mobile-transition)}.mobile-menu-toggle.is-active .line-1{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.is-active .line-2{opacity:0}.mobile-menu-toggle.is-active .line-3{transform:translateY(-8px) rotate(-45deg)}#mobile-drawer:not([data-current-panel=panel-main])~.mobile-header .mobile-menu-toggle.is-active,#mobile-drawer:not([data-current-panel=panel-main])~header .mobile-menu-toggle.is-active{display:none!important}@media screen and (max-width: 989px){body{padding-top:0!important;margin-top:0!important}.mobile-header-wrapper{background-color:transparent;border-bottom:none}.mobile-header{background-color:#fff;border-bottom:1px solid #ebebeb}}.mobile-header__logo-link{display:flex;align-items:center;justify-content:center;flex:0 1 auto;position:relative;z-index:1000}.mobile-header__logo{display:block;height:auto;max-height:44px;width:auto}.mobile-header__right{flex:1;display:flex;justify-content:flex-end;gap:0}.mobile-header__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--mobile-text-color);text-decoration:none;flex:0 0 44px}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--mobile-drawer-bg);z-index:2000;transform:translateY(-100%);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,visibility .6s step-end;visibility:hidden;overflow:hidden;pointer-events:none}body.drawer-open{overflow:hidden}.mobile-drawer.is-active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease,visibility 0s step-start}.mobile-drawer__inner{height:100%;width:100%;position:relative;padding-top:0;overflow:hidden}.mobile-drawer__panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--mobile-drawer-bg);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;overflow-y:auto;overflow-x:hidden;padding-top:0}.mobile-drawer__title-header{position:sticky;top:0;z-index:10;background:var(--mobile-drawer-bg);height:var(--mobile-header-height);display:flex;align-items:center;justify-content:center;padding:0 20px;border-bottom:1px solid #f0f0f0}.mobile-drawer__main-title{margin:0}.drawer-heading-unified{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mobile-text-color);text-align:center;line-height:1.2}.mobile-drawer__panel#panel-main{z-index:1;opacity:1;transform:translate(0)}.mobile-drawer__panel--sub{z-index:2;opacity:0;transform:translateY(-100%);pointer-events:none;padding:0;filter:blur(5px)}.mobile-drawer__panel--sub.is-active{opacity:1;transform:translateY(0);pointer-events:auto;filter:blur(0px)}.category-cards{display:flex;flex-direction:column;height:auto}.category-group{padding:0 20px}.category-group:first-child{padding-top:12px}.category-group:last-child{padding-bottom:20px}.category-group__title{font-size:16px;font-weight:600;margin:8px 0;text-transform:uppercase;letter-spacing:.03em;color:var(--mobile-text-color);text-align:center}.category-card{background:none;border:none;padding:0;width:100%;cursor:pointer;position:relative;border-radius:12px;overflow:hidden;height:28vh;box-shadow:0 4px 15px #00000014;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.category-card:hover,.category-card:active{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #00000026}.category-card__image-wrapper{position:relative;width:100%;height:100%}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.category-card:active .category-card__image{transform:scale(1.05)}.category-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0006,#0000 60%)}.mobile-drawer__header{position:sticky;top:0;z-index:10;background:var(--mobile-drawer-bg);padding:16px 20px 24px;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.mobile-drawer__header-top{display:flex;justify-content:flex-start}.mobile-drawer__back{background:none;border:none;display:flex;align-items:center;gap:6px;padding:8px 0;font-size:14px;font-weight:600;color:var(--mobile-text-color);cursor:pointer}.mobile-drawer__title{margin:0;width:100%}.mobile-drawer__content{padding:0 20px}.subcategory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:40px}.subcategory-card{text-decoration:none;color:var(--mobile-text-color);display:flex;flex-direction:column;gap:10px;transition:transform .2s ease;align-items:center}.subcategory-card:active{transform:scale(.96)}.subcategory-card__image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background-color:#f7f7f7;position:relative;box-shadow:0 4px 12px #0000000f;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.subcategory-card:hover .subcategory-card__image-wrapper,.subcategory-card:active .subcategory-card__image-wrapper{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 20px #0000001f}.subcategory-card__image{width:100%;height:100%;object-fit:cover;display:block}.subcategory-card__title{font-size:13px;font-weight:600;text-align:center;line-height:1.3;color:var(--mobile-text-color);text-transform:uppercase;letter-spacing:.02em}.list-unstyled{list-style:none;padding:0;margin:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/illtochill-mobile-header.css.map */