:root{--c-green-hero-from: #0f3a2a;--c-green-hero-to: #1d5e3a;--c-green-footer: #214a25;--c-green-heading: #1d5542;--c-mint: #e6fce0;--c-yellow: #f6c208;--c-yellow-hover: #e0ae00;--c-ink: #191915;--c-body: #474744;--c-sep: #bdbdbd;--c-white: #ffffff;--c-white-soft: rgba(255, 255, 255, .85);--ff-display: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--ff-body: "Poppins", system-ui, sans-serif;--ff-logo: "Inter", system-ui, sans-serif;--ff-meta: "Montserrat", system-ui, sans-serif;--container-max: 1320px;--container-pad: 24px;--radius-pill: 100px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--c-white);color:var(--c-body);font-family:var(--ff-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}ul{list-style:none;padding:0;margin:0}[hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius-pill);font-family:var(--ff-display);font-weight:600;font-size:16px;line-height:1.3;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap}.btn--cta{background:var(--c-yellow);color:var(--c-ink);min-width:180px}.btn--cta:hover,.btn--cta:focus-visible{background:var(--c-yellow-hover);transform:translateY(-1px);box-shadow:0 8px 18px #f6c20859}.btn--cta:active{transform:translateY(0);box-shadow:none}.logo{display:inline-flex;align-items:center;gap:4px;color:var(--c-white);font-family:var(--ff-logo);font-weight:400}.logo__text{font-size:40px;line-height:1}.logo__plus{display:inline-flex;align-items:center;justify-content:center}.site-header{position:relative;z-index:5;background:var(--c-green-footer);color:var(--c-white)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--container-max);margin:0 auto;padding:24px var(--container-pad)}.site-nav{display:flex;align-items:center;gap:32px}.site-nav__list{display:flex;align-items:center;gap:24px;font-family:var(--ff-display);font-size:16px;color:var(--c-white-soft)}.site-nav__list a{transition:color var(--transition)}.site-nav__list a:hover,.site-nav__list a:focus-visible{color:var(--c-yellow)}.menu-toggle{display:none;color:var(--c-white);padding:4px}.menu-toggle__close{display:none}.title-banner{background-color:#f1f1f0;background-image:url(https://img.fitraflex.com/topbanner.webp);background-repeat:no-repeat;background-position:top center;background-size:cover;min-height:320px;display:flex;align-items:flex-end}.title-banner__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:60px var(--container-pad)}.title-banner__inner h1{margin:0;font-family:var(--ff-display);font-weight:700;font-size:clamp(40px,6vw,64px);line-height:1.1;color:var(--c-ink)}.page-main{max-width:var(--container-max);margin:0 auto;padding:64px var(--container-pad) 80px;display:grid;gap:40px}.composition__card{background:var(--c-white);border-radius:8px;box-shadow:0 0 30px #9c9c9c4d;padding:40px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:120px}.composition__label,.composition__product{margin:0}.composition__label img{width:100%;max-width:458px;height:auto;object-fit:contain}.composition__product img{width:100%;max-width:500px;height:auto;object-fit:contain}.section-title{margin:0 0 24px;font-family:var(--ff-display);font-weight:600;font-size:clamp(28px,3.5vw,43px);line-height:1.1;color:var(--c-green-heading)}.dosage{display:grid;gap:24px}.dosage__line{margin:0;font-size:16px;line-height:1.5;color:var(--c-body)}.dosage__line strong{color:var(--c-ink);font-weight:700;margin-right:6px}.dosage__disclaimer{margin:0;font-size:14px;line-height:1.5;color:#222222bf}.site-footer{background:var(--c-green-footer);color:var(--c-white)}.site-footer__inner{max-width:var(--container-max);margin:0 auto;padding:40px var(--container-pad)}.site-footer__row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.site-footer__links{display:flex;gap:16px;font-family:var(--ff-meta);font-size:14px}.site-footer__links a{color:var(--c-white);transition:color var(--transition)}.site-footer__links a:hover,.site-footer__links a:focus-visible{color:var(--c-yellow)}.site-footer__copyright{margin:40px 0 0;font-family:var(--ff-meta);font-size:12px;color:var(--c-white);opacity:.72}.legal-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.legal-modal__backdrop{position:absolute;inset:0;background:#141e1999}.legal-modal__dialog{position:relative;width:min(640px,100%);max-height:80vh;overflow-y:auto;background:var(--c-white);color:var(--c-body);border-radius:16px;padding:40px 32px 32px;box-shadow:0 20px 50px #0000004d}.legal-modal__close{position:absolute;top:12px;right:12px;padding:8px;border-radius:50%;color:var(--c-ink);transition:background-color var(--transition)}.legal-modal__close:hover,.legal-modal__close:focus-visible{background:#0000000f}.legal-modal__title{margin:0 0 16px;font-family:var(--ff-display);font-weight:600;color:var(--c-green-heading)}@media(max-width:1023.98px){.header-inner{padding:16px 16px 0}.logo__text{font-size:28px}.logo__plus svg{width:22px;height:22px}.menu-toggle{display:inline-flex}.site-nav{position:fixed;inset:0 0 0 auto;width:min(360px,100%);background:var(--c-green-hero-from);flex-direction:column;align-items:stretch;gap:24px;padding:96px 32px 32px;transform:translate(100%);transition:transform .24s ease;z-index:4}[data-role=nav-panel].is-open,[data-role=nav-panel].active{transform:translate(0)}.site-nav__list{flex-direction:column;gap:24px;font-size:20px;align-items:flex-start}.menu-toggle[aria-expanded=true] .menu-toggle__open{display:none}.menu-toggle[aria-expanded=true] .menu-toggle__close{display:block}.title-banner{min-height:220px}.title-banner__inner{padding:40px 16px}.page-main{padding:48px 16px;gap:32px}.composition__card{grid-template-columns:1fr;gap:32px;padding:32px 16px}.site-footer__inner{padding:32px 16px}.site-footer__row{flex-direction:column;align-items:flex-start;gap:16px}.site-footer__copyright{margin-top:24px}}
