:root{--cat-accent: 187, 42, 53;--cat-accent-strong: 160, 28, 38;--cat-ink: 17, 17, 17;--cat-border: 0, 0, 0}.catDrawer[hidden]{display:none!important}.catDrawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.catDrawer__inner{--cat-top: 80px;--cat-gap: 16px;position:fixed;left:50%;transform:translate(-50%);top:calc(var(--cat-top) + var(--cat-gap));width:min(1400px,calc(100vw - 32px));height:calc(100vh - var(--cat-top) - (var(--cat-gap) * 2));background:#fff;display:grid;grid-template-columns:clamp(260px,22vw,360px) 1fr;overflow:hidden;border-radius:16px;box-shadow:0 22px 70px #00000047;border:1px solid rgba(var(--cat-border),.08)}@supports (height: 100dvh){.catDrawer__inner{height:calc(100dvh - var(--cat-top) - (var(--cat-gap) * 2))}}.catDrawer__left{border-right:1px solid rgba(var(--cat-border),.08);height:100%;overflow-y:auto;overscroll-behavior:contain;padding:6px}.catDrawer__right{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:14px}.catL1{list-style:none;margin:0;padding:6px 0}.catL1__btn{width:100%;text-align:left;padding:10px 12px;font-size:15px;line-height:1.2;background:transparent;border:0;cursor:pointer;font-weight:700;border-radius:12px;color:rgb(var(--cat-ink));transition:background .12s ease,box-shadow .12s ease,color .12s ease}.catL1__btn.is-active{background:rgba(var(--cat-accent),.08);color:rgb(var(--cat-accent-strong))}.catL1__btn:hover,.catL1__btn:focus-visible{background:rgba(var(--cat-accent),.09);box-shadow:0 2px 12px #0000001a;color:rgb(var(--cat-accent-strong));outline:none}.catPanel{display:block}.catPanel[hidden]{display:none!important}.catPanel__cols{column-count:3;column-gap:16px}.catPanel__cols>*{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin:0 0 16px}@media (max-width: 1399px){.catPanel__cols{column-count:2}}@media (max-width: 1099px){.catPanel__cols{column-count:1}}.catL2{display:block;font-weight:800;text-decoration:none;background:rgba(var(--cat-accent),.08);padding:10px 14px;border-radius:14px;margin:0 0 10px;color:rgb(var(--cat-ink));border:1px solid rgba(var(--cat-accent),.12)}.catL2:hover{background:rgba(var(--cat-accent),.12);border-color:rgba(var(--cat-accent),.18)}.catL3{list-style:none;margin:0;padding:0}.catL3 li{margin:6px 0}.catL3__link{text-decoration:none;display:inline-block;padding:5px 10px;border-radius:999px;color:rgb(var(--cat-ink));transition:background .12s ease,box-shadow .12s ease,color .12s ease}.catL3__link:hover,.catL3__link:focus-visible{background:transparent;box-shadow:none;color:rgb(var(--cat-accent-strong));outline:none}.catDrawer__close{position:absolute;top:10px;right:10px;width:48px;height:48px;font-size:30px;line-height:48px;border:1px solid rgba(0,0,0,.3);border-radius:14px;background:#00000038;color:#111;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,transform .08s ease,box-shadow .12s ease}.catDrawer__close:hover{background:#0000004d;box-shadow:0 10px 26px #0000001f}.catDrawer__close:active{transform:scale(.98)}.catTrigger{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#00000014;border:0;color:inherit;cursor:pointer;line-height:1;font-weight:700;white-space:nowrap;transition:background .12s ease,box-shadow .12s ease}.catTrigger:hover{background:#0000001f;box-shadow:0 10px 26px #00000029}.catTrigger__icon{width:18px;height:12px;position:relative;display:inline-block}.catTrigger__icon:before,.catTrigger__icon:after,.catTrigger__icon span{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}.catTrigger__icon span{top:5px}.catTrigger__icon:before{top:0}.catTrigger__icon:after{bottom:0}.catOnlyDesktop,.catDrawer{display:none!important}@media (min-width: 1200px){.catOnlyDesktop{display:list-item!important}.catDrawer[hidden]{display:none!important}.catDrawer:not([hidden]){display:block!important}.header__desktop-nav-toggle,.header__mobile-nav{display:none!important}}html.catDrawer-open,body.catDrawer-open{overflow:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-categories.css.map */