af-gallery[data-effective-layout=slider] .af-media-stage{grid-template-columns:1fr}af-gallery[data-effective-layout=slider] .af-media{grid-column:auto}af-gallery[data-effective-layout=grid] .af-media-stage{grid-template-columns:repeat(2,minmax(0,1fr))}af-gallery[data-effective-layout=grid] .af-media:first-child{grid-column:1/-1}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-product-layout{display:grid;width:100%;max-width:var(--layout-width,1560px);padding:var(--af-product-padding) var(--layout-gutter);margin-inline:auto;gap:var(--af-product-gap);align-items:start}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-product-layout>.af-block{width:100%!important;position:static!important;min-width:0;grid-column:1/-1}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-media{background:var(--layout-stage);border-radius:var(--layout-radius,0px)!important}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-media img{display:block;width:100%;height:100%;object-fit:var(--layout-fit,contain)}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-thumbnails img{height:64px;object-fit:cover}af-product[data-product-layout] [data-product-region=info]{background:var(--layout-purchase)}af-product[data-product-layout=apparel] .af-product-layout{grid-template-columns:minmax(0,var(--layout-apparel-media)) minmax(0,1fr)}af-product[data-product-layout=apparel] .af-product-layout>[data-product-region=media]{grid-column:1}af-product[data-product-layout=apparel] .af-product-layout>[data-product-region=info]{grid-column:2;padding:22px 12px!important}af-product[data-product-layout=apparel] af-gallery[data-effective-layout=grid] .af-media-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}af-product[data-product-layout=apparel] af-gallery[data-effective-layout=grid] .af-media{grid-column:auto;aspect-ratio:.69}af-product[data-product-layout=apparel] af-gallery[data-effective-layout=grid] .af-media:only-child{grid-column:1/-1;aspect-ratio:1.1}af-product[data-product-layout=apparel] .af-title{padding-block:4px!important}af-product[data-product-layout=apparel] .af-price{letter-spacing:.02em}af-product[data-product-layout=skincare] .af-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--layout-center)) minmax(0,1fr);align-items:center}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=intro]{grid-column:1}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=media]{grid-column:2}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=info]{grid-column:3}af-product[data-product-layout=skincare] .af-product-layout:not(:has(>[data-product-region=intro])){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}af-product[data-product-layout=skincare] .af-product-layout:not(:has(>[data-product-region=intro]))>[data-product-region=media]{grid-column:1}af-product[data-product-layout=skincare] .af-product-layout:not(:has(>[data-product-region=intro]))>[data-product-region=info]{grid-column:2}af-product[data-product-layout=skincare] .af-media{aspect-ratio:.82}af-product[data-product-layout=skincare] .af-thumbnails{justify-content:center}af-product[data-product-layout=skincare] .af-thumbnails button{width:48px;min-width:48px}af-product[data-product-layout=skincare] [data-product-region=info] .af-row:has([data-af-buy])>.af-children{flex-direction:column;align-items:stretch}af-product[data-product-layout=skincare] [data-product-region=info] .af-row:has([data-af-buy])>.af-children>.af-block{width:100%!important}af-product[data-product-layout=home] .af-product-layout{grid-template-columns:minmax(0,1fr);gap:var(--af-product-gap)}af-product[data-product-layout=home] .af-product-layout>[data-product-region=intro]{padding:4px 0 16px!important}af-product[data-product-layout=home] .af-media{aspect-ratio:var(--layout-home-ratio)}af-product[data-product-layout=home] .af-thumbnails{justify-content:center}af-product[data-product-layout=home] .af-product-layout>[data-product-region=info]{padding:28px!important;border-block:1px solid var(--line)}af-product[data-product-layout=home] [data-product-region=info]>.af-children{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:32px}af-product[data-product-layout=home] [data-product-region=info]>.af-children>.af-group+.af-group{padding-left:28px!important;border-left:1px solid var(--line)}af-product[data-product-layout=makeup] .af-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--layout-media));gap:var(--af-product-gap)}af-product[data-product-layout=makeup] .af-product-layout>[data-product-region=info]{grid-column:1;padding:32px 48px 32px 12px!important}af-product[data-product-layout=makeup] .af-product-layout>[data-product-region=media]{grid-column:2;background:var(--layout-stage);padding:24px!important}af-product[data-product-layout=makeup] .af-media{aspect-ratio:.85}af-product[data-product-layout=makeup] .af-thumbnails{justify-content:center}af-product[data-product-layout=makeup] .af-option-set{gap:12px}af-product[data-product-layout=makeup] .af-option-set legend{font-weight:600;letter-spacing:.02em}af-product[data-layout-sticky=true]:is([data-product-layout=apparel],[data-product-layout=makeup]) .af-product-layout>[data-product-region=info]{position:sticky!important;top:var(--layout-sticky-top)}@media(min-width:1100px){af-product[data-layout-sticky=true][data-product-layout=skincare] .af-product-layout>[data-product-region=info]{position:sticky!important;top:var(--layout-sticky-top)}}@media(min-width:750px)and (max-width:1099px){af-product[data-product-layout=skincare] .af-product-layout{grid-template-columns:1fr 1fr}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=intro]{grid-column:1/-1}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=media]{grid-column:1}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=info]{grid-column:2}af-product[data-product-layout=apparel] .af-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}af-product[data-product-layout=apparel] af-gallery[data-effective-layout=grid] .af-media-stage{grid-template-columns:1fr}af-product[data-product-layout=home] [data-product-region=info]>.af-children{grid-template-columns:1fr 1fr}af-product[data-product-layout=home] [data-product-region=info]>.af-children>.af-group:last-child{grid-column:1/-1;border-left:0;padding-left:0!important}af-product[data-product-layout=makeup] .af-product-layout>[data-product-region=info]{padding-right:24px!important}}@media(max-width:749px){af-product[data-product-layout=skincare] .af-product-layout:not(:has(>[data-product-region=intro])){grid-template-columns:minmax(0,1fr)}af-product[data-product-layout] .af-product-layout{grid-template-columns:minmax(0,1fr);padding:16px var(--layout-mobile-gutter);gap:22px}af-product[data-product-layout] .af-product-layout>[data-product-region]{grid-column:1!important;position:static!important;padding:0!important}af-product:where([data-product-layout]:not([data-product-layout=standard])) af-gallery[data-effective-layout=slider] .af-media-stage{grid-template-columns:1fr}af-product:where([data-product-layout]:not([data-product-layout=standard])) .af-media{aspect-ratio:var(--layout-mobile-ratio)}af-product[data-product-layout=apparel] .af-product-layout>[data-product-region=media]{margin-inline:calc(-1 * var(--layout-mobile-gutter));width:calc(100% + 2 * var(--layout-mobile-gutter))!important;max-width:none}af-product[data-product-layout=apparel] .af-thumbnails{padding-inline:var(--layout-mobile-gutter)}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=intro]{text-align:center;padding:12px 8px!important}af-product[data-product-layout=skincare] [data-product-region=intro]>.af-children{gap:14px}af-product[data-product-layout=skincare] [data-product-region=intro] .af-divider,af-product[data-product-layout=skincare] [data-product-region=intro] .af-text:last-child{display:none}af-product[data-product-layout=skincare] [data-product-region=info] .af-row:has([data-af-buy])>.af-children{flex-direction:row}af-product[data-product-layout=skincare] [data-product-region=info] .af-row:has([data-af-buy])>.af-children>.af-block{width:auto!important}af-product[data-product-layout=home] .af-product-layout>[data-product-region=intro]{grid-row:1}af-product[data-product-layout=home] [data-product-region=info]>.af-children{grid-template-columns:1fr;gap:20px}af-product[data-product-layout=home] [data-product-region=info]>.af-children>.af-group+.af-group{padding:0!important;border-left:0}af-product[data-product-layout=home] .af-product-layout>[data-product-region=info]{padding:20px!important}af-product[data-product-layout=home] .af-product-layout{padding-inline:0}af-product[data-product-layout=home] .af-product-layout>[data-product-region=intro]{padding-inline:var(--layout-mobile-gutter)!important}af-product[data-product-layout=makeup] .af-product-layout>[data-product-region=media]{grid-row:1;padding:8px!important}af-product[data-product-layout=makeup] .af-product-layout>[data-product-region=info]{grid-row:2}}.af-quick-dialog af-product[data-product-layout] .af-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:20px}.af-quick-dialog af-product[data-product-layout] .af-product-layout>[data-product-region=intro]{grid-column:1/-1!important}.af-quick-dialog af-product[data-product-layout] .af-product-layout>[data-product-region=media]{grid-column:1!important;grid-row:auto!important;width:100%!important;margin:0!important}.af-quick-dialog af-product[data-product-layout] .af-product-layout>[data-product-region=info]{grid-column:2!important;grid-row:auto!important;position:static!important;padding:0!important}.af-quick-dialog af-product[data-product-layout=home] [data-product-region=info]>.af-children{grid-template-columns:1fr}.af-quick-dialog af-product[data-product-layout=home] [data-product-region=info]>.af-children>.af-group{padding:0!important;border:0}@media(max-width:749px){.af-quick-dialog af-product[data-product-layout] .af-product-layout{grid-template-columns:minmax(0,1fr)}.af-quick-dialog af-product[data-product-layout] .af-product-layout>[data-product-region=info]{grid-column:1!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/af-product-layouts.css.map */