/* ============================================
   quality.css — Hair Quality
   ============================================ */

.quality{background: var(--ivory);}
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top: clamp(30px, 2.60vw, 50px);}
.quality-card{background:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.quality-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1);width: 100%;object-fit: cover;aspect-ratio: 9 / 10;}
.quality-copy{padding:48px 35px}
.quality-copy p{font-size: clamp(12px, 0.78vw, 15px);margin-top: 10px;}

@media(min-width:992px){
.quality-card:hover img{transform:scale(1.04)}
}

@media(max-width:991px){
  .quality-grid{gap: 10px;}
  .quality-card{grid-template-columns:1fr;}
  .quality-copy {padding: 30px;}
}

@media(max-width:576px){
  .quality-copy {padding: 20px 15px;}
}