.home-sticky{
  position: sticky;
  top: 1rem;
}

.home-scroll{
  display:flex;
  gap: 14px;
  overflow:auto;
  padding-bottom: 10px;
  scroll-snap-type: x mandatory;
  align-items: stretch;
}
.home-scroll > .fixture-card{ scroll-snap-align: start; }

/* Grid layout (Popular matches / Predictions) */
.home-grid{
  display: grid;
  gap: 14px;
  /* 1 column on mobile by default */
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

/* Popular/Prediction cards (keep sizing scoped to home only) */
.home-grid .fixture-card{
  width: 100%;
  min-width: 0;
}
.home-grid .fixture-card .card-body{
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media (max-width: 575.98px){
  .home-grid{ gap: 10px; }
}

/* 2 columns for larger phones / tablets */
@media (min-width: 576px){
  .home-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* 3 columns only when there's real space (keep desktop capped; avoid 4+) */
@media (min-width: 992px){
  .home-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.mini-logo{
  width:18px;
  height:18px;
  object-fit:contain;
}

.team-link{
  color: rgba(234,240,255,.92);
  text-decoration:none;
  font-weight: 700;
}
.team-link:hover{ text-decoration:underline; }

.score-pill{
  display:inline-flex;
  align-items:center;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(148,163,184,.18);
  color: rgba(234,240,255,.96);
  font-weight: 900;
  min-width: 86px;
  justify-content:center;
}

.live-card{ border-radius: 14px; }

.home-mover-row .min-w-0{ min-width: 0; }
.home-mover-row{ text-decoration: none; }
.home-mover-row:hover{ background: rgba(255,255,255,.04); }

.home-odds-box{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 14px;
  padding: 10px;
  min-width: 180px;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}
.odds-box--mini{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}
.odds-box--mini .home-odds-item{
  font-size: 12px;
  padding: 7px 6px;
}
.odds-box--mini .odds-meta{
  opacity: .85;
}
.odds-drop{
  border-color: rgba(244,63,94,.45) !important;
  box-shadow: 0 0 0 .25rem rgba(244,63,94,.12) !important;
}
.home-odds-labels{
  display:flex;
  justify-content:space-between;
  width:100%;
  color: rgba(234,240,255,.60);
  font-size: 12px;
  padding: 0 4px;
}
.home-odds-values{
  display:flex;
  gap:6px;
  margin-top:6px;
}
.home-odds-item{
  flex:1;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(148,163,184,.18);
  padding: 8px 6px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  color: rgba(234,240,255,.92);
  transition: transform .08s ease, background .15s ease, border-color .15s ease;
}
.home-odds-item:hover{
  background: rgba(255,255,255,.10);
  transform: translateY(-1px);
  cursor:pointer;
}

.home-quick-tips{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}
.home-quick-tips__kicker{
  letter-spacing: .08em;
  opacity:.85;
}
.home-quick-tips__list{ opacity:.92; }

/* Hero carousel (admin-managed slider) */
.hero-carousel{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(2,6,23,.20);
  box-shadow: 0 18px 50px rgba(0,0,0,.30);
}
.hero-carousel__img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.hero-carousel__link{
  display:block;
  color: inherit;
  text-decoration:none;
  position: relative;
}
.hero-carousel__caption{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
}
.hero-carousel__title{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(10,15,28,.65);
  border: 1px solid rgba(148,163,184,.18);
  color: rgba(234,240,255,.96);
  font-weight: 800;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.hero-carousel .carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin: 0 4px;
  background-color: rgba(234,240,255,.45);
}
.hero-carousel .carousel-indicators .active{
  background-color: rgba(34,211,238,.85);
}
.hero-carousel .carousel-control-prev,
.hero-carousel .carousel-control-next{
  width: 18%;
}
.hero-carousel .carousel-control-prev-icon,
.hero-carousel .carousel-control-next-icon{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55));
}

.home-bookmaker-btn{
  min-width: 220px;
  text-align: left;
}

/* Daily Picks */
.fixture-card--pick .pick-meta{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(148,163,184,.14);
}
.pick-meta__row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.pick-pill{
  font-weight: 900;
  letter-spacing: .2px;
}
.pick-stars{
  display:inline-flex;
  gap: 2px;
  color: rgba(250,204,21,.92);
  text-shadow: 0 10px 24px rgba(250,204,21,.12);
  font-size: 12px;
}
.pick-meta__reason{
  margin-top: 8px;
  font-size: 13px;
  color: rgba(234,240,255,.82);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: .9; }
  100% { transform: scale(1); opacity: 1; }
}
.pulsing { animation: pulse 1.6s infinite; }

@keyframes blink {
  0% { background-color: rgba(255,255,255,.14); }
  50% { background-color: rgba(255,255,255,.04); }
  100% { background-color: rgba(255,255,255,.14); }
}
.blink-effect{
  animation: blink 1s ease-in-out 2;
  border-radius: 10px;
}

@media (max-width: 767.98px){
  .home-odds-box{ width: 100%; min-width: 0; }
  .home-sticky{ position: static !important; }
}