/* Category cards only; load after accessories-visual-revision.css.
   Homepage titles are h3 without .title. Reset the older catalog inset so
   the heading, description and price share the same left edge. */
main .av-category-grid a.av-category.dp-accessory-card .av-category-copy>:is(:is(h3,h2:where(.production-h3)),.title) {
  margin:0 0 9px; padding:0; min-width:0;
  color:#303b43; font-family:inherit; font-size:22px; font-weight:600;
  letter-spacing:-.025em; line-height:1.25; text-align:left;
  overflow-wrap:break-word;
}
@media (max-width:1099px) {
  main .av-category-grid a.av-category.dp-accessory-card .av-category-copy>:is(:is(h3,h2:where(.production-h3)),.title) {
    font-size:20px;
  }
}
/* Two category columns need vertical cards until each card can hold an image
   beside a readable text column. The existing two-column grid is retained. */
@media (max-width:959px) {
  main .av-category-grid a.av-category.dp-accessory-card {
    display:flex; flex-direction:column; align-items:stretch;
    padding:16px; gap:17px;
  }
  main .av-category-grid a.av-category.dp-accessory-card .dp-accessory-media {
    width:100%; aspect-ratio:1.45; max-height:clamp(130px,17vw,150px); margin:0;
  }
  main .av-category-grid a.av-category.dp-accessory-card .av-category-copy {
    display:flex; flex-direction:column; flex:1; min-width:0;
  }
  main .av-category-grid a.av-category.dp-accessory-card .av-category-copy>:is(:is(h3,h2:where(.production-h3)),.title) {
    margin-bottom:8px; font-size:17px; line-height:1.3;
  }
  main .av-category-grid a.av-category.dp-accessory-card .av-category-desc {
    margin-bottom:12px; font-size:13px; line-height:1.4;
  }
  main .av-category-grid a.av-category.dp-accessory-card .price {
    margin-top:auto; font-size:16px;
  }
  main .av-category-grid a.av-category.dp-accessory-card .av-category-link {
    margin-top:10px; font-size:12px; gap:6px;
  }
}
@media (max-width:359px) {
  main .av-category-grid a.av-category.dp-accessory-card { padding:12px; }
  main .av-category-grid a.av-category.dp-accessory-card .av-category-copy>:is(:is(h3,h2:where(.production-h3)),.title) {
    font-size:16px;
  }
}