:root{--bg:#08090d;--panel:#12141b;--panel2:#1b1e28;--text:#f7f4e8;--muted:#b8b1a0;--gold:#ffd700;--gold2:#c9a900;--line:rgba(255,215,0,.18);--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(8,9,13,.2),rgba(8,9,13,.92)),radial-gradient(circle at 18% 28%,rgba(255,215,0,.14),transparent 26%),radial-gradient(circle at 82% 62%,rgba(255,255,255,.08),transparent 28%),url('../img/background.jpg') center 78%/cover no-repeat;filter:saturate(.75);transform:scale(1.03)}body::after{content:"FIGHT TEAM";position:fixed;z-index:-1;left:-5vw;bottom:6vh;font-family:Oswald,Inter,sans-serif;font-size:clamp(5rem,15vw,16rem);font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.025);transform:rotate(-7deg);pointer-events:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:var(--gold);color:#111;padding:.75rem 1rem;border-radius:.75rem}.site-header{position:fixed;inset:0 0 auto;z-index:20;background:rgba(8,9,13,.76);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);overflow:visible}.nav{width:min(1180px,92vw);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:86px}.brand{display:flex;align-items:center;gap:.85rem;font-weight:800;letter-spacing:.02em;position:relative}.brand img{width:92px;height:92px;object-fit:cover;border-radius:999px;border:3px solid var(--gold);box-shadow:0 0 0 8px rgba(255,215,0,.12),0 12px 34px rgba(0,0,0,.55);margin-top:14px;position:relative;z-index:5;transition:.2s}.brand:hover img{transform:translateY(2px) scale(1.04)}.menu{display:flex;gap:1rem;list-style:none;margin:0;padding:0;align-items:center}.menu a{font-weight:700;text-transform:uppercase;font-size:.82rem;color:var(--muted)}.menu a:hover,.menu a.active{color:var(--gold)}.nav-toggle{display:none;background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:.7rem;padding:.55rem .8rem;font-weight:800}.hero{min-height:100svh;position:relative;display:grid;place-items:center;background:url('../img/background.jpg') center 82%/cover no-repeat;padding:11rem 1.5rem 5rem}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,215,0,.12),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(8,9,13,.88) 86%)}.hero-content{position:relative;text-align:center;max-width:920px;transform:translateY(5vh)}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;margin:0 0 .7rem}.hero h1,.section h2{font-family:Oswald,Inter,sans-serif;line-height:1;text-transform:uppercase}.hero h1{font-size:clamp(3rem,8vw,6.8rem);margin:.2rem 0 .3rem;text-shadow:0 8px 40px rgba(0,0,0,.65)}.hero-location{font-family:Oswald,Inter,sans-serif;text-transform:uppercase;color:var(--gold);font-size:clamp(1.6rem,4vw,3rem);letter-spacing:.2em;margin:0 0 1rem;text-shadow:0 8px 30px rgba(0,0,0,.75)}.lead,.section-lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:740px;margin:0 auto 2rem;color:#eee3ba}.section-lead{font-size:1.05rem;color:var(--muted)}.hero-actions,.contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.9rem 1.25rem;font-weight:900;border:1px solid var(--line);transition:.2s transform,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#111;border-color:var(--gold)}.btn-ghost{background:rgba(255,255,255,.06);color:var(--text)}.instagram-icon{width:1.25rem;height:1.25rem;fill:currentColor}.section{padding:5rem 1.5rem;width:min(1180px,100%);margin:auto}.section-dark{width:100%;max-width:none;background:linear-gradient(180deg,rgba(16,18,25,.94),rgba(10,11,16,.94));border-block:1px solid var(--line)}.section-dark>*{width:min(1180px,100%);margin-left:auto;margin-right:auto}.section-heading{text-align:center;margin-bottom:2rem}.section h2{font-size:clamp(2.2rem,4.5vw,4rem);margin:.2rem 0}.feature-grid,.price-grid,.schedule-grid,.coach-grid,.fighters-grid{display:grid;gap:1.2rem}.feature-grid{grid-template-columns:repeat(3,1fr)}.price-grid{grid-template-columns:repeat(4,1fr)}.schedule-grid{grid-template-columns:repeat(2,1fr)}.feature-card,.price-card,.schedule-card,.coach-card,.contact-card,.fighter-card{background:linear-gradient(180deg,rgba(27,30,40,.94),rgba(18,20,27,.94));border:1px solid var(--line);border-radius:1.4rem;padding:1.4rem;box-shadow:var(--shadow);backdrop-filter:blur(4px)}.feature-card h3,.price-card h3,.schedule-card h3,.coach-card h3,.fighter-card h3{margin-top:0;color:var(--gold);font-size:1.35rem}.price{font-size:2.2rem;font-weight:900;margin:.2rem 0}.featured{outline:2px solid rgba(255,215,0,.38)}.schedule-row{display:grid;gap:.25rem;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.08)}.schedule-row span,.role,.price-card p,.feature-card p,.fighter-note{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.gallery-item{aspect-ratio:1/1;overflow:hidden;border-radius:1rem;border:1px solid var(--line);background:#111}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery img:hover{transform:scale(1.06)}.coach-grid{grid-template-columns:1fr 1fr}.coach-card{display:grid;grid-template-columns:130px 1fr;gap:1.2rem;align-items:center}.coach-card img{width:130px;height:130px;object-fit:cover;border-radius:999px;border:2px solid var(--gold)}.fighters-section{min-height:100svh;display:grid;align-content:center;scroll-margin-top:95px;position:relative}.fighters-section::before{content:"";position:absolute;inset:1.2rem;border:1px solid rgba(255,215,0,.15);border-radius:2rem;pointer-events:none}.fighters-grid{grid-template-columns:repeat(2,1fr)}.fighter-card{display:grid;grid-template-columns:180px 1fr;gap:1.2rem;align-items:stretch;transform:translateY(22px);opacity:.72;transition:.45s ease}.fighters-section:target .fighter-card,.fighters-section.in-view .fighter-card{transform:translateY(0);opacity:1}.fighter-card:nth-child(2){transition-delay:.12s}.fighter-photo{min-height:220px;border-radius:1rem;border:1px dashed rgba(255,215,0,.45);display:grid;place-items:center;color:var(--gold);font-family:Oswald,Inter,sans-serif;font-size:2rem;text-transform:uppercase;background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(255,255,255,.04))}.fighter-info p{margin:.35rem 0}.page-pop{animation:pagePop .7s ease both}@keyframes pagePop{from{opacity:.2;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact{padding-top:3rem}.contact-card{text-align:center;max-width:860px;margin:auto;padding:2.2rem}.address{color:var(--muted);font-weight:700}.footer{text-align:center;color:var(--muted);padding:2rem;border-top:1px solid var(--line);background:rgba(8,9,13,.82)}
@media (max-width:1000px){.nav{min-height:78px}.nav-toggle{display:block}.menu{position:absolute;top:78px;left:4vw;right:4vw;display:none;flex-direction:column;background:#11131a;border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{display:block;padding:.5rem}.feature-grid,.price-grid,.schedule-grid,.coach-grid,.fighters-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.coach-card{grid-template-columns:1fr;text-align:center}.coach-card img{margin:auto}.brand span{font-size:.95rem}.hero{padding-top:8rem;background-position:center 80%}.section{padding:4rem 1rem}.fighter-card{grid-template-columns:1fr}.fighter-photo{min-height:260px}}
@media (max-width:620px){.nav{width:94vw}.brand img{width:66px;height:66px;margin-top:8px;box-shadow:0 0 0 5px rgba(255,215,0,.12),0 10px 26px rgba(0,0,0,.5)}.brand span{max-width:150px;line-height:1.1}.hero{padding:8.5rem 1rem 4rem;min-height:92svh;background-position:center 78%}.hero-content{transform:translateY(3vh)}.hero h1{font-size:2.65rem}.hero-location{font-size:1.55rem}.gallery{grid-template-columns:1fr 1fr}.btn{width:100%}.price-grid,.feature-grid{gap:1rem}.fighters-section::before{inset:.5rem}.fighter-photo{min-height:210px}.contact-actions{width:100%}}


/* Separat vy för Tävlande fighters */
body.fighters-open .main-page-section{display:none!important}
body.fighters-open .fighters-page{display:grid!important}
.fighters-page[hidden]{display:none!important}
.fighters-page{width:100%;max-width:none;min-height:100svh;padding:9rem 1.5rem 5rem;background:linear-gradient(180deg,rgba(8,9,13,.78),rgba(8,9,13,.94)),url('../img/background.jpg') center 78%/cover no-repeat;animation:fighterPageIn .45s ease both}
.fighters-page>.section-heading,.fighters-page>.fighters-actions,.fighters-page>.fighters-grid{width:min(1180px,100%);margin-left:auto;margin-right:auto}.fighters-actions{text-align:center;margin:-.8rem auto 2rem}.fighters-page .section-heading{margin-bottom:1.3rem}.fighters-page .fighters-grid{grid-template-columns:repeat(2,1fr)}
@keyframes fighterPageIn{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media (max-width:1000px){.fighters-page{padding-top:8rem}.fighters-page .fighters-grid{grid-template-columns:1fr}}





/* V6: bakgrund utan skev stretch, mer som mockupen */
html, body{
  min-height:100%;
}

body{
  background-color:#050505;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.58) 48%, rgba(0,0,0,.92) 100%),
    var(--site-bg, none);
  background-repeat:no-repeat, no-repeat;
  background-position:center top, center 82px;
  background-size:cover, min(1180px, 96vw) auto;
  background-attachment:fixed, fixed;
}

/* Om tidigare version använder body::before för bakgrunden styr vi den här, utan att dra sönder bilden */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:inherit;
  background-repeat:no-repeat;
  background-position:center 82px !important;
  background-size:min(1180px, 96vw) auto !important;
  background-attachment:fixed;
  opacity:.40 !important;
  transform:none !important;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 18%, rgba(0,0,0,.08), rgba(0,0,0,.60) 58%, rgba(0,0,0,.90) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.86));
}

.hero{
  min-height:720px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:190px;
  background:transparent !important;
  position:relative;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.70) 88%);
  pointer-events:none;
  z-index:0;
}

.hero > *{
  position:relative;
  z-index:1;
}

.hero .hero-content,
.hero .container,
.hero .hero-inner{
  margin-top:130px;
}

/* Fighters ska fortsatt vara egen vy/sida */
body.fighters-open .home-page,
body.fighters-open main > section:not(#fighters-page),
body.fighters-open .hero,
body.fighters-open .main-content{
  display:none !important;
}

#fighters-page{
  display:none;
}

body.fighters-open #fighters-page{
  display:block !important;
  min-height:calc(100vh - 90px);
  padding:145px 20px 60px;
  background:
    linear-gradient(180deg, rgba(0,0,0,.74), rgba(0,0,0,.94)),
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.14), transparent 45%);
  animation:fightersPageIn .45s ease both;
}

@keyframes fightersPageIn{
  from{opacity:0; transform:translateY(18px);}
  to{opacity:1; transform:translateY(0);}
}

.fighters-inner{
  max-width:1120px;
  margin:0 auto;
}

.back-home{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:#d4af37;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  text-decoration:none;
  margin-bottom:28px;
}

.section-kicker{
  color:#d4af37;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:800;
  font-size:.8rem;
}

#fighters-page h1{
  color:#fff;
  font-size:clamp(2.1rem, 5vw, 4rem);
  text-transform:uppercase;
  letter-spacing:.08em;
  margin:.2rem 0 1rem;
}

.fighters-intro{
  color:#d7d7d7;
  max-width:760px;
  margin-bottom:30px;
}

