/* MiniMarvels carousel v2 – 2026-09-08. Scoped to homepage carousel. */
body.in-index #carousel{background:#f5f1e9}
body.in-index #carousel .carousel-inner{min-height:0!important}
body.in-index #carousel .item>a{display:block;position:relative;overflow:hidden;background:#f5f1e9}
body.in-index #carousel .item img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:cover}
body.in-index #carousel .extended-banner-texts{position:absolute!important;left:55%!important;right:7%!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;white-space:normal!important;text-align:left!important;color:#262722}
body.in-index #carousel .extended-banner-title{display:block!important;background:none!important;border-radius:0!important;padding:0!important;margin:0!important;color:#262722!important;font-family:'Source Serif 4',Georgia,serif!important;font-size:clamp(30px,3.2vw,56px)!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.025em;text-shadow:none!important;max-width:100%!important;white-space:normal!important}
body.in-index #carousel .extended-banner-text{display:block!important;background:none!important;border-radius:0!important;padding:0!important;margin:18px 0 24px!important;color:#44473f!important;font-size:clamp(14px,1.25vw,19px)!important;font-weight:400!important;line-height:1.5!important;max-width:34em!important;text-shadow:none!important}
body.in-index #carousel .extended-banner-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:12px 24px!important;border:1px solid #303a31!important;border-radius:3px!important;background:#303a31!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;margin:0!important;text-transform:none!important}
body.in-index #carousel a:hover .extended-banner-link{background:#202c24!important}
body.in-index #carousel a:focus-visible{outline:3px solid #303a31;outline-offset:-4px}
body.in-index #carousel .carousel-control{width:38px!important;height:38px!important;min-height:0!important;max-height:38px!important;top:50%!important;transform:translateY(-50%);border-radius:50%;box-shadow:none!important;background:rgba(255,255,255,.88)!important}
body.in-index #carousel .carousel-control.left{left:16px!important}body.in-index #carousel .carousel-control.right{right:16px!important}
body.in-index #carousel .carousel-indicators{bottom:12px!important}
body.in-index #carousel .carousel-indicators li{width:22px!important;height:3px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;margin:0 4px!important;opacity:.65}
body.in-index #carousel .carousel-indicators li.active{background:#303a31!important;opacity:1}
@media(max-width:767px){
body.in-index #carousel .item>a{height:auto}
body.in-index #carousel .item img{height:62.5vw!important;max-height:none!important;aspect-ratio:8/5!important;object-fit:cover!important;object-position:0% 50%!important}
body.in-index #carousel .extended-banner-texts{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;padding:23px 25px 35px!important;min-height:280px!important;box-sizing:border-box;width:100%!important;margin:0!important;display:block!important}
body.in-index #carousel .extended-banner-title{font-size:30px!important;line-height:1.08!important}
body.in-index #carousel .extended-banner-text{font-size:14px!important;margin:12px 0 17px!important;line-height:1.45!important}
body.in-index #carousel .extended-banner-link{min-height:44px;font-size:13px!important;padding:10px 20px!important}
body.in-index #carousel .carousel-control{top:31.25vw!important;width:32px!important;height:32px!important;max-height:32px!important}
body.in-index #carousel .carousel-control.left{left:10px!important}body.in-index #carousel .carousel-control.right{right:10px!important}
body.in-index #carousel .carousel-indicators{bottom:10px!important}
}
@media(prefers-reduced-motion:reduce){body.in-index #carousel *{transition:none!important;animation:none!important}}

body.in-index #carousel .carousel-control::before{left:0!important;right:auto!important;top:0!important;margin:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center;justify-content:center;background:none!important;box-shadow:none!important;padding:0!important;font-size:18px!important;transform:none!important}
@media(max-width:767px){body.in-index #carousel .carousel-indicators li{background:#303a31!important;opacity:.3}body.in-index #carousel .carousel-indicators li.active{opacity:1}}
@media(max-width:359px){body.in-index #carousel .extended-banner-texts{min-height:340px!important}}