/*  fdbarfety PPR-375565 - 2 per row on small screens - 6 per row from tablet up */
.index [data-name="empty-first-1"] > .ddc-content {flex: 0 0 50%; max-width: 50%; box-sizing: border-box;}
@media (min-width: 768px) {.index [data-name="empty-first-1"] > .ddc-content {flex: 0 0 calc(100% / 6); max-width: calc(100% / 6);}}
.index [data-name="empty-first-1"] p.model-name {font-size: 18px;}
@media (min-width: 768px) and (max-width: 1199px) {.index [data-name="empty-first-1"] p.model-name {font-size: clamp(12px, 0.8vw + 6px, 16px);}}

/* Composer Flatten the CMS wrapper divs */
.ddc-composer [data-name="empty-first-1"] .ddc-span12,
.ddc-composer [data-name="empty-first-1"] .unit-terminus,
.ddc-composer [data-name="empty-first-1"] .pref {display: contents;}
.ddc-composer [data-name="empty-first-1"] .ddc-content {flex: 0 0 50%; max-width: 50%; box-sizing: border-box;}
@media (min-width: 768px) {.ddc-composer [data-name="empty-first-1"] .ddc-content {flex: 0 0 calc(100% / 6); max-width: calc(100% / 6);}}

/* fdbarfety PPR-375565 */
.page-header.responsive-centered-nav .header-navigation .header-default img {padding-left: 30px;}

/* fdbarfety PPR-375565 - cta-4-across gradient is baked into the zooming .cta-background layer */
[data-name="cta-4-across"] .ws-content-cta .cta-content {position: relative; z-index: 1;}
[data-name="cta-4-across"] .ws-content-cta .cta-content::before {content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.85) 100%);}
[data-name="cta-4-across"] .ws-content-cta .cta-content > * {position: relative; z-index: 1;}