/* ================= RESET (scoped) ================= */
#fl-page .fl-hero *,#fl-page .fl-head *,#fl-page .fl-mob *,#fl-page .fl-search *{box-sizing:border-box;margin:0;padding:0}
#fl-page a:hover,#fl-page a:focus{text-decoration:none}
#fl-page .fl-nav,#fl-page .fl-nav ul,#fl-page .fl-mob ul{list-style:none;margin:0;padding:0}
#fl-page button{font-family:'Jost',sans-serif}
#fl-page svg{display:block}
#fl-page button:focus:not(:focus-visible){outline:0}

:root{--fl-accent:#f2135d;--fl-accent-h:#d80c4f;--fl-navy:#13268a;--fl-dark:#121316;--fl-bg:#5a9e9c}

/* ================= HEADER ================= */
#fl-page .fl-head{position:absolute;top:0;left:0;right:0;z-index:20;height:136px;display:flex;align-items:center;padding:0 76px;font-family:'Jost',sans-serif}
.fl-inner-head{position:relative;height:136px;background:var(--fl-dark)}
#fl-page .fl-logo{display:flex;align-items:center;color:#fff;font-size:40px;font-weight:500;letter-spacing:-1px;margin-right:106px;white-space:nowrap;text-decoration:none}
#fl-page .fl-logo img{height:52px;width:auto;display:block}

#fl-page .fl-nav{display:flex;gap:36px;flex:1}
.fl-nav > li{position:relative}
#fl-page .fl-nav > li > a{display:block;padding:14px 0;color:#fff;font-size:20px;position:relative;text-decoration:none}
.fl-nav > li > a::after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.fl-nav > li:hover > a::after,.fl-nav > li.current-menu-item > a::after,.fl-nav > li.current-menu-ancestor > a::after{transform:scaleX(1)}

#fl-page .fl-nav ul{position:absolute;top:100%;left:-30px;margin-top:22px;min-width:260px;background:var(--fl-dark);padding:20px 0;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:30}
.fl-nav ul::before{content:"";position:absolute;top:-24px;left:0;right:0;height:24px}
.fl-nav li:hover > ul{opacity:1!important;visibility:visible!important;transform:none!important}
.fl-nav ul li{position:relative}
#fl-page .fl-nav ul a{display:flex;align-items:center;padding:12px 28px;color:#b9bbc0;font-size:18px;white-space:nowrap;text-decoration:none;transition:color .25s,padding .25s}
#fl-page .fl-nav ul li:hover > a{color:#fff;padding-left:38px}
.fl-nav ul .menu-item-has-children > a::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;padding-left:0}
#fl-page .fl-nav ul .menu-item-has-children > a{padding-right:30px}
#fl-page .fl-nav ul ul{top:-20px;left:100%;margin-top:0;margin-left:6px}
.fl-nav ul ul::before{top:0;left:-8px;width:8px;height:100%;right:auto}

.fl-head__right{display:flex;align-items:center;gap:38px}
#fl-page .fl-icon-btn{position:relative;background:none;border:0;cursor:pointer;color:#fff;display:flex;padding:0;text-decoration:none}
.fl-icon-btn svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.6}
.fl-cart-count{position:absolute;right:-7px;bottom:-5px;width:16px;height:16px;border-radius:50%;background:var(--fl-accent);color:#fff;font-size:10px;line-height:16px;text-align:center}
#fl-page .fl-talk{display:inline-flex;align-items:center;height:54px;padding:0 46px;border-radius:30px;background:var(--fl-navy);color:#fff;font-size:19px;white-space:nowrap;text-decoration:none;transition:background .3s}
#fl-page .fl-talk:hover{background:var(--fl-accent)}
#fl-page .fl-burger{display:none}

/* search overlay */
.fl-search{position:fixed;inset:0;z-index:99998;background:rgba(18,19,22,.96);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.35s}
.fl-search.is-open{opacity:1;visibility:visible}
.fl-search form{width:90%;max-width:800px;display:flex;border-bottom:2px solid #fff}
#fl-page .fl-search input{flex:1;background:none;border:0;outline:0;color:#fff;font:400 34px 'Jost',sans-serif;padding:14px 0}
#fl-page .fl-search form button{background:none;border:0;cursor:pointer}
.fl-search form button svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.6}
#fl-page .fl-x{position:absolute;top:30px;right:40px;background:none;border:0;color:#fff;font-size:48px;cursor:pointer;line-height:1}

/* mobile menu */
.fl-mob{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85%;background:var(--fl-dark);z-index:99997;padding:90px 30px 30px;overflow-y:auto;transform:translateX(100%);transition:transform .4s ease;font-family:'Jost',sans-serif}
.fl-mob.is-open{transform:none}
#fl-page .fl-mob a{display:block;color:#fff;font-size:19px;padding:10px 0;text-decoration:none}
#fl-page .fl-mob ul ul{padding-left:16px;display:none}
#fl-page .fl-mob ul ul a{color:#b9bbc0;font-size:17px}
#fl-page .fl-mob li.is-open > ul{display:block}
.fl-mob .menu-item-has-children > a::after{content:" +";opacity:.6}
#fl-page .fl-mob .fl-x{top:20px;right:24px}
.fl-mob-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99996;opacity:0;visibility:hidden;transition:.3s}
.fl-mob-bg.is-open{opacity:1;visibility:visible}

