/* Rio-only visual refresh. Functional routes and Merlot interaction handlers stay unchanged. */
body:not(.backoffice){--rio-ink:#042f28;--rio-deep:#003d32;--rio-green:#087657;--rio-aqua:#1ed798;--rio-blue:#278fd5;--rio-sun:#ffdc32}
body:not(.backoffice) .hdr-logo-bc{width:clamp(190px,17vw,264px)!important;min-width:190px!important}
body:not(.backoffice) .hdr-logo-bc img{display:block!important;width:100%!important;height:48px!important;object-fit:contain!important;object-position:left center!important}

/* Campaign copy remains embedded in each generated bitmap. */
body:not(.backoffice) .merlot-hero{aspect-ratio:128/45!important;border:1px solid #4be8b14a!important;border-radius:20px!important;background:var(--rio-deep)!important;box-shadow:0 24px 54px #001f1940!important}
body:not(.backoffice) .merlot-hero #hero-image{object-fit:cover!important;object-position:center!important}
body:not(.backoffice) .merlot-hero .hero-controls{right:18px!important;bottom:16px!important;padding:4px 7px!important;border:1px solid #ffffff2e!important;border-radius:22px!important;background:#003d32c9!important;backdrop-filter:blur(8px)}
body:not(.backoffice) .merlot-hero .hero-controls button{width:36px!important;height:36px!important;color:#fff!important}
body:not(.backoffice) .merlot-hero .hero-controls span{min-width:50px!important;color:#fff!important;font-weight:800!important;text-align:center!important}

/* Category shortcuts: readable 4x2 visual cards instead of eight cramped slivers. */
body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:22px auto 34px!important;overflow:visible!important}
body:not(.backoffice) .merlot-product{min-width:0!important;min-height:142px!important;padding:18px!important;align-items:flex-end!important;border:1px solid #6af0bd5c!important;border-radius:20px!important;background-position:center 42%!important;box-shadow:0 16px 32px #001d1728!important}
body:not(.backoffice) .merlot-product:before{background:linear-gradient(180deg,#001f1900 8%,#001f1942 44%,#001f19ed 100%)!important}
body:not(.backoffice) .merlot-product:after{content:"";position:absolute;inset:9px;border:1px solid #ffffff1d;border-radius:13px;pointer-events:none;z-index:1}
body:not(.backoffice) .merlot-product-copy{gap:5px!important;padding-right:32px!important}
body:not(.backoffice) .merlot-product-copy strong{font-size:14px!important;line-height:1.18!important;letter-spacing:.2px!important;color:#fff!important}
body:not(.backoffice) .merlot-product-copy small{display:block!important;font-size:10px!important;line-height:1.25!important;color:#d7fff0!important}
body:not(.backoffice) .merlot-product-arrow{right:18px!important;bottom:18px!important;display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:50%!important;background:var(--rio-sun)!important;color:var(--rio-ink)!important;font-size:15px!important}

/* Two wide tournament rows keep art and copy balanced at desktop widths. */
body:not(.backoffice) .tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body:not(.backoffice) .tournament-card{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr)!important;min-height:246px!important;border:1px solid #41dda65c!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 38px #003d321f!important}
body:not(.backoffice) .tournament-art{height:100%!important;min-height:246px!important;aspect-ratio:auto!important;background:#005941!important}
body:not(.backoffice) .tournament-art>img{height:100%!important;object-position:center!important}
body:not(.backoffice) .tournament-body{padding:22px!important;background:linear-gradient(150deg,#087657,#003d32)!important}
body:not(.backoffice) .tournament-body h3{min-height:0!important;margin:0 0 18px!important;font-size:20px!important;line-height:1.12!important;color:#fff!important}
body:not(.backoffice) .tournament-body .muted{font-size:11px!important;text-transform:uppercase;letter-spacing:1.3px;color:#c9f7e5!important}
body:not(.backoffice) .tournament-body>strong{margin:6px 0 20px!important;font-size:25px!important;color:#62f0ba!important}
body:not(.backoffice) .tournament-body>div{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
body:not(.backoffice) .tournament-body :is(.btn-primary,.btn-outline){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important;border-radius:12px!important;font-size:11px!important}

/* Hot/cold shelf: larger covers, full titles and a compact informative rhythm. */
body:not(.backoffice) .daily-slots{margin-top:8px!important;padding:20px!important;border:1px solid #42dca64a!important;border-radius:24px!important;background:linear-gradient(145deg,#064f3d,#032d26)!important;box-shadow:0 18px 36px #003d3226!important}
body:not(.backoffice) .daily-slot-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
body:not(.backoffice) .daily-slot-inner{gap:14px!important;padding:20px!important;border:1px solid #ffffff1e!important;border-radius:18px!important;background:#ffffff0d!important}
body:not(.backoffice) .daily-slots .daily-slot-inner h3{font-size:19px!important;line-height:1.2!important;letter-spacing:.2px!important;color:#f4fff9!important;text-shadow:0 2px 8px #001f19!important}
body:not(.backoffice) .daily-slot-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body:not(.backoffice) .daily-slot-card{min-height:92px!important;padding:10px!important;gap:11px!important;border:1px solid #ffffff16!important;border-radius:13px!important;background:#ffffff12!important}
body:not(.backoffice) .daily-slot-card img{width:72px!important;height:72px!important;border-radius:10px!important;box-shadow:0 8px 18px #001b164d!important}
body:not(.backoffice) .daily-slots .daily-slot-card .daily-slot-name{white-space:normal!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px!important;line-height:1.25!important;color:#fff!important;text-shadow:0 1px 5px #001f19!important}
body:not(.backoffice) .daily-slots .daily-slot-card .daily-slot-rtp{font-size:10px!important;color:#8fffd1!important;opacity:1!important}
body:not(.backoffice) .daily-slots .cold .daily-slot-card .daily-slot-rtp{color:#a9edff!important}
body:not(.backoffice) .daily-slot-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0a7d5b;color:#fff!important;font-size:16px!important}

@media(max-width:1100px){
 body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:not(.backoffice) .tournament-card{grid-template-columns:1fr!important}.tournament-art{min-height:210px!important}
 body:not(.backoffice) .daily-slot-list{grid-template-columns:1fr!important}
}
@media(max-width:768px){
 body:not(.backoffice) .hdr-logo-bc{width:158px!important;min-width:158px!important}body:not(.backoffice) .hdr-logo-bc img{height:38px!important}
 body:not(.backoffice) .hero-slider.merlot-hero{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:6/7!important;border-radius:16px!important}
 body:not(.backoffice) .merlot-hero .hero-controls{right:10px!important;bottom:10px!important}body:not(.backoffice) .merlot-hero .hero-controls button{width:34px!important;height:34px!important}
 body:not(.backoffice) .product-banner-container-bc:has(.merlot-product){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:14px auto 24px!important}
 body:not(.backoffice) .merlot-product{min-height:116px!important;padding:12px!important;border-radius:15px!important}body:not(.backoffice) .merlot-product-copy{padding-right:24px!important}body:not(.backoffice) .merlot-product-copy strong{font-size:11px!important}body:not(.backoffice) .merlot-product-copy small{font-size:8px!important}body:not(.backoffice) .merlot-product-arrow{right:11px!important;bottom:11px!important;width:24px!important;height:24px!important}
 body:not(.backoffice) .tournament-grid{display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;overflow:visible!important;gap:14px!important}
 body:not(.backoffice) .tournament-card{grid-template-columns:minmax(0,1.06fr) minmax(140px,.94fr)!important;min-height:198px!important}body:not(.backoffice) .tournament-art{min-height:198px!important}body:not(.backoffice) .tournament-body{padding:15px!important}body:not(.backoffice) .tournament-body h3{margin-bottom:10px!important;font-size:15px!important}body:not(.backoffice) .tournament-body>strong{margin:4px 0 10px!important;font-size:18px!important}body:not(.backoffice) .tournament-body :is(.btn-primary,.btn-outline){width:100%!important;min-height:40px!important;padding:7px!important;font-size:9px!important}
 body:not(.backoffice) .daily-slots{padding:12px!important;border-radius:18px!important}body:not(.backoffice) .daily-slot-columns{grid-template-columns:1fr!important;gap:16px!important}body:not(.backoffice) .daily-slot-inner{padding:14px!important}body:not(.backoffice) .daily-slot-list{grid-template-columns:1fr!important}body:not(.backoffice) .daily-slot-card{min-height:76px!important}body:not(.backoffice) .daily-slot-card img{width:58px!important;height:58px!important}body:not(.backoffice) .daily-slot-name{font-size:12px!important}
}
@media(max-width:420px){body:not(.backoffice) .tournament-card{grid-template-columns:1fr!important}body:not(.backoffice) .tournament-art{min-height:184px!important}body:not(.backoffice) .tournament-body>div{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(prefers-reduced-motion:reduce){body:not(.backoffice) .merlot-product{transition:none!important}}