.smooth-skin{max-width:1200px;margin:60px auto;padding:0 20px}.product-features-container{background-color:#f7f5f4!important;padding:48px}.smooth-skin .product-features-title{color:#242423;font-size:52px;font-style:normal;font-weight:400;line-height:120%;text-transform:capitalize}.smooth-skin .product-features-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.smooth-skin .features-left-column,.smooth-skin .features-right-column{display:flex;flex-direction:column;gap:20px}.smooth-skin .feature-box{background-color:#f7f5f4;padding:18px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.smooth-skin .feature-box:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.smooth-skin .feature-heading{color:#050505;font-size:20px;font-style:normal;font-weight:600;line-height:120%;margin-bottom:6px}.smooth-skin .feature-text{color:#3c3c3c;font-size:16px;font-style:normal;font-weight:400;line-height:140%;margin-bottom:10px}.smooth-skin .product-image-container{position:relative;display:flex;flex-direction:column;align-items:center}.smooth-skin .product-main-image{max-width:100%;height:auto}.smooth-skin .badges-container{display:flex;gap:15px;justify-content:center}.smooth-skin .product-badge{width:80px;height:auto}@media screen and (max-width:990px){.smooth-skin .product-features-layout{grid-template-columns:1fr;grid-template-areas:"image" "left" "right"}.smooth-skin .features-left-column{grid-area:left}.smooth-skin .product-image-container{grid-area:image;margin:30px 0}.smooth-skin .features-right-column{grid-area:right}}@media screen and (max-width:786px){.smooth-skin .feature-box{padding:15px;max-width:320px;width:100%;margin:0 auto 16px}.smooth-skin .feature-heading{font-size:18px}.smooth-skin .product-image-container{display:none}.smooth-skin .feature-text{font-size:14px}.product-features-container{margin:0}}@media screen and (max-width:1024px){.smooth-skin .product-features-title{font-size:40px;margin-bottom:30px;text-align:center}.product-features-container{padding:20px 24px}.smooth-skin{margin:20px auto}}@media screen and (min-width:991px){.smooth-skin .feature-box{min-width:350px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-custom-smoother-skin.css.map */