.ttc-banner-slider{--ttc-banner-width:min(720px,76vw);--ttc-banner-gap:28px;padding:48px 0 32px;background:#fff;overflow:hidden}
.ttc-banner-slider[hidden],.ttc-banner-slider [hidden]{display:none!important}
.ttc-banner-slider .ttc-banner-heading{text-align:center;margin:0 20px 28px}
.ttc-banner-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;outline-offset:-4px}
.ttc-banner-track{display:flex;align-items:center;gap:var(--ttc-banner-gap);width:max-content;list-style:none!important;margin:0!important;padding:10px max(16px,calc((100vw - var(--ttc-banner-width))/2)) 20px!important}
.ttc-banner-slide{flex:0 0 var(--ttc-banner-width);width:var(--ttc-banner-width);padding:0!important;margin:0!important;scroll-snap-align:center;list-style:none!important}
.ttc-banner-slide a{display:block;aspect-ratio:2/1;overflow:hidden;border-radius:14px;background:#edf3f1;box-shadow:0 5px 18px rgba(14,74,92,.1);transition:box-shadow .2s}
.ttc-banner-slide a:hover{box-shadow:0 7px 22px rgba(14,74,92,.2)}
.ttc-banner-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.ttc-banner-controls{display:flex;align-items:center;justify-content:center;gap:8px;max-width:900px;margin:8px auto 0;padding:0 16px}
.ttc-banner-controls button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #cad9d6;border-radius:50%;background:#fff;color:#0e4a5c;font:inherit;font-size:20px;cursor:pointer;line-height:1}
.ttc-banner-controls button:hover{background:#edf3f1}
.ttc-banner-dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-width:0;gap:0}
.ttc-banner-dots button{border:0;background:transparent}
.ttc-banner-dots button::before{content:"";width:10px;height:10px;border-radius:50%;background:#c5cdcb}
.ttc-banner-dots button[aria-current=true]::before{background:#0e4a5c;box-shadow:0 0 0 3px #e2ece8}
.ttc-banner-slider button:focus-visible,.ttc-banner-slide a:focus-visible,.ttc-banner-viewport:focus-visible{outline:3px solid #aa6900;outline-offset:3px}
.ttc-banner-slider .screen-reader-text{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:600px){.ttc-banner-slider{--ttc-banner-width:84vw;--ttc-banner-gap:14px;padding:32px 0 24px}.ttc-banner-slide a{border-radius:10px}.ttc-banner-controls{gap:0;padding:0 8px}.ttc-banner-controls button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.ttc-banner-slide a{transition:none}}