/* ==========================================================
   BIG MAMA — prodajni sajt
   Smer: izazov-1 (editorijalno, pill dugmad) + APP (paleta) + Pečat života (maslinasti blok, serif)
   ========================================================== */
:root{
  --paper:#FBFAF6;--white:#fff;--ink:#16140F;--soft:#5B574E;
  --green:#F2F5F0;--green-dark:#ABB3A2;--blue:#E3EAF0;--blue-dark:#AFC0CE;--blue-ink:#1e3140;
  --yellow:#FFFBC0;--yellow-deep:#F3E97D;--olive:#5A5E2B;--olive-deep:#3F4220;
  --line:rgba(22,20,15,.14);
  --serif:'Instrument Serif',Georgia,serif;--sans:'Poppins',system-ui,sans-serif;
  --r:22px;
}
html{scroll-behavior:smooth}
body.bm-body{margin:0;background:var(--paper);overflow-x:hidden}
.bm,.bm *{box-sizing:border-box}
.bm{font-family:var(--sans);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.bm img{max-width:100%;display:block;height:auto}
.bm :where(a){color:inherit}
.bm :where(h1,h2,h3,h4,p,ul,figure,blockquote){margin:0;padding:0}
.bm :where(ul){list-style:none}
.bm button{font-family:inherit}
.bm-wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.bm-center{text-align:center}
.bm em{font-family:var(--serif);font-style:italic;font-weight:400;color:#16140F}
.bm :where(h1,h2,h3){font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.05}
.bm h1{font-size:clamp(2.5rem,4.8vw,4.2rem)}
.bm h2{font-size:clamp(2rem,3.8vw,3.2rem)}
.bm h3{font-size:1.7rem}
.bm-kicker{display:block;font-size:.72rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--soft);margin-bottom:16px}
.bm-lead{font-size:1.08rem;line-height:1.7;color:var(--soft);max-width:540px;margin-top:28px}
.bm-micro{display:block;font-size:.84rem;color:var(--soft);margin-top:18px}
.bm-note{font-size:.92rem;color:var(--soft);margin-top:30px}
.bm-note a{font-weight:600}
.bm-sec{padding:110px 0;position:relative}
.bm-head{max-width:720px;margin-bottom:56px}
.bm-head.bm-center{margin-left:auto;margin-right:auto}
.bm-head p{color:var(--soft);margin-top:14px}
.bm-green{background:var(--green)}
.bm-white{background:#fff}
.bm-dark{background:var(--ink);color:var(--paper)}
.bm-dark .bm-kicker{color:var(--blue-dark)}
.bm-dark h2{color:#fff}
.bm-olive{background:var(--olive);color:#fff}
.bm-olive .bm-kicker{color:rgba(255,255,255,.7)}
.bm-olive h2,.bm-olive em{color:#fff}
.bm-olive em{opacity:.78}

/* ---------- dugmad ---------- */
.bm-btn{display:inline-flex;align-items:center;gap:20px;background:var(--yellow);color:var(--ink);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 7px 7px 30px;border-radius:100px;box-shadow:0 14px 30px -12px rgba(190,178,70,.75);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.bm-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(190,178,70,.9)}
.bm-btn .disc{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;transition:transform .3s}
.bm-btn .disc svg{width:20px;height:20px}
.bm-btn:hover .disc{transform:translateX(3px)}
.bm-btn--sm{padding:5px 5px 5px 20px;font-size:.72rem;gap:12px}
.bm-btn--sm .disc{width:36px;height:36px}
.bm-ghost{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:16px 28px;border:1.5px solid var(--ink);border-radius:100px;transition:background .25s,color .25s}
.bm-ghost svg{width:18px;height:18px;transition:transform .25s}
.bm-ghost:hover{background:var(--ink);color:#fff}
.bm-ghost:hover svg{transform:translateX(3px)}

/* ---------- header: providan preko prve sekcije, bez grubih prelaza ---------- */
.bm-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
.bm-header.scrolled{background:rgba(251,250,246,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
.bm-bar{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:14px 32px;transition:padding .3s}
.bm-header.scrolled .bm-bar{padding-top:8px;padding-bottom:8px}
.bm-logo{display:flex;flex-direction:column;line-height:1;text-decoration:none;justify-self:start}
.bm-logo img{height:60px;width:auto;display:block;transition:height .3s,filter .3s}
.bm-header.scrolled .bm-logo img{height:48px}
.bm-nav{display:flex;gap:2px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(22,20,15,.1);border-radius:100px;padding:5px}
.bm-nav a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:.86rem;font-weight:500;padding:10px 20px;border-radius:100px;transition:background .2s,color .2s;white-space:nowrap}
.bm-nav a svg{width:12px;height:12px;opacity:.55}
.bm-nav a:hover{background:var(--blue)}
.bm-nav a.is-active{background:var(--ink);color:#fff}
.bm-login{justify-self:end;display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:.84rem;font-weight:600;border:1.5px solid var(--ink);color:var(--ink);padding:11px 22px;border-radius:100px;transition:background .2s,color .2s,border-color .2s}
.bm-login:hover{background:var(--ink);color:#fff}
.bm-login svg{width:17px;height:17px}
/* iznad tamne slike (VIP hero): logo i dugme postaju svetli */
.bm-logo .l-light{display:none}
.bm-header.on-dark .bm-logo .l-dark{display:none}
.bm-header.on-dark .bm-logo .l-light{display:block}
.bm-header.on-dark .bm-login{color:#fff;border-color:rgba(255,255,255,.7)}
.bm-header.on-dark .bm-login:hover{background:#fff;color:var(--ink)}
.bm-header.on-dark .bm-burger{background:#fff}
.bm-header.on-dark .bm-burger i{background:var(--ink)}
.bm-burger{display:none;justify-self:end;width:48px;height:48px;border-radius:50%;border:none;background:var(--ink);cursor:pointer;position:relative;z-index:102;transition:background .3s}
.bm-burger i{position:absolute;left:15px;right:15px;height:2px;background:#fff;transition:transform .35s,top .35s,background .3s}
.bm-burger i:first-child{top:20px}.bm-burger i:last-child{top:27px}
.bm-header.open .bm-burger{background:var(--ink)}
.bm-header.open .bm-burger i{background:#fff}
.bm-header.open .bm-burger i:first-child{top:23px;transform:rotate(45deg)}
.bm-header.open .bm-burger i:last-child{top:23px;transform:rotate(-45deg)}
.bm-drawer{display:none}
/* hero sekcije počinju ispod providnog headera */
.bm-hero{padding-top:150px}
.cl-hero{padding-top:150px}

/* ---------- hero ---------- */
.bm-hero{padding:44px 0 96px;background:radial-gradient(120% 90% at 85% 0%,var(--blue) 0%,transparent 60%),var(--paper)}
.bm-hero--vip{background:radial-gradient(120% 90% at 85% 0%,var(--green) 0%,transparent 60%),var(--paper)}
.bm-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.bm-hero-txt h1{margin-bottom:0}
.bm-hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:40px}
.bm-hero-txt .bm-gbadge{margin-top:36px}
.bm-hero-img{position:relative;max-width:480px;width:100%;justify-self:end}
.bm-arch{border-radius:999px 999px 24px 24px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 40px 70px -36px rgba(22,20,15,.5);background:var(--blue)}
.bm-arch img{width:100%;height:100%;object-fit:cover}
.bm-hero--home .bm-arch img{object-position:30% 20%}
.bm-float{position:absolute;left:-30px;bottom:44px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px 22px;box-shadow:0 20px 40px -20px rgba(22,20,15,.4);display:flex;flex-direction:column;line-height:1.2}
.bm-float b{font-family:var(--serif);font-size:2.2rem;font-weight:400}
.bm-float span{font-size:.74rem;color:var(--soft)}

/* Google značka */
.bm-gbadge{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:9px 18px 9px 12px;text-decoration:none;font-size:.82rem;box-shadow:0 8px 20px -14px rgba(22,20,15,.4)}
.bm-gbadge .g svg{width:22px;height:22px;display:block}
.bm-gbadge .num{font-weight:700}
.bm-gbadge .cnt{color:var(--soft)}
.bm-stars{display:inline-flex;gap:2px;color:#F5B400}
.bm-stars svg{width:15px;height:15px}

/* ---------- brojke ---------- */
.bm-stats{background:var(--ink);color:#fff;padding:46px 0}
.bm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.bm-stats b{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1}
.bm-stats b svg{width:.7em;height:.7em;color:#F5B400}
.bm-stats span{display:block;margin-top:8px;font-size:.78rem;letter-spacing:.06em;color:rgba(255,255,255,.65)}

/* ---------- dva programa ---------- */
.bm-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bm-prog{border-radius:30px;padding:44px 40px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--line)}
.bm-prog--club{background:var(--blue)}
.bm-prog--vip{background:var(--green)}
.bm-prog .tag{align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--white);padding:6px 14px;border-radius:100px}
.bm-prog h3{font-size:clamp(2.2rem,4vw,3rem)}
.bm-prog .sub{font-size:1.05rem;font-weight:500}
.bm-prog ul{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.bm-prog li,.bm-ticks li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem}
.bm-prog li svg,.bm-ticks li svg{flex:none;width:20px;height:20px;margin-top:3px;color:var(--olive)}
.bm-prog .for{font-size:.92rem;color:var(--soft);border-top:1px dashed var(--line);padding-top:16px;margin-bottom:10px}
.bm-prog .for b{color:var(--ink)}
.bm-prog .bm-btn{align-self:flex-start;margin-top:auto}

/* ---------- problem (maslinasti blok) ---------- */
.bm-prob{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.bm-prob-list p{font-size:1.25rem;font-weight:300;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.25)}
.bm-prob-list p.strong{font-weight:600;border-bottom:none}

/* ---------- o meni / split slika ---------- */
.bm-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.bm-about-img{border-radius:28px;overflow:hidden;box-shadow:0 36px 64px -34px rgba(22,20,15,.5);aspect-ratio:4/5}
.bm-about-img img{width:100%;height:100%;object-fit:cover}
.bm-about-txt p{color:var(--soft);margin-top:20px;max-width:520px}
.bm-ticks{display:flex;flex-direction:column;gap:12px;margin-top:24px}

/* ---------- recenzije ---------- */
.bm-reviews{background:var(--rev-bg,var(--blue));overflow:hidden}
.bm-rev-grid{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:center}
.bm-rev-side .bm-head{margin-bottom:30px}
.bm-rating{display:inline-flex;align-items:center;gap:18px;background:var(--white);border-radius:24px;padding:20px 26px;text-decoration:none;box-shadow:0 20px 44px -28px rgba(22,20,15,.55)}
.bm-rating .big{font-family:var(--serif);font-size:4rem;line-height:.85}
.bm-rating .side{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:var(--soft)}
.bm-rating .gword{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink);font-size:1rem}
.bm-rating .gword svg{width:18px;height:18px}
.bm-rev-nav{display:flex;align-items:center;gap:12px;margin-top:30px}
.bm-rev-nav button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);background:none;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s}
.bm-rev-nav button svg{width:18px;height:18px}
.bm-rev-nav button:first-child svg{transform:rotate(180deg)}
.bm-rev-nav button:hover{background:var(--ink);color:#fff}
.bm-rev-all{display:inline-block;margin-top:22px;font-size:.86rem;font-weight:600}
.bm-rev-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 0 30px;margin-right:calc(50% - 50vw);padding-right:32px}
.bm-rev-track::-webkit-scrollbar{display:none}
.bm-rev{flex:0 0 400px;scroll-snap-align:start;background:var(--white);border-radius:26px;padding:32px 32px 30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 24px 50px -34px rgba(22,20,15,.55);position:relative}
.bm-rev::before{content:"\201C";position:absolute;right:26px;bottom:-14px;font-family:var(--serif);font-size:8rem;line-height:1;color:var(--green);pointer-events:none}
.bm-rev .top{display:flex;align-items:center;gap:14px}
.bm-rev .av{flex:none;width:48px;height:48px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-weight:600;font-size:1.05rem}
.bm-rev:nth-child(3n+2) .av{background:var(--blue)}
.bm-rev:nth-child(3n) .av{background:var(--yellow)}
.bm-rev .who{display:flex;flex-direction:column;line-height:1.3;margin-right:auto}
.bm-rev .who b{font-size:1rem}
.bm-rev .who small{color:var(--soft);font-size:.78rem}
.bm-rev .g svg{width:26px;height:26px}
.bm-rev blockquote{font-size:1.02rem;line-height:1.7;position:relative;z-index:1}

/* ---------- kuvar ---------- */
.bm-kuvar{background:var(--paper)}
.bm-kuvar-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.bm-kuvar-img img{max-width:420px;margin:0 auto;filter:drop-shadow(0 30px 30px rgba(22,20,15,.25))}
.bm-kuvar-txt p{color:var(--soft);margin:20px 0 30px;max-width:520px}

/* ---------- instagram ---------- */
.bm-insta{background:var(--green)}
.bm-insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.bm-insta-grid a{display:block;aspect-ratio:1;border-radius:18px;overflow:hidden}
.bm-insta-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bm-insta-grid a:hover img{transform:scale(1.07)}

/* ---------- završni CTA ---------- */
.bm-final{background:var(--final-bg,var(--olive));color:#fff;padding:120px 0}
.bm-final-in{max-width:760px;margin:0 auto;text-align:center}
.bm-final .bm-kicker{color:rgba(255,255,255,.7)}
.bm-final h2{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem)}
.bm-final em{color:var(--final-em,var(--yellow))}
.bm-final p{margin:22px auto 36px;color:rgba(255,255,255,.82);max-width:540px;font-size:1.05rem}
.bm-final .bm-micro{color:rgba(255,255,255,.65);margin-top:20px}

/* ---------- club / vip ---------- */
.bm-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}
.bm-stick{position:sticky;top:110px;align-self:start}
.bm-side{color:var(--soft);margin-top:18px}
.bm-rows .bm-row{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line)}
.bm-rows .bm-row:last-child{border-bottom:1px solid var(--line)}
.bm-row .n{font-weight:700;font-size:.95rem;color:var(--green-dark);padding-top:3px}
.bm-row p{font-size:1.1rem}
.bm-row p b{font-weight:600}
.bm-app{max-width:1000px;margin:0 auto 56px}
.bm-app img{width:100%;filter:drop-shadow(0 30px 40px rgba(22,20,15,.18))}
.bm-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.bm-feat>div{padding:30px 0;border-top:1px solid var(--line)}
.bm-feat b{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;margin-bottom:8px}
.bm-feat p{font-size:.94rem;color:var(--soft)}
.bm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bm-step{background:var(--white);border-radius:var(--r);padding:34px 30px;border:1px solid var(--line)}
.bm-step .no{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);font-weight:700;margin-bottom:20px}
.bm-step h3{font-size:1.6rem;margin-bottom:10px}
.bm-step p{color:var(--soft);font-size:.95rem}
.bm-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bm-phase{border-radius:var(--r);padding:34px 30px;background:var(--green)}
.bm-phase:nth-child(2){background:var(--blue)}
.bm-phase:nth-child(3){background:var(--yellow)}
.bm-phase .when{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.bm-phase b{display:block;font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1;margin:14px 0}
.bm-phase p{font-size:.94rem;color:var(--soft)}
.bm-vsvip{padding:70px 0;background:var(--paper)}
.bm-vs{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;border:1.5px solid var(--ink);border-radius:30px;padding:48px 52px;background:var(--white)}
.bm-vs h2{font-size:clamp(1.8rem,3.2vw,2.6rem);max-width:600px}
.bm-vs p{color:var(--soft);margin-top:14px;max-width:560px}
.bm-yesno{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.bm-card{background:var(--green);border-radius:var(--r);padding:38px 36px}
.bm-card--no{background:var(--white);border:1px solid var(--line)}
.bm-card h3{font-size:1.7rem;margin-bottom:6px}
.bm-ticks--no li svg{color:#b44}
.bm-card p{margin-top:20px;font-size:.92rem;color:var(--soft)}
.bm-card p a{font-weight:600}
.bm-promise{padding:100px 0}
.bm-promise p{margin-top:20px;color:rgba(255,255,255,.8)}
.bm-promise h2{max-width:860px;margin:0 auto}

/* ---------- FAQ ---------- */
.bm-faq-list{max-width:820px;margin:0 auto}
.bm-faq-item{border-top:1px solid var(--line)}
.bm-faq-item:last-child{border-bottom:1px solid var(--line)}
.bm-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:none;text-align:left;cursor:pointer;color:var(--ink);font-size:1.05rem;font-weight:500;padding:26px 0;-webkit-tap-highlight-color:transparent}
.bm-faq-q:hover,.bm-faq-q:focus{background:none;color:var(--ink);outline:none}
.bm-faq-q .plus{flex:none;width:34px;height:34px;border:1.5px solid var(--ink);border-radius:50%;position:relative;transition:background .3s}
.bm-faq-q .plus::before,.bm-faq-q .plus::after{content:"";position:absolute;top:50%;left:50%;background:var(--ink);transform:translate(-50%,-50%)}
.bm-faq-q .plus::before{width:12px;height:1.5px}
.bm-faq-q .plus::after{width:1.5px;height:12px;transition:transform .3s}
.bm-faq-item.open .plus{background:var(--yellow)}
.bm-faq-item.open .plus::after{transform:translate(-50%,-50%) scaleY(0)}
.bm-faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.bm-faq-a .in{padding:0 54px 28px 0;color:var(--soft)}

/* ---------- footer ---------- */
.bm-footer{background:var(--ink);color:rgba(255,255,255,.75);padding:80px 0 30px}
.bm-footer .bm-logo img{height:88px}
.bm-foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.bm-foot-brand p{margin:22px 0 28px;max-width:300px;font-family:var(--serif);font-size:1.4rem;color:#fff;line-height:1.2}
.bm-foot-col h4{font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blue-dark);margin-bottom:18px}
.bm-foot-col a{display:block;text-decoration:none;padding:5px 0;font-size:.92rem}
.bm-foot-col a:hover{color:#fff}
.bm-soc{display:flex;gap:10px}
.bm-soc a{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;padding:0}
.bm-soc svg{width:20px;height:20px}
.bm-foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:.8rem}

/* ---------- plutajuća pomoć (WhatsApp) ---------- */
.bm-help{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.bm-help-fab{position:relative;width:70px;height:70px;border-radius:50%;border:3px solid #fff;padding:0;cursor:pointer;background:#fff;box-shadow:0 14px 34px -10px rgba(22,20,15,.5);transition:transform .25s}
.bm-help-fab:hover{transform:scale(1.06)}
.bm-help-fab img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 16%}
.bm-help-badge{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:#25b05f;color:#fff;border:2px solid #fff;display:grid;place-items:center}
.bm-help-badge svg{width:14px;height:14px}
.bm-help-teaser{background:#fff;border:0;border-radius:18px 18px 4px 18px;padding:14px 20px;font-family:var(--sans);font-size:.92rem;font-weight:500;color:var(--ink);cursor:pointer;box-shadow:0 14px 34px -14px rgba(22,20,15,.45);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s,transform .4s}
.bm-help-teaser.show{opacity:1;transform:none;pointer-events:auto}
.bm-help-card{width:min(340px,calc(100vw - 44px));background:#fff;border-radius:26px;padding:28px 26px 24px;box-shadow:0 30px 70px -24px rgba(22,20,15,.55);position:relative;opacity:0;transform:translateY(12px) scale(.97);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s}
.bm-help.open .bm-help-card{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.bm-help-x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--soft)}
.bm-help-who{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.bm-help-who img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 16%}
.bm-help-who b{display:block;font-size:1rem}
.bm-help-who span{display:block;font-size:.76rem;color:var(--soft)}
.bm-help-card p{font-size:.92rem;color:var(--soft);margin-bottom:18px}
.bm-help-card .bm-btn{width:100%;justify-content:space-between}
.bm-help-tel{display:block;text-align:center;margin-top:14px;font-size:.84rem;color:var(--soft);text-decoration:none}

/* ---------- lepljiva WA traka (više se ne koristi) ---------- */
.bm-sticky{display:none}

/* ---------- animacije ---------- */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------- responsive ---------- */
@media(max-width:960px){
  .bm-wrap{padding:0 22px}
  .bm-sec{padding:76px 0}
  .bm-nav,.bm-login{display:none}
  .bm-burger{display:block}
  .bm-bar{grid-template-columns:1fr auto;padding:10px 20px}
  .bm-logo img,.bm-header.scrolled .bm-logo img{height:48px}
  .bm-header.open{background:transparent;box-shadow:none;backdrop-filter:none}
  .bm-header.open .bm-logo .l-dark{display:block}
  .bm-header.open .bm-logo .l-light{display:none}
  .bm-drawer{display:flex;position:fixed;inset:0;z-index:101;background:var(--paper);flex-direction:column;justify-content:space-between;padding:112px 26px 30px;overflow-y:auto;clip-path:circle(0 at calc(100% - 44px) 44px);transition:clip-path .65s cubic-bezier(.7,0,.2,1);visibility:hidden}
  .bm-header.open .bm-drawer{clip-path:circle(150% at calc(100% - 44px) 44px);visibility:visible}
  .bm-drawer::before{content:"";position:absolute;right:-90px;bottom:-60px;width:330px;height:330px;border-radius:50%;background:var(--blue);z-index:-1}
  .bm-drawer .links{display:flex;flex-direction:column}
  .bm-drawer .links a{display:flex;align-items:baseline;gap:16px;text-decoration:none;font-family:var(--serif);font-size:2.5rem;line-height:1.1;padding:15px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}
  .bm-drawer .links a small{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(--green-dark);min-width:26px}
  .bm-drawer .links a svg{width:18px;height:18px;opacity:.5;align-self:center}
  .bm-header.open .bm-drawer .links a{opacity:1;transform:none}
  .bm-header.open .bm-drawer .links a:nth-child(1){transition-delay:.25s}
  .bm-header.open .bm-drawer .links a:nth-child(2){transition-delay:.31s}
  .bm-header.open .bm-drawer .links a:nth-child(3){transition-delay:.37s}
  .bm-header.open .bm-drawer .links a:nth-child(4){transition-delay:.43s}
  .bm-header.open .bm-drawer .links a:nth-child(5){transition-delay:.49s}
  .bm-drawer .foot{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-top:30px;opacity:0;transition:opacity .5s .55s}
  .bm-header.open .bm-drawer .foot{opacity:1}
  .bm-drawer .foot .login{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;font-size:.9rem;border:1.5px solid var(--ink);padding:14px 26px;border-radius:100px}
  .bm-drawer .foot .login svg{width:18px;height:18px}
  .bm-drawer .foot .tel{font-size:.85rem;color:var(--soft);text-decoration:none}
  html.bm-lock,html.bm-lock body{overflow:hidden}
  .bm-hero{padding:112px 0 54px}
  .bm-hero-grid,.bm-about,.bm-kuvar-grid,.bm-prob,.bm-split,.bm-yesno,.bm-two{grid-template-columns:1fr;gap:34px}
  .bm-hero-img{max-width:440px;margin:0 auto;justify-self:center}
  .bm-hero-grid{gap:44px}
  .bm-float{left:10px;bottom:22px}
  .bm-stats-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}
  .bm-prog{padding:34px 26px}
  .bm-stick{position:static}
  .bm-feat,.bm-steps,.bm-phases{grid-template-columns:1fr}
  .bm-foot-top{grid-template-columns:1fr 1fr}
  .bm-foot-brand{grid-column:1/-1}
  .bm-insta-grid{grid-template-columns:repeat(3,1fr)}
  .bm-vs{padding:34px 26px}
  .bm-final{padding:90px 0 120px}
  .bm-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:90;background:var(--white);border:1px solid var(--ink);border-radius:100px;padding:6px 6px 6px 22px;align-items:center;justify-content:space-between;gap:10px;font-size:.84rem;font-weight:600;box-shadow:0 14px 34px -14px rgba(22,20,15,.5);transform:translateY(140%);transition:transform .45s cubic-bezier(.2,.9,.2,1)}
  .bm-sticky.show{transform:none}
  .bm-faq-a .in{padding-right:0}
  .bm-rev-grid{grid-template-columns:1fr;gap:30px}
  .bm-rev-track{margin-right:-22px;padding-right:22px}
  .bm-rev{flex-basis:84%}
}
@media(max-width:520px){
  .bm h1{font-size:2.4rem}
  .bm-btn{font-size:.74rem;padding-left:24px;gap:14px}
}

/* ==========================================================
   FIT MAMA CLUB — "aplikacija": plavo, meko, kartice, bento
   ========================================================== */
.bm-page--club{--rev-bg:#fff;--final-bg:#1e3140;--final-em:#AFC0CE;--olive:#3d5a73;--olive-deep:#1e3140}
.bm-page--club .bm-final em{color:#AFC0CE}
.cl-hero{background:linear-gradient(180deg,#D9E4EE 0%,#EAF0F5 55%,var(--paper) 100%);padding:72px 0 0;text-align:center;overflow:hidden}
.cl-pill{display:inline-block;background:#fff;border:1px solid rgba(30,49,64,.15);color:#1e3140;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:10px 20px;border-radius:100px;margin-bottom:30px}
.cl-hero h1{max-width:900px;margin:0 auto}
.cl-hero .bm-lead{margin:28px auto 0;max-width:640px}
.cl-cta{margin-top:40px}
.cl-hero .bm-gbadge{margin-top:30px}
.cl-hero .bm-micro{margin-top:18px}
.cl-phones{max-width:1040px;margin:54px auto 0}
.cl-phones img{width:100%;filter:drop-shadow(0 30px 40px rgba(30,49,64,.28))}

.cl-for{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cl-for>div{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px 26px 34px}
.cl-for b{display:block;font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1;color:#9FB4C7;margin-bottom:22px}
.cl-for p{font-size:1rem}

.cl-bento-sec{background:#EEF3F7}
.cl-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto);gap:18px}
.cl-bento .t{border-radius:28px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
.cl-bento .t b{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.1}
.cl-bento .t span{font-size:.92rem;color:var(--soft)}
.cl-bento .t .big{font-family:var(--serif);font-style:normal;font-size:4.2rem;line-height:.9;margin-bottom:auto}
.cl-bento .t-photo{grid-column:span 2;grid-row:span 2;background-size:cover;background-position:center;position:relative;color:#fff;overflow:hidden}
.cl-bento .t-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(22,20,15,.78))}
.cl-bento .t-photo .cap{position:relative;display:flex;flex-direction:column;gap:8px}
.cl-bento .t-photo span{color:rgba(255,255,255,.85)}
.cl-bento .t-blue{background:var(--blue)}
.cl-bento .t-yellow{background:var(--yellow)}
.cl-bento .t-green{background:var(--green)}
.cl-bento .t-white{background:#fff}
.cl-bento .t-ink{background:#1e3140;color:#fff;grid-column:span 4;flex-direction:row;align-items:center;justify-content:space-between;gap:30px}
.cl-bento .t-ink b{font-size:2rem}
.cl-bento .t-ink span{color:rgba(255,255,255,.75);max-width:420px}

.cl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;position:relative;text-align:center}
.cl-steps::before{content:"";position:absolute;left:16%;right:16%;top:28px;border-top:2px dashed #AFC0CE}
.cl-steps>div{position:relative}
.cl-steps .no{position:relative;display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:#1e3140;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 0 0 8px #fff}
.cl-steps h3{font-size:1.6rem;margin-bottom:10px}
.cl-steps p{color:var(--soft);font-size:.95rem;max-width:300px;margin:0 auto}

.cl-meter{max-width:1000px;margin:0 auto}
.cl-meter .track{height:12px;border-radius:12px;background:#E1E7D6;overflow:hidden;margin-bottom:38px}
.cl-meter .fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#CFDBE6,#7F9BB3,#1e3140);border-radius:12px;transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.cl-meter.in .fill{transform:none}
.js .cl-meter:not(.rv) .fill{transform:none}
.cl-meter .stops{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cl-meter i{font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#5A5E2B}
.cl-meter b{display:block;font-family:var(--serif);font-weight:400;font-size:3.2rem;line-height:1;margin:10px 0 12px;color:#1e3140}
.cl-meter p{font-size:.94rem;color:var(--soft)}

/* ==========================================================
   FIT MAMA VIP — "lično": maslinasto, krem, crno; oštri uglovi
   ========================================================== */
.bm-page--vip{--blue:#E1E7D6;--blue-dark:#C9D3B8;--green:#EDF0E6;--green-dark:#A9B596;--rev-bg:var(--paper);--final-bg:#16140F;--final-em:#F3E97D}
.bm-page--vip .bm-final em{color:#F3E97D}
.bm-page--vip .bm-btn,.bm-page--vip .bm-ghost,.bm-page--vip .bm-sticky,.bm-page--vip .bm-sticky .bm-btn{border-radius:4px}
.bm-page--vip .bm-btn .disc{border-radius:3px}
.bm-page--vip .bm-rev,.bm-page--vip .bm-rating,.bm-page--vip .bm-vs{border-radius:6px}
.bm-page--vip .bm-faq-q .plus{border-radius:0}

.vp-hero{position:relative;min-height:86vh;display:flex;align-items:center;background:#2E3015;color:#fff;overflow:hidden}
.vp-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 25%}
.vp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,40,14,.94) 0%,rgba(38,40,14,.82) 42%,rgba(38,40,14,.12) 78%)}
.vp-hero .bm-wrap{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:80px}
.vp-hero-txt{max-width:600px}
.vp-tag{display:flex;align-items:center;gap:14px;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F3E97D;margin-bottom:28px}
.vp-tag::before{content:"";width:38px;border-top:1.5px solid #F3E97D}
.vp-hero h1{color:#fff;font-size:clamp(2.6rem,5.2vw,4.7rem)}
.vp-hero h1 em{color:#F3E97D}
.vp-hero p{margin-top:28px;font-size:1.06rem;line-height:1.75;color:rgba(255,255,255,.84);max-width:540px}
.vp-hero .bm-btn{margin-top:38px}
.vp-hero small{display:block;margin-top:20px;font-size:.84rem;color:rgba(255,255,255,.68)}

.vp-strip{background:var(--yellow);color:var(--ink);overflow:hidden;border-top:1px solid rgba(22,20,15,.2);border-bottom:1px solid rgba(22,20,15,.2)}
.vp-strip .track{display:flex;width:max-content;padding:16px 0;animation:vpmarq 38s linear infinite}
.vp-strip span{display:inline-flex;align-items:center;font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:0 26px;white-space:nowrap}
.vp-strip span::after{content:"✦";margin-left:52px;color:var(--olive)}
@keyframes vpmarq{to{transform:translateX(-50%)}}

.vp-for{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}
.vp-for-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;box-shadow:22px 22px 0 #E1E7D6}
.vp-list{margin-top:34px}
.vp-list li{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:20px 0;border-top:1px solid rgba(22,20,15,.3)}
.vp-list li:last-child{border-bottom:1px solid rgba(22,20,15,.3)}
.vp-list b{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.15}
.vp-list span{color:var(--soft);font-size:.95rem;padding-top:4px}
.vp-not{margin-top:26px;font-size:.92rem;color:var(--soft)}
.vp-not a{font-weight:600;color:var(--ink)}

.vp-process{background:#EDF0E6}
.vp-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.vp-steps li{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;padding:30px 0;border-top:1px solid rgba(22,20,15,.3)}
.vp-steps li:last-child{border-bottom:1px solid rgba(22,20,15,.3)}
.vp-steps .num{font-family:var(--serif);font-size:clamp(3.8rem,7vw,6.2rem);line-height:.9;color:#B8BE98}
.vp-steps h3{font-size:2rem;margin-bottom:6px}
.vp-steps p{color:var(--soft)}

.vp-get{background:#3F4220;color:#fff}
.vp-get .bm-kicker{color:#F3E97D}
.vp-get h2{color:#fff}
.vp-get em{color:#F3E97D!important}
.vp-get-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center}
.vp-get-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;object-position:35% 20%}
.vp-ticks{margin-top:32px;display:flex;flex-direction:column}
.vp-ticks li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid rgba(255,255,255,.2);font-size:1.02rem}
.vp-ticks li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.vp-ticks svg{flex:none;width:22px;height:22px;color:#F3E97D;margin-top:3px}

.vp-quote{background:var(--yellow);padding:90px 0 0;overflow:hidden}
.vp-quote-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end}
.vp-quote .cut img{width:100%;max-width:460px;margin:0 auto}
.vp-quote blockquote{padding-bottom:100px}
.vp-quote .mark{display:block;font-family:var(--serif);font-size:10rem;line-height:.6;color:var(--olive);height:70px}
.vp-quote p{font-family:var(--serif);font-size:clamp(2.2rem,4.2vw,3.7rem);line-height:1.08;letter-spacing:-.01em}
.vp-quote cite{display:block;margin-top:26px;font-style:normal;font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}

@media(max-width:960px){
  .cl-hero{padding-top:112px}
  .cl-for{grid-template-columns:1fr 1fr}
  .cl-bento{grid-template-columns:1fr 1fr}
  .cl-bento .t-photo{grid-column:span 2;grid-row:span 1;min-height:340px}
  .cl-bento .t-ink{grid-column:span 2;flex-direction:column;align-items:flex-start}
  .cl-steps{grid-template-columns:1fr}
  .cl-steps::before{display:none}
  .cl-meter .stops{grid-template-columns:1fr;gap:26px}
  .vp-hero{min-height:auto}
  .vp-hero::after{background:linear-gradient(180deg,rgba(38,40,14,.72) 0%,rgba(38,40,14,.92) 100%)}
  .vp-for,.vp-get-grid,.vp-quote-grid{grid-template-columns:1fr;gap:44px}
  .vp-for-img{max-width:420px;padding-right:18px}
  .vp-for-img img{box-shadow:14px 14px 0 #E1E7D6}
  .vp-list li{grid-template-columns:1fr;gap:4px}
  .vp-steps li{grid-template-columns:90px 1fr;gap:16px}
  .vp-get-img{max-width:420px}
  .vp-quote blockquote{padding-bottom:30px;order:-1}
  .vp-quote .mark{font-size:7rem;height:50px}
}
@media(max-width:520px){
  .cl-for,.cl-bento{grid-template-columns:1fr}
  .cl-bento .t-photo,.cl-bento .t-ink{grid-column:auto}
}

/* ---------- rezultati: transformacije + poruke ---------- */
.rs-sec{background:var(--paper);overflow:hidden}
.rs-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:54px}
.rs-top .bm-head{margin:0}
.rs-count{display:flex;align-items:center;gap:16px}
.rs-count b{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,6vw,5rem);line-height:.9}
.rs-count span{font-size:.88rem;color:var(--soft);max-width:150px;line-height:1.35}
.rs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 26px}
.rs-card{background:#fff;padding:10px;border-radius:22px;box-shadow:0 26px 50px -32px rgba(22,20,15,.55);transform:rotate(var(--rot,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.rs-card:nth-child(3n+1){--rot:-1deg}
.rs-card:nth-child(3n){--rot:1deg}
.js .rs-card.rv:not(.in){transform:translateY(24px) rotate(var(--rot,0deg))}
.rs-card:hover{transform:translateY(-6px) rotate(0);box-shadow:0 34px 60px -30px rgba(22,20,15,.6)}
.rs-card img{width:100%;height:auto;border-radius:14px;cursor:zoom-in}
.ms-sec{background:var(--green)}
.ms-sec .bm-kicker{display:inline-flex;align-items:center;gap:8px}
.ms-sec .bm-kicker svg{width:16px;height:16px;color:#25b05f}
.ms-grid{columns:3;column-gap:22px}
.ms-card{break-inside:avoid;margin:0 0 22px;background:#fff;padding:8px;border-radius:20px;box-shadow:0 22px 44px -30px rgba(22,20,15,.5);transition:transform .35s}
.ms-card:hover{transform:translateY(-4px)}
.ms-card img{width:100%;height:auto;border-radius:13px;cursor:zoom-in}

/* povećan prikaz */
.bm-lightbox{position:fixed;inset:0;z-index:300;background:rgba(22,20,15,.88);display:grid;place-items:center;padding:24px;cursor:zoom-out;opacity:0;transition:opacity .25s}
.bm-lightbox.show{opacity:1}
.bm-lightbox img{max-width:min(1100px,100%);max-height:90vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}

@media(max-width:960px){
  .rs-grid{grid-template-columns:1fr 1fr}
  .ms-grid{columns:2}
}
@media(max-width:560px){
  .rs-grid{grid-template-columns:1fr;gap:26px}
  .ms-grid{columns:1}
  .rs-card{--rot:0deg!important}
}

/* ==========================================================
   PASS 2 — ujednačen sistem: jedna paleta, krupna tipografija,
   jedan prepoznatljiv potez po strani
   ========================================================== */
.bm-sec{padding:140px 0}
.bm h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:.98;letter-spacing:-.025em}
.bm h2{font-size:clamp(2.4rem,4.8vw,4.2rem);line-height:1;letter-spacing:-.02em}
.bm-head{margin-bottom:68px}
.bm-kicker{display:flex;align-items:center;gap:14px;color:var(--olive)}
.bm-kicker::before{content:"";width:34px;border-top:1.5px solid currentColor}
.bm-center .bm-kicker,.bm-head.bm-center .bm-kicker{justify-content:center}
.bm-center .bm-kicker::after,.bm-head.bm-center .bm-kicker::after{content:"";width:34px;border-top:1.5px solid currentColor}

/* kurziv: uvek tinta + žuti marker (na tamnom: žuta slova) */
.bm em,.bm-page--club em,.bm-page--vip em{color:var(--ink);background:linear-gradient(transparent 64%,var(--yellow-deep) 64%,var(--yellow-deep) 90%,transparent 90%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
:is(.bm-olive,.bm-final,.vp-hero,.vp-get,.bm-prog--vip,.bm-stats,.cl-bento .t-ink) em,
.bm-page--club .bm-final em,.bm-page--vip .bm-final em{color:var(--yellow-deep);background:none;padding:0}
.bm-kicker{color:var(--olive)}
:is(.bm-olive,.bm-final,.vp-hero,.vp-get,.bm-prog--vip) .bm-kicker{color:rgba(255,255,255,.72)}
.vp-hero .vp-tag{color:var(--yellow-deep)}

/* brojke: maslinasto umesto crnog */
.bm-stats{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bm-stats span{color:var(--soft)}
.bm-stats b svg{color:#F5B400}

/* dva programa: svetli (Club) i tamni (VIP) — jasna razlika na prvi pogled */
.bm-prog--club{background:var(--blue);border-color:transparent}
.bm-prog--vip{background:var(--olive-deep);color:#fff;border-color:transparent}
.bm-prog--vip .tag{background:rgba(255,255,255,.12);color:#fff}
.bm-prog--vip .sub{color:rgba(255,255,255,.88)}
.bm-prog--vip li svg{color:var(--yellow-deep)}
.bm-prog--vip .for{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.25)}
.bm-prog--vip .for b{color:#fff}
.bm-prog h3{font-size:clamp(2.4rem,4.4vw,3.4rem)}
.bm-prog{border-radius:34px;padding:50px 44px}

/* o meni / kuvar / insta: sve u istoj porodici */
.bm-about-img{border-radius:240px 240px 28px 28px}
.bm-insta,.bm-green{background:var(--green)}

/* ---------- CLUB: veliko "90" iza telefona ---------- */
.cl-hero{background:linear-gradient(180deg,var(--blue) 0%,var(--green) 60%,var(--paper) 100%)}
.cl-pill{border-color:var(--green-dark);color:var(--olive-deep)}
.cl-phones{position:relative;margin-top:250px}
.cl-phones img{position:relative;z-index:1}
.cl-90{position:absolute;z-index:0;left:50%;top:-235px;transform:translateX(-50%);font-family:var(--serif);font-size:clamp(11rem,34vw,32rem);line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(61,90,115,.5);letter-spacing:-.04em;white-space:nowrap;pointer-events:none;user-select:none}
.cl-90 small{position:absolute;left:100%;bottom:10%;margin-left:.15em;font-family:var(--sans);font-size:clamp(.8rem,1.6vw,1.3rem);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--olive);-webkit-text-stroke:0}
.cl-for b{color:var(--green-dark)}
.cl-bento-sec{background:var(--green)}
.cl-bento .t-blue{background:var(--blue)}
.cl-bento .t-yellow{background:var(--yellow)}
.cl-bento .t-green{background:#fff}
.cl-bento .t-ink{background:var(--olive-deep)}
.cl-meter .fill{background:linear-gradient(90deg,var(--blue-dark),var(--green-dark),var(--olive-deep))}
.cl-meter i{color:var(--olive)}
.cl-meter b{color:var(--ink)}
.cl-steps .no{background:var(--olive-deep)}
.cl-steps::before{border-color:var(--green-dark)}

/* ---------- VIP ---------- */
.vp-strip{background:var(--olive-deep);color:#fff;border:0}
.vp-strip span::after{color:var(--yellow-deep)}
.vp-quote{background:var(--blue)}
.vp-quote .mark{color:var(--olive)}
.vp-process{background:var(--green)}
.vp-steps .num{color:var(--green-dark)}
.vp-for-img img{box-shadow:22px 22px 0 var(--blue)}
.bm-reviews{background:var(--rev-bg,var(--blue))}

@media(max-width:960px){
  .bm-sec{padding:84px 0}
  .bm-about-img{border-radius:200px 200px 24px 24px}
  .cl-phones{margin-top:130px}
  .cl-90{top:-125px}
}

.bm-page--home{--final-bg:#1e3140;--final-em:#AFC0CE}
.bm-soft{background:var(--blue)}
.bm-soft .bm-kicker{color:var(--soft)}
.bm-soft .bm-prob-list p{border-bottom-color:rgba(22,20,15,.18)}
.bm-hero--home{background:radial-gradient(120% 90% at 85% 0%,var(--blue) 0%,transparent 60%),var(--paper)}