.cg-directory-page{--cd-navy: #1a2b4c;--cd-orange: #e65100;--cd-muted: #5d6b84;--cd-line: #edf1f6;--cd-line-strong: #e3e8ef;--cd-tile: #eef2f8;--cd-soft: #f7f9fc;--cd-orange-soft: #fff3ea;--cd-shadow: 0 8px 24px rgba(26, 43, 76, .06);--cd-shadow-hover: 0 14px 30px rgba(26, 43, 76, .11);--cd-press-shadow: 0 1px 3px rgba(26, 43, 76, .08), inset 0 2px 3px rgba(26, 43, 76, .1);--cd-bounce: cubic-bezier(.34, 1.56, .64, 1);--cd-gap: 18px;--cg-page-gap: 28px;padding-bottom:64px;background:#f5f7fa;color:var(--cd-navy)}.cg-directory-page__breadcrumb{padding-top:calc(var(--cg-page-gap) - 6px)}.cg-directory-page__breadcrumb .breadcrumb-container .breadcrumb{margin:0;padding-top:6px;padding-bottom:6px}.cg-directory-page__intro{padding:calc(var(--cg-page-gap) - 6px) 0 var(--cg-page-gap)}.cg-directory-page .cg-directory-page__title{margin:0;padding:0}.cg-directory-page__lead{margin:6px 0 0;color:var(--cd-muted);font-size:15px;line-height:1.5}.cg-directory{display:block}:where(.cg-directory) ul{margin:0;padding:0;list-style:none}.cg-directory a{text-decoration:none}.cg-directory-icon{width:24px;height:24px;fill:none;stroke:var(--cd-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cg-directory-icon .cg-directory-icon__accent{stroke:var(--cd-orange)}.cg-directory__card{padding:14px;background:#fff;border:1px solid var(--cd-line);border-radius:16px;box-shadow:var(--cd-shadow)}.cg-directory__label{margin:4px 8px 10px;color:var(--cd-muted);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.cg-directory__tree{display:grid;gap:4px}.cg-directory .cg-directory__top{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;margin:0;padding:8px 10px 8px 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--cd-navy);font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:normal;line-height:1.25;text-align:left;text-transform:none;transition:background-color .15s ease,color .15s ease,box-shadow .2s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__top:hover{background:var(--cd-soft)}.cg-directory__top-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--cd-tile)}.cg-directory__top-label{flex:1 1 auto;min-width:0}.cg-directory__top-count{flex:0 0 auto;min-width:30px;padding:3px 8px;border-radius:999px;background:var(--cd-tile);color:var(--cd-muted);font-size:12px;font-weight:600;line-height:1.3;text-align:center}.cg-directory .cg-directory__top-chevron{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:var(--cd-orange);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.cg-directory__node.is-active>.cg-directory__top,.cg-directory .cg-directory__node.is-active>.cg-directory__top:hover{background:var(--cd-navy);color:#fff;box-shadow:0 6px 16px #1a2b4c33}.cg-directory__node.is-active>.cg-directory__top .cg-directory__top-icon{background:#fff}.cg-directory__node.is-active>.cg-directory__top .cg-directory__top-count{background:#ffffff29;color:#fff}.cg-directory__node.is-active>.cg-directory__top .cg-directory__top-chevron{transform:rotate(90deg)}.cg-directory__branch{display:grid;gap:2px;margin:8px 0 10px 27px;padding-left:12px;border-left:2px solid var(--cd-line-strong)}.js .cg-directory__node:not(.is-active)>.cg-directory__branch{display:none}.js .cg-directory__node.is-active>.cg-directory__branch{animation:cg-directory-branch-in .22s ease both}.cg-directory .cg-directory__mid{position:relative;display:block;padding:7px 10px;border-radius:8px;color:var(--cd-navy);font-size:14px;font-weight:600;line-height:1.3;transition:background-color .15s ease,color .15s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__mid:hover{background:var(--cd-soft);color:var(--cd-orange)}.cg-directory .cg-directory__mid.is-current{background:var(--cd-orange-soft);color:var(--cd-orange)}.cg-directory__mid.is-current:before{position:absolute;top:6px;bottom:6px;left:-14px;width:2px;border-radius:2px;background:var(--cd-orange);content:""}.cg-directory__leaves{display:grid;margin-bottom:4px}.cg-directory .cg-directory__leaf{position:relative;display:block;padding:4px 10px 4px 24px;border-radius:6px;color:var(--cd-muted);font-size:13.5px;line-height:1.35;transition:color .15s ease,transform .2s var(--cd-bounce)}.cg-directory__leaf:before{position:absolute;top:50%;left:12px;width:5px;height:5px;border-radius:50%;background:#c5cfdd;content:"";transform:translateY(-50%);transition:background-color .15s ease}.cg-directory .cg-directory__leaf:hover{color:var(--cd-orange)}.cg-directory .cg-directory__leaf:hover:before{background:var(--cd-orange)}.cg-directory__quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:14px;border-top:1px solid var(--cd-line)}.cg-directory .cg-directory__promo{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 12px;border:0;border-radius:12px;background:linear-gradient(145deg,#243a63 0%,var(--cd-navy) 55%,#172645 100%);color:#fff;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 5px 12px #1a2b4c3d,inset 1px 1px #ffffff24,inset -1px -1px #00000038;transition:background-color .15s ease,box-shadow .2s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__promo:hover{background:linear-gradient(145deg,#f2600f 0%,var(--cd-orange) 55%,#d84c00 100%);color:#fff}.cg-directory__promo-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--cd-orange);color:#fff;font-size:14px;font-weight:800;transition:background-color .15s ease}.cg-directory .cg-directory__promo-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cg-directory .cg-directory__promo:hover .cg-directory__promo-badge{background:var(--cd-navy)}.cg-directory__main,.cg-directory__panel{min-width:0}.js .cg-directory__panel:not(.is-active){display:none}.js .cg-directory__panel.is-active{animation:cg-directory-panel-in .26s ease both}.no-js .cg-directory__panel+.cg-directory__panel{margin-top:36px}.cg-directory__panel-head{display:flex;align-items:center;gap:16px;margin-bottom:var(--cd-gap);padding:18px 20px;background:#fff;border:1px solid var(--cd-line);border-radius:16px;box-shadow:var(--cd-shadow)}.cg-directory__panel-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:54px;height:54px;border-radius:12px;background:var(--cd-tile)}.cg-directory__panel-icon .cg-directory-icon{width:30px;height:30px}.cg-directory__panel-text{flex:1 1 auto;min-width:0}.cg-directory .cg-directory__panel-title{margin:0;color:var(--cd-navy);font-family:var(--font-heading-family);font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.2;text-transform:none}.cg-directory__panel-meta{margin:4px 0 0;color:var(--cd-muted);font-size:14px;line-height:1.4}.cg-directory .cg-directory__all{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 16px 0 20px;border-radius:12px;background:var(--cd-navy);color:#fff;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 4px 12px #1a2b4c2e;transition:background-color .15s ease,box-shadow .2s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__all:hover{background:var(--cd-orange);color:#fff}.cg-directory .cg-directory__all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cg-directory__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--cd-gap)}.cg-directory__group{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--cd-line);border-radius:16px;box-shadow:var(--cd-shadow);scroll-margin-top:16px;transition:border-color .18s ease,box-shadow .18s ease,background-color .15s ease,transform .2s var(--cd-bounce)}.cg-directory__group:hover{border-color:#e651004d;box-shadow:var(--cd-shadow-hover)}.cg-directory__group.is-target{animation:cg-directory-target 1.6s ease}.cg-directory .cg-directory__group-head{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--cd-line);color:var(--cd-navy)}.cg-directory__group-media{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:72px;height:72px;padding:6px;overflow:hidden;border-radius:12px;background:#f4f6fa}.cg-directory .cg-directory__group-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}.cg-directory__group-image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--cd-orange)}.cg-directory .cg-directory__group-image--placeholder svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.cg-directory .cg-directory__group-head:hover .cg-directory__group-image{transform:scale(1.06)}.cg-directory__group-text{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.cg-directory__group-title{color:var(--cd-navy);font-family:var(--font-heading-family);font-size:16.5px;font-weight:700;line-height:1.25;transition:color .15s ease}.cg-directory .cg-directory__group-head:hover .cg-directory__group-title{color:var(--cd-orange)}.cg-directory__group-count{color:var(--cd-muted);font-size:13px;line-height:1.3}.cg-directory__arrow{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--cd-orange-soft);color:var(--cd-orange);transition:background-color .15s ease,color .15s ease}.cg-directory .cg-directory__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cg-directory .cg-directory__group-head:hover .cg-directory__arrow{background:var(--cd-orange);color:#fff}.cg-directory__links{display:grid;gap:2px;padding:8px}.cg-directory .cg-directory__link{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border-radius:10px;color:var(--cd-navy);font-size:14.5px;font-weight:500;line-height:1.3;transition:background-color .15s ease,color .15s ease,box-shadow .2s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__link:hover{background:var(--cd-soft);color:var(--cd-orange)}.cg-directory__link-title{flex:1 1 auto;min-width:0}.cg-directory__link-count{flex:0 0 auto;min-width:28px;padding:2px 7px;border-radius:999px;background:var(--cd-tile);color:var(--cd-muted);font-size:12px;font-weight:600;line-height:1.4;text-align:center}.cg-directory .cg-directory__link-arrow{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:var(--cd-orange);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.cg-directory .cg-directory__link:hover .cg-directory__link-arrow{transform:translate(2px)}.cg-directory .cg-directory__link--all{color:var(--cd-orange);font-weight:600}.cg-directory__brands{display:flex;align-items:center;gap:16px;margin-top:var(--cd-gap);padding:14px 18px;background:#fff;border:1px solid var(--cd-line);border-radius:16px;box-shadow:var(--cd-shadow)}.cg-directory__brands-label{flex:0 0 auto;margin:0;color:var(--cd-muted);font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.cg-directory .cg-directory__brand-list{display:flex;flex-wrap:wrap;gap:10px;min-width:0}.cg-directory .cg-directory__brand{display:flex;align-items:center;justify-content:center;width:132px;height:50px;padding:9px 14px;border:1px solid var(--cd-line-strong);border-radius:12px;background:#fff;transition:border-color .15s ease,box-shadow .2s ease,background-color .15s ease,transform .2s var(--cd-bounce)}.cg-directory .cg-directory__brand:hover{border-color:#e6510059;box-shadow:0 6px 16px #1a2b4c14}.cg-directory .cg-directory__brand img{display:block;width:auto;max-width:100%;height:auto;max-height:28px;object-fit:contain}.cg-directory__groups--brands{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.cg-directory .cg-directory__brand-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--cd-line);color:var(--cd-navy);text-align:center}.cg-directory__brand-logo{display:flex;align-items:center;justify-content:center;height:68px;padding:10px 16px;border-radius:12px;background:var(--cd-soft)}.cg-directory .cg-directory__brand-logo img{display:block;width:auto;max-width:78%;height:auto;max-height:34px;object-fit:contain;transition:transform .25s ease}.cg-directory .cg-directory__brand-head:hover .cg-directory__brand-logo img{transform:scale(1.05)}.cg-directory__brand-logo>span{color:var(--cd-navy);font-size:18px;font-weight:800}html body .cg-directory .cg-directory__top:active,html body .cg-directory .cg-directory__top.is-pressed{background:var(--cd-soft);box-shadow:var(--cd-press-shadow);transform:translateY(2px) scale(.975);transition:background-color 80ms ease,box-shadow 80ms ease,transform 80ms ease}html body .cg-directory .cg-directory__node.is-active>.cg-directory__top:active,html body .cg-directory .cg-directory__node.is-active>.cg-directory__top.is-pressed,html body .cg-directory .cg-directory__all:active,html body .cg-directory .cg-directory__all.is-pressed,html body .cg-directory .cg-directory__promo:active,html body .cg-directory .cg-directory__promo.is-pressed{background:var(--cd-orange);color:#fff;box-shadow:0 3px 8px #e651004d,inset 0 2px 3px #00000038;transform:translateY(2px) scale(.975);transition:background-color 80ms ease,box-shadow 80ms ease,transform 80ms ease}html body .cg-directory .cg-directory__promo:active .cg-directory__promo-badge,html body .cg-directory .cg-directory__promo.is-pressed .cg-directory__promo-badge{background:var(--cd-navy)}html body .cg-directory .cg-directory__group:has(.cg-directory__group-head:active,.cg-directory__group-head.is-pressed,.cg-directory__brand-head:active,.cg-directory__brand-head.is-pressed),html body .cg-directory .cg-directory__brand:active,html body .cg-directory .cg-directory__brand.is-pressed{background-color:var(--cd-soft);box-shadow:var(--cd-press-shadow);transform:translateY(2px) scale(.975);transition:background-color 80ms ease,box-shadow 80ms ease,transform 80ms ease}html body .cg-directory .cg-directory__link:active,html body .cg-directory .cg-directory__link.is-pressed{background:var(--cd-tile);color:var(--cd-orange);box-shadow:inset 0 2px 3px #1a2b4c1a;transform:translateY(2px) scale(.985);transition:background-color 80ms ease,box-shadow 80ms ease,transform 80ms ease}html body .cg-directory .cg-directory__mid:active,html body .cg-directory .cg-directory__mid.is-pressed,html body .cg-directory .cg-directory__leaf:active,html body .cg-directory .cg-directory__leaf.is-pressed{color:var(--cd-orange);transform:translate(3px,2px) scale(.975);transition:transform 80ms ease}@keyframes cg-directory-panel-in{0%{opacity:0;transform:translateY(8px)}}@keyframes cg-directory-branch-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes cg-directory-target{0%,45%{border-color:var(--cd-orange);box-shadow:0 0 0 3px #e6510033,var(--cd-shadow-hover)}}@media screen and (min-width:1025px){.cg-directory{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px}.cg-directory__aside{position:sticky;top:16px;transition:top .25s ease}.cg-directory__card{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cdd5e1 transparent}body:has(smart-header.smart-header--visible-sticky) .cg-directory__aside{top:calc(var(--header-height, 0px) + 16px)}body:has(smart-header.smart-header--visible-sticky) .cg-directory__card{max-height:calc(100vh - var(--header-height, 0px) - 32px)}}@media screen and (min-width:1200px){.cg-directory{grid-template-columns:300px minmax(0,1fr);gap:28px}}@media screen and (min-width:1360px){.cg-directory{grid-template-columns:324px minmax(0,1fr)}}@media screen and (max-width:1024px){.cg-directory-page{--cd-gap: 14px;--cd-bleed: 15px;--cg-page-gap: 18px;padding-bottom:40px}.cg-directory{display:flex;flex-direction:column}.cg-directory__aside,.cg-directory__card{display:contents}.cg-directory__label{display:none}.cg-directory__nav{order:1;margin:0 calc(-1 * var(--cd-bleed)) var(--cd-gap)}.cg-directory__tree{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px var(--cd-bleed) 8px}.cg-directory__node{min-width:0}.cg-directory .cg-directory__branch{display:none}.cg-directory .cg-directory__top{width:100%;height:100%;min-height:46px;padding:5px 12px 5px 5px;gap:8px;border-color:var(--cd-line-strong);border-radius:999px;background:#fff;font-size:14px;line-height:1.2;white-space:normal;box-shadow:0 2px 6px #1a2b4c0f}.cg-directory .cg-directory__top:hover{background:#fff}.cg-directory__node.is-active>.cg-directory__top{border-color:var(--cd-navy)}.cg-directory__top-icon{width:34px;height:34px;border-radius:50%}.cg-directory__top-icon .cg-directory-icon{width:20px;height:20px}.cg-directory .cg-directory__top-count,.cg-directory .cg-directory__top-chevron{display:none}.cg-directory__main{order:2}.cg-directory__quick{order:3;margin-top:var(--cd-gap);padding-top:0;border-top:0}.cg-directory .cg-directory__promo{min-height:50px}.cg-directory__groups{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cg-directory__brands{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.cg-directory .cg-directory__brand-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cg-directory .cg-directory__brand-list::-webkit-scrollbar{display:none}.cg-directory .cg-directory__brand{flex:0 0 auto;width:120px;height:46px}}@media screen and (max-width:767px){.cg-directory-page{--cd-bleed: 16px}.cg-directory-page .cg-directory-page__inner{padding-right:var(--cd-bleed);padding-left:var(--cd-bleed)}.cg-directory-page__lead{font-size:14px}.cg-directory__tree{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-directory .cg-directory__top{font-size:13.5px}.cg-directory__panel-head{flex-wrap:wrap;gap:12px;padding:14px}.cg-directory__panel-icon{width:46px;height:46px}.cg-directory__panel-icon .cg-directory-icon{width:26px;height:26px}.cg-directory .cg-directory__panel-title{font-size:20px}.cg-directory__panel-meta{font-size:13px}.cg-directory .cg-directory__all{flex:1 1 100%;min-height:48px}.cg-directory__groups,.cg-directory__groups--brands{grid-template-columns:minmax(0,1fr)}.cg-directory .cg-directory__group-head{gap:12px;padding:12px}.cg-directory__group-media{width:60px;height:60px;border-radius:10px}.cg-directory__group-title{font-size:15.5px}.cg-directory .cg-directory__link{min-height:44px}}@media(prefers-reduced-motion:reduce){.cg-directory *,.cg-directory *:before{animation:none!important;transition:none!important}html body .cg-directory [data-press-feedback]:active,html body .cg-directory [data-press-feedback].is-pressed,html body .cg-directory .cg-directory__group:has([data-press-feedback]:active,.is-pressed){transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-directory.css.map */