.template-product{--af-commerce-paper: #f4ede3;--af-commerce-ink: #090807;--af-commerce-line: rgba(9, 8, 7, .16);--af-commerce-red: #e42920;--af-commerce-gold: #c89543;background:var(--af-commerce-paper)}.template-product #ProductCommerce{position:relative;isolation:isolate;overflow:clip;padding:clamp(52px,7vw,120px) var(--af-pad);background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.86),transparent 30%),linear-gradient(118deg,#f7f1e8,#e9dfd1);color:var(--af-commerce-ink)}.template-product #ProductCommerce:before{content:"THE OBJECT / 01";position:absolute;z-index:-1;top:.08em;right:-.03em;color:#0908070b;font:600 clamp(88px,18vw,330px)/.8 var(--af-sans);letter-spacing:-.085em;white-space:nowrap;pointer-events:none}.template-product #ProductCommerce .product-information{width:min(100%,1500px);margin-inline:auto}.template-product #ProductCommerce .product-information__grid{align-items:start;gap:clamp(30px,5vw,90px)}.template-product #ProductCommerce .product-information__media{position:relative;min-width:0;overflow:hidden;background:#ffffff7a;border:1px solid var(--af-commerce-line)}.template-product #ProductCommerce .product-information__media:after{content:"PRODUCT STUDY / SELECT A FRAME";position:absolute;z-index:2;left:18px;bottom:14px;padding:7px 9px;background:#090807e0;color:#fff;font:700 8px/1 var(--af-sans);letter-spacing:.18em;pointer-events:none}.template-product #ProductCommerce :is(.product-media-container,.product-media,.media,model-viewer){background:transparent}.template-product #ProductCommerce :is(.product-media-container img,.product-media img,.media img){width:100%;height:100%;object-fit:contain!important;object-position:center}.template-product #ProductCommerce .product-details{min-width:0;padding:clamp(24px,3vw,54px) 0;font-family:var(--af-sans)}.template-product #ProductCommerce .product-details:before{content:"AFRICAN / FULL-BODY CLEANSING NET";display:block;width:fit-content;margin-bottom:clamp(20px,3vw,42px);padding-bottom:10px;border-bottom:1px solid currentColor;font-size:8px;font-weight:800;letter-spacing:.22em}.template-product #ProductCommerce .product-details h1{max-width:760px;margin:0;font:600 clamp(44px,5.8vw,92px)/.84 var(--af-sans)!important;letter-spacing:-.07em!important;text-transform:uppercase;text-wrap:balance}.template-product #ProductCommerce .product-details .rte,.template-product #ProductCommerce .product-details [class*=description]{max-width:62ch;font-size:clamp(14px,1.05vw,17px);line-height:1.62}.template-product #ProductCommerce .price,.template-product #ProductCommerce [class*=price]{font-family:var(--af-sans);font-weight:700;letter-spacing:-.02em}.template-product #ProductCommerce .product-details .form__label{margin-bottom:12px;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.template-product #ProductCommerce :is(.variant-option__button-label,.variant-picker__option label,swatch-component label){position:relative;overflow:hidden;min-width:50px;min-height:50px;border:1px solid var(--af-commerce-line);background:#ffffff8c;transition:transform .35s var(--af-ease),border-color .35s ease,box-shadow .35s ease}.template-product #ProductCommerce :is(.variant-option__button-label,.variant-picker__option label,swatch-component label):hover{transform:translateY(-3px);border-color:var(--af-commerce-ink);box-shadow:0 12px 30px #0908071f}.template-product #ProductCommerce :is(input:checked+label,[aria-checked=true]){border-color:var(--af-commerce-red)!important;box-shadow:0 0 0 2px var(--af-commerce-red)}.template-product #ProductCommerce .product-form__buttons{gap:10px}.template-product #ProductCommerce :is(.add-to-cart-button,button[name=add],.shopify-payment-button__button){min-height:58px;border:1px solid var(--af-commerce-ink)!important;border-radius:0!important;background:var(--af-commerce-ink)!important;color:#fff!important;font-family:var(--af-sans)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important;transition:background .35s ease,color .35s ease,transform .35s var(--af-ease)!important}.template-product #ProductCommerce :is(.add-to-cart-button,button[name=add],.shopify-payment-button__button):hover{background:var(--af-commerce-red)!important;border-color:var(--af-commerce-red)!important;transform:translateY(-2px)}.template-product #ProductCommerce quantity-selector,.template-product #ProductCommerce .quantity-selector{border-radius:0;border-color:var(--af-commerce-line);background:#ffffff85}.template-product #ProductCommerce :is(.swiper-button-prev,.swiper-button-next,.slideshow-control){border-radius:50%;background:#090807e6;color:#fff}.template-product .shopify-payment-button__more-options{color:var(--af-commerce-ink);font:700 9px/1.3 var(--af-sans);letter-spacing:.12em;text-transform:uppercase}@media(min-width:900px){.template-product #ProductCommerce .product-details.sticky-content--desktop{top:20px}.template-product.af-motion-on #ProductCommerce .product-information__media{animation:afCommerceMediaIn 1s var(--af-ease) both}.template-product.af-motion-on #ProductCommerce .product-details{animation:afCommerceCopyIn 1s .14s var(--af-ease) both}}@keyframes afCommerceMediaIn{0%{opacity:0;transform:translate3d(-4vw,30px,0) scale(.97);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes afCommerceCopyIn{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:none}}@media(max-width:899px){.template-product #ProductCommerce{padding:34px 16px 58px;overflow:hidden}.template-product #ProductCommerce:before{top:18px;font-size:27vw}.template-product #ProductCommerce .product-information__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.template-product #ProductCommerce .product-information__media{width:100%;min-height:0}.template-product #ProductCommerce .product-details{width:100%;padding:22px 2px 0}.template-product #ProductCommerce .product-details h1{font-size:clamp(42px,14vw,70px)!important;overflow-wrap:anywhere}.template-product #ProductCommerce :is(.add-to-cart-button,button[name=add],.shopify-payment-button__button){width:100%!important}}@media(prefers-reduced-motion:reduce){.template-product #ProductCommerce *{scroll-behavior:auto!important}.template-product.af-motion-on #ProductCommerce :is(.product-information__media,.product-details){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/african-ella-commerce.css.map */