/* ==========================================================================
   Barefit Landing Page — front-end styles
   Scoped entirely under .barefit-landing so the plugin never leaks into
   the active theme, and resets a small set of inherited properties so the
   design looks the same regardless of theme CSS.
   ========================================================================== */

.barefit-landing{
  --bf-line:#e6e4de;
  --bf-line-soft:#ecebe6;
  --bf-line-dark:rgba(255,255,255,.14);
  --bf-muted:#68686c;
  --bf-muted-light:rgba(255,255,255,.66);
  --bf-shadow:0 20px 50px -25px rgba(10,14,23,.35);
  --bf-ease:cubic-bezier(.2,.8,.2,1);

  all: initial;
  display:block;
  font-family:var(--bf-font-body, 'Inter', sans-serif);
  font-size:var(--bf-base-size, 16px);
  color:var(--bf-ink, #0b0b0c);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
  line-height:1.4;
}
.barefit-landing *,
.barefit-landing *::before,
.barefit-landing *::after{ box-sizing:border-box; }
.barefit-landing img{ max-width:100%; display:block; }
.barefit-landing a{ color:inherit; text-decoration:none; cursor:pointer; }
.barefit-landing button{ font-family:inherit; cursor:pointer; background:none; border:0; }
.barefit-landing ul{ margin:0; padding:0; list-style:none; }
.barefit-landing h1,.barefit-landing h2,.barefit-landing h3,
.barefit-landing h4,.barefit-landing h5,.barefit-landing p{ margin:0; }
.barefit-landing svg{ display:block !important; flex-shrink:0; }
.barefit-landing input, .barefit-landing textarea{ font-family:inherit; }

.bf-accent-word, .bf-accent{
  font-family:var(--bf-font-display, 'Playfair Display', serif);
  font-style:italic;
  font-weight:600;
  background:var(--bf-gradient, linear-gradient(100deg,#2f6ff0,#22d3ee));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.bf-wrap{
  max-width:var(--bf-container, 1300px);
  margin:0 auto;
  padding:0 40px;
}

.bf-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bf-blue, #2f6ff0);
}
.bf-eyebrow::before{
  content:"";
  width:16px;height:2px;
  background:var(--bf-gradient, linear-gradient(100deg,#2f6ff0,#22d3ee));
  border-radius:2px;
}
.bf-eyebrow--center{ display:flex; justify-content:center; text-align:center; }

.barefit-landing .bf-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:10px !important;
  padding:16px 30px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none !important;
  border:1.5px solid transparent;
  line-height:1 !important;
  transition:transform .25s var(--bf-ease), background .25s var(--bf-ease), color .25s var(--bf-ease), border-color .25s var(--bf-ease);
  white-space:nowrap;
}
.barefit-landing .bf-btn:active{ transform:scale(.97); }
.barefit-landing .bf-btn-primary{ background:var(--bf-ink,#0b0b0c) !important; color:#fff !important; }
.barefit-landing .bf-btn-primary:hover{ background:var(--bf-ink,#0b0b0c) !important; color:#fff !important; opacity:.88; transform:translateY(-2px); }
.barefit-landing .bf-btn-outline{ border-color:#d8d6cf; color:var(--bf-ink,#0b0b0c) !important; background:transparent !important; }
.barefit-landing .bf-btn-outline:hover{ border-color:var(--bf-ink,#0b0b0c); color:var(--bf-ink,#0b0b0c) !important; background:transparent !important; transform:translateY(-2px); }
.barefit-landing .bf-btn-outline--dark{ border-color:var(--bf-line-dark); color:#fff !important; background:transparent !important; }
.barefit-landing .bf-btn-outline--dark:hover{ border-color:#fff; color:#fff !important; background:transparent !important; }
.barefit-landing .bf-btn-arrow{ flex:none !important; transition:transform .25s var(--bf-ease); }
.barefit-landing .bf-btn-primary:hover .bf-btn-arrow{ transform:translateX(4px); }

.barefit-landing .bf-icon-btn{
  width:44px;height:44px;
  border-radius:50%;
  border:1px solid var(--bf-line);
  background:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--bf-ink,#0b0b0c) !important;
  text-decoration:none !important;
  transition:background .2s var(--bf-ease), color .2s var(--bf-ease), border-color .2s var(--bf-ease);
  flex:none;
}
.barefit-landing .bf-icon-btn:hover{ background:var(--bf-ink,#0b0b0c) !important; color:#fff !important; border-color:var(--bf-ink,#0b0b0c); }
.barefit-landing .bf-icon-btn--filled{ background:var(--bf-gradient) !important; border-color:transparent; color:#fff !important; }
.barefit-landing .bf-icon-btn--filled:hover{ opacity:.88; }


/* ---------- utility: device visibility ---------- */
@media (max-width:768px){ .barefit-landing .bf-hide-mobile{ display:none !important; } }
@media (min-width:769px){ .barefit-landing .bf-hide-desktop{ display:none !important; } }

/* ================= HEADER ================= */
.bf-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--bf-line-soft);
}
.bf-header:not(.bf-header--sticky){ position:static; }

.bf-nav-row{ display:flex; align-items:center; justify-content:space-between; height:84px; }
.bf-logo{ font-size:24px; font-weight:800; letter-spacing:-.01em; color:var(--bf-ink,#0b0b0c); display:inline-flex; align-items:center; }
.bf-logo .bf-accent{ font-size:24px; }
.bf-logo-img{ max-height:38px; width:auto; }

.bf-nav-links{ display:flex; align-items:center; gap:40px; }
.bf-nav-links a{ font-size:13px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; position:relative; padding:4px 0; }
.bf-nav-links a::after{ content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:var(--bf-gradient); transition:width .25s var(--bf-ease); }
.bf-nav-links a:hover::after{ width:100%; }

.bf-nav-actions{ display:flex; align-items:center; gap:12px; }
.bf-cart-wrap{ position:relative; }
.bf-cart-badge{
  position:absolute; top:-4px; right:-4px; width:18px;height:18px;border-radius:50%;
  background:var(--bf-gradient); color:#fff; font-size:10px; font-weight:700;
  display:flex; align-items:center; justify-content:center; border:2px solid #fff;
}
.bf-burger{ display:none; width:44px;height:44px;border-radius:50%;border:1px solid var(--bf-line); align-items:center; justify-content:center; background:#fff; }
.bf-burger span, .bf-burger span::before, .bf-burger span::after{
  content:""; display:block; width:18px;height:2px;background:var(--bf-ink,#0b0b0c); position:relative; transition:.25s var(--bf-ease);
}
.bf-burger span::before{ position:absolute; top:-6px; }
.bf-burger span::after{ position:absolute; top:6px; }

.bf-mobile-panel{ display:none; flex-direction:column; gap:2px; padding:10px 40px 22px; border-top:1px solid var(--bf-line-soft); background:#fff; }
.bf-mobile-panel a{ padding:14px 0; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; border-bottom:1px solid var(--bf-line-soft); display:block; }
.bf-header.menu-open .bf-mobile-panel{ display:flex; }

/* ================= HERO ================= */
.bf-hero{ display:grid; grid-template-columns:minmax(360px,460px) 1fr; align-items:stretch; background:var(--bf-paper-alt,#f6f5f1); }
.bf-hero-copy{ display:flex; flex-direction:column; justify-content:center; padding:36px 56px 36px 40px; gap:18px; }
.bf-hero-h1{ font-size:clamp(30px, var(--bf-h1-size,58px), var(--bf-h1-size,58px)); line-height:1.06; font-weight:800; letter-spacing:-.02em; }
.bf-lede{ font-size:16.5px; line-height:1.65; color:var(--bf-muted); max-width:420px; }
.bf-hero-btn-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:6px; }
.bf-hero-video-row{ display:flex; align-items:center; gap:12px; margin-top:8px; }
.bf-play-dot{ width:38px;height:38px;border-radius:50%; border:1.5px solid var(--bf-ink,#0b0b0c); display:flex; align-items:center; justify-content:center; flex:none; transition:background .2s var(--bf-ease), color .2s var(--bf-ease); }
.bf-hero-video-row:hover .bf-play-dot{ background:var(--bf-ink,#0b0b0c); color:#fff; }
.bf-hero-video-row span{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

.bf-hero-media{ position:relative; overflow:hidden; min-height:0; }
.bf-hero-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.bf-hero-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,10,.14), transparent 30%); pointer-events:none; }
.bf-hero-badge{ position:absolute; right:34px; bottom:34px; width:126px;height:126px; z-index:2; }
.bf-hero-badge svg{ width:100%; height:100%; }
.bf-hero-badge svg text{ font-family:var(--bf-font-body, Inter, sans-serif); }
.bf-hero-badge-mark{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:40px;height:40px;border-radius:50%; background:rgba(10,10,10,.55); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; }
.bf-spin{ animation:bf-spin 24s linear infinite; }
@media (prefers-reduced-motion:reduce){ .bf-spin{ animation:none; } }
@keyframes bf-spin{ to{ transform:rotate(360deg); } }

/* hero mobile text alignment / media order handled below in responsive block */

/* ================= FEATURE BAR ================= */
.bf-feature-bar{ background:var(--bf-navy,#0a0e17); color:#fff; }
.bf-feature-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
.bf-feature-item{ display:flex; align-items:flex-start; gap:14px; padding:34px 30px; border-right:1px solid var(--bf-line-dark); }
.bf-feature-item:last-child{ border-right:none; }
.bf-feature-ic{ width:34px;height:34px; flex:none; color:#8fb4ff; display:flex; align-items:center; justify-content:center; }
.bf-feature-item h4{ font-size:14.5px; font-weight:700; margin-bottom:4px; }
.bf-feature-item p{ font-size:12.5px; color:var(--bf-muted-light); line-height:1.5; }

/* ================= SECTION HEAD ================= */
.bf-section{ padding:96px 0; }
.bf-section--tight{ padding:76px 0; }
.bf-section-head{ display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:44px; gap:24px; flex-wrap:wrap; }
.bf-section-head--tight{ margin-bottom:34px; }
.bf-h2{ font-size:clamp(24px, var(--bf-h2-size,44px), var(--bf-h2-size,44px)); font-weight:800; letter-spacing:-.02em; line-height:1.1; margin-top:10px; }
.bf-h2--small{ font-size:clamp(22px,3vw,34px); margin-top:6px; }
.bf-arrow-pair{ display:flex; gap:10px; flex:none; }

/* ================= COLLECTION ================= */
.bf-collection-section{ background:#fff; }
.bf-collection-row{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px,1fr); gap:22px;
  overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; scrollbar-width:none;
}
.bf-collection-row::-webkit-scrollbar{ display:none; }
.bf-card{ scroll-snap-align:start; display:flex; flex-direction:column; }
.bf-card-media{ position:relative; border-radius:var(--bf-radius-md,14px); overflow:hidden; aspect-ratio:3/4; background:var(--bf-paper-alt,#f6f5f1); margin-bottom:16px; }
.bf-card-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s var(--bf-ease); }
.bf-card:hover .bf-card-media img{ transform:scale(1.06); }
.bf-card-media--illustration{ display:flex; align-items:center; justify-content:center; }
.bf-card h3{ font-size:16px; font-weight:700; margin-bottom:6px; letter-spacing:-.01em; }
.bf-card-desc{ font-size:13px; color:var(--bf-muted); line-height:1.5; margin-bottom:10px; min-height:38px; }
.bf-tag{ font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; display:inline-flex; align-items:center; gap:6px; }
.bf-tag--live{ color:var(--bf-ink,#0b0b0c); }
.bf-tag--soon{ color:#9a988f; }
.bf-tag svg{ width:13px;height:13px; transition:transform .2s var(--bf-ease); }
.bf-card:hover .bf-tag--live svg{ transform:translateX(3px); }

/* ================= QUALITY ================= */
.bf-quality-section{ background:var(--bf-navy,#0a0e17); color:#fff; }
.bf-quality-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.bf-quality-h2{ font-size:clamp(22px, var(--bf-h2-size,40px), var(--bf-h2-size,40px)); font-weight:700; line-height:1.16; letter-spacing:-.01em; margin:14px 0 18px; }
.bf-quality-desc{ font-size:15.5px; line-height:1.7; color:var(--bf-muted-light); max-width:460px; margin-bottom:30px; }
.bf-quality-list{ display:grid; grid-template-columns:1fr 1fr; gap:24px 26px; margin-bottom:48px; }
.bf-quality-list li{ display:flex; align-items:flex-start; gap:12px; }
.bf-quality-ic{ width:34px;height:34px;border-radius:9px; flex:none; background:rgba(255,255,255,.06); border:1px solid var(--bf-line-dark); display:flex; align-items:center; justify-content:center; color:#8fb4ff; }
.bf-quality-list h5{ font-size:13px; font-weight:700; margin-bottom:2px; }
.bf-quality-list p{ font-size:11.5px; color:var(--bf-muted-light); line-height:1.4; }

.bf-quality-media{ position:relative; border-radius:var(--bf-radius-lg,22px); overflow:hidden; aspect-ratio:4/5; }
.bf-quality-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bf-quality-media::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,7,11,0) 45%, rgba(5,7,11,.82) 100%); pointer-events:none; }
.bf-quality-play{
  position:absolute; top:50%; left:24%; transform:translate(-50%,-50%); width:64px;height:64px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; color:#fff; z-index:2;
  background:rgba(10,10,10,.15); backdrop-filter:blur(3px); transition:transform .25s var(--bf-ease), background .25s var(--bf-ease);
}
.bf-quality-play:hover{ transform:translate(-50%,-50%) scale(1.08); background:rgba(10,10,10,.35); }
.bf-quality-overlay{ position:absolute; left:28px; right:28px; bottom:26px; z-index:2; }
.bf-quality-overlay h3{ font-family:var(--bf-font-display,'Playfair Display',serif); font-weight:600; font-size:clamp(20px,2.6vw,30px); color:#fff; line-height:1.14; margin-bottom:8px; }
.bf-quality-overlay h3 em{ font-style:italic; background:var(--bf-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bf-quality-overlay p{ font-size:12.5px; color:var(--bf-muted-light); }

/* ================= PRESS ================= */
.bf-press-section{ background:var(--bf-paper-alt,#f6f5f1); padding:56px 0; }
.bf-press-section .bf-wrap{ text-align:center; }
.bf-press-marquee{ display:flex; align-items:center; justify-content:center; gap:56px; flex-wrap:wrap; margin-top:26px; opacity:.82; }
.bf-press-marquee span{ font-size:20px; color:#3a3a3c; white-space:nowrap; }
.bf-press-serif{ font-family:var(--bf-font-display,'Playfair Display',serif); font-weight:600; font-size:23px; text-transform:uppercase; letter-spacing:.02em; }
.bf-press-wide{ letter-spacing:.14em; font-weight:700; font-size:14px; text-transform:uppercase; }
.bf-press-script{ font-family:var(--bf-font-display,'Playfair Display',serif); font-style:italic; font-weight:600; font-size:22px; }

/* ================= TESTIMONIALS ================= */
.bf-testi-section{ background:#fff; }
.bf-testi-row{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,1fr); gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }
.bf-testi-row::-webkit-scrollbar{ display:none; }
.bf-testi-card{ scroll-snap-align:start; background:var(--bf-paper-alt,#f6f5f1); border-radius:var(--bf-radius-md,14px); padding:30px 28px; display:flex; flex-direction:column; gap:18px; }
.bf-quote-mark{ color:var(--bf-blue,#2f6ff0); opacity:.5; }
.bf-quote{ font-size:15px; line-height:1.6; color:#2b2b2d; }
.bf-testi-person{ display:flex; align-items:center; gap:12px; margin-top:auto; }
.bf-testi-person img{ width:38px;height:38px;border-radius:50%; object-fit:cover; }
.bf-testi-person span{ font-size:13px; font-weight:700; }

/* ================= STATS ================= */
.bf-stats-bar{ background:var(--bf-navy,#0a0e17); color:#fff; }
.bf-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); text-align:center; }
.bf-stat{ padding:46px 20px; border-right:1px solid var(--bf-line-dark); }
.bf-stat:last-child{ border-right:none; }
.bf-stat-num{
  font-family:var(--bf-font-display,'Playfair Display',serif); font-style:italic; font-weight:600;
  font-size:clamp(24px,2.8vw,36px);
  background:var(--bf-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:6px;
}
.bf-stat-label{ font-size:12px; letter-spacing:.03em; color:var(--bf-muted-light); }

/* ================= NEWSLETTER ================= */
.bf-newsletter{ background:var(--bf-gradient); padding:56px 0; }
.bf-newsletter-inner{ display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.bf-newsletter-copy h3{ font-family:var(--bf-font-display,'Playfair Display',serif); font-style:italic; font-weight:600; font-size:clamp(24px,3vw,34px); color:#fff; margin-bottom:6px; }
.bf-newsletter-copy p{ font-size:13.5px; color:rgba(255,255,255,.85); }
.bf-newsletter-form{ display:flex; align-items:center; gap:10px; background:#fff; border-radius:999px; padding:6px 6px 6px 22px; min-width:380px; flex:none; }
.bf-newsletter-form input{ border:none; outline:none; flex:1; font-size:14px; color:var(--bf-ink,#0b0b0c); background:transparent; min-width:0; }
.bf-newsletter-form input::placeholder{ color:#9a9a9a; }
.bf-newsletter-form button{ background:var(--bf-ink,#0b0b0c); color:#fff; border-radius:999px; padding:13px 26px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; flex:none; transition:background .2s var(--bf-ease), opacity .2s var(--bf-ease); }
.bf-newsletter-form button:hover{ opacity:.85; }

/* ================= FOOTER ================= */
.bf-footer{ background:var(--bf-navy-deep,#05070b); color:#fff; padding:70px 0 0; }
.bf-footer-top{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr; gap:36px; padding-bottom:56px; border-bottom:1px solid var(--bf-line-dark); }
.bf-footer-brand .bf-logo{ color:#fff; }
.bf-footer-brand p{ font-size:13px; color:var(--bf-muted-light); line-height:1.6; margin:16px 0 22px; max-width:230px; }
.bf-social-row{ display:flex; gap:10px; }
.bf-social-row a{ width:36px;height:36px;border-radius:50%; border:1px solid var(--bf-line-dark); display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s var(--bf-ease), border-color .2s var(--bf-ease); }
.bf-social-row a:hover{ background:var(--bf-gradient); border-color:transparent; }
.bf-footer-col h5{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--bf-muted-light); margin-bottom:18px; }
.bf-footer-col ul li{ margin-bottom:12px; }
.bf-footer-col ul li a{ font-size:13.5px; color:rgba(255,255,255,.85); transition:color .2s var(--bf-ease); }
.bf-footer-col ul li a:hover{ color:#fff; }
.bf-footer-badge{
  border-radius:var(--bf-radius-md,14px); padding:22px; background:linear-gradient(160deg, rgba(47,111,240,.22), rgba(34,211,238,.14));
  border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:14px; height:fit-content;
}
.bf-globe{ width:30px;height:30px; color:#8fdcff; }
.bf-footer-badge p{ font-family:var(--bf-font-display,'Playfair Display',serif); font-style:italic; font-weight:600; font-size:16px; line-height:1.3; color:#fff; }
.bf-footer-bottom{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:26px 0; font-size:12.5px; color:var(--bf-muted-light); }
.bf-footer-links{ display:flex; gap:22px; flex-wrap:wrap; }
.bf-footer-links a:hover{ color:#fff; }
.bf-region{ display:flex; align-items:center; gap:8px; }
.bf-region svg{ width:16px;height:16px; }

/* ================= RESPONSIVE ================= */
@media (max-width:1080px){
  .barefit-landing .bf-wrap{ padding:0 28px; }
  .barefit-landing .bf-nav-links{ display:none; }
  .barefit-landing .bf-burger{ display:flex; }
  .barefit-landing .bf-hero{ grid-template-columns:1fr; }
  .barefit-landing .bf-hero-copy{ padding:56px 28px 40px; order:2; }
  .barefit-landing .bf-hero-media{ order:1; min-height:380px; }
  .barefit-landing .bf-hero--media-above .bf-hero-copy{ order:2; }
  .barefit-landing .bf-hero--media-above .bf-hero-media{ order:1; }
  .barefit-landing .bf-hero--media-below .bf-hero-copy{ order:1; }
  .barefit-landing .bf-hero--media-below .bf-hero-media{ order:2; }
  .barefit-landing .bf-feature-grid{ grid-template-columns:repeat(2,1fr); }
  .barefit-landing .bf-feature-item{ border-right:none; border-bottom:1px solid var(--bf-line-dark); }
  .barefit-landing .bf-quality-grid{ grid-template-columns:1fr; gap:40px; }
  .barefit-landing .bf-quality-media{ order:-1; aspect-ratio:16/10; }
  .barefit-landing .bf-footer-top{ grid-template-columns:1fr 1fr; }
  .barefit-landing .bf-footer-brand{ grid-column:1/-1; }
  .barefit-landing .bf-stats-grid{ grid-template-columns:repeat(2,1fr); }
  .barefit-landing .bf-stat{ border-bottom:1px solid var(--bf-line-dark); }
  .barefit-landing .bf-stat:nth-child(2n){ border-right:none; }
}

@media (max-width:640px){
  .barefit-landing .bf-wrap{ padding:0 20px; }
  .barefit-landing .bf-section{ padding:64px 0; }
  .barefit-landing .bf-section--tight{ padding:52px 0; }
  .barefit-landing .bf-nav-row{ height:70px; }
  .barefit-landing .bf-logo, .barefit-landing .bf-logo .bf-accent{ font-size:20px; }
  .barefit-landing .bf-hero-h1{ font-size:clamp(26px, var(--bf-h1-size-mobile,38px), var(--bf-h1-size-mobile,38px)); }
  .barefit-landing .bf-h2{ font-size:clamp(20px, var(--bf-h2-size-mobile,28px), var(--bf-h2-size-mobile,28px)); }
  .barefit-landing .bf-quality-h2{ font-size:clamp(20px, var(--bf-h2-size-mobile,28px), var(--bf-h2-size-mobile,28px)); }
  .barefit-landing .bf-hero-copy{ padding:44px 20px 34px; gap:16px; }
  .barefit-landing .bf-hero--text-center .bf-hero-copy{ align-items:center; text-align:center; }
  .barefit-landing .bf-hero--text-center .bf-eyebrow{ justify-content:center; }
  .barefit-landing .bf-hero--text-center .bf-hero-btn-row{ justify-content:center; }
  .barefit-landing .bf-hero-btn-row{ gap:10px; }
  .barefit-landing .bf-btn{ padding:14px 22px; font-size:12px; }
  .barefit-landing .bf-feature-grid{ grid-template-columns:1fr; }
  .barefit-landing .bf-feature-cols-mobile-2 .bf-feature-grid{ grid-template-columns:repeat(2,1fr); }
  .barefit-landing .bf-feature-item{ border-right:none; padding:24px 20px; }
  .barefit-landing .bf-section-head{ flex-direction:column; align-items:flex-start; }
  .barefit-landing .bf-collection-row{ grid-auto-columns:var(--bf-card-width-mobile, 62%); }
  .barefit-landing .bf-quality-list{ grid-template-columns:1fr; }
  .barefit-landing .bf-press-marquee{ gap:26px; }
  .barefit-landing .bf-press-marquee span{ font-size:16px; }
  .barefit-landing .bf-newsletter-inner{ flex-direction:column; align-items:flex-start; }
  .barefit-landing .bf-newsletter-form{ min-width:0; width:100%; }
  .barefit-landing .bf-footer-top{ grid-template-columns:1fr; gap:30px; }
  .barefit-landing .bf-testi-row{ grid-auto-columns:88%; }
  .barefit-landing .bf-footer-bottom{ flex-direction:column; align-items:flex-start; }
}