.ds-grid{--ds-navy: #0f1b3d;--ds-button: #15307d;--ds-text: #1f2937;--ds-muted: #6b7280;--ds-border: #e5e7eb;--ds-control-border: #d1d5db;--ds-chip-bg: #f3f4f6;--ds-media-bg: #f1f3f7;--ds-star: #f59e0b;--ds-star-off: #e5e7eb;--ds-success: #16a34a;--ds-font: "Instrument Sans", var(--font-body-family)}.ds-grid *,.ds-grid *:before,.ds-grid *:after{box-sizing:border-box}.ds-grid .ds-facets{margin:0;padding:0;font-family:var(--ds-font)}.ds-grid .ds-facets__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-bottom:22px;border-bottom:1px solid var(--ds-border)}.ds-grid .ds-facets__filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ds-grid .ds-facets__group{position:relative}.ds-grid .ds-facets__pill,.ds-grid .ds-facets .facets__summary.ds-facets__pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 20px;border:1px solid var(--ds-control-border);border-radius:999px;background:#fff;color:var(--ds-text);font-family:var(--ds-font);font-size:15px;font-weight:500;line-height:1;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.ds-grid .ds-facets__pill:hover{border-color:var(--ds-navy);color:var(--ds-navy)}.ds-grid .ds-facets__pill.is-active,.ds-grid .ds-facets .facets__summary.ds-facets__pill.is-active{border-color:var(--ds-navy);background:var(--ds-navy);color:#fff}.ds-grid .ds-facets__pill:focus-visible{outline:2px solid var(--ds-button);outline-offset:2px}.ds-grid .ds-facets__pill--setup{border-style:dashed;color:var(--ds-muted);cursor:help}.ds-grid .ds-facets__pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:var(--ds-navy);font-size:12px;font-weight:700}.ds-grid .ds-facets__caret{flex:0 0 auto;transition:transform .15s ease}.ds-grid .ds-facets__group[open]>summary .ds-facets__caret{transform:rotate(180deg)}.ds-grid .ds-facets__panel{position:absolute;top:calc(100% + 8px);left:0;min-width:270px;max-width:340px;padding:14px;border:1px solid var(--ds-border);border-radius:16px;background:#fff;box-shadow:0 18px 44px #0f1b3d24}.ds-grid .ds-facets .facets__header.ds-facets__panel-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:2px 6px 10px;border-bottom:1px solid var(--ds-border);background:none;color:var(--ds-muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ds-grid .ds-facets__reset{color:var(--ds-button);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:2px}.ds-grid .ds-facets .facets-wrap.ds-facets__panel-body{max-height:320px;margin:0;padding:0;border:0;overflow-y:auto}.ds-grid .ds-facets__options{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ds-grid .ds-facets__option,.ds-grid .ds-facets__tier{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px 8px;border:0;border-radius:10px;background:none;color:var(--ds-text);font-family:var(--ds-font);font-size:15px;line-height:1.3;text-align:left;cursor:pointer}.ds-grid .ds-facets__option:hover,.ds-grid .ds-facets__tier:hover{background:#f6f7fb}.ds-grid .ds-facets__tier:focus-visible,.ds-grid .ds-facets__option:focus-within{outline:2px solid var(--ds-button);outline-offset:-2px}.ds-grid .ds-facets__option.is-disabled{opacity:.45;cursor:not-allowed}.ds-grid .ds-facets__checkbox,.ds-grid .ds-facets input.mobile-facets__checkbox{position:static;flex:0 0 auto;width:18px;height:18px;margin:0;appearance:auto;-webkit-appearance:checkbox;accent-color:var(--ds-navy);cursor:pointer}.ds-grid .ds-facets__option-label{flex:1 1 auto}.ds-grid .ds-facets__option-count{color:var(--ds-muted);font-size:13px}.ds-grid .ds-facets__radio{position:relative;flex:0 0 auto;width:18px;height:18px;border:1.5px solid var(--ds-control-border);border-radius:50%;background:#fff}.ds-grid .ds-facets__tier[aria-pressed=true]{font-weight:600}.ds-grid .ds-facets__tier[aria-pressed=true] .ds-facets__radio{border-color:var(--ds-navy)}.ds-grid .ds-facets__tier[aria-pressed=true] .ds-facets__radio:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--ds-navy);content:""}.ds-grid .ds-facets__end{display:flex;align-items:center;gap:20px;margin-left:auto}.ds-grid .ds-facets__sort{display:flex;align-items:center;gap:12px;margin:0;padding:0}.ds-grid .ds-facets__sort-label{color:var(--ds-muted);font-size:15px}.ds-grid .ds-facets__select-wrap{position:relative}.ds-grid .ds-facets__select{min-width:200px;min-height:46px;padding:0 42px 0 16px;border:1px solid var(--ds-control-border);border-radius:10px;background:#fff;color:var(--ds-text);font-family:var(--ds-font);font-size:15px;appearance:none;-webkit-appearance:none;cursor:pointer}.ds-grid .ds-facets__select:focus-visible{outline:2px solid var(--ds-button);outline-offset:2px}.ds-grid .ds-facets__select-wrap .ds-facets__caret{position:absolute;top:50%;right:16px;transform:translateY(-50%);pointer-events:none}.ds-grid .ds-facets__count{position:relative;margin:0;color:var(--ds-muted);font-size:15px;white-space:nowrap}.ds-grid .ds-facets__active{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0}.ds-grid .ds-facets__active:has(facet-remove){margin-top:14px}.ds-grid .ds-facets__active facet-remove{display:inline-flex;padding:0}.ds-grid .ds-facets__chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--ds-chip-bg);color:var(--ds-text);font-family:var(--ds-font);font-size:13px;text-decoration:none}.ds-grid .ds-facets__chip:hover{background:#e8eaf0}.ds-grid .ds-facets__clear-all{color:var(--ds-button);font-family:var(--ds-font);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.ds-grid .ds-facets__mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ds-border)}.ds-grid .ds-facets__drawer{margin:0}.ds-grid .ds-facets .mobile-facets__open.ds-facets__open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--ds-control-border);border-radius:999px;color:var(--ds-text);font-family:var(--ds-font);font-size:15px;font-weight:500}.ds-grid .ds-facets__open-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ds-navy);color:#fff;font-size:12px;font-weight:700}.ds-grid .ds-facets .mobile-facets__list .ds-facets__option,.ds-grid .ds-facets .mobile-facets__list .ds-facets__tier{padding:12px 20px;border-radius:0}.ds-grid__container{margin-top:28px}.ds-grid .ds-grid__list{display:grid;grid-template-columns:repeat(var(--ds-grid-cols-mobile, 1),minmax(0,1fr));gap:calc(var(--ds-grid-gap) * .6);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.ds-grid .ds-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--ds-grid-gap) * .85)}}@media screen and (min-width:990px){.ds-grid .ds-grid__list{grid-template-columns:repeat(var(--ds-grid-cols-desktop, 3),minmax(0,1fr));gap:var(--ds-grid-gap)}}.ds-grid .ds-grid__item{display:flex;min-width:0;margin:0}.ds-grid .ds-grid__empty{padding:56px 16px;text-align:center}.ds-grid .ds-grid__empty-title{margin:0 0 8px;color:var(--ds-navy);font-family:var(--ds-font);font-size:20px}.ds-grid .ds-grid__empty-text{margin:0;color:var(--ds-muted);font-family:var(--ds-font)}.ds-grid .ds-card{position:relative;display:flex;flex-direction:column;width:100%;border:1px solid var(--ds-border);border-radius:18px;background:#fff;overflow:hidden;font-family:var(--ds-font);transition:box-shadow .2s ease,transform .2s ease}.ds-grid .ds-card:hover{box-shadow:0 16px 36px #0f1b3d17;transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.ds-grid .ds-card{transition:none}.ds-grid .ds-card:hover{transform:none}}.ds-grid .ds-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:var(--ds-card-ratio, 4 / 3);padding:20px;background:var(--ds-media-bg)}.ds-grid .ds-card__image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ds-grid .ds-card__placeholder{width:60%;height:auto;fill:#c9ced8}.ds-grid .ds-card__badge{position:absolute;top:16px;left:16px;z-index:1;padding:6px 12px;border-radius:999px;background:var(--ds-navy);color:#fff;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.01em;white-space:nowrap}.ds-grid .ds-card__badge--sale{background:#dc2626}.ds-grid .ds-card__badge--trending{background:#ff9f14;color:#1f2937}.ds-grid .ds-card__badge--new{background:#1fc466;color:#fff}.ds-grid .ds-card__badge--soldout{background:#6b7280}.ds-grid .ds-card__body{display:flex;flex:1 1 auto;flex-direction:column;padding:22px 26px 24px}.ds-grid .ds-card__title{margin:0;color:var(--ds-navy);font-family:var(--ds-font);font-size:18px;font-weight:600;line-height:1.35;letter-spacing:0}.ds-grid .ds-card__link{color:inherit;text-decoration:none}.ds-grid .ds-card__link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:18px;content:""}.ds-grid .ds-card__link:focus-visible{outline:none}.ds-grid .ds-card__link:focus-visible:after{outline:2px solid var(--ds-button);outline-offset:-2px}.ds-grid .ds-card__chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin:14px 0 0;padding:0;list-style:none}.ds-grid .ds-card__chip{max-width:100%;padding:6px 12px;overflow:hidden;border-radius:999px;background:var(--ds-chip-bg);color:#4b5563;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.ds-grid .ds-card__rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:14px}.ds-grid .ds-card__stars{flex:0 0 auto;width:90px;height:16px;background:linear-gradient(90deg,var(--ds-star) var(--ds-rating),var(--ds-star-off) var(--ds-rating));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M8 .5l2.2 4.6 5 .7-3.6 3.5.9 5L8 11.9l-4.5 2.4.9-5L.8 5.8l5-.7z'/%3E%3C/svg%3E") repeat-x left center / 18px 16px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M8 .5l2.2 4.6 5 .7-3.6 3.5.9 5L8 11.9l-4.5 2.4.9-5L.8 5.8l5-.7z'/%3E%3C/svg%3E") repeat-x left center / 18px 16px}.ds-grid .ds-card__rating-text{color:var(--ds-muted);font-size:14px;white-space:nowrap}.ds-grid .ds-card__footer{margin-top:auto;padding-top:20px}.ds-grid .ds-card__purchase{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--ds-border)}.ds-grid .ds-card__price{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-grid .ds-card__price-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;color:var(--ds-muted);font-size:13px;line-height:1.3}.ds-grid .ds-card__price-current{color:var(--ds-navy);font-size:24px;font-weight:700;line-height:1.2}.ds-grid .ds-card__price-compare{color:var(--ds-muted);font-size:13px}.ds-grid .ds-card__cta{position:relative;z-index:2}.ds-grid .ds-card__cta product-form,.ds-grid .ds-card__cta form{display:block;margin:0}.ds-grid .ds-card__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:var(--ds-button);color:#fff;font-family:var(--ds-font);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.ds-grid .ds-card__button:hover{background:var(--ds-navy)}.ds-grid .ds-card__button:focus-visible{outline:2px solid var(--ds-button);outline-offset:3px}.ds-grid .ds-card__button--muted{background:#e5e7eb;color:#4b5563}.ds-grid .ds-card__button--muted:hover{background:#d1d5db}.ds-grid .ds-card__button.loading{color:transparent;pointer-events:none}.ds-grid .ds-card__button .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ds-grid .ds-card__button .loading__spinner.hidden{display:none}.ds-grid .ds-card__button .spinner{width:20px;height:20px}.ds-grid .ds-card__button .spinner .path{stroke:#fff}.ds-grid .ds-card__meta{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:var(--ds-success);font-size:14px;line-height:1.4}.ds-grid .ds-card__meta--unavailable{color:var(--ds-muted)}@media screen and (max-width:749px){.ds-grid .ds-facets__mobile-bar{padding-bottom:12px}.ds-grid .ds-facets .mobile-facets__open.ds-facets__open{min-height:40px;padding:0 16px;font-size:14px}.ds-grid .ds-facets__count{font-size:14px}.ds-grid__container{margin-top:16px}.ds-grid .ds-card__body{padding:18px 18px 20px}.ds-grid .ds-card__title{font-size:16px}.ds-grid--mobile-cols-2 .ds-card__media{padding:10px}.ds-grid--mobile-cols-2 .ds-card__body{padding:12px 12px 14px}.ds-grid--mobile-cols-2 .ds-card__title{font-size:15px;line-height:1.3}.ds-grid--mobile-cols-2 .ds-card__rating{margin-top:8px}.ds-grid--mobile-cols-2 .ds-card__footer{padding-top:12px}.ds-grid--mobile-cols-2 .ds-card__purchase{gap:10px;padding-top:12px}.ds-grid--mobile-cols-2 .ds-card__meta{margin-top:8px;font-size:13px}.ds-grid--mobile-cols-2 .ds-card__chips{gap:4px;margin-top:8px}.ds-grid--mobile-cols-2 .ds-card__chip{padding:4px 8px;font-size:11px}.ds-grid--hide-chips-mobile .ds-card__chips{display:none}.ds-grid--mobile-cols-2 .ds-card__purchase{flex-direction:column;align-items:stretch}.ds-grid--mobile-cols-2 .ds-card__price-current{font-size:18px}.ds-grid--mobile-cols-2 .ds-card__stars{width:75px;height:13px;-webkit-mask-size:15px 13px;mask-size:15px 13px}.ds-grid--mobile-cols-2 .ds-card__rating-text{font-size:13px}.ds-grid--mobile-cols-2 .ds-card__button{width:100%;min-height:42px;padding:0 12px;font-size:14px;white-space:normal}.ds-grid--mobile-cols-2 .ds-card__badge{top:10px;left:10px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/custom-collection-grid.css.map */