@layer components {
  .repair-price-panel .repair-panel-heading {
    display:grid;
    grid-template-columns:160px minmax(0,1fr) auto;
    align-items:center;
    gap:20px;
  }
  .repair-category-art {
    display:block;
    width:160px;
    height:120px;
    max-width:100%;
    object-fit:contain;
    border:1px solid #e6ff0033;
    border-radius:12px;
    background:#0b0d0e;
  }
  .repair-panel-heading>div { min-width:0; }
  .repair-panel-heading .eyebrow { font-size:11px; letter-spacing:.14em; }
  .repair-panel-heading h3 { overflow-wrap:normal; }
  .page-hero:has(+.prose)+.prose { scroll-margin-top:96px; }
  @media(max-width:767px) {
    .repair-price-panel .repair-panel-heading { grid-template-columns:100px minmax(0,1fr); gap:8px 14px; padding:16px; }
    .repair-category-art { grid-row:1/3; width:100px; height:90px; border-radius:8px; }
    .repair-panel-heading .repair-service-count { grid-column:2; justify-self:start; font-size:10px; }
    .repair-panel-heading h3 { font-size:20px!important; line-height:1.2; }
    .repair-panel-heading .eyebrow { font-size:10px; letter-spacing:.09em; }
  }
  @media(max-width:360px) {
    .repair-price-panel .repair-panel-heading { grid-template-columns:80px minmax(0,1fr); gap:8px 12px; padding:12px; }
    .repair-category-art { width:80px; height:80px; }
    .repair-panel-heading h3 { font-size:18px!important; }
  }
}