.brand-collection__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--brand-space-s);margin-bottom:var(--brand-space-l)}.brand-collection__header--center{flex-direction:column;align-items:center;text-align:center}.brand-collection__heading{margin:0;text-wrap:balance}.brand-collection__grid{display:grid;grid-template-columns:repeat(var(--brand-grid-columns-mobile, 2),minmax(0,1fr));gap:calc(var(--brand-grid-gap, 16px) * .7);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.brand-collection__grid{grid-template-columns:repeat(min(var(--brand-grid-columns, 4),3),minmax(0,1fr));gap:var(--brand-grid-gap, 16px)}}@media screen and (min-width:990px){.brand-collection__grid{grid-template-columns:repeat(var(--brand-grid-columns, 4),minmax(0,1fr))}}.brand-collection__item{display:flex}.brand-card{position:relative;display:flex;flex-direction:column;width:100%;background:var(--brand-card-surface, #fff);border:var(--brand-border);border-radius:var(--brand-radius-panel);overflow:hidden;transition:border-color var(--brand-motion),box-shadow var(--brand-motion),transform var(--brand-motion)}.brand-card:hover{border-color:color-mix(in srgb,var(--brand-primary, #240054) 35%,transparent)}.brand-card__media{position:relative;background:var(--brand-card-surface, #fff);border-bottom:var(--brand-border)}.brand-card__media-link{display:block;text-decoration:none}.brand-card__media-frame{position:relative;width:100%;padding-bottom:var(--brand-card-ratio, 100%);overflow:hidden}.brand-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--brand-card-fit, cover);transition:opacity var(--brand-motion),transform .35s ease-in-out}.brand-card__image--secondary{opacity:0}.brand-card:hover .brand-card__image--primary{transform:scale(1.03)}.brand-card:hover .brand-card__image--secondary{opacity:1;transform:scale(1.03)}.brand-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.brand-card__badge{position:absolute;top:1rem;left:1rem;padding:.35rem .8rem;border-radius:.5rem;font-size:var(--brand-text-micro);font-weight:700;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.brand-card__badge--sold-out{background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--brand-line, #e5e0eb);color:var(--brand-muted, #655d70)}.brand-card__badge--sale{background:var(--brand-accent, #f06060);color:#080707}.brand-card__quick-view{position:absolute;right:var(--brand-space-xs);bottom:var(--brand-space-xs);left:var(--brand-space-xs);opacity:0;transform:translateY(.6rem);transition:opacity var(--brand-motion),transform var(--brand-motion)}.brand-card:hover .brand-card__quick-view,.brand-card__quick-view:focus-within{opacity:1;transform:translateY(0)}.brand-card__quick-view-button{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:clamp(.7rem,.6rem + .3vw,1rem) var(--brand-space-xs);background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:var(--brand-border);border-radius:var(--brand-radius-card);color:var(--brand-primary, #240054);font-family:inherit;font-size:var(--brand-text-label);font-weight:700;cursor:pointer;transition:background-color var(--brand-motion),border-color var(--brand-motion),color var(--brand-motion)}.brand-card__quick-view-button:hover,.brand-card__quick-view-button:focus-visible{background:var(--brand-primary, #240054);border-color:var(--brand-primary, #240054);color:#fff}@media(hover:none){.brand-card__quick-view{opacity:1;transform:none}}.brand-card__content{display:flex;flex-direction:column;gap:var(--brand-space-2xs);flex-grow:1;padding:var(--brand-space-s)}.brand-card__vendor{margin:0;color:var(--brand-muted, #655d70);font-size:var(--brand-text-micro);letter-spacing:.08em;text-transform:uppercase}.brand-card__title{margin:0;font-size:var(--brand-text-compact);font-weight:600;line-height:1.35}.brand-card__title-link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--brand-primary, #240054);text-decoration:none;transition:color var(--brand-motion)}.brand-card__title-link:hover{color:var(--brand-secondary, #78186c)}.brand-card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.brand-card__quick-view{z-index:1}.brand-card__actions{position:relative;z-index:1}.brand-card__rating{margin:0;color:var(--brand-muted, #655d70);font-size:var(--brand-text-label)}.brand-card__price{margin-top:var(--brand-space-2xs);color:var(--brand-ink, #080707);font-size:var(--brand-text-card-title);font-weight:700}.brand-card__actions{margin-top:auto;padding-top:var(--brand-space-s)}.brand-card__action{margin:0;min-height:clamp(3.8rem,3.5rem + .8vw,4.4rem);padding-inline:var(--brand-space-xs);font-size:var(--brand-text-label)}.brand-card__action[disabled],.brand-card__action[aria-disabled=true]{background:transparent;border:var(--brand-border);box-shadow:none;color:var(--brand-muted, #655d70);opacity:1}.brand-card__action[disabled]:after,.brand-card__action[disabled]:before{display:none}.brand-collection__empty{color:var(--brand-muted, #655d70)}@media(prefers-reduced-motion:reduce){.brand-card,.brand-card__image,.brand-card__quick-view{transition-duration:.01ms}.brand-card:hover,.brand-card:hover .brand-card__image--primary,.brand-card:hover .brand-card__image--secondary{transform:none}}.brand-collection__grid--slider-mobile,.brand-collection__grid--slider-desktop{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}@media screen and (max-width:749px){.brand-collection__grid--slider-mobile{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--brand-slider-visible-mobile, 1.5) - 1) * calc(var(--brand-grid-gap, 16px) * .7)) / var(--brand-slider-visible-mobile, 1.5));overflow-x:auto;padding-bottom:var(--brand-space-xs)}.brand-collection__grid--slider-mobile>*{scroll-snap-align:start}.brand-collection__grid--slider-mobile>*:last-child{scroll-snap-align:end}}@media screen and (min-width:750px){.brand-collection__grid--slider-desktop{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--brand-slider-visible, 4.5) - 1) * var(--brand-grid-gap, 16px)) / var(--brand-slider-visible, 4.5));overflow-x:auto;padding-bottom:var(--brand-space-xs)}.brand-collection__grid--slider-desktop>*{scroll-snap-align:start}.brand-collection__grid--slider-desktop>*:last-child{scroll-snap-align:end}}.brand-collection__grid--slider-mobile,.brand-collection__grid--slider-desktop{scrollbar-width:none;-ms-overflow-style:none}.brand-collection__grid--slider-mobile::-webkit-scrollbar,.brand-collection__grid--slider-desktop::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.brand-collection__grid--slider-mobile,.brand-collection__grid--slider-desktop{scroll-behavior:auto}}.brand-collection__slider{position:relative}.brand-collection__arrow{position:absolute;top:var(--brand-slider-arrow-top, 50%);transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:var(--brand-border);border-radius:999px;background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--brand-primary, #240054);cursor:pointer;transition:background var(--brand-motion),color var(--brand-motion),opacity var(--brand-motion)}.brand-collection__arrow:hover,.brand-collection__arrow:focus-visible{background:var(--brand-primary, #240054);border-color:var(--brand-primary, #240054);color:#fff}.brand-collection__arrow--prev{left:calc(var(--brand-space-xs) * -1)}.brand-collection__arrow--next{right:calc(var(--brand-space-xs) * -1)}.brand-collection__arrow--prev .brand-icon--generic{transform:rotate(180deg)}.brand-collection__arrow .brand-icon--generic{width:1.8rem;height:1.8rem}.brand-collection__arrow[hidden]{display:none}@media(prefers-reduced-motion:reduce){.brand-collection__arrow{transition:none}}.brand-collection__grid--slider-desktop,.brand-collection__grid--slider-mobile{cursor:grab}.brand-collection__grid--slider-desktop.is-dragging,.brand-collection__grid--slider-mobile.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.brand-collection__grid--slider-desktop>.scroll-trigger,.brand-collection__grid--slider-mobile>.scroll-trigger{animation:none;opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-card.css.map */