.fighter-profile-card{
  display:grid;
  grid-template-columns:minmax(260px, 420px) 1fr;
  gap:28px;
  align-items:stretch;
  border:1px solid rgba(212,175,55,.45);
  border-radius:16px;
  background:rgba(5,5,5,.76);
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  overflow:hidden;
}

.fighter-photo-wrap{
  min-height:310px;
  background:#111;
}

.fighter-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.fighter-info{
  padding:32px 32px 28px;
}

.fighter-info h2{
  color:#d4af37;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:clamp(1.8rem, 3.4vw, 3rem);
  margin:0 0 18px;
}

.fighter-meta-grid{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:0;
  color:#eee;
}

.fighter-meta-grid span,
.fighter-meta-grid strong{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.fighter-meta-grid span{
  text-transform:uppercase;
  font-weight:800;
  color:#fff;
  font-size:.86rem;
}

.fighter-meta-grid strong{
  color:#d4af37;
  letter-spacing:.04em;
}

@media (max-width:760px){
  body{
    background-position:center top, center 105px;
    background-size:cover, 920px auto;
    background-attachment:scroll, scroll;
  }

  body::before{
    background-position:center 105px !important;
    background-size:920px auto !important;
    background-attachment:scroll;
    opacity:.34 !important;
  }

  .hero{
    min-height:650px;
    padding-top:145px;
  }

  .hero .hero-content,
  .hero .container,
  .hero .hero-inner{
    margin-top:110px;
  }

  .fighter-profile-card{
    grid-template-columns:1fr;
  }

  .fighter-photo-wrap{
    min-height:260px;
  }

  .fighter-info{
    padding:24px 20px;
  }

  .fighter-meta-grid{
    grid-template-columns:110px 1fr;
    font-size:.92rem;
  }
}


/* V7: CSS-built hero background. No separate generated image needed. */
body{
  background:#050505 !important;
  background-image:none !important;
}

body::before{
  display:none !important;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.08), transparent 38%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.98));
}

.hero{
  position:relative !important;
  min-height:760px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(212,175,55,.18), transparent 18%),
    radial-gradient(circle at 16% 46%, rgba(212,175,55,.10), transparent 24%),
    radial-gradient(circle at 84% 46%, rgba(212,175,55,.10), transparent 24%),
    linear-gradient(180deg, #080808 0%, #101010 42%, #050505 100%) !important;
}

.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.82), transparent 28%, transparent 72%, rgba(0,0,0,.82)),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.78) 86%, #050505 100%) !important;
}

.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  opacity:.13;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at center, black 0%, transparent 72%);
}

.hero > *:not(.hero-fight-art){
  position:relative !important;
  z-index:5 !important;
}

.hero-fight-art{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}

.hero-fight-bg-word{
  position:absolute;
  top:190px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-size:clamp(4.8rem, 15vw, 12.5rem);
  line-height:.82;
  color:rgba(212,175,55,.34);
  text-shadow:
    0 0 18px rgba(212,175,55,.24),
    0 18px 65px rgba(0,0,0,.85);
  -webkit-text-stroke:2px rgba(255,225,120,.24);
}

.hero-ring-line{
  position:absolute;
  top:260px;
  left:50%;
  width:min(760px, 86vw);
  height:min(760px, 86vw);
  transform:translateX(-50%);
  border:2px solid rgba(212,175,55,.28);
  border-radius:50%;
  box-shadow:
    inset 0 0 80px rgba(212,175,55,.08),
    0 0 70px rgba(212,175,55,.10);
}

.hero-glove{
  position:absolute;
  top:318px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  opacity:.82;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.72));
}

.hero-glove-left{
  left:clamp(16px, 9vw, 145px);
  transform:rotate(-17deg);
}

.hero-glove-right{
  right:clamp(16px, 9vw, 145px);
  transform:rotate(17deg);
}

.glove{
  display:block;
  width:clamp(92px, 13vw, 178px);
  height:clamp(118px, 17vw, 225px);
  position:relative;
  background:
    radial-gradient(circle at 38% 24%, rgba(255,255,255,.18), transparent 14%),
    linear-gradient(145deg, #2a2a2a, #090909 58%, #000);
  border:2px solid rgba(212,175,55,.54);
  box-shadow:
    inset 0 0 30px rgba(212,175,55,.08),
    0 0 30px rgba(212,175,55,.13);
}

.glove-boxing{
  border-radius:48% 48% 42% 42% / 36% 36% 56% 56%;
}

.glove-boxing::before{
  content:"";
  position:absolute;
  left:13%;
  top:14%;
  width:74%;
  height:48%;
  border-radius:50%;
  background:linear-gradient(145deg, #3b3b3b, #080808);
  border-bottom:2px solid rgba(212,175,55,.32);
}

.glove-boxing::after{
  content:"";
  position:absolute;
  left:20%;
  bottom:-18%;
  width:60%;
  height:34%;
  border-radius:10px;
  background:#080808;
  border:2px solid rgba(212,175,55,.45);
}

.glove-mma{
  border-radius:38% 38% 30% 30% / 28% 28% 50% 50%;
  height:clamp(108px, 15vw, 198px);
}

.glove-mma::before{
  content:"";
  position:absolute;
  left:10%;
  top:-12%;
  width:80%;
  height:30%;
  background:
    linear-gradient(90deg, transparent 0 15%, rgba(212,175,55,.50) 15% 19%, transparent 19% 34%, rgba(212,175,55,.50) 34% 38%, transparent 38% 53%, rgba(212,175,55,.50) 53% 57%, transparent 57% 72%, rgba(212,175,55,.50) 72% 76%, transparent 76%);
  border-radius:12px 12px 0 0;
}

.glove-mma::after{
  content:"";
  position:absolute;
  left:18%;
  bottom:-20%;
  width:64%;
  height:34%;
  border-radius:10px;
  background:#080808;
  border:2px solid rgba(212,175,55,.45);
}

.glove-label{
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.18em;
  color:rgba(212,175,55,.78);
  text-transform:uppercase;
}

.hero .hero-content,
.hero .container,
.hero .hero-inner{
  margin-top:190px !important;
}

@media (max-width:760px){
  .hero{
    min-height:680px !important;
  }

  .hero-fight-bg-word{
    top:178px;
    font-size:clamp(3.2rem, 18vw, 6.6rem);
    letter-spacing:.04em;
  }

  .hero-ring-line{
    top:230px;
    width:520px;
    height:520px;
  }

  .hero-glove{
    top:330px;
    opacity:.58;
  }

  .hero-glove-left{
    left:-14px;
  }

  .hero-glove-right{
    right:-14px;
  }

  .glove-label{
    display:none;
  }

  .hero .hero-content,
  .hero .container,
  .hero .hero-inner{
    margin-top:185px !important;
  }
}


/* V8 hero image */
.hero{
background-image:
linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.55)),
url('../images/hero-fightteam-bg.png') !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
}

.hero-fight-art,
.hero-fight-bg-word,
.hero-glove,
.hero-ring-line{
display:none !important;
}


/* V9 */
.hero{
filter: brightness(1.28) contrast(1.08) !important;
}

.hero::before{
background: linear-gradient(rgba(0,0,0,.08), rgba(0,0,0,.25)) !important;
}

.hero h1,
.hero .hero-title,
.hero .welcome-title,
.hero .display-1{
display:none !important;
}

.hero p,
.hero .lead,
.hero .hero-subtitle{
display:none !important;
}

/* Make image text pop more */
.hero{
box-shadow: inset 0 120px 120px rgba(0,0,0,.08);
}


/* V10 fixes */
.hero{
background-position:center 120px !important; /* flytta ned bilden */
filter: brightness(1.22) contrast(1.08) !important;
}

/* visa tillbaka vanlig hero-text */
.hero h1,
.hero .hero-title,
.hero .welcome-title,
.hero .display-1,
.hero p,
.hero .lead,
.hero .hero-subtitle{
display:block !important;
}

/* ge texten mer punch */
.hero h1,
.hero .hero-title,
.hero .welcome-title,
.hero .display-1{
color:#fff !important;
text-shadow:
0 2px 8px rgba(0,0,0,.9),
0 0 20px rgba(212,175,55,.45) !important;
font-weight:900 !important;
}

.hero p,
.hero .lead,
.hero .hero-subtitle{
color:#f3f3f3 !important;
text-shadow:0 2px 6px rgba(0,0,0,.9) !important;
}


/* V11 hero title styling */
.hero h1,
.hero .hero-title,
.hero .display-1{
font-size:clamp(2.8rem,6vw,5rem)!important;
font-weight:900!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
}

.hero .hero-subtitle,
.hero p{
display:none!important;
}

/* Guldig Västervik-rad */
.hero h1::after,
.hero .hero-title::after,
.hero .display-1::after{
content:"VÄSTERVIK";
display:block;
margin-top:10px;
font-size:.55em;
color:#d4af37;
letter-spacing:.22em;
text-shadow:0 0 12px rgba(212,175,55,.45);
position:relative;
}

.hero h1::before,
.hero .hero-title::before,
.hero .display-1::before{
content:"";
display:block;
width:220px;
height:18px;
margin:14px auto -6px auto;
border-bottom:3px solid rgba(212,175,55,.85);
border-radius:0 0 120px 120px;
opacity:.9;
}


/* V17 - real separate bilder.html fix */

/* Do not show any gallery leftovers on index */
body:not(.bilder-page-body) #gallery-page,
body:not(.bilder-page-body) .gallery-page,
body:not(.bilder-page-body) .only-gallery-page,
body:not(.bilder-page-body) .gallery-grid,
body:not(.bilder-page-body) .gallery-grid-clean,
body:not(.bilder-page-body) .only-gallery-grid,
body:not(.bilder-page-body) .gallery-card,
body:not(.bilder-page-body) .only-gallery-card,
body:not(.bilder-page-body) .gallery-placeholder,
body:not(.bilder-page-body) .only-gallery-placeholder,
body:not(.bilder-page-body) .bilder-only-main{
  display:none !important;
}

/* Hero title: one single Västervik with actual arc below */
.hero h1:not(.final-hero-title),
.hero-title-custom,
.ft-hero-title,
.clean-hero-title{
  display:none !important;
}

.hero h1::before,
.hero h1::after,
.hero .hero-title::before,
.hero .hero-title::after,
.hero .display-1::before,
.hero .display-1::after{
  content:none !important;
  display:none !important;
}

.final-hero-title{
  display:block !important;
  position:relative !important;
  z-index:999 !important;
  text-align:center !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-size:clamp(2.4rem,5.4vw,5rem) !important;
  line-height:1.05 !important;
  letter-spacing:.04em !important;
  font-weight:900 !important;
  text-shadow:0 4px 12px rgba(0,0,0,.95), 0 0 26px rgba(212,175,55,.38) !important;
  margin:0 auto 24px !important;
}

.final-hero-title span{
  display:block !important;
}

.final-hero-title strong{
  display:inline-block !important;
  position:relative !important;
  margin-top:12px !important;
  padding:0 28px 34px !important;
  color:#d4af37 !important;
  font-size:.58em !important;
  letter-spacing:.22em !important;
  text-shadow:0 0 16px rgba(212,175,55,.75), 0 4px 12px rgba(0,0,0,.95) !important;
}

.final-hero-title strong i{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:130% !important;
  height:30px !important;
  transform:translateX(-50%) !important;
  border-bottom:3px solid #d4af37 !important;
  border-radius:0 0 999px 999px !important;
  box-shadow:0 0 14px rgba(212,175,55,.55) !important;
}

