.carousel-group{min-width:0;scroll-margin-top:100px}
.carousel-tabs{display:flex;gap:6px;padding:0 28px 16px;overflow-x:auto;scrollbar-width:thin}
.carousel-tab{display:flex;align-items:center;justify-content:center;gap:9px;flex:1 0 auto;min-height:48px;border:1px solid #d7e4ef;border-radius:9px;padding:10px 15px;background:#f5f9fc;color:#395773;font-size:14px;text-decoration:none;white-space:nowrap}
.carousel-tab span{font-size:12px;opacity:.65}
.carousel-tab[aria-current=true]{background:#173b5c;border-color:#173b5c;color:white}
.carousel-track{display:flex;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-slide{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.carousel-picture{aspect-ratio:16/9;background:#edf5fc;display:flex;align-items:center;justify-content:center}
.carousel-picture img{width:100%;height:100%;object-fit:contain;display:block}
.carousel-slide figcaption{padding:15px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid #e4edf4}
.carousel-slide figcaption>span{font-size:15px;color:#304e68;font-weight:600}
.carousel-slide figcaption small{font-size:12px;font-weight:400;margin-left:12px;color:#6c8192}
.carousel-slide .image-actions{margin:0}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:17px 24px;background:#f8fbfd}
.carousel-controls p{margin:0;display:flex;align-items:center;gap:20px;font-size:14px;color:#6a8090}
.carousel-controls strong{font-size:15px;color:#153a58;min-width:36px;font-variant-numeric:tabular-nums}
.carousel-arrow{border:1px solid #c9dbe9;border-radius:50%;width:46px;min-width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:white;color:#173b5c;font-size:22px;cursor:pointer}
.carousel-arrow:hover{background:#e4f0f9}
.carousel-tab:focus-visible,.carousel-arrow:focus-visible,.carousel-track:focus-visible{outline:3px solid #5d9dd1;outline-offset:-3px}
.listing-shell .five-points p,.listing-shell .description p,.listing-shell .brand-philosophy p{font-size:16px}
.listing-shell nav a,.listing-shell .tool-button{font-size:14px;min-height:44px}
.listing-shell .eyebrow,.listing-shell .mini-label,.listing-shell .thumb span,.listing-shell .unit-bottom{font-size:12px}
.listing-shell .thumb b{font-size:14px}
.listing-shell .thumb{min-width:64px}
.review-tools .tool-button,.review-tools .tool-link{font-size:14px;min-height:44px}
@container listing (max-width:760px){
 .carousel-tabs{padding:0 12px 12px;gap:5px}
 .carousel-tab{font-size:14px;min-height:46px;padding:9px 11px;gap:6px}
 .carousel-tab span{font-size:12px}
 .carousel-slide figcaption{padding:12px 15px;gap:10px}
 .carousel-slide figcaption>span{font-size:14px}
 .carousel-slide .image-actions{gap:6px}
 .carousel-slide .tool-button{font-size:13px;min-height:44px;padding:8px 10px}
 .carousel-controls{gap:16px;padding:13px 16px}
 .carousel-controls p{display:block;text-align:center;font-size:12px;line-height:1.6}
 .carousel-controls p span{display:block}
 .carousel-controls strong{font-size:15px}
 .listing-shell .five-points strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}