.quality-title{
  background:linear-gradient(90deg,#fff 0%,#fff8fb 100%);
  border-bottom:1px solid #f0edf1;
  padding:58px 0 55px;
}
.quality-breadcrumb{
  color:var(--pink);font-size:12px;font-weight:800;margin-bottom:23px;
}
.quality-title h1{
  font-family:Manrope,Inter,sans-serif;font-size:45px;line-height:1.1;
  letter-spacing:-1.4px;margin:0 0 18px;color:var(--text);
}
.quality-title p{margin:0;color:var(--muted);font-size:14px}
.quality-content{padding:72px 0 82px}
.quality-grid{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.82fr);
  gap:72px;align-items:start;
}
.quality-image{
  height:300px;border-radius:12px;overflow:hidden;background:#f6f6f6;
  box-shadow:0 10px 30px rgba(16,32,58,.07);margin-bottom:26px;
}
.quality-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.quality-main blockquote{
  margin:0 0 27px;padding:2px 0 2px 20px;border-left:4px solid var(--pink);
  font-family:Manrope,Inter,sans-serif;font-size:25px;line-height:1.35;
  font-weight:800;color:var(--text);
}
.quality-main p{
  font-size:13.5px;line-height:1.75;color:#3f4c61;margin:0 0 18px;
}
.quality-focus{
  border:1px solid #e5e8ee;border-radius:13px;padding:27px 25px 17px;
  box-shadow:0 6px 20px rgba(16,32,58,.025);background:#fff;
}
.quality-focus h2{font-size:17px;margin:0 0 18px}
.quality-focus ul{list-style:none;margin:0;padding:0}
.quality-focus li{
  position:relative;padding:14px 0 14px 23px;border-bottom:1px solid #e9ecf1;
  color:var(--muted);font-size:13px;
}
.quality-focus li:last-child{border-bottom:0}
.quality-focus li:before{
  content:"→";position:absolute;left:0;color:var(--pink);font-weight:700;
}
@media(max-width:780px){
  .quality-title{padding:45px 0}
  .quality-title h1{font-size:38px}
  .quality-content{padding:52px 0 62px}
  .quality-grid{grid-template-columns:1fr;gap:35px}
  .quality-image{height:280px}
}
@media(max-width:520px){
  .quality-title h1{font-size:34px}
  .quality-image{height:220px}
  .quality-main blockquote{font-size:21px}
}