/* Smoky continuation on home */
body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(5,5,5,0) 0, rgba(5,5,5,.98) 120px, #050505 100%),
    radial-gradient(ellipse at 20% 36%, rgba(255,255,255,.14), transparent 30%),
    radial-gradient(ellipse at 80% 56%, rgba(212,175,55,.10), transparent 34%) !important;
}

/* Bilder page itself: only pictures, nothing else except title/back */
.bilder-page-body{
  background:#050505 !important;
  color:#fff !important;
}

.bilder-only-main{
  min-height:100vh !important;
  padding:145px 20px 70px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.16), transparent 42%),
    linear-gradient(180deg,#050505,#000) !important;
}

.bilder-only-main h1{
  color:#fff !important;
  font-size:clamp(2.2rem,5vw,4rem) !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin:0 0 30px !important;
}

.bilder-only-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:18px !important;
}

.bilder-card img{
  width:100% !important;
  height:240px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:14px !important;
  border:1px solid rgba(212,175,55,.35) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.45) !important;
}

.empty-gallery{
  color:#d4af37 !important;
}

@media(max-width:760px){
  .final-hero-title{
    font-size:clamp(2rem,11vw,3.1rem) !important;
  }
  .final-hero-title strong{
    font-size:.52em !important;
    letter-spacing:.15em !important;
  }
}


/* V18: logo on bilder page + hero black panel */
.bilder-page-body .brand img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Place welcome text and buttons inside the black square/zone */
.hero-black-panel{
  position:relative !important;
  z-index:1000 !important;
  max-width:860px !important;
  margin:190px auto 18px !important;
  padding:34px 34px 24px !important;
  text-align:center !important;
  background:rgba(0,0,0,.62) !important;
  border:1px solid rgba(212,175,55,.34) !important;
  border-radius:18px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.65), inset 0 0 40px rgba(212,175,55,.04) !important;
  backdrop-filter:blur(2px);
}

.hero .final-hero-title{
  margin:0 auto 14px !important;
}

.hero-new-intro{
  display:block !important;
  color:#f1f1f1 !important;
  max-width:720px !important;
  margin:10px auto 0 !important;
  font-size:clamp(1rem, 1.8vw, 1.22rem) !important;
  line-height:1.6 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.9) !important;
}

/* Pull common hero button/action groups up into the black panel visual area */
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  position:relative !important;
  z-index:1001 !important;
  max-width:860px !important;
  margin:-4px auto 0 !important;
  padding:0 34px 30px !important;
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  background:rgba(0,0,0,.62) !important;
  border-left:1px solid rgba(212,175,55,.34) !important;
  border-right:1px solid rgba(212,175,55,.34) !important;
  border-bottom:1px solid rgba(212,175,55,.34) !important;
  border-radius:0 0 18px 18px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.45) !important;
}

/* If buttons are direct links in hero, keep them above and close to text */
.hero > a.btn,
.hero > .btn,
.hero .container > a.btn,
.hero .container > .btn,
.hero .hero-inner > a.btn,
.hero .hero-inner > .btn{
  position:relative !important;
  z-index:1001 !important;
}

/* Keep Västervik gold with arc under only */
.final-hero-title strong{
  color:#d4af37 !important;
}

.final-hero-title strong i{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:130% !important;
  height:30px !important;
  transform:translateX(-50%) !important;
  border-bottom:3px solid #d4af37 !important;
  border-radius:0 0 999px 999px !important;
  box-shadow:0 0 14px rgba(212,175,55,.55) !important;
}

@media(max-width:760px){
  .hero-black-panel{
    margin:150px 16px 14px !important;
    padding:26px 18px 18px !important;
  }

  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    margin:-4px 16px 0 !important;
    padding:0 18px 24px !important;
  }

  .hero-new-intro{
    font-size:.98rem !important;
  }
}


/* V20 - fixed correctly in the loaded CSS file */

/* Clean hero layout from user's marked screenshot */
.hero{
  position:relative !important;
  min-height:820px !important;
  display:block !important;
  overflow:hidden !important;
  padding:0 !important;
  background-image:
    linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.42)),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

.hero-overlay{
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.32) 58%, rgba(0,0,0,.78) 100%) !important;
  z-index:1 !important;
}

/* Hide old generated/CSS hero junk */
.hero-fight-art,
.hero-fight-bg-word,
.hero-glove,
.hero-ring-line,
.hero-content{
  display:none !important;
}

/* GREEN MARKED AREA: heading + intro */
.hero-black-panel{
  display:block !important;
  position:absolute !important;
  top:165px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(900px,82vw) !important;
  z-index:5 !important;
  text-align:center !important;
  background:rgba(0,0,0,.58) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  border-radius:18px !important;
  padding:30px 40px 28px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.62), inset 0 0 38px rgba(212,175,55,.05) !important;
}

/* Title */
.final-hero-title{
  display:block !important;
  margin:0 auto !important;
  padding:0 !important;
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  font-size:clamp(2.4rem,5vw,4.6rem) !important;
  line-height:1.05 !important;
  letter-spacing:.04em !important;
  font-weight:900 !important;
  text-shadow:0 4px 12px rgba(0,0,0,.95), 0 0 28px rgba(212,175,55,.38) !important;
}

.final-hero-title::before,
.final-hero-title::after{
  content:none !important;
  display:none !important;
}

.final-hero-title span{
  display:block !important;
}

.final-hero-title strong{
  display:inline-block !important;
  position:relative !important;
  margin-top:10px !important;
  padding:0 28px 34px !important;
  color:#d4af37 !important;
  font-size:.58em !important;
  letter-spacing:.22em !important;
  text-shadow:0 0 16px rgba(212,175,55,.75), 0 4px 12px rgba(0,0,0,.95) !important;
}

.final-hero-title strong i{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:135% !important;
  height:28px !important;
  transform:translateX(-50%) !important;
  border-bottom:3px solid #d4af37 !important;
  border-radius:0 0 999px 999px !important;
  box-shadow:0 0 14px rgba(212,175,55,.55) !important;
}

.hero-new-intro{
  display:block !important;
  margin:24px auto 0 !important;
  max-width:730px !important;
  color:#f2f2f2 !important;
  font-size:clamp(1rem,1.7vw,1.18rem) !important;
  line-height:1.6 !important;
  text-align:center !important;
  text-shadow:0 3px 10px rgba(0,0,0,.95) !important;
}

/* RED MARKED AREA: buttons only */
.hero-actions-positioned{
  display:flex !important;
  position:absolute !important;
  top:485px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1040px,88vw) !important;
  min-height:160px !important;
  z-index:5 !important;
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  background:rgba(0,0,0,.78) !important;
  border:1px solid rgba(212,175,55,.25) !important;
  border-radius:22px !important;
  box-shadow:0 24px 75px rgba(0,0,0,.62) !important;
  padding:34px 20px !important;
}

.hero-actions-positioned .btn{
  position:relative !important;
  z-index:6 !important;
}

/* Keep Bilder as its own real page */
body:not(.bilder-page-body) #gallery-page,
body:not(.bilder-page-body) .gallery-page,
body:not(.bilder-page-body) .only-gallery-page,
body:not(.bilder-page-body) .gallery-grid,
body:not(.bilder-page-body) .gallery-grid-clean,
body:not(.bilder-page-body) .only-gallery-grid,
body:not(.bilder-page-body) .gallery-card,
body:not(.bilder-page-body) .only-gallery-card,
body:not(.bilder-page-body) .gallery-placeholder,
body:not(.bilder-page-body) .only-gallery-placeholder,
body:not(.bilder-page-body) .bilder-only-main{
  display:none !important;
}

@media(max-width:760px){
  .hero{
    min-height:760px !important;
  }

  .hero-black-panel{
    top:130px !important;
    width:92vw !important;
    padding:24px 18px 22px !important;
  }

  .final-hero-title{
    font-size:clamp(2rem,10vw,3rem) !important;
  }

  .final-hero-title strong{
    font-size:.52em !important;
    letter-spacing:.15em !important;
    padding-bottom:28px !important;
  }

  .hero-actions-positioned{
    top:455px !important;
    width:92vw !important;
    min-height:150px !important;
    padding:28px 14px !important;
  }
}


/* V21 - exact visual correction based on screenshot */

/* Hero itself */
.hero{
  position:relative !important;
  min-height:830px !important;
  background-position:center top !important;
}

/* Text box: move into the upper black/gold FIGHT TEAM area */
.hero-black-panel{
  position:absolute !important;
  top:95px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(760px,78vw) !important;
  max-width:760px !important;
  padding:26px 34px 24px !important;
  margin:0 !important;
  background:rgba(0,0,0,.72) !important;
  border:1px solid rgba(212,175,55,.42) !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.72), inset 0 0 44px rgba(212,175,55,.06) !important;
  z-index:20 !important;
  text-align:center !important;
}

/* Text sizing so it actually fits inside that marked top area */
.final-hero-title{
  font-size:clamp(2rem,3.8vw,3.7rem) !important;
  line-height:1.02 !important;
  margin:0 !important;
  padding:0 !important;
}

.final-hero-title span{
  display:block !important;
}

.final-hero-title strong{
  display:inline-block !important;
  margin-top:8px !important;
  padding:0 24px 26px !important;
  color:#d4af37 !important;
  font-size:.62em !important;
  letter-spacing:.20em !important;
}

.final-hero-title strong i{
  bottom:0 !important;
  height:22px !important;
  width:135% !important;
  border-bottom:3px solid #d4af37 !important;
  border-radius:0 0 999px 999px !important;
}

.hero-new-intro{
  margin:18px auto 0 !important;
  max-width:660px !important;
  font-size:clamp(.95rem,1.35vw,1.08rem) !important;
  line-height:1.55 !important;
}

/* Button zone: lower black marked area */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  position:absolute !important;
  top:445px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1040px,86vw) !important;
  min-height:165px !important;
  margin:0 !important;
  padding:42px 20px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  background:rgba(0,0,0,.82) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  border-radius:24px !important;
  box-shadow:0 24px 80px rgba(0,0,0,.72), inset 0 0 44px rgba(212,175,55,.04) !important;
  z-index:19 !important;
}

/* make old weird white artifact disappear if present */
.hero *:empty{
  display:none !important;
}

/* Prevent hidden or duplicate old title/classes from showing */
.clean-hero-title,
.ft-hero-title,
.hero-title-custom{
  display:none !important;
}

@media(max-width:760px){
  .hero{
    min-height:760px !important;
  }

  .hero-black-panel{
    top:92px !important;
    width:90vw !important;
    padding:22px 16px 20px !important;
  }

  .final-hero-title{
    font-size:clamp(1.8rem,8.5vw,2.8rem) !important;
  }

  .final-hero-title strong{
    letter-spacing:.14em !important;
    padding-bottom:24px !important;
  }

  .hero-actions-positioned,
  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    top:430px !important;
    width:90vw !important;
    min-height:150px !important;
    padding:30px 14px !important;
  }
}


/* V22 - keep layout, improve background only */

/* Show more of the FIGHT TEAM background and move ring area higher */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,.04), rgba(0,0,0,.26) 55%, rgba(0,0,0,.72) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center -52px !important;
  background-repeat:no-repeat !important;
}

/* Remove the harsh black square feeling around the button zone */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.46), rgba(0,0,0,.18) 58%, transparent 76%) !important;
  border-color:rgba(212,175,55,.14) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Let the title panel blend more with the background without moving it */
.hero-black-panel{
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.52), rgba(0,0,0,.26) 62%, rgba(0,0,0,.08) 100%) !important;
  border-color:rgba(212,175,55,.20) !important;
  box-shadow:none !important;
}

