/*!
 * DS Featured collections
 *
 * Everything sections/ds-featured-collections.liquid adds on top of the stock
 * featured-collections: the category tile, the standalone view-all link, and the
 * few tab tweaks the design asks for.
 *
 * The tile, from Figma node 1304:11426, sits in the same `.card-grid` as the product cards
 * and is one column wide, so it takes its width and its place in the row from the
 * grid rather than setting either itself.
 *
 * `.product-card--promo` was not reused: it carries `grid-column: span 2` and reads
 * the section's overlay settings, neither of which this tile wants.
 */.ds-category-tile{height:100%;min-height:0;border-radius:var(--card-radius)}.ds-category-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ds-category-tile__scrim{z-index:1;background:linear-gradient(180deg,#0000 28%,#0003)}.ds-category-tile__badge{position:absolute;z-index:2;inset-block-start:var(--sp-6);inset-inline-end:var(--sp-6);width:4.125rem;height:auto;border-radius:var(--rounded-full)}.ds-category-tile__content{z-index:2;gap:var(--sp-4);padding:var(--sp-7d5);color:#fff}.ds-category-tile__heading{margin:0;font-size:clamp(1.375rem,1.944vw,1.75rem);text-transform:uppercase;color:inherit}.ds-category-tile__button{pointer-events:auto}.ds-featured-collections .tab-list{margin-bottom:var(--sp-5);gap:var(--sp-5)}@media screen and (max-width:639px){.ds-category-tile__badge{inset-block-start:var(--sp-3);inset-inline-end:var(--sp-3);width:2.0625rem}.ds-category-tile__content{gap:var(--sp-3);padding:var(--sp-4)}.button.ds-category-tile__button{padding:var(--sp-3) var(--sp-3);font-size:var(--text-xs);letter-spacing:.02em}.ds-category-tile__button.icon-with-text .btn-text{gap:var(--sp-1d5)}.ds-category-tile__button.icon-with-text .icon-arrow-right{width:var(--sp-2d5);height:var(--sp-2d5)}}@media screen and (max-width:639px){.ds-category-tile--desktop{display:none}}@media screen and (min-width:640px){.ds-view-all--mobile{display:none}.ds-tab-actions{align-self:center;flex-shrink:0}}@media screen and (max-width:639px){.ds-featured-collections .tab-list{flex-wrap:wrap}.ds-tab-actions{order:-1;width:100%}.ds-tab-actions--no-link{display:none}}.ds-view-all__link{font-weight:600;border-block-end:1px solid currentColor}.ds-featured-collections .ds-view-all .link.ds-view-all__link .link-text{background:none}.ds-featured-collections .tab__item{text-transform:none}.ds-featured-collections .tab__item.button--secondary{background-color:rgb(var(--ds-tab-background, var(--color-foreground) / .025))}@media screen and (max-width:767px){.ds-featured-collections .section--padding{padding-block-start:calc(var(--section-padding-top) * .5);padding-block-end:calc(var(--section-padding-bottom) * .5)}}.ds-featured-collections .title-wrapper{margin-block-end:var(--sp-5)}.ds-featured-collections .title-wrapper .heading:not(.normal-case){text-transform:uppercase}.ds-featured-collections .title-wrapper .heading:not(.normal-case) em{text-transform:none;font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ds-featured-collections.css.map */
