.hair-transformation{background:#17361f;padding:90px 0}.hair-transformation .page-width{max-width:1400px;margin:auto;padding:0 30px}.hair-transformation__wrapper{display:grid;grid-template-columns:420px 1fr;gap:60px;align-items:center}.hair-content{color:#fff}.hair-content h2{font-family:Cormorant Garamond,serif;font-size:52px;font-weight:500;line-height:1.15;margin:0;color:#fff}.divider{width:80px;height:2px;background:#cbb58d;margin:25px 0}.hair-content p{font-size:18px;color:#d7d7d7;margin-bottom:30px}.hair-content ul{list-style:none;padding:0;margin:0 0 40px}.hair-content li{display:flex;align-items:center;gap:15px;margin-bottom:18px;font-size:17px;color:#fff}.check-icon{width:28px;height:28px;border-radius:50%;background:#fff;color:#17361f;display:flex;justify-content:center;align-items:center;font-weight:700;flex-shrink:0}.hair-btn{display:inline-block;padding:16px 38px;background:#fff;color:#17361f;text-decoration:none;font-weight:600;border-radius:4px;transition:.3s}.hair-btn:hover{background:#e9dfcf}.hair-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border-radius:8px;overflow:hidden}.hair-card{background:#fff;border-right:1px solid #e7e7e7;transition:.35s}.hair-card:last-child{border-right:none}.hair-card img{width:100%;height:420px;object-fit:cover;display:block}.hair-card-content{text-align:center;padding:22px 15px}.hair-card-content h4{margin:0;font-size:28px;font-weight:700;color:#17361f}.hair-card-content p{margin-top:8px;color:#666;font-size:15px}.hair-card:hover{transform:translateY(-6px)}@media(max-width:991px){.hair-transformation__wrapper{grid-template-columns:1fr}.hair-gallery{margin-top:40px}.hair-content h2{font-size:42px}}@media(max-width:767px){.hair-transformation{padding:60px 0}.hair-transformation .page-width{padding:0 20px}.hair-gallery{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;background:transparent;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.hair-gallery::-webkit-scrollbar{display:none}.hair-card{flex:0 0 85%;max-width:85%;border:none;border-radius:8px;overflow:hidden;scroll-snap-align:start;background:#fff}.hair-card img{aspect-ratio:3 / 4;object-fit:cover;object-position:center;width:100%;height:auto}.hair-content h2{font-size:34px}.hair-content p{font-size:16px}.hair-content li{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hair-transformation.css.map */