/* Fit Zone portfolio frontend — visual alignment with approved orange cover.
   Scoped to this static demo: original PHP/CSS and backend are not modified. */
:root{--fz-ink:#18212a;--fz-orange:#fa6b0b;--fz-orange-strong:#ed5b02;--fz-cream:#fff8f3;--fz-paper:#fff;--fz-muted:#6b727d;--fz-border:#edeef0;--fz-radius:18px;--fz-max:1190px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--fz-ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffb777;outline-offset:3px}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
.fz-container{max-width:var(--fz-max);margin:0 auto;padding:0 26px}
.fz-skip{position:absolute;z-index:1000;top:-100px;left:8px;padding:10px 15px;background:var(--fz-orange);color:#fff}
.fz-skip:focus{top:8px}
.fz-demo-strip{background:#fff0e4;color:#75401f;text-align:center;padding:6px 15px;font-size:11px;font-weight:650;letter-spacing:.01em}
.fz-demo-strip a{color:#8b3200;text-decoration:underline;text-underline-offset:2px}
.fz-demo-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--fz-orange);vertical-align:middle;margin-right:8px}
.fz-header{position:sticky;top:0;z-index:90;background:#1c242c;color:#fff;box-shadow:0 4px 22px #0001}
.fz-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.fz-brand{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:26px;font-weight:850;letter-spacing:-1.1px;white-space:nowrap;line-height:1}
.fz-brand-accent,.fz-mark{color:var(--fz-orange)}
.fz-nav-links{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:650}
.fz-nav-links>a{position:relative;color:#f2f4f6;padding:12px 0;white-space:nowrap;transition:color .2s}
.fz-nav-links>a:hover,.fz-nav-links>a.fz-active{color:#fff}
.fz-nav-links>a.fz-active::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--fz-orange)}
.fz-nav-links>a.fz-link-muted{color:#bcc4cc}
.fz-nav-links>a.fz-nav-cta{padding:10px 15px;background:var(--fz-orange);color:#fff;border-radius:10px;box-shadow:0 5px 12px #fa6b0b24}
.fz-menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer;color:#fff}
.fz-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;border-radius:3px;margin:5px 0}
.fz-hero{min-height:560px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#121c25}
.fz-hero-image{position:absolute;inset:0;z-index:-2;background:url('../images/header.webp') center 48%/cover no-repeat}
.fz-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,13,21,.93) 0%,rgba(6,13,21,.82) 35%,rgba(8,14,19,.35) 72%,rgba(10,12,14,.16) 100%)}
.fz-hero-inner{display:flex;align-items:center;min-height:560px;padding-top:54px;padding-bottom:62px}
.fz-hero-content{max-width:650px}
.fz-eyebrow,.fz-section-kicker{color:var(--fz-orange);font-weight:850;font-size:12px;letter-spacing:.20em}
.fz-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}.fz-eyebrow span{width:30px;height:1px;background:currentColor}
.fz-hero h1{font-size:clamp(48px,5vw,73px);line-height:1.06;letter-spacing:-.046em;font-weight:870;margin:0 0 23px}
.fz-hero h1 em,.fz-catalog-hero h1 em{font-style:normal;color:var(--fz-orange)}
.fz-hero p{color:#eaedf0;font-size:19px;line-height:1.6;max-width:530px;margin-bottom:30px}
.fz-hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.fz-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:11px;min-height:49px;padding:13px 22px;font-size:14px;font-weight:760;cursor:pointer;transition:transform .2s,background .2s}
.fz-button:hover{transform:translateY(-2px)}
.fz-button-primary{background:var(--fz-orange);color:#fff;box-shadow:0 10px 22px #c8500831}.fz-button-primary:hover{background:var(--fz-orange-strong)}
.fz-button-ghost{border:1px solid #ffffff8c;color:#fff;background:#ffffff10}.fz-button-ghost:hover{background:#ffffff2a}
.fz-hero-fineprint{display:block;margin-top:28px;color:#ced1d7;font-size:11px;letter-spacing:.025em}
.fz-section{padding:82px 0}.fz-section-soft{background:#fafbfc}.fz-section h2{font-size:clamp(31px,3.7vw,44px);line-height:1.17;letter-spacing:-.036em;margin:12px 0 15px;font-weight:830}.fz-section p{color:var(--fz-muted)}
.fz-heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.fz-heading-row p{margin-bottom:0}
.fz-text-link{color:var(--fz-orange-strong);font-size:13px;font-weight:800;white-space:nowrap}.fz-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.fz-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fz-course-card{overflow:hidden;border-radius:15px;background:#fff;border:1px solid var(--fz-border);box-shadow:0 7px 28px #1726300d;transition:transform .2s,box-shadow .2s}.fz-course-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #1726301c}
.fz-course-image{position:relative;display:block;overflow:hidden}.fz-course-image img{width:100%;height:218px;object-fit:cover;transition:transform .3s}.fz-course-card:hover img{transform:scale(1.045)}
.fz-course-badge{position:absolute;top:15px;left:15px;background:var(--fz-orange);color:#fff;border-radius:18px;padding:4px 11px;font-size:11px;font-weight:800}
.fz-course-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px 22px}.fz-course-info h3{font-size:20px;margin:0 0 4px}.fz-course-info p{font-size:13px;line-height:1.5;margin:0}.fz-course-arrow{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#fff0e6;color:var(--fz-orange-strong);font-size:20px}
.fz-section-lead{max-width:650px;margin-bottom:35px}
.fz-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fz-service-card{border:1px solid #e8ebed;border-radius:16px;overflow:hidden;background:#fff}.fz-service-card img{height:195px;width:100%;object-fit:cover}.fz-service-card>div{padding:22px}.fz-service-card h3{margin:0 0 9px;font-size:20px}.fz-service-card p{margin:0;font-size:14px}
.fz-memberships{background:#1c242c;color:#fff}.fz-memberships .fz-container{display:flex;justify-content:space-between;gap:35px;align-items:center}.fz-memberships h2{max-width:580px}.fz-memberships p{color:#c1c5ca;margin-bottom:0}.fz-memberships .fz-button{flex-shrink:0}
.fz-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:30px}.fz-gallery img{height:160px;width:100%;object-fit:cover;border-radius:10px}.fz-gallery img:first-child{grid-column:span 2}.fz-gallery img:nth-child(2){grid-column:span 2}.fz-gallery img:nth-child(3){grid-column:span 2}.fz-gallery img:nth-child(n+4){grid-column:span 2}
.fz-info-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:95px;align-items:center}.fz-info-grid p{max-width:590px}
.fz-hours{padding:32px;background:#fff;border:1px solid var(--fz-border);border-radius:18px;box-shadow:0 14px 30px #23302c0c}.fz-hours h3{margin:0 0 17px;font-size:20px}.fz-hours>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--fz-border);font-size:14px}.fz-hours strong{white-space:nowrap}.fz-hours small{display:block;color:var(--fz-muted);font-size:11px;margin-top:15px}
.fz-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.fz-contact-grid p{max-width:380px}.fz-location{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--fz-orange);padding-left:15px;margin-top:36px;font-size:14px}.fz-location span{color:var(--fz-muted)}
.fz-contact-form{display:grid;gap:16px;background:#fff;border:1px solid var(--fz-border);padding:30px;border-radius:18px;box-shadow:0 12px 40px #1111}.fz-contact-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.fz-contact-form input,.fz-contact-form textarea{border:1px solid #dddfe2;border-radius:8px;padding:13px 14px;font-size:14px;color:var(--fz-ink);width:100%;background:#fff}.fz-contact-form .fz-button{justify-self:start}.fz-contact-form small{color:var(--fz-muted)}
.fz-faq{display:grid;gap:13px;max-width:850px;margin-top:29px}.fz-faq details{background:#fff;border:1px solid var(--fz-border);border-radius:11px;padding:16px 21px}.fz-faq summary{cursor:pointer;font-weight:700}.fz-faq details p{margin:14px 0 0}
.fz-footer{background:#151c23;color:#d5dbe0;padding:44px 0 25px}.fz-footer-top,.fz-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.fz-footer-top{border-bottom:1px solid #ffffff24;padding-bottom:28px}.fz-footer-top>div{display:flex;gap:24px;font-size:13px}.fz-footer-top a:hover{color:var(--fz-orange)}.fz-footer-bottom{padding-top:22px;color:#b3bac2;font-size:12px}.fz-toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,550px);background:#1c242c;color:#fff;padding:14px 21px;border-left:4px solid var(--fz-orange);box-shadow:0 12px 40px #0004;border-radius:9px;font-size:14px}
/* Catalog design */
.fz-catalog-hero{padding:55px 0 69px;background:linear-gradient(115deg,#1b232b,#2e343a);color:#fff}.fz-crumb{font-size:12px;color:#c4c9cf;margin-bottom:39px}.fz-crumb a:hover{color:var(--fz-orange)}.fz-crumb span{margin:0 9px;color:var(--fz-orange)}.fz-catalog-hero h1{font-size:clamp(44px,5vw,65px);line-height:1;margin:11px 0 20px;letter-spacing:-.04em}.fz-catalog-hero p{max-width:560px;color:#d6dbe0;font-size:17px;margin:0}.fz-catalog-section{padding-top:50px}
.fz-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:31px;flex-wrap:wrap}.fz-filter-heading{display:flex;align-items:center;gap:12px}.fz-filter-heading strong{font-size:19px}.fz-filter-heading span{font-size:12px;color:var(--fz-muted)}.fz-filters{display:flex;gap:9px;flex-wrap:wrap}.fz-filter{background:#f2f3f5;color:#49515b;padding:10px 18px;border-radius:25px;font-weight:700;font-size:13px;cursor:pointer;border:0;transition:background .2s,color .2s}.fz-filter:hover{background:#ffe4ce;color:#ab4300}.fz-filter.is-selected{background:var(--fz-orange);color:white}
.fz-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.fz-catalog-card{display:flex;overflow:hidden;border-radius:15px;border:1px solid #e6e9eb;box-shadow:0 6px 20px #18242c0d;scroll-margin-top:120px}.fz-catalog-card[hidden]{display:none}.fz-catalog-card>img{width:40%;min-width:190px;object-fit:cover}.fz-catalog-card>div{flex:1;min-width:0;padding:22px 24px}.fz-course-type{display:block;font-size:10px;letter-spacing:.16em;font-weight:850;color:var(--fz-orange-strong);margin-bottom:8px}.fz-catalog-card h2{font-size:21px;letter-spacing:-.02em;margin:0 0 7px}.fz-catalog-card p{font-size:13px;color:var(--fz-muted);line-height:1.5;min-height:42px;margin:0}.fz-catalog-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.fz-catalog-bottom span{color:var(--fz-muted);font-size:11px}.fz-catalog-bottom a{background:var(--fz-orange);padding:9px 12px;border-radius:9px;color:#fff;font-weight:800;font-size:12px}.fz-catalog-bottom a span{color:inherit}.fz-catalog-disclaimer{margin-top:30px;background:#fff4ec;color:#794021;border:1px solid #fce1ce;border-radius:12px;padding:17px;font-size:13px}
@media(max-width:1090px){.fz-nav-links{gap:14px;font-size:12px}.fz-brand{font-size:23px}}
@media(max-width:930px){.fz-menu-toggle{display:block}.fz-nav{min-height:68px}.fz-nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#1c242c;padding:16px 25px 22px;box-shadow:0 16px 24px #0005;flex-direction:column;align-items:stretch;gap:0}.fz-nav-links.is-open{display:flex}.fz-nav-links>a{padding:12px 10px}.fz-nav-links>a.fz-active::after{left:10px;right:auto;width:27px;bottom:7px}.fz-nav-links>a.fz-nav-cta{text-align:center;margin-top:9px}.fz-featured-grid{gap:15px}.fz-course-info{padding:16px}.fz-service-grid{gap:15px}.fz-info-grid{gap:40px}.fz-contact-grid{gap:32px}.fz-catalog-grid{grid-template-columns:1fr}}
@media(max-width:700px){.fz-container{padding:0 18px}.fz-demo-strip{font-size:10px;padding:7px 12px}.fz-brand{font-size:22px}.fz-mark svg{width:36px;height:36px}.fz-hero,.fz-hero-inner{min-height:550px}.fz-hero-image{background-position:56% center}.fz-hero::before{background:linear-gradient(90deg,#091017ed 0%,#091017c4 58%,#09101766 100%)}.fz-hero-inner{padding-top:65px;padding-bottom:65px}.fz-eyebrow{font-size:10px;letter-spacing:.12em}.fz-hero h1{font-size:clamp(40px,9vw,56px);letter-spacing:-.045em}.fz-hero p{font-size:16px}.fz-hero-fineprint{font-size:10px}.fz-hero-actions .fz-button{width:100%}.fz-section{padding:58px 0}.fz-section h2{font-size:31px}.fz-heading-row{align-items:start}.fz-heading-row .fz-text-link{margin-top:8px}.fz-featured-grid,.fz-service-grid{grid-template-columns:1fr;gap:17px}.fz-course-card{display:flex;align-items:stretch}.fz-course-image{width:38%;flex-shrink:0}.fz-course-image img{height:100%;min-height:155px}.fz-course-badge{font-size:9px;top:8px;left:8px;padding:3px 7px}.fz-course-info{flex:1;min-width:0;padding:16px 12px;gap:5px}.fz-course-info h3{font-size:17px}.fz-course-info p{font-size:11px}.fz-course-arrow{width:28px;height:28px;flex-basis:28px}.fz-service-card img{height:185px}.fz-memberships .fz-container{flex-direction:column;align-items:flex-start;gap:20px}.fz-gallery{grid-template-columns:repeat(2,1fr);gap:9px}.fz-gallery img,.fz-gallery img:first-child,.fz-gallery img:nth-child(2),.fz-gallery img:nth-child(3),.fz-gallery img:nth-child(n+4){grid-column:auto;height:140px}.fz-info-grid,.fz-contact-grid{grid-template-columns:1fr;gap:26px}.fz-contact-form{padding:20px}.fz-footer-top,.fz-footer-bottom{align-items:start;flex-direction:column}.fz-footer-top>div{flex-wrap:wrap;gap:11px 20px}.fz-catalog-hero{padding:38px 0 49px}.fz-catalog-hero h1{font-size:46px}.fz-catalog-hero p{font-size:15px}.fz-crumb{margin-bottom:30px}.fz-filter-bar{align-items:flex-start;gap:16px}.fz-filter-heading{width:100%;justify-content:space-between}.fz-filter{padding:9px 13px;font-size:12px}.fz-catalog-grid{gap:15px}.fz-catalog-card>img{width:32%;min-width:110px}.fz-catalog-card>div{padding:13px 11px}.fz-catalog-card h2{font-size:16px}.fz-catalog-card p{font-size:11px;min-height:0}.fz-course-type{font-size:9px;margin-bottom:4px}.fz-catalog-bottom{margin-top:9px}.fz-catalog-bottom>span{display:none}.fz-catalog-bottom a{padding:7px 10px;font-size:11px}}
@media(max-width:390px){.fz-demo-strip a{display:none}.fz-hero h1{font-size:38px}.fz-course-info p{display:none}.fz-catalog-card>img{min-width:95px}.fz-catalog-card p{line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}


/* Responsive fix v1.1 — iPhone, Android, iPad and tablets */
:root{--fz-page-gutter:clamp(16px,3vw,32px)}
html{width:100%;scroll-padding-top:90px}
body{min-width:0;overflow-wrap:break-word}
.fz-container{width:100%;max-width:var(--fz-max);padding-inline:var(--fz-page-gutter)}
.fz-nav-links{min-width:0}
.fz-featured-grid>*,.fz-service-grid>*,.fz-catalog-grid>*{min-width:0}
.fz-catalog-card>img{aspect-ratio:4/3}
.fz-button,.fz-filter,.fz-catalog-bottom a,.fz-menu-toggle{touch-action:manipulation}
.fz-menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.fz-contact-form input,.fz-contact-form textarea{min-width:0;max-width:100%}
.fz-footer-bottom>span{min-width:0}
@media(max-width:1200px){
  .fz-nav-links{gap:clamp(8px,1.4vw,18px)}
  .fz-info-grid{gap:clamp(28px,5vw,70px)}
  .fz-contact-grid{gap:clamp(24px,5vw,60px)}
}
@media(max-width:1024px){
  .fz-featured-grid,.fz-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fz-featured-grid>.fz-course-card:last-child,.fz-service-grid>.fz-service-card:last-child{grid-column:span 2}
  .fz-featured-grid>.fz-course-card:last-child .fz-course-image img{height:220px}
  .fz-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fz-gallery img,.fz-gallery img:first-child,.fz-gallery img:nth-child(2),.fz-gallery img:nth-child(3),.fz-gallery img:nth-child(n+4){grid-column:auto;height:180px}
  .fz-memberships .fz-container{align-items:start}
}
@media(max-width:930px){
  .fz-header .fz-nav-links{max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
  .fz-nav-links>a{min-height:44px;display:flex;align-items:center}
  .fz-nav-links>a.fz-nav-cta{justify-content:center}
  .fz-menu-toggle{display:flex;flex-direction:column}
}
@media(min-width:701px) and (max-width:930px){
  .fz-hero,.fz-hero-inner{min-height:490px}
  .fz-hero h1{font-size:clamp(42px,6vw,62px)}
  .fz-heading-row{align-items:start}
  .fz-memberships .fz-container{flex-direction:column}
  .fz-info-grid,.fz-contact-grid{grid-template-columns:1fr 1fr;gap:28px}
  .fz-hours{padding:22px}
}
@media(max-width:700px){
  .fz-featured-grid,.fz-service-grid{grid-template-columns:1fr}
  .fz-featured-grid>.fz-course-card:last-child,.fz-service-grid>.fz-service-card:last-child{grid-column:auto}
  .fz-nav{gap:12px}
  .fz-hero-inner{padding-block:clamp(44px,8vw,65px)}
  .fz-hero-content{width:100%;min-width:0}
  .fz-hero h1{font-size:clamp(37px,9vw,55px)}
  .fz-hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .fz-hero-actions .fz-button{width:100%;max-width:100%}
  .fz-heading-row{flex-direction:column;align-items:start;gap:12px}
  .fz-section{padding-block:clamp(44px,9vw,58px)}
  .fz-course-card{display:block}
  .fz-course-image{width:100%}
  .fz-course-image img{width:100%;height:190px;min-height:0}
  .fz-course-info{padding:17px}
  .fz-course-info h3{font-size:19px}
  .fz-course-info p{display:block;font-size:13px}
  .fz-course-arrow{min-width:44px;min-height:44px;flex-basis:44px}
  .fz-featured-grid>.fz-course-card:last-child .fz-course-image img{height:190px}
  .fz-service-card img{height:195px}
  .fz-filter-bar{display:grid;grid-template-columns:1fr}
  .fz-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
  .fz-filter{min-height:44px;padding:10px;font-size:13px}
  .fz-catalog-grid{grid-template-columns:1fr;gap:16px}
  .fz-catalog-card{display:flex;flex-direction:column}
  .fz-catalog-card>img{display:block;width:100%;height:185px;min-width:0;object-fit:cover}
  .fz-catalog-card>div{padding:17px}
  .fz-catalog-card h2{font-size:20px}
  .fz-catalog-card p{font-size:13px}
  .fz-catalog-bottom{display:flex;align-items:center}
  .fz-catalog-bottom>span{display:block}
  .fz-catalog-bottom a{min-height:44px;display:inline-flex;align-items:center;padding:10px 16px;font-size:13px}
  .fz-contact-form .fz-button{width:100%}
  .fz-hours>div{flex-wrap:wrap}
  .fz-footer-bottom{font-size:12px}
}
@media(max-width:390px){
  .fz-container{padding-inline:14px}
  .fz-brand{font-size:21px}
  .fz-eyebrow{font-size:9px;letter-spacing:.08em}
  .fz-hero h1{font-size:clamp(33px,9vw,38px)}
  .fz-course-card{display:block}
  .fz-course-info p{display:block}
  .fz-catalog-card>img{min-width:0}
  .fz-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fz-filter{font-size:12px}
  .fz-footer-top>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}
@media(max-width:340px){
  .fz-container{padding-inline:12px}
  .fz-hero h1{font-size:31px}
  .fz-catalog-bottom{flex-wrap:wrap}
  .fz-catalog-bottom a{width:100%;justify-content:center}
}
@media(hover:none){
  .fz-course-card:hover,.fz-button:hover{transform:none}
  .fz-nav-links>a,.fz-button,.fz-filter{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fz-course-card,.fz-course-card img{transition:none}
}