.hair-extension-hero{padding-block:clamp(20px,5vw,75px)}.hair-extension-hero .banner-row{row-gap:40px}.hair-extension-hero .banner-row .product-description,.hair-extension-hero .banner-row .product-feature{width:calc(50% - 40px)}@media only screen and (max-width: 1024px){.hair-extension-hero .banner-row .product-description,.hair-extension-hero .banner-row .product-feature{width:100%}}.hair-extension-hero .banner-row .product-feature .product-feature-slider .product-feature-item img{aspect-ratio:14/16;object-fit:cover;object-position:center}.hair-extension-hero .banner-row .product-feature .feature-slider-nav{padding-top:24px}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-feature .feature-slider-nav{padding-top:10px}}.hair-extension-hero .banner-row .product-feature .feature-slider-nav .slider-nav-item{padding:0 8px}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-feature .feature-slider-nav .slider-nav-item{padding:0 5px}}.hair-extension-hero .banner-row .product-feature .feature-slider-nav .slider-nav-item img{aspect-ratio:13/16;object-fit:cover;object-position:center}.hair-extension-hero .banner-row .product-description .product-ratting{padding-bottom:20px}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-description .product-ratting{padding-bottom:10px}}.hair-extension-hero .banner-row .product-description .product-ratting img{max-width:206px}.hair-extension-hero .banner-row .product-description .product-description__price{margin-bottom:clamp(30px,3vw,50px)}.hair-extension-hero .banner-row .product-description .product-description__price h4{font-family:Satoshi,sans-serif;font-weight:500;font-size:clamp(40px,4vw,65px);line-height:1}.hair-extension-hero .banner-row .product-description .product-description__price h4 .regular-price{color:#c3c3c3;text-decoration:line-through;font-size:62%}.hair-extension-hero .banner-row .product-description .product-variation{padding-bottom:34px}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-description .product-variation{padding-bottom:20px}}.hair-extension-hero .banner-row .product-description .product-variation h5{font-size:28px;line-height:28px;border-bottom:.5px solid #b8b8b8;padding-bottom:26px}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-description .product-variation h5{font-size:22px;line-height:22px;padding-bottom:15px;margin-bottom:15px}}.hair-extension-hero .banner-row .product-description .product-variation .product-buttons{display:flex;gap:14px;flex-wrap:wrap}.hair-extension-hero .banner-row .product-description .product-variation .product-buttons label{font-family:Hellix,sans-serif;font-weight:400;font-size:16px;line-height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #bcbcbc;padding:15px 10px;min-width:148px;background:transparent;transition:all .3s ease;cursor:pointer;position:relative}.hair-extension-hero .banner-row .product-description .product-variation .product-buttons label input{position:absolute;opacity:0}.hair-extension-hero .banner-row .product-description .product-variation .product-buttons label:has(input:checked){background:#000;border-color:#000;color:#fff}.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons{display:flex;gap:8px 9px;flex-wrap:wrap}.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label{display:flex;width:62px;min-width:inherit;height:62px;transition:all .3s ease;cursor:pointer;border:1px solid #e0e0e0;position:relative;padding:0;overflow:hidden;background:#d3d3d3;border-radius:4px}.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label .shade-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media only screen and (max-width: 1024px){.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label{width:50px;height:62px}}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label{width:38px;height:38px}}.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label input{position:absolute;opacity:0}.hair-extension-hero .banner-row .product-description .product-variation.color .product-buttons label:has(input:checked){border:2px solid #000;box-shadow:1.13px 1.13px 9px #00000040}.hair-extension-hero .product-variation.color .product-buttons label .color-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none;font-family:Hellix,sans-serif}.hair-extension-hero .product-variation.color .product-buttons label .color-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000}.hair-extension-hero .product-variation.color .product-buttons label:hover .color-tooltip{opacity:1;visibility:visible}.hair-extension-hero .banner-row .product-description .product-variation.color .slected-color{margin:16px 0}.hair-extension-hero .banner-row .product-description .product-variation.color .slected-color h5{font-family:Hellix,sans-serif;font-weight:600;font-size:16px;line-height:100%;letter-spacing:0;color:#000;margin:0;gap:5px 10px}.hair-extension-hero .banner-row .product-description .product-variation.color .slected-color h5 span{margin:0;font-weight:400;background:#000;color:#fff;padding:2px 13px 3px}.hair-extension-hero .banner-row .product-description .quantity-cart-btn{gap:20px;margin-bottom:clamp(20px,2.5vw,40px);align-items:flex-start}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity{flex-wrap:nowrap;gap:8px}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity .quantity__button,.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity .quantity__input{font-family:Hellix,sans-serif;font-weight:400;font-size:24px;line-height:24px;cursor:pointer;border:1px solid #bcbcbc;width:80px;height:62px;display:flex;align-items:center;justify-content:center;background:transparent;box-sizing:border-box}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity .quantity__input{padding:15px;-moz-appearance:textfield;border-radius:0;text-align:center}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity .quantity__input::-webkit-inner-spin-button,.hair-extension-hero .banner-row .product-description .quantity-cart-btn .quantity .quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn{cursor:pointer;border:1px solid #000;transition:transform .5s ease;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:62px!important;min-height:62px!important;box-sizing:border-box!important;min-width:220px;padding:0 56px!important;position:relative;flex:1;line-height:1!important;vertical-align:middle!important}@media only screen and (max-width: 1024px){.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn{padding:10px 30px!important;height:62px}}@media only screen and (max-width: 767px){.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn{padding:16px!important;width:100%;height:62px}}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn:hover:not(.loading){transform:scale(.97)}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn:active:not(.loading){transform:scale(.94)}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn .cart-icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex-shrink:0!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;display:block!important;margin:0!important;padding:0!important}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn .cart-btn-text{white-space:nowrap!important;line-height:1!important;display:block!important;margin:0!important;padding:0!important}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn .spinner{width:20px!important;height:20px!important;display:none!important;flex-shrink:0!important;margin:0!important;padding:0!important;line-height:1!important}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn .spinner svg{display:block!important;width:100%!important;height:100%!important;animation:spinner-rotate .8s linear infinite;margin:0!important;padding:0!important}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn.loading{pointer-events:none}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn.loading .cart-icon,.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn.loading .cart-btn-text{display:none!important}.hair-extension-hero .banner-row .product-description .quantity-cart-btn .cart-btn.loading .spinner{display:block!important}.hair-extension-hero .banner-row .product-description .selected-variant{opacity:0;visibility:hidden}.hair-extension-hero .banner-row .product-description .recommended-products h4{font-family:Denton,sans-serif;font-weight:300;font-size:28px;line-height:100%;letter-spacing:-1px;text-transform:uppercase;color:#000}.hair-extension-hero .banner-row .product-description .recommended-products ul{gap:16px}@media only screen and (max-width: 480px){.hair-extension-hero .banner-row .product-description .recommended-products ul{gap:10px;justify-content:center}}.hair-extension-hero .banner-row .product-description .recommended-products ul li a{width:245px;height:120px;background:#fff;border:1px solid #000;padding:10px;gap:8px;transition:all .3s ease}@media only screen and (max-width: 1024px){.hair-extension-hero .banner-row .product-description .recommended-products ul li a{width:200px;height:100px}}.hair-extension-hero .banner-row .product-description .recommended-products ul li a h5{font-family:Hellix,sans-serif;font-weight:600;font-size:26px;line-height:100%;text-transform:uppercase;color:#000;margin-bottom:0;transition:all .3s ease}.hair-extension-hero .banner-row .product-description .recommended-products ul li a p{font-family:HelveticaNowDisplay,sans-serif;font-weight:400;font-size:14px;line-height:100%;text-transform:uppercase;color:#000;margin:0;transition:all .3s ease}.hair-extension-hero .banner-row .product-description .recommended-products ul li a:hover{background:#000}.hair-extension-hero .banner-row .product-description .recommended-products ul li a:hover h5,.hair-extension-hero .banner-row .product-description .recommended-products ul li a:hover p{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hair-extension-product.css.map */