.collection-page{display:grid;grid-template-columns:240px 1fr;gap:var(--kl-space-8);max-width:1440px;margin:0 auto;padding:0 var(--kl-space-6)}@media (max-width: 1024px){.collection-page{grid-template-columns:200px 1fr;gap:var(--kl-space-6)}}@media (max-width: 768px){.collection-page{grid-template-columns:1fr}}.collection-main{min-width:0}.collection-sidebar{position:sticky;top:120px;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;padding-right:var(--kl-space-4);scrollbar-width:thin;scrollbar-color:var(--kl-gray-300) transparent}.collection-sidebar::-webkit-scrollbar{width:4px}.collection-sidebar::-webkit-scrollbar-track{background:transparent}.collection-sidebar::-webkit-scrollbar-thumb{background:var(--kl-gray-300);border-radius:var(--kl-radius-full)}@media (max-width: 768px){.collection-sidebar{display:none}}@media (min-width: 769px) and (max-width: 1023px){.collection-page .collection-sidebar{display:block}}.collection-sidebar .sidebar-nav,.category-drawer .sidebar-nav{display:flex;flex-direction:column;gap:0}.collection-sidebar .sidebar-nav__item,.category-drawer .sidebar-nav__item{display:block}.collection-sidebar .sidebar-nav__row,.category-drawer .sidebar-nav__row{display:flex;align-items:center;gap:var(--kl-space-2)}.collection-sidebar .sidebar-nav__link,.category-drawer .sidebar-nav__link{display:flex;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-2) 0;font-family:var(--kl-font-body);font-size:15px;line-height:1.4;color:var(--kl-gray-700);text-decoration:none;transition:color var(--kl-transition-fast, .15s ease);flex:1;min-width:0}.collection-sidebar .sidebar-nav__link:hover,.category-drawer .sidebar-nav__link:hover{color:var(--kl-primary)}.collection-sidebar .sidebar-nav__link--active-parent,.category-drawer .sidebar-nav__link--active-parent{color:var(--kl-gray-900);font-weight:500}.collection-sidebar .sidebar-nav__link--current,.category-drawer .sidebar-nav__link--current{color:var(--kl-primary);font-weight:500}.collection-sidebar .sidebar-nav__toggle,.category-drawer .sidebar-nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--kl-gray-700);cursor:pointer;padding:0}.collection-sidebar .sidebar-nav__toggle-icon,.category-drawer .sidebar-nav__toggle-icon{width:8px;height:8px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--kl-transition-base, .2s ease)}.collection-sidebar .sidebar-nav__toggle[aria-expanded=true] .sidebar-nav__toggle-icon,.category-drawer .sidebar-nav__toggle[aria-expanded=true] .sidebar-nav__toggle-icon{transform:rotate(135deg)}.collection-sidebar .sidebar-nav__subcategories,.category-drawer .sidebar-nav__subcategories{display:none;flex-direction:column;padding-left:var(--kl-space-4);margin-bottom:var(--kl-space-2)}.collection-sidebar .sidebar-nav__subcategories--open,.category-drawer .sidebar-nav__subcategories--open{display:flex}.collection-sidebar .sidebar-nav__sublink,.category-drawer .sidebar-nav__sublink{display:block;padding:6px 0;font-family:var(--kl-font-body);font-size:14px;line-height:1.4;color:var(--kl-gray-600);text-decoration:none;transition:color var(--kl-transition-fast, .15s ease)}.collection-sidebar .sidebar-nav__sublink:before,.category-drawer .sidebar-nav__sublink:before{content:"\b7";margin-right:8px;color:var(--kl-gray-400)}.collection-sidebar .sidebar-nav__sublink:hover,.category-drawer .sidebar-nav__sublink:hover{color:var(--kl-primary)}.collection-sidebar .sidebar-nav__sublink--current,.category-drawer .sidebar-nav__sublink--current{color:var(--kl-primary);font-weight:500}.collection-sidebar .sidebar-nav__divider,.category-drawer .sidebar-nav__divider{height:1px;background:var(--kl-gray-200);margin:var(--kl-space-3) 0}.collection-sidebar .sidebar-nav__link--special,.category-drawer .sidebar-nav__link--special{color:var(--kl-accent);font-weight:500;text-transform:uppercase;font-size:13px;letter-spacing:.03em}.collection-sidebar .sidebar-nav__link--special:hover,.category-drawer .sidebar-nav__link--special:hover{color:var(--kl-accent-dark)}.collection-filter-trigger{display:none;align-items:center;gap:var(--kl-space-2);padding:var(--kl-space-3) var(--kl-space-4);background:var(--kl-white);border:1px solid var(--kl-gray-200);border-radius:var(--kl-radius-md);font-family:var(--kl-font-body);font-size:14px;color:var(--kl-gray-800);cursor:pointer;transition:border-color var(--kl-transition-fast, .15s ease);margin-bottom:var(--kl-space-4)}.collection-filter-trigger:hover{border-color:var(--kl-gray-400)}.collection-filter-trigger .badge{color:var(--kl-primary);font-weight:500}@media (max-width: 768px){.collection-filter-trigger{display:flex}}.category-drawer{position:fixed;top:0;left:0;width:100%;max-width:320px;height:100vh;background:var(--kl-white);z-index:1000;transform:translate(-100%);transition:transform var(--kl-transition-slow, .3s ease);display:flex;flex-direction:column}.category-drawer--open{transform:translate(0)}.category-drawer__header{display:flex;align-items:center;gap:var(--kl-space-3);padding:var(--kl-space-4);border-bottom:1px solid var(--kl-gray-200)}.category-drawer__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--kl-gray-700);font-size:24px;line-height:1}.category-drawer__title{font-family:var(--kl-font-body);font-size:16px;font-weight:500;color:var(--kl-gray-900)}.category-drawer__body{flex:1;overflow-y:auto;padding:var(--kl-space-4)}.category-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity var(--kl-transition-slow, .3s ease),visibility var(--kl-transition-slow, .3s ease)}.category-drawer-backdrop--visible{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-sidebar.css.map */