:root{--primary-color: #0040FF;--background-color: #f8f9fa;--card-background: #ffffff;--text-color: #000;--spacing-unit: 1rem}.active_instruction h1{padding-top:20px}.active_instruction h2{padding-bottom:20px}.container{max-width:1200px;margin:0 auto;padding:calc(var(--spacing-unit) * 2)}.section{margin:0!important}.active_instruction{margin:0 auto;padding-top:0!important;padding-bottom:0!important}.container.container--p-0{max-width:1200px;margin:0 auto;padding:0!important}header{text-align:left;margin-bottom:calc(var(--spacing-unit) * 3)}.home-carousel__bg{object-fit:contain}.active_instruction h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-unit);text-transform:capitalize;color:#000;line-height:normal;margin-bottom:0}.instruction-card h3{text-transform:capitalize;line-height:normal}.instruction-card *{color:#000;line-height:normal}.active_instruction h2{font-size:2rem;font-weight:700;text-transform:capitalize;color:#000;line-height:normal;margin-bottom:0}.highlight{color:var(--primary-color)}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2);margin-bottom:25px}.instruction-card{background-color:var(--card-background);padding:calc(var(--spacing-unit) * 2);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease-in-out}.instruction-card:hover{transform:translateY(-5px)}.instruction-card .icon{width:48px;height:48px;margin-bottom:var(--spacing-unit);padding:12px;background-color:#f0f2ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.instruction-card .icon-image{width:24px;height:24px;object-fit:contain}.instruction-card h3{font-size:1.25rem;margin-bottom:var(--spacing-unit);color:var(--text-color)}@media (max-width: 768px){.active_instruction h1{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-unit);text-transform:capitalize;color:#000;line-height:normal;margin-bottom:0}.instruction-card h3{text-transform:capitalize;line-height:normal}.instruction-card *{color:#000;line-height:normal}.active_instruction h2{font-size:1.8rem;font-weight:700;text-transform:capitalize;color:#000;line-height:normal;margin-bottom:0}.container{padding:var(--spacing-unit)}h1{font-size:2rem}h2{font-size:1.5rem}.instructions-grid{grid-template-columns:1fr;gap:var(--spacing-unit)}.instruction-card{padding:var(--spacing-unit)}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.25rem}.active_instruction .icon{width:36px;height:36px;padding:8px}.active_instruction .icon-image{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/hair-instructions.css.map */