.sg-collection-nav{background:var(--sg-surface, #ffffff);padding:var(--sg-section-padding-desktop, 76px) 0}.sg-collection-nav__header{max-width:var(--sg-text-width, 760px);margin:0 auto 32px;text-align:center}.sg-collection-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sg-gap-large, 28px);align-items:stretch}.sg-collection-nav__card,.sg-collection-nav__card--featured{grid-column:auto}.sg-collection-nav__card{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:210px;overflow:hidden;color:inherit;text-decoration:none;background:var(--sg-surface, #ffffff);border:1px solid var(--sg-border, rgba(8, 31, 70, .1));border-radius:var(--sg-radius-medium, 16px);box-shadow:var( --sg-shadow-light, 0 10px 24px rgba(8, 31, 70, .06) );transition:transform var(--sg-transition-fast, .18s ease),box-shadow var(--sg-transition-fast, .18s ease),border-color var(--sg-transition-fast, .18s ease)}.sg-collection-nav__card:hover{transform:translateY(-5px);border-color:#f2652266;box-shadow:var( --sg-shadow-medium, 0 16px 36px rgba(8, 31, 70, .1) )}.sg-collection-nav__card:focus-visible{outline:3px solid rgba(242,101,34,.35);outline-offset:4px}.sg-collection-nav__image,.sg-collection-nav__card--featured .sg-collection-nav__image{position:relative;height:100%;min-height:210px;padding:8px;overflow:hidden;background:var(--sg-surface-soft, #eef4f9)}.sg-collection-nav__image img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid rgba(8,31,70,.12);border-radius:var(--sg-radius-small, 10px);box-shadow:0 8px 20px #081f461a;transition:transform var(--sg-transition-medium, .35s ease),box-shadow var(--sg-transition-medium, .35s ease),filter var(--sg-transition-medium, .35s ease)}.sg-collection-nav__card:hover .sg-collection-nav__image img{transform:scale(1.03);filter:brightness(1.04);box-shadow:0 14px 30px #081f4629}.sg-collection-nav__placeholder{display:flex;height:100%;align-items:center;justify-content:center;color:#b9c3cf;font-size:3rem;font-weight:800}.sg-collection-nav__badge{position:absolute;z-index:2;top:14px;left:14px;padding:7px 10px;color:var(--sg-white, #ffffff);background:var(--sg-orange, #f26522);border-radius:999px;box-shadow:0 8px 18px #081f4629;font-size:.625rem;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase}.sg-collection-nav__content{display:flex;min-width:0;flex:1;flex-direction:column;padding:26px}.sg-collection-nav__kicker{display:none}.sg-collection-nav__content h3{margin:0 0 10px;color:var(--sg-navy, #081f46);font-size:1.5rem;font-weight:800;line-height:1.15;letter-spacing:-.015em}.sg-collection-nav__content h3:after{display:none}.sg-collection-nav__content p{flex:1;margin:0;color:var(--sg-text-muted, #5b6876);font-size:var(--sg-body-size, 1rem);line-height:1.6}.sg-collection-nav__link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;color:var(--sg-navy, #081f46);border-top:1px solid var(--sg-border, rgba(8, 31, 70, .1));font-size:.875rem;font-weight:800;line-height:1.2;transition:color var(--sg-transition-fast, .18s ease)}.sg-collection-nav__card:hover .sg-collection-nav__link{color:var(--sg-orange, #f26522)}@media screen and (max-width:1100px){.sg-collection-nav{padding:var(--sg-section-padding-tablet, 64px) 0}.sg-collection-nav__grid{grid-template-columns:1fr;gap:var(--sg-gap-medium, 20px)}}@media screen and (max-width:700px){.sg-collection-nav{padding:var(--sg-section-padding-mobile, 52px) 0}.sg-collection-nav__header{margin-bottom:30px;text-align:left}.sg-collection-nav__card{display:flex;min-height:0;flex-direction:column}.sg-collection-nav__image,.sg-collection-nav__card--featured .sg-collection-nav__image{height:auto;min-height:0;aspect-ratio:16 / 8.5}.sg-collection-nav__content{padding:22px 20px 20px}.sg-collection-nav__content h3{font-size:1.35rem}.sg-collection-nav__content p{font-size:.96rem}}@media(prefers-reduced-motion:reduce){.sg-collection-nav__card,.sg-collection-nav__image img,.sg-collection-nav__link{transition:none}.sg-collection-nav__card:hover,.sg-collection-nav__card:hover .sg-collection-nav__image img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/sg-category-grid.css.map */