/* ================= HERO SLIDER ================= */
.fl-hero{position:relative;width:100%;height:100vh;min-height:620px;overflow:hidden;font-family:'Jost',sans-serif;background:var(--fl-bg);color:#fff}
.admin-bar .fl-hero{height:calc(100vh - 32px)}
.fl-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease}
.fl-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}
.fl-hero__bg{position:absolute;inset:0;background-color:var(--fl-bg);background-size:cover;background-position:center top;transform:scale(1.08);transition:transform 7s ease-out}
.fl-hero__slide.is-active .fl-hero__bg{transform:scale(1)}
.fl-hero__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08)}
#fl-page .fl-hero__content{position:absolute;left:50%;top:50%;transform:translate(-50%,-38%);width:100%;max-width:1200px;padding:0 20px;text-align:center;z-index:2}
#fl-page .fl-hero__sub{display:block;font-size:18px;letter-spacing:3px;text-transform:uppercase;margin-bottom:22px;color:#fff}
#fl-page .fl-hero__title{font-family:'Jost',sans-serif;font-size:clamp(44px,7.4vw,124px);font-weight:500;line-height:1.02;letter-spacing:-.5px;color:#fff;margin-bottom:44px}
.fl-hero__actions{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
.fl-hero__sub,.fl-hero__title,.fl-hero__actions{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.fl-hero__slide.is-active .fl-hero__sub{opacity:1;transform:none;transition-delay:.3s}
.fl-hero__slide.is-active .fl-hero__title{opacity:1;transform:none;transition-delay:.5s}
.fl-hero__slide.is-active .fl-hero__actions{opacity:1;transform:none;transition-delay:.7s}
#fl-page .fl-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-width:228px;height:64px;padding:0 40px;border-radius:40px;background:var(--fl-accent);color:#fff;font-size:19px;text-decoration:none;transition:background .3s,transform .3s}
#fl-page .fl-hero__btn:hover{background:var(--fl-accent-h);transform:translateY(-2px)}
#fl-page .fl-hero__play{display:inline-flex;align-items:center;gap:22px;color:#fff;font-size:19px;background:none;border:0;cursor:pointer}
.fl-hero__play-ico{width:62px;height:62px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s}
.fl-hero__play-ico svg{width:14px;height:14px;fill:#fff;margin-left:3px;transition:fill .3s}
.fl-hero__play:hover .fl-hero__play-ico{background:#fff}
.fl-hero__play:hover .fl-hero__play-ico svg{fill:var(--fl-accent)}
#fl-page .fl-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:70px;height:115px;background:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}
.fl-hero__arrow svg{width:26px;height:26px;stroke:#111;stroke-width:2;fill:none;transition:stroke .3s}
.fl-hero__arrow--prev{left:0}
#fl-page .fl-hero__arrow--next{right:0}
#fl-page .fl-hero__arrow:hover{background:var(--fl-accent)}
.fl-hero__arrow:hover svg{stroke:#fff}
.fl-hero__dots{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);display:flex;gap:30px;z-index:5}
#fl-page .fl-hero__dot{width:12px;height:12px;border-radius:50%;background:#fff;border:0;cursor:pointer;padding:0;transition:background .3s}
#fl-page .fl-hero__dot.is-active{background:var(--fl-accent)}

.fl-side{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
#fl-page .fl-side a{width:70px;height:70px;background:var(--fl-accent);display:flex;align-items:center;justify-content:center;transition:background .3s,width .3s}
#fl-page .fl-side a:hover{background:var(--fl-accent-h);width:80px}
.fl-side svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.5}

#fl-page .fl-chat{position:absolute;left:28px;bottom:66px;z-index:6;display:flex;align-items:center;gap:14px;text-decoration:none}
.fl-chat__ico{width:64px;height:64px;border-radius:50%;background:#5fb846;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .3s}
.fl-chat__ico svg{width:26px;height:26px;fill:#fff}
.fl-chat:hover .fl-chat__ico{transform:scale(1.08)}
#fl-page .fl-chat__txt{background:#fff;color:#111;font-size:19px;padding:10px 18px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.12)}

.fl-hero__lb{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.fl-hero__lb.is-open{display:flex}
.fl-hero__lb-inner{position:relative;width:100%;max-width:1000px;aspect-ratio:16/9}
.fl-hero__lb iframe{width:100%;height:100%;border:0}
#fl-page .fl-hero__lb .fl-x{top:-54px;right:0}

/* ================= RESPONSIVE ================= */
@media (max-width:1279px){#fl-page .fl-head{padding:0 30px}#fl-page .fl-logo{margin-right:50px}#fl-page .fl-nav{gap:26px}}
@media (max-width:1024px){
  #fl-page .fl-nav,#fl-page .fl-talk{display:none}
  .fl-head,.fl-inner-head{height:100px}
  #fl-page .fl-head{justify-content:space-between}
  #fl-page .fl-logo{margin:0;font-size:30px}
  #fl-page .fl-logo img{height:40px}
  #fl-page .fl-burger{display:flex}
  #fl-page .fl-hero__arrow{width:50px;height:80px}
  #fl-page .fl-side a{width:54px;height:54px}
  .fl-side svg{width:24px;height:24px}
}
@media (max-width:782px){.admin-bar .fl-hero{height:calc(100vh - 46px)}}
@media (max-width:767px){
  .fl-hero{min-height:600px}
  .fl-head,.fl-inner-head{height:80px}
  #fl-page .fl-head{padding:0 18px}
  .fl-head__right{gap:22px}
  #fl-page .fl-hero__sub{font-size:13px;letter-spacing:2px;margin-bottom:16px}
  #fl-page .fl-hero__title{margin-bottom:30px}
  .fl-hero__actions{gap:22px;flex-direction:column}
  #fl-page .fl-hero__btn{min-width:190px;height:54px;font-size:17px}
  .fl-hero__play-ico{width:52px;height:52px}
  #fl-page .fl-hero__arrow{width:40px;height:64px}
  .fl-hero__dots{bottom:34px;gap:20px}
  .fl-side{display:none}
  #fl-page .fl-chat{left:16px;bottom:90px}
  #fl-page .fl-chat__txt{display:none}
  .fl-chat__ico{width:52px;height:52px}
}

/* ================= PAGE CONTENT (block editor / Elementor) ================= */
.mt-entry > *{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.mt-entry > .alignwide{max-width:1400px}
.mt-entry > .alignfull{max-width:none;padding-left:0;padding-right:0}
.mt-entry{padding:80px 0}
.mt-entry.is-front{padding:0}
.mt-entry .wp-block-button__link{background:var(--fl-accent);border-radius:40px;padding:18px 40px;font-size:18px}
.mt-page-title{max-width:1200px;margin:0 auto;padding:80px 20px 0}
.mt-page-title h1{font-size:clamp(34px,5vw,60px);font-weight:500;line-height:1.1;margin:0}


/* =========================================================
   FITLINE METRICS (measured on fitline.axiomthemes.com @1920px)
   ========================================================= */
:root{--fl-accent:#f80051;--fl-accent-h:#d6004a;--fl-navy:#072f83;--fl-dark:#171a21}
body{font-family:'Kumbh Sans',sans-serif;font-size:17px;line-height:1.65;color:#797c7f}
#fl-page .fl-head{height:115px;padding:0 65px}
.fl-inner-head{height:115px}
#fl-page .fl-logo{font-size:34px;margin-right:80px}
#fl-page .fl-logo img{height:41px}
#fl-page .fl-nav{gap:32px}
#fl-page .fl-nav > li > a{font-size:17px;font-weight:500;padding:16px 0}
.fl-nav > li > a::after{bottom:10px}
#fl-page .fl-nav ul{min-width:240px;padding:18px 0;margin-top:14px}
#fl-page .fl-nav ul a{font-size:16px;padding:10px 28px}
#fl-page .fl-nav ul li:hover > a{padding-left:36px}
.fl-head__right{gap:32px}
.fl-icon-btn svg{width:24px;height:24px}
#fl-page .fl-talk{height:47px;padding:0 40px;font-size:15px;font-weight:500}
#fl-page .fl-hero__sub{font-size:15px;letter-spacing:2px;font-weight:500;margin-bottom:18px}
#fl-page .fl-hero__title{font-size:clamp(42px,5.68vw,109px);line-height:1.07;font-weight:600;letter-spacing:-1px;margin-bottom:40px}
.fl-hero__actions{gap:30px}
#fl-page .fl-hero__btn{height:56px;min-width:0;padding:0 56px;font-size:15px;font-weight:500}
#fl-page .fl-hero__play{font-size:15px;font-weight:500;gap:18px}
.fl-hero__play-ico{width:56px;height:56px}
.fl-hero__play-ico svg{width:12px;height:12px}
/* slider arrows – no background, arrows only */
#fl-page .fl-hero__arrow,#fl-page .fl-hero__arrow--next{background:none;width:70px;height:70px;top:50%;bottom:auto;transform:translateY(-50%)}
#fl-page .fl-hero__arrow--prev{left:30px}
#fl-page .fl-hero__arrow--next{right:30px}
.fl-hero__arrow svg{width:34px;height:34px;stroke:#fff;stroke-width:1.6;transition:stroke .3s,transform .3s}
#fl-page .fl-hero__arrow:hover{background:none}
.fl-hero__arrow:hover svg{stroke:var(--fl-accent)}
.fl-hero__arrow--prev:hover svg{transform:translateX(-5px)}
.fl-hero__arrow--next:hover svg{transform:translateX(5px)}
.fl-hero__dots{bottom:50px;gap:22px}
#fl-page .fl-hero__dot{width:10px;height:10px}
@media (max-width:1279px){#fl-page .fl-head{padding:0 30px}#fl-page .fl-logo{margin-right:40px}#fl-page .fl-nav{gap:24px}}
@media (max-width:1024px){.fl-head,.fl-inner-head,#fl-page .fl-head{height:90px}#fl-page .fl-logo{margin:0}}
@media (max-width:767px){
  #fl-page .fl-head,.fl-inner-head{height:76px}
  #fl-page .fl-head{padding:0 18px}
  #fl-page .fl-hero__sub{font-size:12px}
  #fl-page .fl-hero__btn{height:50px;padding:0 40px}
  #fl-page .fl-hero__arrow,#fl-page .fl-hero__arrow--next{width:44px;height:44px}
  #fl-page .fl-hero__arrow--prev{left:6px}#fl-page .fl-hero__arrow--next{right:6px}
  .fl-hero__arrow svg{width:24px;height:24px}
  .fl-hero__dots{bottom:30px}
}

/* =========================================================
   STICKY HEADER (as Fitline: 79px dark bar slides in after the hero)
   ========================================================= */
#fl-page .fl-head.is-sticky{position:fixed;top:0;left:0;right:0;height:79px;background:var(--fl-dark);z-index:9990;animation:mtFixRow .3s ease both;box-shadow:0 6px 24px rgba(0,0,0,.08)}
#fl-page .fl-head.is-unsticking{animation:mtUnfixRow .3s ease both}
.admin-bar #fl-page .fl-head.is-sticky{top:32px}
@keyframes mtFixRow{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes mtUnfixRow{from{transform:translateY(0)}to{transform:translateY(-100%)}}
#fl-page .fl-head.is-sticky .fl-nav ul{margin-top:10px}
@media (max-width:1024px){#fl-page .fl-head.is-sticky{height:70px}}
@media (max-width:782px){.admin-bar #fl-page .fl-head.is-sticky{top:46px}}
@media (max-width:600px){.admin-bar #fl-page .fl-head.is-sticky{top:0}}
@media (max-width:767px){#fl-page .fl-head.is-sticky{height:64px}}