/* Continuous background feeling down the whole homepage */
body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.74) 120px, rgba(5,5,5,.94) 360px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

body:not(.bilder-page-body):not(.fighters-open) main > section:not(.hero):not(#fighters-page):not(#gallery-page){
  background:
    radial-gradient(ellipse at 20% 10%, rgba(255,255,255,.07), transparent 30%),
    radial-gradient(ellipse at 78% 30%, rgba(212,175,55,.08), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.90)) !important;
  backdrop-filter:blur(1px);
}

/* Smoke layer while scrolling */
body:not(.bilder-page-body):not(.fighters-open) main::after{
  opacity:.42 !important;
  top:650px !important;
  height:1800px !important;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(255,255,255,.17), transparent 32%),
    radial-gradient(ellipse at 82% 28%, rgba(255,255,255,.10), transparent 34%),
    radial-gradient(ellipse at 50% 62%, rgba(212,175,55,.11), transparent 42%) !important;
  filter:blur(50px) !important;
}

@media(max-width:760px){
  .hero{
    background-position:center -18px !important;
  }

  body:not(.bilder-page-body):not(.fighters-open) main{
    background-attachment:scroll !important;
  }
}


/* V23 - more visible FIGHT TEAM text + ring higher */

/* Move hero background DOWN so more of the top FIGHT TEAM text is visible */
.hero{
  background-position:center 35px !important;
}

/* Raise the boxing ring into the previously empty dark area */
.hero::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:180px !important;
  transform:translateX(-50%) !important;
  width:min(1100px,92vw) !important;
  height:260px !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:
    url('../images/hero-fightteam-bg.png') center bottom / cover no-repeat !important;
  opacity:.28 !important;
  mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);
}

/* Remove more of the dark panel feel */
.hero-black-panel{
  background:rgba(0,0,0,.28) !important;
  border-color:rgba(212,175,55,.12) !important;
}

.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:rgba(0,0,0,.18) !important;
  border-color:rgba(212,175,55,.10) !important;
}


/* V24 - tune hero to match the edited reference image */

/* Show the full cinematic hero more naturally */
.hero{
  min-height:860px !important;
  background-image:
    linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.20) 58%, rgba(0,0,0,.68) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center 0px !important;
  background-repeat:no-repeat !important;
}

/* Stop the extra duplicated ring layer from looking like a square/panel */
.hero::before{
  display:none !important;
  content:none !important;
}

/* Let the background be visible through the text area */
.hero-black-panel{
  background:rgba(0,0,0,.16) !important;
  border-color:rgba(212,175,55,.08) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Button area should sit on the ring/smoke, not inside a box */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  top:505px !important;
}

/* Move text just slightly higher so the ring fills the lower space */
.hero-black-panel{
  top:130px !important;
}

/* Make ring area visually stronger by reducing dark overlay */
.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.15) 58%, rgba(0,0,0,.62) 100%) !important;
}

/* Continuous homepage background using same hero artwork */
body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.58) 160px, rgba(5,5,5,.90) 520px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* Smooth smoky continuation under hero */
body:not(.bilder-page-body):not(.fighters-open) main > section:not(.hero):not(#fighters-page):not(#gallery-page){
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.08), transparent 34%),
    radial-gradient(ellipse at 82% 18%, rgba(212,175,55,.08), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.90)) !important;
}

body:not(.bilder-page-body):not(.fighters-open) main::after{
  opacity:.50 !important;
  top:690px !important;
  height:1900px !important;
  background:
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,.18), transparent 32%),
    radial-gradient(ellipse at 82% 28%, rgba(255,255,255,.11), transparent 34%),
    radial-gradient(ellipse at 50% 68%, rgba(212,175,55,.12), transparent 42%) !important;
  filter:blur(54px) !important;
}

@media(max-width:760px){
  .hero{
    min-height:780px !important;
    background-position:center 0px !important;
  }

  .hero-black-panel{
    top:115px !important;
  }

  .hero-actions-positioned,
  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    top:455px !important;
  }

  body:not(.bilder-page-body):not(.fighters-open) main{
    background-attachment:scroll !important;
  }
}


/* V26 - ren hero-bild, båge endast under overlay-texten */
.final-hero-title strong{
    color:#d4af37 !important;
}
.final-hero-title strong i{
    display:block !important;
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    width:135% !important;
    height:28px !important;
    transform:translateX(-50%) !important;
    border-bottom:3px solid #d4af37 !important;
    border-radius:0 0 999px 999px !important;
}


/* V27 */

/* Ta bort genomskinliga rutor bakom texten */
.hero-black-panel{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Ta bort knapparna från hero helt */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  display:none !important;
}


/* V28 */

/* Återställ de riktiga klickbara knapparna */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  display:flex !important;
}

/* Ta bort panel-/ruta-känslan bakom overlay-texten */
.hero-black-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Ta bort panel-/ruta-känslan bakom de riktiga knapparna men behåll knapparna */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Säkerställ att knapparna fortfarande ligger snyggt i hero */
.hero-actions-positioned{
  top:505px !important;
  z-index:50 !important;
}


/* V29 - baked text/buttons removed from background image; real buttons stay */

/* Keep the real functional buttons visible */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  display:flex !important;
}

/* Remove only panel feeling behind real overlay text/buttons */
.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Keep hero using the cleaned background */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.18) 58%, rgba(0,0,0,.65) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center 0px !important;
  background-repeat:no-repeat !important;
}


/* V30 */
.hero{
  filter:none !important;
}

.hero::before{
  display:none !important;
}

.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.01), rgba(0,0,0,.10) 55%, rgba(0,0,0,.45) 100%) !important;
}


/* V31 - corrected hero image and logo page fix */

/* Use cleaned/brightened hero image; no fake ring/gold line overlays */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,.02), rgba(0,0,0,.12) 55%, rgba(0,0,0,.52) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center 0px !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

.hero::before{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.08) 55%, rgba(0,0,0,.38) 100%) !important;
}

/* Keep real functional buttons, remove only panel background */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  display:flex !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Remove transparent panel behind title */
.hero-black-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Bilder page must use same logo styling as homepage */
.bilder-page-body .brand img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  object-fit:cover !important;
}


/* V32 - final: clean hero image, no baked text/buttons, no panel boxes, continuous background */

/* Hero uses cleaned, brighter image */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,.00), rgba(0,0,0,.08) 55%, rgba(0,0,0,.42) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center 0px !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

/* No fake overlays that look like panels or extra ring lines */
.hero::before{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.06) 60%, rgba(0,0,0,.35) 100%) !important;
}

/* Keep the real HTML title and buttons, but remove the transparent boxes/panels */
.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Real functional buttons must stay visible */
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  display:flex !important;
}

/* Continue the same visual mood through the whole homepage when scrolling */
body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.55) 180px, rgba(5,5,5,.88) 560px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

body:not(.bilder-page-body):not(.fighters-open) main > section:not(.hero):not(#fighters-page):not(#gallery-page){
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255,255,255,.08), transparent 34%),
    radial-gradient(ellipse at 82% 18%, rgba(212,175,55,.09), transparent 36%),
    linear-gradient(180deg, rgba(0,0,0,.64), rgba(0,0,0,.90)) !important;
}

body:not(.bilder-page-body):not(.fighters-open) main::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:680px !important;
  height:2100px !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.48 !important;
  background:
    radial-gradient(ellipse at 18% 12%, rgba(255,255,255,.18), transparent 32%),
    radial-gradient(ellipse at 82% 28%, rgba(255,255,255,.11), transparent 34%),
    radial-gradient(ellipse at 50% 68%, rgba(212,175,55,.13), transparent 42%) !important;
  filter:blur(54px) !important;
}

@media(max-width:760px){
  body:not(.bilder-page-body):not(.fighters-open) main{
    background-attachment:scroll !important;
  }
}


/* V33 - remove remaining hero panel artifacts and fix direct navigation behavior */

/* No visual panels behind title/buttons */
.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Reduce overlay so no square feeling sits in middle */
.hero-overlay{
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.035) 60%, rgba(0,0,0,.30) 100%) !important;
}

.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.04) 60%, rgba(0,0,0,.34) 100%),
    url('../images/hero-fightteam-bg.png') !important;
}

/* Keep same-page scroll targets from hiding under sticky header */
section[id],
#prices,
#priser,
#times,
#contact,
#about{
  scroll-margin-top:120px !important;
}


/* V36 - stabil hero + mindre fighter-card */

/* Hero: använd rena hero-bilden med intakt ring. Ingen suddig cirkel/panel ovanpå. */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.04) 60%, rgba(0,0,0,.30) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  min-height:820px !important;
  filter:none !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

/* Inga genomskinliga paneler bakom text eller knappar */
.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* Positionera riktiga texten/knapparna så de ligger som i referensbilden */
.hero-black-panel{
  top:190px !important;
}

.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  top:560px !important;
  display:flex !important;
}

/* Overlay-font likt referensen */
.final-hero-title{
  font-size:clamp(2.6rem,5.2vw,5rem) !important;
  line-height:1.04 !important;
  text-align:center !important;
  margin:0 auto !important;
}

.final-hero-title span{
  display:block !important;
  color:#fff !important;
  font-size:.56em !important;
  letter-spacing:.02em !important;
  text-shadow:0 3px 12px rgba(0,0,0,.95) !important;
}

.final-hero-title strong{
  display:inline-block !important;
  color:#d4af37 !important;
  font-size:1em !important;
  letter-spacing:.04em !important;
  margin-top:0 !important;
  padding:0 28px 34px !important;
  text-shadow:0 0 16px rgba(212,175,55,.55), 0 3px 12px rgba(0,0,0,.95) !important;
}

.final-hero-title strong i{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:122% !important;
  height:34px !important;
  transform:translateX(-50%) !important;
  border-bottom:5px solid #d4af37 !important;
  border-radius:0 0 999px 999px !important;
  box-shadow:0 0 14px rgba(212,175,55,.45) !important;
}

/* Hemsidan fortsätter i samma känsla när man scrollar */
body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.70) 180px, rgba(5,5,5,.92) 560px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* Mindre Love Karlsson-card */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-photo{
  height:100% !important;
  object-fit:cover !important;
}

.fighter-info{
  padding:20px 24px !important;
}

.fighter-info h2{
  font-size:clamp(1.55rem,2.5vw,2.15rem) !important;
  margin-bottom:12px !important;
}

.fighter-meta-grid{
  grid-template-columns:120px 1fr !important;
}

.fighter-meta-grid span,
.fighter-meta-grid strong{
  padding:7px 0 !important;
  font-size:.9rem !important;
}

@media(max-width:760px){
  .hero{
    min-height:760px !important;
  }

  .hero-black-panel{
    top:150px !important;
  }

  .hero-actions-positioned,
  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    top:510px !important;
  }

  .fighter-profile-card{
    grid-template-columns:1fr !important;
    max-width:94vw !important;
  }
}


/* V37 - hero-bilden är rensad i själva filen */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.04) 60%, rgba(0,0,0,.30) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}


/* V38 - clean up failed inpaint artifacts */

/* Hero uses cleaned image, no extra fake blur boxes */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.035) 60%, rgba(0,0,0,.28) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

/* no visual panels behind the real HTML text/buttons */
.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* keep fighter card reduced */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-info{
  padding:20px 24px !important;
}

.fighter-info h2{
  font-size:clamp(1.55rem,2.5vw,2.15rem) !important;
}


/* V39 - use cleaned hero image with baked text/buttons removed */

/* Use cleaned hero image; no extra panel/blur overlays */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.035) 60%, rgba(0,0,0,.28) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* Keep fighter card actually smaller */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-info{
  padding:20px 24px !important;
}

