.fn-subnav{padding:0 0 48px}.fn-subnav__header{text-align:center;margin-bottom:32px}.fn-subnav__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--filtrous-teal, #20D5B3);margin-bottom:8px}.fn-subnav__title{font-family:var(--filtrous-font-display, "DM Sans", sans-serif);font-size:24px;font-weight:700;color:var(--filtrous-text-primary, #061A27);letter-spacing:-.3px;margin:0}.fn-subnav__desc{font-size:15px;color:var(--filtrous-text-secondary, #4A5568);margin-top:8px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.fn-subnav__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.fn-subnav__grid--2{grid-template-columns:repeat(2,1fr)}.fn-subnav__grid--3{grid-template-columns:repeat(3,1fr)}.fn-subnav__grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.fn-subnav__grid--2,.fn-subnav__grid--3,.fn-subnav__grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.fn-subnav__grid--2,.fn-subnav__grid--3,.fn-subnav__grid--4{grid-template-columns:1fr}}.fn-subnav__card{display:flex;flex-direction:column;background:var(--filtrous-white, #FFFFFF);border:1px solid var(--filtrous-border, rgba(6, 26, 39, .08));border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s ease;position:relative}.fn-subnav__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--filtrous-teal, #20D5B3),var(--filtrous-biolum, #7DF9FF));opacity:0;transition:opacity .25s ease;z-index:1}.fn-subnav__card:hover{border-color:#20d5b340;box-shadow:0 8px 30px #061a2714;transform:translateY(-2px)}.fn-subnav__card:hover:before{opacity:1}.fn-subnav__card-image{aspect-ratio:16 / 10;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center}.fn-subnav__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.fn-subnav__card:hover .fn-subnav__card-image img{transform:scale(1.04)}.fn-subnav__card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#20d5b30f;border-radius:12px;color:var(--filtrous-teal, #20D5B3)}.fn-subnav__card-icon svg{width:32px;height:32px;stroke:var(--filtrous-teal, #20D5B3)}.fn-subnav__card-body{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column}.fn-subnav__card-title{font-family:var(--filtrous-font-display, "DM Sans", sans-serif);font-size:16px;font-weight:700;color:var(--filtrous-text-primary, #061A27);margin:0 0 4px;line-height:1.3;display:flex;align-items:center;gap:8px}.fn-subnav__card:hover .fn-subnav__card-title{color:var(--filtrous-teal, #20D5B3)}.fn-subnav__card-count{font-size:11px;font-weight:600;color:var(--filtrous-text-muted, #718096);background:var(--filtrous-bg-subtle, #EDF0F5);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.fn-subnav__card-desc{font-size:14px;color:var(--filtrous-text-secondary, #4A5568);line-height:1.55;margin:0;flex:1}.fn-subnav__card-arrow{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:var(--filtrous-teal, #20D5B3);transition:gap .2s ease}.fn-subnav__card:hover .fn-subnav__card-arrow{gap:10px}.fn-subnav__card-arrow svg{width:14px;height:14px;stroke:currentColor;transition:transform .2s ease}.fn-subnav__card:hover .fn-subnav__card-arrow svg{transform:translate(2px)}.fn-subnav__card--compact{flex-direction:row;align-items:center;padding:16px 20px}.fn-subnav__card--compact .fn-subnav__card-body{padding:0}.fn-subnav__card--compact .fn-subnav__card-icon{width:48px;height:48px;font-size:24px;margin-right:16px;flex-shrink:0}.fn-subnav__card--compact .fn-subnav__card-arrow{margin-top:0;margin-left:auto}.fn-subnav__card--featured{grid-column:span 2}@media(max-width:768px){.fn-subnav__card--featured{grid-column:span 1}}.fn-subnav__browse-all{text-align:center;margin-top:24px}.fn-subnav__browse-all a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--filtrous-teal, #20D5B3);text-decoration:none;padding:10px 24px;border:1px solid rgba(32,213,179,.25);border-radius:8px;transition:all .2s ease}.fn-subnav__browse-all a:hover{background:#20d5b30f;border-color:var(--filtrous-teal, #20D5B3)}.fn-subnav__browse-all svg{width:14px;height:14px;stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/171/assets/filtrous-subcollection-nav.css.map */