/* Existing SFNT layout. Typography/buttons use storefront classes by default;
   custom mode exclusively uses native Theme Editor classes. No global selectors. */
sc-promotion-carousel{display:block;position:relative;z-index:0;width:100%;max-width:1280px;margin-inline:auto;--sc-gutter:0px;--sc-pad-top:24px;--sc-pad-bottom:48px;background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,#3d87a3 6px,#3d87a3 8px)}
.sc-promotion-carousel--site{max-width:var(--default-content-width,90rem)}
.sc-promotion-carousel--full{max-width:none}
.sc-promotion-carousel[hidden],.sc-promotion-carousel [hidden]{display:none!important}
.sc-promotion-carousel__frame{padding:var(--sc-pad-top) var(--sc-gutter) var(--sc-pad-bottom)}
.sc-promotion-carousel__inner{min-width:0;margin-inline:auto}
.sc-promotion-carousel__inner--narrow{max-width:900px}
.sc-promotion-carousel__card{border-left:1px solid rgba(255,255,255,.5);padding:0 2rem;opacity:.5;min-width:0;text-align:left;overflow-wrap:anywhere}
.sc-promotion-carousel .sc-promotion-carousel__card.is-visible{opacity:1}
:where(.sc-promotion-carousel__heading){margin:0 0 .75rem}
:where(.sc-promotion-carousel__subheading){margin:0}
:where(.sc-promotion-carousel__text){margin:0 0 .75rem;min-height:1rem}
.sc-promotion-carousel .sc-promotion-carousel__cta{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sc-promotion-carousel[data-custom-styles="0"] .c-button:hover{background-color:#c26ba5;border-color:#fff;color:#fff;outline:none}
.sc-promotion-carousel .splide__pagination :not(button.splide__pagination__page.is-active){background-color:transparent}
.sc-promotion-carousel .splide__pagination__page.is-active{border:0}
.sc-promotion-carousel :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Retain a readable, horizontally scrollable server fallback if JS fails. */
.sc-promotion-carousel:not(.is-initialized){visibility:visible}
.sc-promotion-carousel:not(.is-initialized) .splide__track{overflow-x:auto}
.sc-promotion-carousel:not(.is-initialized) .sc-promotion-carousel__card{flex:0 0 50%;opacity:1}
.sc-promotion-carousel[data-visible-count="1"]:not(.is-initialized) .sc-promotion-carousel__card{flex-basis:100%}
@media(min-width:1600px){.sc-promotion-carousel__card{padding-right:0}}
@media(max-width:767px){.sc-promotion-carousel__frame{padding-bottom:min(var(--sc-pad-bottom),24px)}}
@media(max-width:640px){.sc-promotion-carousel:not(.is-initialized) .sc-promotion-carousel__card{flex-basis:100%}}

/* Preserve SFNT's existing defaults even when the SFNT-only stylesheet is absent. */
.sc-promotion-carousel[data-custom-styles="0"] .x-sfnt-promotion--item-heading{font-size:2.5rem;letter-spacing:-.01em;line-height:1.1;margin-bottom:.75rem;text-transform:capitalize}
.sc-promotion-carousel[data-custom-styles="0"] .x-sfnt-promotion--item-button{padding:.3rem .9rem}
@media(max-width:767px){.sc-promotion-carousel[data-custom-styles="0"] .x-sfnt-promotion--item-heading{font-size:2rem}}

/* Match the legacy storefront breakout only when Full width is selected.
   99vw preserves its small outer gutter without horizontal page overflow. */
@media(min-width:960px){.sc-promotion-carousel--full{width:99vw;max-width:none;margin-left:calc(50% - 49.5vw);margin-right:calc(50% - 49.5vw)}}