.ac-cats{--ac-pt-mobile: 36px;--ac-pb-mobile: 36px}.ac-cats__head{margin-bottom:24px}@media screen and (min-width:750px){.ac-cats__head{margin-bottom:64px}}@media screen and (min-width:990px){.ac-cats__head{margin-bottom:72px}}.ac-cats__grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;margin-inline:-16px;padding-inline:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}.ac-cats__grid::-webkit-scrollbar{display:none}.ac-cats__card{scroll-snap-align:start}@media screen and (min-width:750px){.ac-cats__grid{grid-auto-columns:46%;gap:16px;margin-inline:-40px;padding-inline:40px;scroll-padding-inline:40px}}@media screen and (min-width:990px){.ac-cats__grid{grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin-inline:0;padding-inline:0;overflow:visible;height:var(--ac-cats-h, 730px)}.ac-cats__grid--3{grid-template-columns:45fr 55fr;grid-template-rows:1fr 1fr;grid-auto-flow:row}.ac-cats__grid--3 .ac-cats__card:first-child{grid-row:1 / 3}}.ac-cats__card{position:relative;display:flex;flex-direction:column;min-height:var(--ac-cats-h-mobile, 360px);padding:20px;overflow:hidden;border-radius:var(--ac-cats-radius, 0);background:var(--ac-cats-card-bg, #f1f1f1)}@media screen and (min-width:750px){.ac-cats__card{padding:36px}}@media screen and (min-width:990px){.ac-cats__card{min-height:0}}.ac-cats__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px}@media screen and (min-width:750px){.ac-cats__content{gap:44px}}@media screen and (min-width:990px){.ac-cats__content{gap:56px}}.ac-cats__text{display:flex;flex-direction:column;gap:12px}@media screen and (min-width:750px){.ac-cats__text{gap:22px}}.ac-cats__eyebrow{margin:0;color:var(--ac-color-muted, #757575);font-size:14px;font-weight:500;letter-spacing:-.02em}@media screen and (min-width:990px){.ac-cats__eyebrow{font-size:18px}}.ac-cats__heading{max-width:292px;margin:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:26px;line-height:1.1;color:var(--color-foreground)}@media screen and (min-width:750px){.ac-cats__heading{font-size:40px}}.ac-cats__heading--uppercase{text-transform:uppercase}.ac-cats__button{min-height:44px}.ac-cats__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ac-cats__card:has(.ac-cats__overlay:hover) .ac-cats__button{opacity:.88}.ac-cats__button--dark{display:inline-flex;align-items:center;padding:10px 18px;background:var(--color-foreground);color:var(--color-background);font-size:16px;text-decoration:none}.ac-cats__media{position:absolute;inset-block-end:0;inset-inline-end:var(--ac-cats-img-x, 0%);z-index:0;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;height:min(var(--ac-cats-img-h, 95%),62%);pointer-events:none}@media screen and (min-width:990px){.ac-cats__media{height:var(--ac-cats-img-h, 95%)}}.ac-cats__img{display:block;width:auto;max-width:75%;height:100%;object-fit:contain;object-position:right bottom;transition:transform .8s cubic-bezier(.12,.23,.5,1);transform-origin:right bottom}.ac-cats__grid--3 .ac-cats__card:first-child .ac-cats__img{max-width:100%}.ac-cats__card:hover .ac-cats__img{transform:scale(1.04)}.ac-cats__placeholder{width:60%;height:70%;fill:#0000002e}.ac-cats--cover .ac-cats__media{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ac-cats--cover .ac-cats__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgb(20 8 0 / var(--ac-cats-shade, .35)),rgb(20 8 0 / calc(var(--ac-cats-shade, .35) * .5)) 45%,#14080000 75%)}.ac-cats--cover .ac-cats__img,.ac-cats--cover .ac-cats__grid--3 .ac-cats__card:first-child .ac-cats__img{width:100%;max-width:none;height:100%;object-fit:cover;transform-origin:center}.ac-cats--cover .ac-cats__eyebrow,.ac-cats--cover .ac-cats__heading{color:var(--ac-cats-text, #fff)}.ac-cats--cover .ac-cats__eyebrow{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ac-category-cards.css.map */