:root{
  --fil-nav-height:74px;
  --fil-horizontal-green:#087a43;
  --fil-horizontal-dark:#075332;
  --fil-horizontal-red:#c92f3a;
  --fil-horizontal-ink:#17251e;
  --fil-horizontal-muted:#65736b;
  --fil-horizontal-line:#dbe8e0;
}

body[data-home-theme="tricolore"][data-horizontal-ready="true"]{
  width:100%;
  height:100vh;
  overflow:hidden!important;
  background:#f5f9f6;
}

body[data-horizontal-ready="true"] .navbar{
  position:fixed!important;
  inset:0 0 auto 0;
  z-index:3000;
}

.home-horizontal-stage{
  position:fixed;
  z-index:1;
  top:var(--fil-nav-height);
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  background:#f5f9f6;
}

.home-horizontal-stage::-webkit-scrollbar{display:none}

.home-horizontal-panel{
  position:relative!important;
  flex:0 0 100vw!important;
  width:100vw!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  -webkit-overflow-scrolling:touch;
}

.home-horizontal-panel.home-hero{
  display:block!important;
  padding:26px 28px 24px!important;
  background:
    radial-gradient(circle at 7% 14%,rgba(8,122,67,.09),transparent 25%),
    radial-gradient(circle at 94% 22%,rgba(201,47,58,.07),transparent 22%),
    linear-gradient(180deg,#fff 0%,#f4f9f6 100%)!important;
}

.home-horizontal-panel.home-hero::before,
.home-horizontal-panel.home-hero::after{display:none!important}

body[data-horizontal-ready="true"] .home-hero-shell{
  width:min(1180px,100%)!important;
  min-height:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr)!important;
  grid-template-areas:
    "copy visual"
    "events events"!important;
  align-items:center!important;
  gap:22px 34px!important;
  padding:28px!important;
  border:1px solid var(--fil-horizontal-line)!important;
  border-radius:26px!important;
  background:linear-gradient(118deg,#fff 0%,#fff 58%,#eef7f2 100%)!important;
  box-shadow:0 22px 58px rgba(23,37,30,.09)!important;
}

body[data-horizontal-ready="true"] .home-hero-copy{
  grid-area:copy;
  width:auto!important;
  max-width:520px!important;
  text-align:left!important;
}

body[data-horizontal-ready="true"] .home-hero-eyebrow{
  margin-bottom:14px!important;
  font-size:.72rem!important;
}

body[data-horizontal-ready="true"] .home-hero-title{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  column-gap:.22em!important;
  row-gap:0!important;
  width:100%!important;
  margin:0!important;
  font-size:clamp(2.25rem,3.55vw,3.45rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

body[data-horizontal-ready="true"] .home-hero-title span,
body[data-horizontal-ready="true"] .home-hero-title strong{
  display:block!important;
  min-width:0;
  white-space:nowrap;
}

body[data-horizontal-ready="true"] #homeHeroLine1{grid-column:1;grid-row:1}
body[data-horizontal-ready="true"] #homeHeroLine2{grid-column:2;grid-row:1}
body[data-horizontal-ready="true"] #homeHeroLine3{grid-column:1;grid-row:2}
body[data-horizontal-ready="true"] #homeHeroLine4{grid-column:2;grid-row:2}

body[data-horizontal-ready="true"] .home-hero-copy>p{
  max-width:500px!important;
  margin:17px 0 0!important;
  font-size:.94rem!important;
  line-height:1.58!important;
}

body[data-horizontal-ready="true"] .home-hero-actions{margin-top:20px!important}
body[data-horizontal-ready="true"] .home-hero-note{margin-top:16px!important}

body[data-horizontal-ready="true"] .home-hero-visual{
  grid-area:visual;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
}

body[data-horizontal-ready="true"] .home-player-frame{
  width:100%!important;
  height:338px!important;
  min-height:338px!important;
  border-radius:22px!important;
}

body[data-horizontal-ready="true"] .home-player-frame>img{
  width:100%!important;
  height:338px!important;
  min-height:338px!important;
  object-position:center 18%!important;
}

body[data-horizontal-ready="true"] .home-event-rail{
  grid-area:events;
  width:100%!important;
  min-height:0!important;
  align-self:auto!important;
  padding:13px!important;
  border-radius:18px!important;
}

body[data-horizontal-ready="true"] .home-event-rail-head{
  margin-bottom:10px!important;
  padding-bottom:9px!important;
}

body[data-horizontal-ready="true"] .home-hero-event-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}

body[data-horizontal-ready="true"] .home-hero-event{
  min-height:64px!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  padding:8px!important;
}

body[data-horizontal-ready="true"] .home-value-strip{
  width:min(1180px,100%)!important;
  margin:14px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border-radius:18px!important;
}

body[data-horizontal-ready="true"] .home-value-item{
  min-height:90px!important;
  padding:15px 16px!important;
}

body[data-horizontal-ready="true"] .home-value-item p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.home-horizontal-panel:not(.home-hero){
  display:block!important;
  padding:44px max(5vw,28px) 58px!important;
  background:#fff!important;
}

.home-horizontal-panel:nth-of-type(even):not(.home-hero){
  background:linear-gradient(180deg,#f2f8f4,#fff)!important;
}

body[data-horizontal-ready="true"] .home-horizontal-panel>h2{
  width:auto!important;
  max-width:1180px!important;
  margin:0 auto 12px!important;
  padding:0!important;
  color:var(--fil-horizontal-ink)!important;
  font-size:clamp(2rem,3.4vw,3.2rem)!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
}

body[data-horizontal-ready="true"] .home-horizontal-panel>h2::before,
body[data-horizontal-ready="true"] .home-horizontal-panel>h2::after{display:none!important}

body[data-horizontal-ready="true"] .home-horizontal-panel>.section-subtitle{
  max-width:1180px!important;
  margin:0 auto 24px!important;
  text-align:left!important;
}

body[data-horizontal-ready="true"] .home-horizontal-panel>.players-button-row{
  width:min(1180px,100%)!important;
  margin:0 auto 18px!important;
  justify-content:flex-start!important;
}

body[data-horizontal-ready="true"] .about-grid,
body[data-horizontal-ready="true"] .players-grid,
body[data-horizontal-ready="true"] .gallery-grid,
body[data-horizontal-ready="true"] .staff-grid,
body[data-horizontal-ready="true"] .news-grid,
body[data-horizontal-ready="true"] .events-grid,
body[data-horizontal-ready="true"] .social-grid,
body[data-horizontal-ready="true"] .contact-form{
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body[data-horizontal-ready="true"] .players-grid,
body[data-horizontal-ready="true"] .staff-grid,
body[data-horizontal-ready="true"] .news-grid,
body[data-horizontal-ready="true"] .events-grid{
  grid-template-columns:repeat(4,minmax(210px,1fr))!important;
  gap:18px!important;
}

body[data-horizontal-ready="true"] .gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

body[data-horizontal-ready="true"] .gallery-grid img{
  width:100%!important;
  height:min(52vh,390px)!important;
  object-fit:cover!important;
  border-radius:18px!important;
}

body[data-horizontal-ready="true"] .join-section,
body[data-horizontal-ready="true"] .social-section,
body[data-horizontal-ready="true"] .contact-section{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

body[data-horizontal-ready="true"] footer{
  width:min(1180px,100%);
  margin:34px auto 0!important;
  border-radius:18px 18px 0 0;
}

.home-horizontal-controls{
  position:fixed;
  z-index:3200;
  right:24px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px;
  border:1px solid rgba(207,225,214,.96);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(23,37,30,.13);
  backdrop-filter:blur(14px);
}

.home-horizontal-control-button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  color:#fff;
  background:var(--fil-horizontal-dark);
  font-size:1.1rem;
  font-weight:900;
  cursor:pointer;
}

.home-horizontal-control-button:disabled{opacity:.32;cursor:default}

.home-horizontal-counter{
  min-width:122px;
  padding:0 10px;
  color:var(--fil-horizontal-ink);
  text-align:center;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}

body[data-horizontal-ready="true"] .nav-links a.is-horizontal-active{
  color:var(--fil-horizontal-green)!important;
}

body[data-horizontal-ready="true"] .nav-links a.is-horizontal-active::after{
  transform:scaleX(1)!important;
}

@media(max-width:980px){
  body[data-horizontal-ready="true"] .home-hero-shell{
    grid-template-columns:1fr 1fr!important;
    padding:22px!important;
    gap:18px!important;
  }
  body[data-horizontal-ready="true"] .home-hero-title{font-size:clamp(2rem,4.7vw,3rem)!important}
  body[data-horizontal-ready="true"] .home-player-frame,
  body[data-horizontal-ready="true"] .home-player-frame>img{height:310px!important;min-height:310px!important}
  body[data-horizontal-ready="true"] .home-hero-event-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-horizontal-ready="true"] .home-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-horizontal-ready="true"] .players-grid,
  body[data-horizontal-ready="true"] .staff-grid,
  body[data-horizontal-ready="true"] .news-grid,
  body[data-horizontal-ready="true"] .events-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
}

@media(max-width:680px){
  :root{--fil-nav-height:70px}
  .home-horizontal-panel.home-hero{padding:14px 12px 64px!important}
  body[data-horizontal-ready="true"] .home-hero-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual" "events"!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  body[data-horizontal-ready="true"] .home-hero-copy{text-align:left!important}
  body[data-horizontal-ready="true"] .home-hero-title{
    grid-template-columns:max-content minmax(0,1fr)!important;
    font-size:clamp(1.85rem,8.7vw,2.75rem)!important;
  }
  body[data-horizontal-ready="true"] .home-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body[data-horizontal-ready="true"] .home-hero-button{width:100%!important;padding:10px 8px!important;font-size:.7rem!important}
  body[data-horizontal-ready="true"] .home-player-frame,
  body[data-horizontal-ready="true"] .home-player-frame>img{height:280px!important;min-height:280px!important}
  body[data-horizontal-ready="true"] .home-hero-event-list{grid-template-columns:1fr!important}
  body[data-horizontal-ready="true"] .home-value-strip{grid-template-columns:1fr 1fr!important;margin-bottom:54px!important}
  body[data-horizontal-ready="true"] .home-value-item{min-height:82px!important;padding:12px!important}
  body[data-horizontal-ready="true"] .home-value-item p{display:none}
  .home-horizontal-panel:not(.home-hero){padding:34px 18px 82px!important}
  body[data-horizontal-ready="true"] .players-grid,
  body[data-horizontal-ready="true"] .staff-grid,
  body[data-horizontal-ready="true"] .news-grid,
  body[data-horizontal-ready="true"] .events-grid,
  body[data-horizontal-ready="true"] .gallery-grid{grid-template-columns:1fr!important}
  .home-horizontal-controls{right:50%;bottom:12px;transform:translateX(50%)}
  .home-horizontal-counter{min-width:105px}
}

body.fil-vertical-home[data-home-theme="tricolore"][data-horizontal-ready="true"]{
  height:auto!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

body.fil-vertical-home[data-horizontal-ready="true"] .home-horizontal-stage{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding-top:var(--fil-nav-height)!important;
  overflow:visible!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}

body.fil-vertical-home[data-horizontal-ready="true"] .home-horizontal-panel{
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:calc(100vh - var(--fil-nav-height,74px))!important;
  overflow:visible!important;
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}

body.fil-vertical-home[data-horizontal-ready="true"] .home-horizontal-controls,
body.fil-vertical-home[data-horizontal-ready="true"] .home-nav-page-controls{
  display:none!important;
}
