af-product-rail{display:block;min-width:0;max-width:100%}af-product-rail .af-product-rail-track{display:grid;grid-template-columns:repeat(var(--rail-columns,4),minmax(0,1fr));gap:var(--rail-gap,24px);margin:0;min-width:0}af-product-rail[data-mode=carousel] .af-product-rail-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--rail-columns,4) - 1)*var(--rail-gap,24px))/var(--rail-columns,4));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:3px 8px}af-product-rail .af-product-rail-track::-webkit-scrollbar{display:none}af-product-rail .af-product-rail-track>.product-card{min-width:0;scroll-snap-align:start;scroll-margin-inline:0}.af-product-rail-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.af-product-rail-controls[hidden],af-product-rail[data-mode=grid] .af-product-rail-controls{display:none}.af-product-rail-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:var(--rail-arrow-bg);color:var(--rail-arrow-text);border:1px solid currentColor;border-radius:50%;font:28px/1 Arial;cursor:pointer}.af-product-rail-controls button:disabled{opacity:.3;cursor:default}.af-product-rail-track:focus-visible{outline:2px solid currentColor;outline-offset:3px}.af-mobile-gallery-nav{display:none}@media(min-width:1100px){af-product[data-product-layout=skincare]:has([data-product-region=detail]) .af-product-layout{grid-template-rows:1fr 1fr;row-gap:24px}af-product[data-product-layout=skincare]:has([data-product-region=detail]) .af-product-layout>[data-product-region=intro]{grid-column:1;grid-row:1;align-self:end}af-product[data-product-layout=skincare]:has([data-product-region=detail]) .af-product-layout>[data-product-region=detail]{grid-column:1;grid-row:2;align-self:start}af-product[data-product-layout=skincare]:has([data-product-region=detail]) .af-product-layout>[data-product-region=media]{grid-column:2;grid-row:1/3}af-product[data-product-layout=skincare]:has([data-product-region=detail]) .af-product-layout>[data-product-region=info]{grid-column:3;grid-row:1/3}}@media(min-width:750px)and (max-width:1099px){af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=detail]{grid-column:1;grid-row:3}af-product[data-product-layout=skincare] .af-product-layout>[data-product-region=info]{grid-row:2/4}}@media(min-width:750px){af-product[data-product-layout=makeup]:has([data-product-region=intro]) .af-product-layout{grid-template-rows:auto 1fr;align-items:start}af-product[data-product-layout=makeup]:has([data-product-region=intro]) .af-product-layout>[data-product-region=intro]{grid-column:1;grid-row:1;padding:32px 48px 16px 12px!important}af-product[data-product-layout=makeup]:has([data-product-region=intro]) .af-product-layout>[data-product-region=info]{grid-column:1;grid-row:2;padding-top:0!important}af-product[data-product-layout=makeup]:has([data-product-region=intro]) .af-product-layout>[data-product-region=media]{grid-column:2;grid-row:1/3}}af-product[data-product-layout=watch] .af-product-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}af-product[data-product-layout=watch] .af-product-layout>[data-product-region=intro]{grid-column:1/-1;text-align:center;padding:16px 0 20px!important}af-product[data-product-layout=watch] .af-product-layout>[data-product-region=media]{grid-column:1}af-product[data-product-layout=watch] .af-product-layout>[data-product-region=info]{grid-column:2;padding:24px!important}af-product[data-product-layout=watch] .af-product-layout>[data-product-region=detail]{grid-column:1/-1}af-product[data-product-layout=watch] .af-media{aspect-ratio:1.05}af-product[data-product-layout=watch] .af-thumbnails{justify-content:center}af-product[data-product-layout=watch] [data-layout-role=specs]>.af-children{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding-block:24px}af-product[data-product-layout=watch] [data-layout-role=specs]:not(:has(.af-watch-spec)){display:none}af-product[data-product-layout=watch] [data-layout-role=specs] .af-custom-liquid:not(:has(.af-watch-spec)){display:none}.af-watch-spec{margin:0;display:grid;gap:10px}.af-watch-spec dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.72}.af-watch-spec dd{margin:0;font-size:18px;line-height:1.4}@media(max-width:749px){af-product[data-category-mobile=false] .af-product-layout{display:flex;flex-direction:column}af-product-rail .af-product-rail-track{grid-template-columns:repeat(var(--rail-mobile-columns,2),minmax(0,1fr));gap:var(--rail-mobile-gap,12px)}af-product-rail[data-mode=carousel] .af-product-rail-track{grid-template-columns:none;grid-auto-columns:calc((100% - (var(--rail-mobile-view,1.4) - 1)*var(--rail-mobile-gap,12px))/var(--rail-mobile-view,1.4))}af-product-rail .af-product-rail-controls{display:none!important}af-gallery:is([data-mobile-navigation=progress],[data-mobile-navigation=dots])>.af-thumbnails,af-gallery:is([data-mobile-navigation=progress],[data-mobile-navigation=dots])>.af-scroll-shell,af-gallery:is([data-mobile-navigation=progress],[data-mobile-navigation=dots])>.af-gallery-controls{display:none}af-gallery:is([data-mobile-navigation=progress],[data-mobile-navigation=dots]) .af-mobile-gallery-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding-inline:16px;min-height:44px}.af-gallery-dots{display:flex;justify-content:center;min-width:0;flex-wrap:wrap}.af-gallery-dots button{display:grid;place-items:center;border:0;padding:0;width:32px;height:44px;background:transparent;color:inherit;cursor:pointer}.af-gallery-dots button span{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.25}.af-gallery-dots button[aria-pressed=true] span{opacity:1}af-gallery[data-mobile-navigation=progress] .af-gallery-dots{flex:1;flex-wrap:nowrap}af-gallery[data-mobile-navigation=progress] .af-gallery-dots button{flex:1;width:auto;min-width:10px}af-gallery[data-mobile-navigation=progress] .af-gallery-dots button span{width:100%;height:2px;border-radius:0}.af-gallery-count{font-size:10px;letter-spacing:.08em;white-space:nowrap}af-gallery[data-mobile-navigation=dots] .af-gallery-count{display:none}af-gallery[data-effective-layout=grid] .af-mobile-gallery-nav{display:none!important}af-product[data-category-mobile=true] .af-product-layout{row-gap:0}af-product[data-category-mobile=true] .af-media{max-height:var(--mobile-hero-height,520px)}af-product[data-category-mobile=true] .af-product-layout>[data-product-region=info]{border-radius:var(--mobile-panel-radius,0px)!important}af-product[data-category-mobile=true][data-product-layout=apparel] .af-product-layout{padding-top:0}af-product[data-category-mobile=true][data-product-layout=apparel] .af-product-layout>[data-product-region=info]{padding:12px 0 28px!important}af-product[data-category-mobile=true][data-product-layout=apparel] [data-layout-role=identity]>.af-children{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.45fr);align-items:start;gap:16px}af-product[data-category-mobile=true][data-product-layout=apparel] [data-layout-role=identity] .af-row>.af-children{justify-content:flex-end;row-gap:4px}af-product[data-category-mobile=true][data-product-layout=apparel] [data-layout-role=identity] .af-row{text-align:end}af-product[data-category-mobile=true][data-product-layout=apparel] .af-product-layout>[data-product-region=info]>.af-children{gap:12px}af-product[data-category-mobile=true][data-product-layout=apparel] .af-variants{border-top:1px solid var(--line);padding-top:18px!important}af-product[data-category-mobile=true][data-product-layout=apparel] .af-popup{text-align:end}af-product[data-category-mobile=true][data-product-layout=skincare] .af-product-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:18px;padding-top:24px;row-gap:18px}af-product[data-category-mobile=true][data-product-layout=skincare] .af-product-layout>[data-product-region=intro]{grid-column:1/-1!important;grid-row:1;padding:0 12px 4px!important}af-product[data-category-mobile=true][data-product-layout=skincare] .af-product-layout>[data-product-region=media]{grid-column:1!important;grid-row:2;align-self:center}af-product[data-category-mobile=true][data-product-layout=skincare] .af-product-layout>[data-product-region=detail]{grid-column:2!important;grid-row:2;align-self:center}af-product[data-category-mobile=true][data-product-layout=skincare] .af-product-layout>[data-product-region=info]{grid-column:1/-1!important;grid-row:3;padding:22px 18px!important;border:1px solid var(--line)!important;margin-top:2px}af-product[data-category-mobile=true][data-product-layout=skincare] [data-product-region=detail] .af-text{letter-spacing:.14em}af-product[data-category-mobile=true][data-product-layout=skincare] .af-media{aspect-ratio:var(--layout-mobile-ratio)}af-product[data-category-mobile=true][data-product-layout=skincare] .af-mobile-gallery-nav{padding:0;gap:8px}af-product[data-category-mobile=true][data-product-layout=skincare] [data-product-region=info]>.af-children{gap:14px}af-product[data-category-mobile=true][data-product-layout=skincare]:not(:has([data-product-region=detail])) .af-product-layout>[data-product-region=media]{grid-column:1/-1!important}af-product[data-category-mobile=true][data-product-layout=home] .af-product-layout{padding:0 0 24px;gap:0}af-product[data-category-mobile=true][data-product-layout=home] .af-product-layout>[data-product-region=media]{grid-row:1;grid-column:1!important}af-product[data-category-mobile=true][data-product-layout=home] .af-product-layout>[data-product-region=intro]{grid-row:2;position:relative!important;z-index:1;background:var(--layout-purchase);margin:12px var(--layout-mobile-gutter) 0;width:calc(100% - 2*var(--layout-mobile-gutter))!important;padding:24px 20px 4px!important;border-radius:var(--mobile-panel-radius) var(--mobile-panel-radius) 0 0!important}af-product[data-category-mobile=true][data-product-layout=home] .af-product-layout>[data-product-region=info]{grid-row:3;grid-column:1!important;margin:0 var(--layout-mobile-gutter);width:calc(100% - 2*var(--layout-mobile-gutter))!important;padding:16px 20px 24px!important;border:0;border-radius:0 0 var(--mobile-panel-radius) var(--mobile-panel-radius)!important}af-product[data-category-mobile=true][data-product-layout=home] [data-product-region=info]>.af-children{gap:24px}af-product[data-category-mobile=true][data-product-layout=home] [data-layout-role=selection],af-product[data-category-mobile=true][data-product-layout=home] [data-layout-role=purchase]{border-top:1px solid var(--line);padding-top:18px!important}af-product[data-category-mobile=true][data-product-layout=makeup] .af-product-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:20px 16px;padding:20px var(--layout-mobile-gutter)}af-product[data-category-mobile=true][data-product-layout=makeup] .af-product-layout>[data-product-region=media]{grid-column:1!important;grid-row:1;align-self:center;padding:0!important;background:var(--layout-stage)}af-product[data-category-mobile=true][data-product-layout=makeup] .af-product-layout>[data-product-region=intro]{grid-column:2!important;grid-row:1;align-self:center}af-product[data-category-mobile=true][data-product-layout=makeup] .af-product-layout>[data-product-region=info]{grid-column:1/-1!important;grid-row:2}af-product[data-category-mobile=true][data-product-layout=makeup] .af-media{aspect-ratio:var(--layout-mobile-ratio)}af-product[data-category-mobile=true][data-product-layout=makeup] .af-mobile-gallery-nav{padding:0 8px;gap:8px}af-product[data-category-mobile=true][data-product-layout=makeup] [data-product-region=intro] .af-text{font-size:9px;letter-spacing:.08em}af-product[data-category-mobile=true][data-product-layout=makeup] .af-variants{border-color:var(--line);background:var(--layout-purchase)}af-product[data-category-mobile=true][data-product-layout=makeup] .af-option-set{column-gap:12px;row-gap:12px}af-product[data-category-mobile=true][data-product-layout=makeup] .af-popup{text-align:end}af-product[data-category-mobile=true][data-product-layout=makeup]:not(:has([data-product-region=intro])) .af-product-layout>[data-product-region=media]{grid-column:1/-1!important}af-product[data-product-layout=watch] .af-product-layout{grid-template-columns:minmax(0,1fr)}af-product[data-product-layout=watch] .af-product-layout>[data-product-region]{grid-column:1!important}af-product[data-category-mobile=true][data-product-layout=watch] .af-product-layout{gap:0;padding:24px var(--layout-mobile-gutter)}af-product[data-category-mobile=true][data-product-layout=watch] .af-product-layout>[data-product-region=intro]{grid-row:1;padding:0 0 24px!important}af-product[data-category-mobile=true][data-product-layout=watch] .af-product-layout>[data-product-region=media]{grid-row:2;margin-inline:calc(-1*var(--layout-mobile-gutter));width:calc(100% + 2*var(--layout-mobile-gutter))!important;max-width:none;background:var(--layout-stage)}af-product[data-category-mobile=true][data-product-layout=watch] .af-product-layout>[data-product-region=detail]{grid-row:3;padding:8px 0 24px!important}af-product[data-category-mobile=true][data-product-layout=watch] .af-product-layout>[data-product-region=info]{grid-row:4;padding:8px 0 20px!important}af-product[data-product-layout=watch] [data-layout-role=specs]>.af-children{grid-template-columns:1fr 1fr;gap:22px 16px}.af-watch-spec dd{font-size:16px}}.af-quick-dialog af-product[data-product-layout] .af-product-layout{grid-template-rows:auto!important}.af-quick-dialog af-product[data-product-layout] .af-product-layout>[data-product-region=detail]{grid-column:1/-1!important;grid-row:auto!important}@media(max-width:749px){.af-quick-dialog af-product[data-category-mobile] .af-product-layout{display:flex;flex-direction:column;gap:16px;padding:12px}.af-quick-dialog af-product[data-category-mobile] .af-product-layout>[data-product-region]{width:100%!important;margin:0!important;padding:0!important}.af-quick-dialog af-product[data-category-mobile] .af-product-layout>[data-product-region=media]{order:-1}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/af-category-mobile.css.map */