.fighter-info h2{
  font-size:clamp(1.55rem,2.5vw,2.15rem) !important;
}

.fighter-meta-grid{
  grid-template-columns:120px 1fr !important;
}

.fighter-meta-grid span,
.fighter-meta-grid strong{
  padding:7px 0 !important;
  font-size:.9rem !important;
}


/* V40 - new handmade hero background inside website files */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.035) 60%, rgba(0,0,0,.28) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  min-height:820px !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* keep smaller fighter cards */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{ min-height:205px !important; }
.fighter-info{ padding:20px 24px !important; }
.fighter-info h2{ font-size:clamp(1.55rem,2.5vw,2.15rem) !important; }

body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.70) 180px, rgba(5,5,5,.92) 560px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}


/* V41 - more polished handmade hero background */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.025) 60%, rgba(0,0,0,.25) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  min-height:820px !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{ background:transparent !important; }

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.68) 180px, rgba(5,5,5,.92) 560px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* keep smaller fighter cards */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.fighter-photo-wrap{ min-height:205px !important; }
.fighter-info{ padding:20px 24px !important; }
.fighter-info h2{ font-size:clamp(1.55rem,2.5vw,2.15rem) !important; }


/* V42 - reference-style hero background, cleaned inside website files */
.hero{
  background-image:
    linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.025) 60%, rgba(0,0,0,.25) 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  min-height:820px !important;
}

.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* Keep smaller fighter card */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{ min-height:205px !important; }
.fighter-info{ padding:20px 24px !important; }
.fighter-info h2{ font-size:clamp(1.55rem,2.5vw,2.15rem) !important; }

body:not(.bilder-page-body):not(.fighters-open) main{
  background:
    linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(5,5,5,.68) 180px, rgba(5,5,5,.92) 560px, #050505 100%),
    url('../images/hero-fightteam-bg.png') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}


/* V44 */

/* Flytta ner hero-bilden lite */
.hero{
  background-position:center 38px !important;
}

body:not(.bilder-page-body):not(.fighters-open) main{
  background-position:center 38px !important;
}

/* Ingen panel bakom riktiga overlay-element */
.hero::before,
.hero::after{
  display:none !important;
  content:none !important;
}

.hero-overlay{
  background:transparent !important;
}

.hero-black-panel,
.hero-actions-positioned,
.hero .hero-actions,
.hero .actions,
.hero .btn-group,
.hero .buttons,
.hero .hero-buttons,
.hero .cta-row{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  filter:none !important;
}

/* Behåll fighter-card mindre */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.fighter-photo-wrap{ min-height:205px !important; }
.fighter-info{ padding:20px 24px !important; }
.fighter-info h2{ font-size:clamp(1.55rem,2.5vw,2.15rem) !important; }


/* V45 */

/* Bilder: klickbar förstoring */
.bilder-card img{
  cursor: zoom-in !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bilder-card img:hover,
.bilder-card img:focus{
  transform: scale(1.025);
  border-color: rgba(212,175,55,.72) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.65) !important;
  outline: none;
}

.image-lightbox{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0,0,0,.88);
  backdrop-filter: blur(4px);
}

.image-lightbox.is-open{
  display: flex;
}

.image-lightbox img{
  max-width: min(1100px, 94vw);
  max-height: 86vh;
  object-fit: contain;
  border-radius: 16px;
  border: 1px solid rgba(212,175,55,.55);
  box-shadow: 0 30px 100px rgba(0,0,0,.85);
}

.lightbox-close{
  position: fixed;
  top: 22px;
  right: 26px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(212,175,55,.55);
  border-radius: 999px;
  background: rgba(0,0,0,.70);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

/* Tävlande fighters: båda korten samma mindre storlek */
.fighters-inner{
  max-width: 980px !important;
}

.fighter-profile-card{
  max-width: 820px !important;
  grid-template-columns: 270px 1fr !important;
  gap: 18px !important;
  margin: 0 auto 28px !important;
}

.fighter-photo-wrap{
  min-height: 205px !important;
}

.fighter-info{
  padding: 20px 24px !important;
}

.fighter-info h2{
  font-size: clamp(1.55rem,2.5vw,2.15rem) !important;
  margin-bottom: 12px !important;
}

.fighter-meta-grid{
  grid-template-columns: 115px 1fr !important;
}

.fighter-meta-grid span,
.fighter-meta-grid strong{
  padding: 7px 0 !important;
  font-size: .9rem !important;
}

@media(max-width:760px){
  .fighter-profile-card{
    grid-template-columns: 1fr !important;
    max-width: 94vw !important;
  }
}


/* V46 - försiktig mobilanpassning utan att ändra desktopdesignen */

/* Allmän säkerhet */
*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  overflow-x:hidden;
}

img{
  max-width:100%;
}

/* Header / mobilmeny */
.mobile-nav-toggle{
  display:none;
}

@media (max-width: 860px){
  .site-header{
    position:sticky;
    top:0;
    z-index:3000;
    min-height:78px;
    padding:8px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .site-header .brand{
    min-width:0;
    gap:10px !important;
  }

  .site-header .brand img{
    width:64px !important;
    height:64px !important;
    margin:0 !important;
    flex:0 0 auto;
  }

  .site-header .brand span{
    font-size:1rem !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:58vw;
  }

  .mobile-nav-toggle{
    display:inline-flex !important;
    width:44px;
    height:44px;
    border:1px solid rgba(212,175,55,.45);
    border-radius:12px;
    background:rgba(0,0,0,.55);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    z-index:3100;
  }

  .mobile-nav-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:#fff;
    border-radius:999px;
    transition:transform .2s ease, opacity .2s ease;
  }

  body.mobile-menu-open .mobile-nav-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  body.mobile-menu-open .mobile-nav-toggle span:nth-child(2){
    opacity:0;
  }

  body.mobile-menu-open .mobile-nav-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .site-header nav{
    position:fixed !important;
    top:78px;
    left:12px;
    right:12px;
    display:none !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:12px !important;
    background:rgba(4,4,4,.96) !important;
    border:1px solid rgba(212,175,55,.32) !important;
    border-radius:16px !important;
    box-shadow:0 22px 70px rgba(0,0,0,.75) !important;
    backdrop-filter:blur(8px);
  }

  body.mobile-menu-open .site-header nav{
    display:flex !important;
  }

  .site-header nav a{
    display:block !important;
    padding:14px 12px !important;
    border-radius:10px;
    font-size:.98rem !important;
    text-align:left !important;
  }

  .site-header nav a:hover{
    background:rgba(212,175,55,.12);
  }
}

/* Hero på mobil */
@media (max-width: 760px){
  .hero{
    min-height:720px !important;
    background-size:cover !important;
    background-position:center top !important;
  }

  .hero-black-panel{
    top:118px !important;
    width:92vw !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    padding:0 !important;
  }

  .final-hero-title{
    font-size:clamp(2.1rem, 11vw, 3.4rem) !important;
    line-height:1.05 !important;
  }

  .final-hero-title span{
    font-size:.50em !important;
    line-height:1.15 !important;
  }

  .final-hero-title strong{
    font-size:.92em !important;
    letter-spacing:.03em !important;
    padding-bottom:26px !important;
  }

  .final-hero-title strong i{
    height:24px !important;
    width:118% !important;
    border-bottom-width:3px !important;
  }

  .hero-new-intro{
    max-width:92vw !important;
    font-size:.98rem !important;
    line-height:1.5 !important;
    margin-top:14px !important;
  }

  .hero-actions-positioned,
  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    top:500px !important;
    width:92vw !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    padding:0 !important;
  }

  .hero-actions-positioned .btn,
  .hero .btn{
    min-width:150px;
    justify-content:center;
    text-align:center;
  }
}

@media (max-width: 430px){
  .hero{
    min-height:690px !important;
  }

  .hero-black-panel{
    top:105px !important;
  }

  .hero-actions-positioned,
  .hero .hero-actions,
  .hero .actions,
  .hero .btn-group,
  .hero .buttons,
  .hero .hero-buttons,
  .hero .cta-row{
    top:485px !important;
  }

  .hero-actions-positioned .btn,
  .hero .btn{
    width:100%;
    max-width:260px;
  }
}

/* Sektioner och kort på mobil */
@media (max-width: 760px){
  .section,
  .main-page-section,
  #prices,
  #times,
  #contact{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .section-heading h2,
  #fighters-page h1,
  #gallery-page h1,
  .bilder-only-main h1{
    font-size:clamp(2rem, 10vw, 3rem) !important;
    line-height:1.05 !important;
    word-break:normal;
  }

  .schedule-grid,
  .pricing-grid,
  .trainer-grid,
  .contact-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .schedule-card,
  .pricing-card,
  .trainer-card,
  .contact-card{
    width:100% !important;
  }
}

/* Tävlande fighters mobil */
@media (max-width: 760px){
  body.fighters-open #fighters-page{
    padding:110px 16px 52px !important;
  }

  .fighters-inner{
    max-width:100% !important;
  }

  .fighter-profile-card{
    grid-template-columns:1fr !important;
    max-width:100% !important;
    gap:0 !important;
    margin-bottom:22px !important;
    transform:none !important;
  }

  .fighter-photo-wrap{
    min-height:0 !important;
    height:auto !important;
  }

  .fighter-photo{
    width:100% !important;
    height:auto !important;
    max-height:420px !important;
    object-fit:cover !important;
  }

  .fighter-info{
    padding:20px 18px !important;
  }

  .fighter-info h2{
    font-size:clamp(1.7rem, 9vw, 2.4rem) !important;
    line-height:1.08 !important;
  }

  .fighter-meta-grid{
    grid-template-columns:100px 1fr !important;
    gap:0 !important;
  }

  .fighter-meta-grid span,
  .fighter-meta-grid strong{
    font-size:.88rem !important;
    line-height:1.35 !important;
    padding:9px 0 !important;
  }
}

/* Bilder-fliken mobil + lightbox */
@media (max-width: 760px){
  .bilder-only-main{
    padding:110px 16px 54px !important;
  }

  .bilder-only-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .bilder-card img{
    height:auto !important;
    max-height:none !important;
    aspect-ratio:auto !important;
  }

  .image-lightbox{
    padding:12px !important;
  }

  .image-lightbox img{
    max-width:96vw !important;
    max-height:82vh !important;
  }

  .lightbox-close{
    top:12px !important;
    right:12px !important;
    width:44px !important;
    height:44px !important;
    font-size:30px !important;
  }
}

/* Gör ankarlänkar snällare med sticky header */
section[id],
#prices,
#times,
#contact,
#fighters-page{
  scroll-margin-top:105px !important;
}


/* V47 - små korrigeringar, behåll befintlig design */

/* Zooma ut hero-bakgrunden lite så mer av handskar/ring syns */
.hero{
  background-size: 94% auto !important;
  background-position: center 42px !important;
  background-color:#050505 !important;
}

body:not(.bilder-page-body):not(.fighters-open) main{
  background-size: 94% auto !important;
  background-position: center 42px !important;
  background-color:#050505 !important;
}

/* På mobil behåller vi cover så det inte blir konstiga svarta kanter */
@media(max-width:760px){
  .hero{
    background-size: cover !important;
    background-position: center top !important;
  }

  body:not(.bilder-page-body):not(.fighters-open) main{
    background-size: cover !important;
    background-position: center top !important;
  }
}

/* Tävlande fighters får aldrig synas på hemskärmen */
body:not(.fighters-open) #fighters-page{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  pointer-events:none !important;
}

/* När fighters är öppet ska bara fighters-sidan visas, inte hemskärmen */
body.fighters-open .hero,
body.fighters-open main > section:not(#fighters-page){
  display:none !important;
}

