.category-callout{background:var(--color-background)}.category-callout__grid{display:grid;grid-template-columns:repeat(var(--category-callout-mobile-columns),minmax(0,1fr));align-items:start;gap:var(--category-callout-gap);margin-block:0;padding-block:0;padding-inline:0;list-style:none}.category-callout__grid>*{min-inline-size:0}@media screen and (min-width:46.875rem){.category-callout__grid{grid-template-columns:repeat(var(--category-callout-desktop-columns),minmax(0,1fr))}}.media-card{position:relative;isolation:isolate;inline-size:100%;min-inline-size:0;aspect-ratio:var(--category-callout-card-aspect-ratio, 17 / 20);max-block-size:calc(100svh - var(--header-group-height));background:var(--media-card-media-background)}.media-card__media,.media-card__overlay,.media-card__link,.media-card__content-bounds{position:absolute;top:0;right:0;bottom:0;left:0}.media-card__media{z-index:0;overflow:hidden;background:var(--media-card-media-background)}.media-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;max-inline-size:none;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.media-card__image--placeholder{background:var(--media-card-media-background)}.media-card__image--cleansers{object-position:50% 20.34%}.media-card__overlay{z-index:1;display:none;pointer-events:none;background:var(--media-card-overlay-color)}.media-card[data-overlay=true] .media-card__overlay{display:block}.media-card[data-overlay=true][data-overlay-style=gradient] .media-card__overlay{background:linear-gradient(var(--media-card-overlay-direction),transparent 50%,var(--media-card-overlay-color) 100%)}.media-card__link{z-index:2;color:var(--media-card-content-color)}.media-card__link:focus-visible{outline-offset:calc(var(--focus-ring-width) * -2)}.media-card__content-bounds{z-index:3;display:grid;align-items:center;box-sizing:border-box;min-inline-size:0;padding-block:var(--media-card-padding-block-start) var(--media-card-padding-block-end);padding-inline:var(--media-card-padding-inline-start) var(--media-card-padding-inline-end);pointer-events:none}.media-card__content{display:flex;flex-direction:column;gap:var(--media-card-content-gap);min-inline-size:0;max-inline-size:100%;color:var(--media-card-content-color);text-align:var(--media-card-text-alignment);--color: var(--media-card-content-color);pointer-events:none}.media-card__content>*{pointer-events:auto}.media-card[data-content-position^=top-] .media-card__content-bounds{align-items:start}.media-card[data-content-position^=middle-] .media-card__content-bounds{align-items:center}.media-card[data-content-position^=bottom-] .media-card__content-bounds{align-items:end}.media-card[data-content-position$=-left] .media-card__content{align-items:flex-start}.media-card[data-content-position$=-center] .media-card__content{align-items:center}.media-card[data-content-position$=-right] .media-card__content{align-items:flex-end}@media screen and (max-width:46.8125rem){.media-card__content-bounds{padding-block:var(--media-card-mobile-padding-block-start) var(--media-card-mobile-padding-block-end);padding-inline:var(--media-card-mobile-padding-inline-start) var(--media-card-mobile-padding-inline-end)}.media-card__content{text-align:var(--media-card-text-alignment-mobile)}.category-callout[data-mobile-columns="2"] .media-card__content-bounds{padding-block:min(var(--media-card-mobile-padding-block-start),.5rem) min(var(--media-card-mobile-padding-block-end),.5rem);padding-inline:min(var(--media-card-mobile-padding-inline-start),.5rem) min(var(--media-card-mobile-padding-inline-end),.5rem)}.media-card[data-content-position-mobile^=top-] .media-card__content-bounds{align-items:start}.media-card[data-content-position-mobile^=middle-] .media-card__content-bounds{align-items:center}.media-card[data-content-position-mobile^=bottom-] .media-card__content-bounds{align-items:end}.media-card[data-content-position-mobile$=-left] .media-card__content{align-items:flex-start}.media-card[data-content-position-mobile$=-center] .media-card__content{align-items:center}.media-card[data-content-position-mobile$=-right] .media-card__content{align-items:flex-end}}@media screen and (max-width:22.5rem){.category-callout[data-mobile-columns="2"] .media-card__content-bounds{padding-inline:min(var(--media-card-mobile-padding-inline-start),.375rem) min(var(--media-card-mobile-padding-inline-end),.375rem)}}@media screen and (min-width:46.875rem){.category-callout:is([data-desktop-columns="3"],[data-desktop-columns="4"]) .media-card__content-bounds{padding-block:min(var(--media-card-padding-block-start),1rem) min(var(--media-card-padding-block-end),1rem);padding-inline:min(var(--media-card-padding-inline-start),1rem) min(var(--media-card-padding-inline-end),1rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-callout.css.map */