/* RoyalStone CMS Pro 11.10.19.30 — Material Detail Direct Catalog UX
 * Scope: marble, granite, quartzite, onyx, travertine and acrylic detail pages.
 * Quartz agglomerate and porcelain already use brand selectors and are untouched.
 * /materialy/ global hub is untouched.
 */

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-filter-head,
body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-tabs,
body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-grid {
  display: none !important;
}

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-filter {
  padding-top: clamp(32px, 3.5vw, 46px) !important;
  padding-bottom: clamp(50px, 5.5vw, 78px) !important;
}

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-collection {
  margin-top: 0 !important;
}

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-collection-head {
  margin-bottom: 22px !important;
}

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-collection-head h3 {
  font-size: clamp(30px, 3.15vw, 48px) !important;
  letter-spacing: -0.025em;
  line-height: 1.03;
}

body.rs-uvs-v10140:is(
  .rs-uvs-route-mramor,
  .rs-uvs-route-granit,
  .rs-uvs-route-kvartsit,
  .rs-uvs-route-oniks,
  .rs-uvs-route-travertin,
  .rs-uvs-route-acrylic
) .rs-ml-collection-head p {
  max-width: 470px;
  line-height: 1.55;
}

@media (max-width: 720px) {
  body.rs-uvs-v10140:is(
    .rs-uvs-route-mramor,
    .rs-uvs-route-granit,
    .rs-uvs-route-kvartsit,
    .rs-uvs-route-oniks,
    .rs-uvs-route-travertin,
    .rs-uvs-route-acrylic
  ) .rs-ml-filter {
    padding-top: 28px !important;
    padding-bottom: 52px !important;
  }

  body.rs-uvs-v10140:is(
    .rs-uvs-route-mramor,
    .rs-uvs-route-granit,
    .rs-uvs-route-kvartsit,
    .rs-uvs-route-oniks,
    .rs-uvs-route-travertin,
    .rs-uvs-route-acrylic
  ) .rs-ml-collection-head h3 {
    font-size: clamp(28px, 8.5vw, 38px) !important;
  }
}