/* Ta bort eventuell kvarvarande introtext via CSS också */
.fighters-intro{
  display:none !important;
}


/* V48 - bugfix + Rezan */

/* Absolute safety: Tävlande fighters can never leak onto homepage */
#fighters-page{
  display:none !important;
}

body.fighters-open #fighters-page{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:calc(100vh - 90px) !important;
  max-height:none !important;
  overflow:visible !important;
  padding:145px 20px 60px !important;
  margin:0 !important;
  pointer-events:auto !important;
}

body:not(.fighters-open) #fighters-page,
body:not(.fighters-open) #fighters-page *{
  display:none !important;
  visibility:hidden !important;
}

/* När fighters är öppet ska huvudsidan vara borta */
body.fighters-open .hero,
body.fighters-open main > section:not(#fighters-page){
  display:none !important;
}

/* Fighter cards stay same smaller size for Love, Irman and Rezan */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin:0 auto 28px !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-photo{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.fighter-info{
  padding:20px 24px !important;
}

.fighter-info h2{
  font-size:clamp(1.55rem,2.5vw,2.15rem) !important;
  margin-bottom:12px !important;
}

.fighter-meta-grid{
  grid-template-columns:115px 1fr !important;
}

.fighter-meta-grid span,
.fighter-meta-grid strong{
  padding:7px 0 !important;
  font-size:.9rem !important;
}

@media(max-width:760px){
  body.fighters-open #fighters-page{
    padding:110px 16px 52px !important;
  }

  .fighter-profile-card{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }

  .fighter-photo{
    height:auto !important;
    max-height:420px !important;
  }
}


/* V49 */

/* Ta bort gamla placeholder-fighters helt om någon CSS/JS ändå försöker visa den */
section#fighters,
section.fighters-section{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  pointer-events:none !important;
}

/* Riktiga fighters-sidan får bara synas när fighters-open finns */
#fighters-page{
  display:none !important;
}

body.fighters-open #fighters-page{
  display:block !important;
}

/* Zooma ut hero-bakgrunden lite mer på desktop så handskar/ring syns mer */
.hero{
  background-size: 88% auto !important;
  background-position: center 54px !important;
  background-color:#050505 !important;
}

/* Fortsätt samma känsla när man scrollar */
body:not(.bilder-page-body):not(.fighters-open) main{
  background-size: 88% auto !important;
  background-position: center 54px !important;
  background-color:#050505 !important;
}

/* Diskret levande rök på hero, utan att ändra layouten */
.hero{
  position:relative !important;
  overflow:hidden !important;
}

.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-12% !important;
  pointer-events:none !important;
  z-index:2 !important;
  opacity:.18 !important;
  background:
    radial-gradient(ellipse at 18% 72%, rgba(255,255,255,.18), transparent 34%),
    radial-gradient(ellipse at 80% 70%, rgba(255,255,255,.13), transparent 36%),
    radial-gradient(ellipse at 50% 58%, rgba(212,175,55,.10), transparent 40%);
  filter:blur(28px);
  animation: smokeDrift 16s ease-in-out infinite alternate;
}

.hero > *{
  position:relative;
  z-index:5;
}

@keyframes smokeDrift{
  0%{
    transform:translate3d(-18px, 8px, 0) scale(1.02);
    opacity:.13;
  }
  50%{
    transform:translate3d(12px, -10px, 0) scale(1.05);
    opacity:.20;
  }
  100%{
    transform:translate3d(24px, 10px, 0) scale(1.03);
    opacity:.15;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero::after{
    animation:none !important;
  }
}

/* Mobil: behåll cover så bilden inte får konstiga kanter */
@media(max-width:760px){
  .hero{
    background-size:cover !important;
    background-position:center top !important;
  }

  body:not(.bilder-page-body):not(.fighters-open) main{
    background-size:cover !important;
    background-position:center top !important;
  }

  .hero::after{
    opacity:.10 !important;
  }
}


/* V50 småkorrigeringar */

/* Irman tränare: The People's Champ under namnet i guld */
.coach-card .champion-title{
  margin:.15rem 0 .15rem;
  color:var(--gold) !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
}

/* Aktiv meny, även länken "Bilder" utanför ul.menu */
.site-header a.active,
.nav > a.active,
.site-header a[aria-current="page"]{
  color:var(--gold) !important;
}

/* När fighters är öppet ska fighters-länken vara guld, inte Kontakt */
body.fighters-open a[data-show-fighters],
body.fighters-open a[href="#fighters"]{
  color:var(--gold) !important;
}

/* Rök-effekten lite tydligare och mer levande */
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-14% !important;
  pointer-events:none !important;
  z-index:2 !important;
  opacity:.30 !important;
  background:
    radial-gradient(ellipse at 16% 72%, rgba(255,255,255,.28), transparent 34%),
    radial-gradient(ellipse at 84% 70%, rgba(255,255,255,.22), transparent 36%),
    radial-gradient(ellipse at 52% 60%, rgba(212,175,55,.18), transparent 42%),
    radial-gradient(ellipse at 45% 88%, rgba(255,255,255,.13), transparent 36%);
  filter:blur(30px);
  animation: smokeDriftV50 12s ease-in-out infinite alternate;
}

.hero > *{
  position:relative;
  z-index:5;
}

@keyframes smokeDriftV50{
  0%{
    transform:translate3d(-28px, 10px, 0) scale(1.02);
    opacity:.22;
  }
  40%{
    transform:translate3d(10px, -16px, 0) scale(1.06);
    opacity:.34;
  }
  100%{
    transform:translate3d(32px, 14px, 0) scale(1.04);
    opacity:.26;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero::after{
    animation:none !important;
  }
}

@media(max-width:760px){
  .hero::after{
    opacity:.16 !important;
    filter:blur(24px);
  }
}


/* V51 - Mahmoud + Fighters namnbyte */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin:0 auto 28px !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-photo{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

@media(max-width:760px){
  .fighter-profile-card{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }

  .fighter-photo{
    height:auto !important;
    max-height:420px !important;
  }
}


/* V52 - Mahmoud stance + tydligare stigande rök + framtidssäker bildförstoring */

/* Mer synlig och tydligt stigande rök i hero, loopar ca 15 sekunder */
.hero{
  position:relative !important;
  overflow:hidden !important;
}

.hero::before,
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:2 !important;
  inset:-18% -12% !important;
  background-repeat:no-repeat !important;
  will-change:transform, opacity !important;
}

.hero::before{
  opacity:.34 !important;
  background:
    radial-gradient(ellipse at 18% 82%, rgba(255,255,255,.30), transparent 34%),
    radial-gradient(ellipse at 78% 82%, rgba(255,255,255,.25), transparent 36%),
    radial-gradient(ellipse at 50% 84%, rgba(212,175,55,.16), transparent 42%);
  filter:blur(32px);
  animation: heroSmokeRiseA 15s linear infinite;
}

.hero::after{
  opacity:.24 !important;
  background:
    radial-gradient(ellipse at 32% 76%, rgba(255,255,255,.18), transparent 32%),
    radial-gradient(ellipse at 68% 72%, rgba(212,175,55,.14), transparent 38%),
    radial-gradient(ellipse at 50% 60%, rgba(255,255,255,.12), transparent 40%);
  filter:blur(42px);
  animation: heroSmokeRiseB 15s linear infinite;
}

.hero > *{
  position:relative;
  z-index:5;
}

@keyframes heroSmokeRiseA{
  0%{
    transform:translate3d(-24px, 80px, 0) scale(1.00);
    opacity:.18;
  }
  35%{
    opacity:.38;
  }
  70%{
    opacity:.28;
  }
  100%{
    transform:translate3d(24px, -150px, 0) scale(1.10);
    opacity:.05;
  }
}

@keyframes heroSmokeRiseB{
  0%{
    transform:translate3d(26px, 115px, 0) scale(1.02);
    opacity:.10;
  }
  45%{
    opacity:.28;
  }
  100%{
    transform:translate3d(-28px, -130px, 0) scale(1.13);
    opacity:.04;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero::before,
  .hero::after{
    animation:none !important;
  }
}

@media(max-width:760px){
  .hero::before{
    opacity:.18 !important;
    filter:blur(28px);
  }

  .hero::after{
    opacity:.13 !important;
    filter:blur(34px);
  }
}

/* Framtida bilder i Bilder-fliken ska få samma klick/förstoring direkt */
.bilder-only-grid img,
.bilder-card img,
.only-gallery-grid img{
  cursor:zoom-in !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bilder-only-grid img:hover,
.bilder-card img:hover,
.only-gallery-grid img:hover,
.bilder-only-grid img:focus,
.bilder-card img:focus,
.only-gallery-grid img:focus{
  transform:scale(1.025);
  border-color:rgba(212,175,55,.72) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.65) !important;
  outline:none;
}

body.lightbox-open{
  overflow:hidden;
}


/* V53 - finjustering header/logga */

/* Lite smalare toppkant/header utan att ändra layouten i övrigt */
.site-header{
  min-height:76px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

/* Loggan får hänga över kanten lite mer och poppa */
.site-header .brand img{
  width:86px !important;
  height:86px !important;
  margin-top:-12px !important;
  margin-bottom:-14px !important;
  filter:drop-shadow(0 0 14px rgba(212,175,55,.45)) !important;
}

/* Brand-text i stora bokstäver, lite större och med guldig kant/glow */
.site-header .brand span{
  text-transform:uppercase !important;
  font-size:1.08rem !important;
  letter-spacing:.035em !important;
  font-weight:900 !important;
  color:#fff !important;
  -webkit-text-stroke:.35px rgba(212,175,55,.75);
  text-shadow:
    0 0 8px rgba(212,175,55,.30),
    0 2px 8px rgba(0,0,0,.85) !important;
}

/* Bilder-sidan använder samma header-känsla */
.bilder-page-body .site-header .brand span{
  text-transform:uppercase !important;
}

/* Mobil: håll det snyggt men inte för stort */
@media(max-width:860px){
  .site-header{
    min-height:72px !important;
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  .site-header .brand img{
    width:70px !important;
    height:70px !important;
    margin-top:-8px !important;
    margin-bottom:-10px !important;
  }

  .site-header .brand span{
    font-size:.92rem !important;
    letter-spacing:.02em !important;
    max-width:60vw !important;
  }

  .site-header nav{
    top:72px !important;
  }
}

@media(max-width:430px){
  .site-header .brand span{
    font-size:.82rem !important;
    max-width:54vw !important;
  }
}


/* V54 - finjustering: textkant istället för loggkant */

/* Lite smalare meny/header */
.site-header{
  min-height:66px !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}

/* Behåll loggans storlek men minska extra glow/kant runt själva loggan */
.site-header .brand img{
  width:86px !important;
  height:86px !important;
  margin-top:-11px !important;
  margin-bottom:-11px !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.70)) !important;
}

/* Lägg den tydliga guld-kanten på TEXTEN istället */
.site-header .brand span{
  text-transform:uppercase !important;
  font-size:1.10rem !important;
  letter-spacing:.045em !important;
  font-weight:950 !important;
  color:#fff !important;
  -webkit-text-stroke:.65px rgba(212,175,55,.95) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 0 8px rgba(212,175,55,.42),
    0 0 2px rgba(212,175,55,.85),
    0 2px 8px rgba(0,0,0,.90) !important;
}

/* Mobil: smalare menyn men loggan ska fortfarande poppa lite */
@media(max-width:860px){
  .site-header{
    min-height:66px !important;
    padding-top:2px !important;
    padding-bottom:2px !important;
  }

  .site-header .brand img{
    width:70px !important;
    height:70px !important;
    margin-top:-8px !important;
    margin-bottom:-8px !important;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.72)) !important;
  }

  .site-header .brand span{
    font-size:.92rem !important;
    letter-spacing:.025em !important;
    -webkit-text-stroke:.45px rgba(212,175,55,.95) !important;
    max-width:60vw !important;
  }

  .site-header nav{
    top:66px !important;
  }
}

