/* Main-banner component only. No legacy slider or artwork recoloring. */
body.mc-shop-ui .mc27-banners{--mc27-board:#f2f4f7;--mc27-ink:#182336;--mc27-ink-2:#566175;--mc27-red:#b5122e;--mc27-line:#dfe3ea;position:relative;min-width:0;color:var(--mc27-ink)}
html[data-mc-shop-theme="dark"] body.mc-shop-ui .mc27-banners{--mc27-board:#0c111a;--mc27-ink:#e9edf3;--mc27-ink-2:#a9b3c3;--mc27-line:#334155}
body.mc-shop-ui .mc27-banners [hidden]{display:none!important}
body.mc-shop-ui .mc27-banner-track{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:12px}
body.mc-shop-ui .mc27-banner-track::-webkit-scrollbar{display:none}
body.mc-shop-ui .mc27-banner-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
body.mc-shop-ui .mc27-bn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;height:auto;min-height:320px;border-radius:12px;overflow:hidden;background:var(--mc27-board)!important;color:var(--mc27-ink)!important;text-decoration:none!important}
body.mc-shop-ui .mc27-bn-txt{padding:16px 0 16px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
body.mc-shop-ui .mc27-bn-kind{font-size:14px;font-weight:600;color:var(--mc27-ink-2)!important;line-height:1.6}
body.mc-shop-ui .mc27-bn h2{margin:8px 0 10px;font-size:34px;font-weight:800;line-height:1.25;letter-spacing:-.035em;color:var(--mc27-ink)!important;text-wrap:balance}
body.mc-shop-ui .mc27-bn p{margin:0;font-size:16px;font-weight:400;line-height:1.6;color:var(--mc27-ink-2)!important;max-width:25em;word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
body.mc-shop-ui .mc27-bn small{display:block;margin-top:8px;font-size:13px;font-weight:400;line-height:1.6;color:var(--mc27-ink-2)!important}
body.mc-shop-ui .mc27-bn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:22px;padding:10px 18px;border-radius:8px;background:#182336;color:#fff!important;font-size:14px;font-weight:600;line-height:1.4}
body.mc-shop-ui .mc27-bn-img{position:relative;min-width:0;overflow:hidden}
body.mc-shop-ui .mc27-bn-img img{position:absolute;display:block;filter:none;opacity:1}
body.mc-shop-ui .mc27-bn.mc27-bn--cut .mc27-bn-img img{right:40px;bottom:0;max-width:calc(100% - 40px);max-height:90%;width:auto;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 14px 22px rgba(24,35,54,.18))}
body.mc-shop-ui .mc27-bn.mc27-bn--cut.mc27-bn--wide .mc27-bn-img img{max-width:calc(100% - 56px);right:28px}
body.mc-shop-ui .mc27-bn.mc27-bn--cut.mc27-bn--float .mc27-bn-img img{bottom:50%;transform:translateY(50%);max-height:78%}
body.mc-shop-ui .mc27-bn.mc27-bn--photo .mc27-bn-img img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
body.mc-shop-ui .mc27-bn.mc27-bn--photo.mc27-bn--fade .mc27-bn-img:before{content:"";position:absolute;left:0;top:0;width:22%;height:100%;z-index:1;background:linear-gradient(90deg,var(--mc27-board),transparent);pointer-events:none}
body.mc-shop-ui .mc27-bn.mc27-bn--event{background:var(--mc27-red)!important;color:#fff!important}
html[data-mc-shop-theme="dark"] body.mc-shop-ui .mc27-banners a.mc27-bn:not(.mc27-bn--event){color:var(--mc27-ink)!important}
body.mc-shop-ui .mc27-bn.mc27-bn--event h2{color:#fff!important}
body.mc-shop-ui .mc27-bn.mc27-bn--event .mc27-bn-kind,body.mc-shop-ui .mc27-bn.mc27-bn--event p,body.mc-shop-ui .mc27-bn.mc27-bn--event small{color:rgba(255,255,255,.86)!important}
body.mc-shop-ui .mc27-bn.mc27-bn--event .mc27-bn-cta{background:#fff;color:#8f0d23!important}
html[data-mc-shop-theme="dark"] body.mc-shop-ui .mc27-bn:not(.mc27-bn--event) .mc27-bn-cta{background:#e9edf3;color:#182336!important}
body.mc-shop-ui .mc27-banner-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:6px}
body.mc-shop-ui .mc27-banner-controls button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--mc27-ink)!important;font-size:22px;cursor:pointer}
body.mc-shop-ui .mc27-banner-dots{display:flex;align-items:center}
body.mc-shop-ui .mc27-banner-dots button span{display:block;width:8px;height:8px;border:1px solid var(--mc27-ink-2);border-radius:50%;background:transparent}
body.mc-shop-ui .mc27-banner-dots button[aria-current="true"] span{background:var(--mc27-ink);border-color:var(--mc27-ink)}
body.mc-shop-ui .mc27-banners :focus-visible{outline:3px solid var(--mc27-ink);outline-offset:-4px}
body.mc-shop-ui .mc27-bn.mc27-bn--event:focus-visible{outline-color:#fff}
body.mc-shop-ui .mc27-banner-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){
body.mc-shop-ui .mc27-bn{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 180px;min-height:0;height:var(--mc27-banner-mobile-height,auto)}
body.mc-shop-ui .mc27-bn-txt{padding:24px 20px 16px}
body.mc-shop-ui .mc27-bn h2{font-size:24px}
body.mc-shop-ui .mc27-bn p{font-size:14px}
body.mc-shop-ui .mc27-bn-cta{margin-top:16px}
body.mc-shop-ui .mc27-bn.mc27-bn--cut .mc27-bn-img img,body.mc-shop-ui .mc27-bn.mc27-bn--cut.mc27-bn--wide .mc27-bn-img img{right:50%;transform:translateX(50%);max-width:92%;max-height:100%;object-position:center bottom}
body.mc-shop-ui .mc27-bn.mc27-bn--cut.mc27-bn--float .mc27-bn-img img{bottom:12px;transform:translateX(50%);max-height:88%}
body.mc-shop-ui .mc27-bn.mc27-bn--photo.mc27-bn--fade .mc27-bn-img:before{display:none}
body.mc-shop-ui .mc27-banner-controls{gap:0;flex-wrap:nowrap}
body.mc-shop-ui .mc27-banner-dots button{min-width:32px;width:32px;min-height:44px}
}