.md-public-banner{max-width:1400px;width:calc(100% - 56px);margin:36px auto}.md-public-carousel{position:relative;overflow:hidden;border-radius:12px;background:#f4f5f1}.md-public-slide[hidden]{display:none!important}.md-public-slide>a{display:block;position:relative}.md-public-slide img,.md-public-slide video{display:block;width:100%;height:auto;max-height:580px;object-fit:var(--md-banner-fit,contain)}.md-public-caption{position:absolute;top:50%;transform:translateY(-50%);left:7%;max-width:70%;text-shadow:0 1px 8px #ffffff66}.md-public-caption strong{font-size:clamp(22px,3vw,48px);line-height:1.3;font-weight:700}.md-public-caption p{font-size:clamp(13px,1.3vw,19px);line-height:1.7;margin:14px 0}.md-public-caption span{display:inline-flex;padding:10px 18px;border:1px solid currentColor;border-radius:4px;font-size:14px}.md-caption-center{left:15%;right:15%;max-width:none;text-align:center}.md-caption-right{right:7%;left:auto;text-align:right}.md-banner-mobile{display:none!important}.md-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1400px;width:calc(100% - 56px);margin:36px auto}.md-campaign-grid:empty{display:none}.md-campaign-grid>.md-public-banner{width:100%;margin:0}.md-campaign-grid .md-public-slide img{max-height:350px}.md-campaign-grid .md-public-caption strong{font-size:clamp(18px,2vw,30px)}.md-campaign-grid .md-public-caption p{font-size:14px}.md-wide .md-public-slide img{max-height:300px}.md-public-banner .wm-carousel-controls{position:absolute;bottom:15px;right:15px;background:#ffffffdf;border-radius:30px;padding:5px 9px}.md-public-banner .wm-carousel-controls button{color:#20352b}.md-top .md-public-slide img{max-height:160px}#wrapper:not(.wm-theme-skin4):not(.wm-theme-skin5):not(.wm-theme-skin6) :is(.md-public-banner,.md-campaign-grid){max-width:1280px}@media(prefers-reduced-motion:no-preference){.md-animation-fade{animation:md-fade .7s ease}.md-animation-up{animation:md-up .7s ease}.md-animation-left{animation:md-left .7s ease}.md-animation-right{animation:md-right .7s ease}@keyframes md-fade{from{opacity:0}to{opacity:1}}@keyframes md-up{from{opacity:0;margin-top:22px}to{opacity:1;margin-top:0}}@keyframes md-left{from{opacity:0;margin-left:-22px}to{opacity:1;margin-left:0}}@keyframes md-right{from{opacity:0;margin-right:-22px}to{opacity:1;margin-right:0}}}@media(max-width:760px){.md-banner-mobile{display:block!important}.md-banner-desktop{display:none!important}.md-public-banner,.md-campaign-grid{width:calc(100% - 32px);margin:24px auto}.md-campaign-grid{grid-template-columns:1fr;gap:16px}.md-public-slide img,.md-public-slide video{max-height:600px}.md-public-caption{max-width:85%;left:7%;right:auto}.md-caption-center{left:7%;right:7%;max-width:none}.md-caption-right{left:auto;right:7%}.md-public-caption strong{font-size:24px}.md-public-caption p{font-size:13px;margin:10px 0}.md-public-caption span{font-size:12px;padding:7px 12px}}

@media(min-width:761px){.md-mobile-only-position{display:none!important}}

.md-skin-preview-bar{background:#233e33;color:white;display:flex;justify-content:center;gap:24px;padding:10px 16px;font-size:12px;line-height:1.6}.md-skin-preview-bar a{color:white;text-decoration:underline;white-space:nowrap}@media(max-width:760px){.md-skin-preview-bar{display:block;text-align:center}.md-skin-preview-bar a{display:block}}

/* Main campaigns A/B/C/D: compact row above category best. */
#wm-main-campaigns{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start;margin:22px auto}#wm-main-campaigns .md-public-carousel{aspect-ratio:7/4;border-radius:10px}#wm-main-campaigns .md-public-slide,#wm-main-campaigns .md-public-slide>a{height:100%}#wm-main-campaigns .md-public-slide img,#wm-main-campaigns .md-public-slide video{height:100%;max-height:none;object-fit:var(--md-banner-fit,contain)}#wm-main-campaigns .md-public-caption strong{font-size:clamp(14px,1.5vw,22px)}#wm-main-campaigns .md-public-caption p{font-size:12px;line-height:1.5;margin:8px 0}#wm-main-campaigns .md-public-caption span{font-size:11px;padding:5px 9px}#wm-main-campaigns .wm-carousel-controls{bottom:7px;right:7px;font-size:10px;padding:2px 5px;gap:4px}#wm-main-campaigns .wm-carousel-controls button{width:23px;height:23px}@media(max-width:760px){#wm-main-campaigns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px auto}#wm-main-campaigns .md-public-caption strong{font-size:14px}#wm-main-campaigns .md-public-caption p{font-size:11px}#wm-main-campaigns .md-public-caption span{font-size:10px;padding:4px 7px}}

/* Keep the existing overall span, with equal space above and below the images. */
#wm-main-campaigns{margin-top:0;margin-bottom:0;padding-top:43.5px;padding-bottom:43.5px}
#wm-main-campaigns + .wm-section{margin-top:0}
@media(max-width:760px){#wm-main-campaigns{padding-top:28px;padding-bottom:28px}}

/* Skins 2/5 show the entire main slide, with no product collage or side copy. */
.wm-image-hero{width:calc(100% - 56px);max-width:1280px;margin:28px auto 24px}
#wrapper.wm-theme-skin5 .wm-image-hero{max-width:1400px}
.wm-image-hero:empty{display:none}.wm-image-hero .md-public-banner{width:100%;max-width:none;margin:0}
.wm-image-hero .md-public-carousel{background:transparent;border-radius:6px}
.wm-image-hero .md-public-slide>a{display:flex;align-items:center;justify-content:center}
.wm-image-hero .md-public-slide img,.wm-image-hero .md-public-slide video{width:100%;height:auto;min-height:0;max-height:520px;object-fit:contain}
@media(max-width:760px){.wm-image-hero{width:calc(100% - 32px);margin:16px auto 20px}.wm-image-hero .md-public-slide img,.wm-image-hero .md-public-slide video{max-height:560px}}

/* Background follows each slide; image size and links stay independent. */
.md-public-banner.md-has-bg .md-public-carousel{background-color:var(--md-carousel-bg)}
.md-public-slide>a,.md-public-slide img,.md-public-slide video{background-color:var(--md-banner-bg,transparent)}
#wrapper:not(.wm-theme-skin3):not(.wm-theme-skin6) .md-public-banner[data-banner-position="0"].md-has-bg{background-color:var(--md-carousel-bg);box-shadow:0 0 0 100vmax var(--md-carousel-bg);clip-path:inset(0 -100vmax)}
#wrapper:not(.wm-theme-skin3):not(.wm-theme-skin6) .md-public-banner[data-banner-position="0"].md-has-bg .md-public-carousel{border-radius:0}