@media(max-width:430px){
  .site-header .brand span{
    font-size:.80rem !important;
    max-width:54vw !important;
  }
}


/* V55 - små header/tränare-korrigeringar */

/* Headern hålls smal, men själva loggan får hänga över mer */
.site-header{
  min-height:64px !important;
  padding-top:1px !important;
  padding-bottom:1px !important;
  overflow:visible !important;
}

.site-header .brand{
  overflow:visible !important;
  align-items:center !important;
}

/* Mindre guldig glow runt runda loggan, men själva loggan större och mer över kanten */
.site-header .brand img{
  width:92px !important;
  height:92px !important;
  margin-top:-16px !important;
  margin-bottom:-16px !important;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.78)) !important;
  position:relative !important;
  z-index:5 !important;
}

/* Starkare och tydligare guldkant runt texten FIGHT TEAM VÄSTERVIK */
.site-header .brand span{
  text-transform:uppercase !important;
  font-size:1.12rem !important;
  letter-spacing:.048em !important;
  font-weight:950 !important;
  color:#fff !important;
  -webkit-text-stroke:.9px rgba(212,175,55,1) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 0 2px rgba(212,175,55,1),
    0 0 9px rgba(212,175,55,.58),
    0 2px 8px rgba(0,0,0,.95) !important;
}

/* Tränare: jämna till Majid/Irman så namnen och guldtexterna ligger mer harmoniskt */
.coach-card{
  display:flex !important;
  flex-direction:column !important;
}

.coach-card > div,
.coach-card .trainer-info,
.coach-card .coach-info{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}

.coach-card h3{
  min-height:1.35em !important;
  margin-bottom:.35rem !important;
  display:flex !important;
  align-items:flex-end !important;
}

.coach-card .champion-title{
  min-height:1.1rem !important;
  margin:.05rem 0 .18rem !important;
  display:block !important;
}

/* Om ett tränarkort saknar champion-title ska rollen ändå hamna jämnt */
.coach-card .role{
  margin-top:.15rem !important;
}

/* Mobil */
@media(max-width:860px){
  .site-header{
    min-height:64px !important;
  }

  .site-header .brand img{
    width:76px !important;
    height:76px !important;
    margin-top:-10px !important;
    margin-bottom:-10px !important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.78)) !important;
  }

  .site-header .brand span{
    font-size:.94rem !important;
    letter-spacing:.026em !important;
    -webkit-text-stroke:.65px rgba(212,175,55,1) !important;
    max-width:60vw !important;
  }

  .site-header nav{
    top:64px !important;
  }
}

@media(max-width:430px){
  .site-header .brand img{
    width:72px !important;
    height:72px !important;
    margin-top:-9px !important;
    margin-bottom:-9px !important;
  }

  .site-header .brand span{
    font-size:.80rem !important;
    max-width:53vw !important;
    -webkit-text-stroke:.5px rgba(212,175,55,1) !important;
  }
}


/* V56 - Fighters background image */
body.fighters-open #fighters-page{
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.88)),
    url('assets/images/fighters-bg.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* Lägg en lätt mörk/guldig ton så fighter-korten fortfarande syns tydligt */
body.fighters-open #fighters-page::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:
    radial-gradient(ellipse at 50% 10%, rgba(212,175,55,.12), transparent 40%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.72)) !important;
}

body.fighters-open #fighters-page > *{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:760px){
  body.fighters-open #fighters-page{
    background-attachment:scroll !important;
    background-position:center top !important;
  }
}


/* V57 - riktig bakgrund i Fighters-fliken */

/* CSS-filen ligger i assets/css, därför måste bildvägen vara ../images/fighters-bg.png */
body.fighters-open main,
body.fighters-open #fighters-page{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.66), rgba(0,0,0,.86)),
    url('../images/fighters-bg.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  background-color:#050505 !important;
}

/* Säkerställ att bakgrunden syns bakom innehållet */
body.fighters-open #fighters-page{
  position:relative !important;
  isolation:isolate !important;
}

body.fighters-open #fighters-page::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background-image:
    radial-gradient(ellipse at 50% 10%, rgba(212,175,55,.13), transparent 42%),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.65)),
    url('../images/fighters-bg.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Innehållet ska ligga ovanpå bakgrunden */
body.fighters-open #fighters-page > *{
  position:relative !important;
  z-index:1 !important;
}

@media(max-width:760px){
  body.fighters-open main,
  body.fighters-open #fighters-page,
  body.fighters-open #fighters-page::before{
    background-attachment:scroll !important;
    background-position:center top !important;
  }
}


/* V58 - Jacob Rosberg fighter-card */
.fighter-profile-card{
  max-width:820px !important;
  grid-template-columns:270px 1fr !important;
  gap:18px !important;
  margin:0 auto 28px !important;
}

.fighter-photo-wrap{
  min-height:205px !important;
}

.fighter-photo{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

@media(max-width:760px){
  .fighter-profile-card{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }

  .fighter-photo{
    height:auto !important;
    max-height:420px !important;
  }
}


/* V59 - nya Bilder + Jacob gren */
.bilder-only-grid,
.only-gallery-grid,
.gallery-grid{
  align-items:start !important;
}

.bilder-card img{
  width:100% !important;
  height:280px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  cursor:zoom-in !important;
}

@media(max-width:760px){
  .bilder-card img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}


/* V60 - kompakt Bilder-grid + lightbox-pilar */

/* Gör bilder-fliken mer kompakt så man slipper scrolla i evigheter */
.bilder-only-grid,
.only-gallery-grid,
.gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.bilder-card{
  min-width:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
}

.bilder-card img{
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  cursor:zoom-in !important;
}

/* lite större rutor på bred desktop, men fortfarande kompakt */
@media(min-width:1200px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap:16px !important;
  }

  .bilder-card img{
    height:225px !important;
  }
}

/* surfplatta */
@media(max-width:900px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap:12px !important;
  }

  .bilder-card img{
    height:180px !important;
  }
}

/* mobil: två kolumner där det får plats, annars en kolumn */
@media(max-width:560px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .bilder-card img{
    height:145px !important;
    object-fit:cover !important;
  }
}

@media(max-width:360px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:1fr !important;
  }

  .bilder-card img{
    height:auto !important;
  }
}

/* Lightbox-pilar */
.image-lightbox{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(4px);
}

.image-lightbox.is-open{
  display:flex !important;
}

.image-lightbox img{
  max-width:min(1120px, 92vw) !important;
  max-height:86vh !important;
  object-fit:contain !important;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.55);
  box-shadow:0 30px 100px rgba(0,0,0,.85);
}

.lightbox-arrow{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  z-index:10001;
  width:54px;
  height:54px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.65);
  background:rgba(0,0,0,.70);
  color:#fff;
  font-size:46px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 18px 60px rgba(0,0,0,.65);
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}

.lightbox-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  background:rgba(18,18,18,.88);
  border-color:rgba(255,215,80,.9);
}

.lightbox-prev{
  left:24px;
}

.lightbox-next{
  right:24px;
}

.lightbox-close{
  z-index:10002 !important;
}

@media(max-width:760px){
  .image-lightbox{
    padding:12px !important;
  }

  .image-lightbox img{
    max-width:96vw !important;
    max-height:80vh !important;
  }

  .lightbox-arrow{
    width:44px;
    height:44px;
    font-size:38px;
    background:rgba(0,0,0,.78);
  }

  .lightbox-prev{
    left:10px;
  }

  .lightbox-next{
    right:10px;
  }
}


/* V62 Launch polish */

/* Snygg men diskret sidövergång */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body.page-transition-out{
  opacity:.88;
  transition:opacity .18s ease;
}

/* Fighters/Bilder animation som även fungerar på mobil */
body.fighters-open #fighters-page{
  animation:fightersPageEnter .58s cubic-bezier(.18,.84,.25,1) both;
}

body.fighters-open #fighters-page .fighter-profile-card{
  animation:fighterCardEnter .52s cubic-bezier(.18,.84,.25,1) both;
}

body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(1){ animation-delay:.06s; }
body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(2){ animation-delay:.12s; }
body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(3){ animation-delay:.18s; }
body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(4){ animation-delay:.24s; }
body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(5){ animation-delay:.30s; }
body.fighters-open #fighters-page .fighter-profile-card:nth-of-type(6){ animation-delay:.36s; }

.bilder-page-body .bilder-only-main,
.bilder-page-body main{
  animation:galleryPageEnter .55s cubic-bezier(.18,.84,.25,1) both;
}

.bilder-page-body .bilder-card{
  animation:galleryCardEnter .42s cubic-bezier(.18,.84,.25,1) both;
}

.bilder-page-body .bilder-card:nth-child(2n){ animation-delay:.04s; }
.bilder-page-body .bilder-card:nth-child(3n){ animation-delay:.08s; }
.bilder-page-body .bilder-card:nth-child(4n){ animation-delay:.12s; }

