/* Ramki Cards: limit the Special Moments text to its own left-side area.
   Scoped to this banner; product cards and every other banner are untouched. */
@media (min-width: 900px) {
  html body main.rc-new > section.rc-edge-banner.rc-banner-special > .rc-edge-banner__content {
    width: 43% !important;
    max-width: 590px !important;
    margin-left: 6vw !important;
    margin-right: auto !important;
    padding: 32px 0 !important;
    text-align: left !important;
    flex: 0 0 auto !important;
  }
  html body main.rc-new > section.rc-edge-banner.rc-banner-special .rc-edge-banner__content h2 {
    max-width: 100% !important;
    font-size: clamp(36px, 3.45vw, 54px) !important;
    line-height: 1.14 !important;
  }
  html body main.rc-new > section.rc-edge-banner.rc-banner-special .rc-edge-banner__content p {
    max-width: 100% !important;
    font-size: clamp(17px, 1.35vw, 20px) !important;
  }
  html body main.rc-new > section.rc-edge-banner.rc-banner-special::before {
    background: linear-gradient(90deg, rgba(30,17,17,.83) 0%, rgba(30,17,17,.72) 37%, rgba(30,17,17,.08) 70%, transparent 100%) !important;
  }
}
@media (min-width: 900px) and (max-width: 1120px) {
  html body main.rc-new > section.rc-edge-banner.rc-banner-special > .rc-edge-banner__content {
    width: 46% !important;
    margin-left: 4vw !important;
  }
  html body main.rc-new > section.rc-edge-banner.rc-banner-special .rc-edge-banner__content h2 {
    font-size: clamp(34px, 3.35vw, 42px) !important;
  }
}