/* YeTabi slider — original hero height, 5 category thumbnails inside existing canvas */
.yt-home-content .hero-carousel,.yt-home-content .yt-hero-download-row>.hero-carousel {height:360px!important;min-height:0!important;max-height:360px!important;position:relative;overflow:hidden}
.yt-home-content .hero-slide {background-size:cover;background-position:center center}
.yt-home-content .hero-slide .slide-overlay {padding:28px 48px 0!important;max-width:min(660px,80%);position:relative;z-index:2}
.yt-home-content .slide-overlay h1 {font-size:clamp(24px,3vw,40px);margin:9px 0;line-height:1.12}
.yt-home-content .slide-overlay p {font-size:14px;line-height:1.35;margin:7px 0}
.yt-home-content .slide-cta {margin-top:9px;padding:10px 15px;display:inline-flex;align-items:center;min-height:40px;white-space:normal;text-align:center}
.yt-home-content .yt-slider-category-links {position:absolute;z-index:5;left:5%;right:5%;bottom:30px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.yt-home-content .yt-slider-category-card {position:relative;display:flex;align-items:end;min-width:0;height:74px;overflow:hidden;padding:9px;border-radius:11px;border:1px solid #ffffff91;background:#123;color:white;text-decoration:none}
.yt-home-content .yt-slider-category-card img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}
.yt-home-content .yt-slider-category-card:after {content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#000a)}
.yt-home-content .yt-slider-category-card strong,.yt-home-content .yt-slider-category-card span {position:relative;z-index:1;font-size:clamp(11px,1.2vw,16px);text-shadow:0 1px 4px #000}
.yt-home-content .yt-slider-category-card span {margin-left:auto}
.yt-home-content .yt-slider-category-card:hover,.yt-home-content .yt-slider-category-card:focus-visible {border-color:#ff5b20}
.yt-home-content .slide-dots {bottom:8px!important;z-index:6}
.yt-home-content .slide-arrow {z-index:6;touch-action:manipulation}
@media(max-width:700px) {
 .yt-home-content .hero-carousel,.yt-home-content .yt-hero-download-row>.hero-carousel {height:250px!important;min-height:0!important;max-height:250px!important}
 .yt-home-content .hero-slide .slide-overlay {padding:17px 37px 0!important;max-width:100%}
 .yt-home-content .slide-overlay h1 {font-size:clamp(19px,5.3vw,27px);margin:5px 0}
 .yt-home-content .slide-overlay p {font-size:11px;margin:4px 0}
 .yt-home-content .slide-cta {font-size:11px;padding:7px 11px;min-height:31px;margin-top:4px}
 .yt-home-content .yt-slider-category-links {left:9px;right:9px;bottom:27px;gap:6px;display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
 .yt-home-content .yt-slider-category-card {flex:0 0 95px;height:51px;padding:5px;scroll-snap-align:start}
 .yt-home-content .yt-slider-category-card strong,.yt-home-content .yt-slider-category-card span {font-size:10px}
 .yt-home-content .slide-dots {bottom:6px!important}
 .yt-home-content .slide-arrow {width:27px;height:30px;font-size:21px}
}

/* Active category thumbnail follows the actual slide, including autoplay and arrow/dot navigation. */
.yt-home-content .yt-slider-category-card.is-active {border:2px solid #ff5a1f!important;box-shadow:0 0 0 1px #ff5a1f,0 0 13px 3px rgba(255,85,25,.82),0 0 23px rgba(255,85,25,.42)!important;transform:translateY(-1px);z-index:7;}
.yt-home-content .yt-slider-category-card.is-active img {filter:brightness(.96) saturate(1.13)!important;}
.yt-home-content .yt-slider-category-card {transition:border-color .25s,box-shadow .25s,transform .25s;}
@media(prefers-reduced-motion:reduce){.yt-home-content .yt-slider-category-card{transition:none}}


/* FIX 2026-10-23: Reduce double green overlays; preserve readable white copy. */
.yt-home-content .hero-slide {
  background-image:linear-gradient(90deg,rgba(0,30,22,.53) 0%,rgba(0,32,23,.23) 39%,rgba(0,0,0,0) 73%),var(--slide-bg)!important;
}
.yt-home-content .hero-slide::before {
  background:linear-gradient(90deg,rgba(0,29,22,.24) 0%,rgba(0,29,22,.07) 38%,transparent 68%)!important;
}
@media(max-width:700px){
 .yt-home-content .hero-slide {
   background-image:linear-gradient(90deg,rgba(0,29,22,.60) 0%,rgba(0,29,22,.25) 57%,transparent 100%),var(--slide-bg)!important;
 }
 .yt-home-content .hero-slide::before {
   background:linear-gradient(90deg,rgba(0,29,22,.18),transparent 80%)!important;
 }
}