@keyframes fightersPageEnter{
  from{
    opacity:0;
    transform:translateY(18px);
    filter:blur(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
    filter:blur(0);
  }
}

@keyframes fighterCardEnter{
  from{
    opacity:0;
    transform:translateY(22px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes galleryPageEnter{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes galleryCardEnter{
  from{
    opacity:0;
    transform:translateY(16px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* Mer levande rök: tydlig stigande loop på ca 15 sekunder */
.hero{
  position:relative !important;
  overflow:hidden !important;
}

.hero::before,
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:2 !important;
  inset:-20% -14% !important;
  background-repeat:no-repeat !important;
  will-change:transform, opacity !important;
}

.hero::before{
  opacity:.36 !important;
  background:
    radial-gradient(ellipse at 18% 84%, rgba(255,255,255,.34), transparent 34%),
    radial-gradient(ellipse at 78% 84%, rgba(255,255,255,.28), transparent 36%),
    radial-gradient(ellipse at 50% 88%, rgba(212,175,55,.18), transparent 42%);
  filter:blur(32px);
  animation:launchSmokeRiseA 15s linear infinite;
}

.hero::after{
  opacity:.26 !important;
  background:
    radial-gradient(ellipse at 32% 78%, rgba(255,255,255,.20), transparent 32%),
    radial-gradient(ellipse at 68% 74%, rgba(212,175,55,.16), transparent 38%),
    radial-gradient(ellipse at 50% 62%, rgba(255,255,255,.13), transparent 40%);
  filter:blur(42px);
  animation:launchSmokeRiseB 15s linear infinite;
}

.hero > *{
  position:relative;
  z-index:5;
}

@keyframes launchSmokeRiseA{
  0%{
    transform:translate3d(-28px, 95px, 0) scale(1);
    opacity:.16;
  }
  35%{
    opacity:.40;
  }
  70%{
    opacity:.30;
  }
  100%{
    transform:translate3d(28px, -165px, 0) scale(1.12);
    opacity:.04;
  }
}

@keyframes launchSmokeRiseB{
  0%{
    transform:translate3d(32px, 125px, 0) scale(1.02);
    opacity:.09;
  }
  45%{
    opacity:.30;
  }
  100%{
    transform:translate3d(-32px, -140px, 0) scale(1.14);
    opacity:.04;
  }
}

/* Footer credit */
.site-credit{
  display:inline-block;
  margin-left:12px;
  font-size:.72rem;
  color:rgba(255,255,255,.48);
  letter-spacing:.03em;
}

footer{
  gap:8px;
  flex-wrap:wrap;
}

/* Mobiloptimering inför lansering */
@media(max-width:860px){
  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  .site-header{
    backdrop-filter:blur(10px);
  }

  .site-header nav a{
    min-height:44px;
    display:flex !important;
    align-items:center;
  }
}

@media(max-width:760px){
  .hero{
    min-height:700px !important;
  }

  .hero::before{
    opacity:.20 !important;
    filter:blur(28px);
  }

  .hero::after{
    opacity:.15 !important;
    filter:blur(34px);
  }

  body.fighters-open #fighters-page .fighter-profile-card{
    animation-duration:.42s;
  }

  .bilder-page-body .bilder-card{
    animation-duration:.35s;
  }

  .image-lightbox img{
    max-width:96vw !important;
    max-height:80vh !important;
  }

  .site-credit{
    display:block;
    margin-left:0;
    margin-top:4px;
    width:100%;
    text-align:center;
  }
}

/* Respektera användare som stängt av animationer */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
}


/* V62 - fränare symbol under Västervik + tydligare rök */

/* Gör Västervik-raden redo för symbolen */
.final-hero-title strong{
  position:relative !important;
  display:inline-block !important;
  overflow:visible !important;
  padding-left:42px !important;
  padding-right:42px !important;
  padding-bottom:44px !important;
}

/* Ta bort/ersätt tidigare båge/linje */
.final-hero-title strong i,
.final-hero-title strong .vastervik-mark{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:118% !important;
  height:38px !important;
  transform:translateX(-50%) !important;
  border:0 !important;
  border-radius:0 !important;
  pointer-events:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* Horisontella guldlinjer + mittsymbol */
.final-hero-title strong i::before,
.final-hero-title strong .vastervik-mark::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:9px !important;
  width:100% !important;
  height:2px !important;
  transform:translateX(-50%) !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(212,175,55,.95) 10%,
      rgba(255,221,105,1) 37%,
      transparent 43%,
      transparent 57%,
      rgba(255,221,105,1) 63%,
      rgba(212,175,55,.95) 90%,
      transparent 100%) !important;
  box-shadow:
    0 0 9px rgba(212,175,55,.72),
    0 0 18px rgba(212,175,55,.35) !important;
}

/* Nedåtriktad guldig "badge"/vinge under mitten */
.final-hero-title strong i::after,
.final-hero-title strong .vastervik-mark::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:12px !important;
  width:170px !important;
  height:24px !important;
  transform:translateX(-50%) !important;
  background:
    linear-gradient(180deg,
      rgba(255,225,118,1) 0%,
      rgba(212,175,55,1) 48%,
      rgba(128,82,22,.95) 100%) !important;
  clip-path:polygon(
    0 0,
    36% 0,
    50% 58%,
    64% 0,
    100% 0,
    72% 32%,
    50% 100%,
    28% 32%
  ) !important;
  filter:
    drop-shadow(0 0 8px rgba(212,175,55,.75))
    drop-shadow(0 4px 8px rgba(0,0,0,.85)) !important;
  opacity:.98 !important;
}

/* Extra liten mörk skåra för mer djup i symbolen */
.final-hero-title strong::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:9px !important;
  width:70px !important;
  height:8px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, transparent, rgba(0,0,0,.55), transparent) !important;
  border-radius:999px !important;
  pointer-events:none !important;
}

/* Rök: mer synlig, stigande och med två lager som loopar */
.hero{
  position:relative !important;
  overflow:hidden !important;
}

/* Vi använder både before/after och låter dem ligga bakom text/knappar */
.hero::before,
.hero::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:2 !important;
  inset:-22% -16% !important;
  background-repeat:no-repeat !important;
  will-change:transform, opacity !important;
}

.hero::before{
  opacity:.46 !important;
  background:
    radial-gradient(ellipse at 18% 88%, rgba(255,255,255,.40), transparent 34%),
    radial-gradient(ellipse at 76% 86%, rgba(255,255,255,.32), transparent 36%),
    radial-gradient(ellipse at 50% 92%, rgba(212,175,55,.24), transparent 42%),
    radial-gradient(ellipse at 45% 68%, rgba(255,255,255,.16), transparent 38%) !important;
  filter:blur(30px) !important;
  animation: ftSmokeRiseStrongA 15s linear infinite !important;
}

.hero::after{
  opacity:.34 !important;
  background:
    radial-gradient(ellipse at 28% 78%, rgba(255,255,255,.26), transparent 32%),
    radial-gradient(ellipse at 68% 74%, rgba(212,175,55,.20), transparent 38%),
    radial-gradient(ellipse at 53% 62%, rgba(255,255,255,.18), transparent 40%),
    radial-gradient(ellipse at 86% 90%, rgba(255,255,255,.20), transparent 30%) !important;
  filter:blur(42px) !important;
  animation: ftSmokeRiseStrongB 15s linear infinite !important;
}

.hero > *{
  position:relative !important;
  z-index:5 !important;
}

@keyframes ftSmokeRiseStrongA{
  0%{
    transform:translate3d(-34px, 125px, 0) scale(1);
    opacity:.18;
  }
  20%{
    opacity:.46;
  }
  55%{
    opacity:.38;
  }
  100%{
    transform:translate3d(36px, -185px, 0) scale(1.16);
    opacity:.06;
  }
}

@keyframes ftSmokeRiseStrongB{
  0%{
    transform:translate3d(40px, 145px, 0) scale(1.03);
    opacity:.12;
  }
  35%{
    opacity:.36;
  }
  70%{
    opacity:.28;
  }
  100%{
    transform:translate3d(-38px, -165px, 0) scale(1.18);
    opacity:.05;
  }
}

/* Mobil: symbolen och röken ska fortfarande fungera snyggt */
@media(max-width:760px){
  .final-hero-title strong{
    padding-left:24px !important;
    padding-right:24px !important;
    padding-bottom:34px !important;
  }

  .final-hero-title strong i,
  .final-hero-title strong .vastervik-mark{
    width:112% !important;
    height:30px !important;
  }

  .final-hero-title strong i::after,
  .final-hero-title strong .vastervik-mark::after{
    width:118px !important;
    height:18px !important;
  }

  .hero::before{
    opacity:.28 !important;
    filter:blur(28px) !important;
  }

  .hero::after{
    opacity:.20 !important;
    filter:blur(36px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .hero::before,
  .hero::after{
    animation:none !important;
  }
}


/* FINAL - Bilder grid: 4 bilder per rad på desktop */

/* Hårdstyr Bilder-fliken så alla kort fortsätter i samma 4-kolumners grid */
.bilder-only-grid,
.only-gallery-grid,
.gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
  width:100% !important;
}

.bilder-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:16px !important;
}

.bilder-card img{
  width:100% !important;
  height:220px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  cursor:zoom-in !important;
}

/* Lite mindre skärmar: 3 per rad */
@media(max-width:1100px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
  }

  .bilder-card img{
    height:200px !important;
  }
}

/* Surfplatta/större mobil: 2 per rad */
@media(max-width:760px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .bilder-card img{
    height:150px !important;
    object-fit:cover !important;
  }
}

/* Smalaste mobiler: 1 per rad om det blir för trångt */
@media(max-width:360px){
  .bilder-only-grid,
  .only-gallery-grid,
  .gallery-grid{
    grid-template-columns:1fr !important;
  }

  .bilder-card img{
    height:auto !important;
    max-height:none !important;
  }
}


/* FTV FIX 2026-06-12 - fungerande mobilmeny för startsida och bilder */
.site-header.ftv-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:5000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  min-height:76px !important;
  padding:6px max(4vw, 20px) !important;
  background:rgba(8,9,13,.86) !important;
  border-bottom:1px solid rgba(212,175,55,.22) !important;
  overflow:visible !important;
  backdrop-filter:blur(14px) !important;
}

.site-header.ftv-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  overflow:visible !important;
  flex:0 1 auto !important;
}

.site-header.ftv-header .brand img{
  width:86px !important;
  height:86px !important;
  margin-top:-12px !important;
  margin-bottom:-12px !important;
  object-fit:cover !important;
  border-radius:999px !important;
  border:3px solid var(--gold) !important;
  position:relative !important;
  z-index:2 !important;
}

.site-header.ftv-header .brand span{
  display:inline-block !important;
  color:#fff !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
  letter-spacing:.045em !important;
  white-space:nowrap !important;
  text-shadow:0 0 8px rgba(212,175,55,.38), 0 2px 8px rgba(0,0,0,.9) !important;
  -webkit-text-stroke:.75px rgba(212,175,55,.95) !important;
}

.site-header.ftv-header .header-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  position:static !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.site-header.ftv-header .header-menu a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:8px 0 !important;
  color:var(--muted) !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
}

.site-header.ftv-header .header-menu a:hover,
.site-header.ftv-header .header-menu a.active,
.site-header.ftv-header .header-menu a[aria-current="page"]{
  color:var(--gold) !important;
  background:transparent !important;
}

.site-header.ftv-header .mobile-nav-toggle{
  display:none !important;
}

@media(max-width: 860px){
  .site-header.ftv-header{
    position:sticky !important;
    min-height:72px !important;
    padding:4px 14px !important;
    gap:10px !important;
  }

  .site-header.ftv-header .brand img{
    width:70px !important;
    height:70px !important;
    margin-top:-8px !important;
    margin-bottom:-8px !important;
  }

  .site-header.ftv-header .brand span{
    max-width:58vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:.88rem !important;
    letter-spacing:.025em !important;
    -webkit-text-stroke:.45px rgba(212,175,55,.95) !important;
  }

  .site-header.ftv-header .mobile-nav-toggle{
    display:inline-flex !important;
    flex:0 0 auto !important;
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(212,175,55,.55) !important;
    border-radius:12px !important;
    background:rgba(0,0,0,.72) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
    z-index:5100 !important;
  }

  .site-header.ftv-header .mobile-nav-toggle span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    background:#fff !important;
    border-radius:999px !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }

  body.mobile-menu-open .site-header.ftv-header .mobile-nav-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }

  body.mobile-menu-open .site-header.ftv-header .mobile-nav-toggle span:nth-child(2){
    opacity:0 !important;
  }

  body.mobile-menu-open .site-header.ftv-header .mobile-nav-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  .site-header.ftv-header .header-menu{
    position:fixed !important;
    top:72px !important;
    left:12px !important;
    right:12px !important;
    z-index:5050 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:2px !important;
    width:auto !important;
    padding:12px !important;
    background:rgba(4,4,4,.97) !important;
    border:1px solid rgba(212,175,55,.35) !important;
    border-radius:16px !important;
    box-shadow:0 22px 70px rgba(0,0,0,.80) !important;
    backdrop-filter:blur(10px) !important;
  }

  body.mobile-menu-open .site-header.ftv-header .header-menu{
    display:flex !important;
  }

  .site-header.ftv-header .header-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    min-height:46px !important;
    padding:12px 14px !important;
    width:100% !important;
    border-radius:10px !important;
    color:#f2f2f2 !important;
    font-size:.98rem !important;
    text-align:left !important;
  }

  .site-header.ftv-header .header-menu a:hover,
  .site-header.ftv-header .header-menu a.active,
  .site-header.ftv-header .header-menu a[aria-current="page"]{
    color:var(--gold) !important;
    background:rgba(212,175,55,.12) !important;
  }
}

@media(max-width: 430px){
  .site-header.ftv-header .brand span{
    max-width:52vw !important;
    font-size:.78rem !important;
  }
}