.brx-sub-logo{display:block;width:160px;height:52px;object-fit:contain}
.brx-sub-header{max-width:1180px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brx-document{max-width:1000px;margin:auto;padding:64px 24px 80px}.brx-document h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.035em;margin:16px 0 36px}.brx-document-card{padding:clamp(24px,5vw,48px);border:1px solid #28302c;border-radius:24px;background:linear-gradient(140deg,#101713,#080b09)}.brx-document-card h2{margin-top:0;line-height:1.25}.brx-document-card p{max-width:65ch;color:#c0c8c2;line-height:1.8}.brx-document-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.brx-document-links a{padding:14px 18px;border:1px solid #343d37;border-radius:100px;color:#edf3ef;text-decoration:none}
.brx-preview-note{max-width:1000px;margin:32px auto;padding:20px 24px;color:#a8b1aa;font:13px/1.7 Arial,sans-serif;scroll-margin-top:100px}
.men-hero-media,.women-hero-media{aspect-ratio:910/512!important;height:auto!important;min-height:0!important;align-self:center;overflow:hidden;background:#000}
.men-hero-media{border-radius:0!important;border:0!important;box-shadow:none!important}
.women-hero-media{border-radius:0!important;border:0!important;box-shadow:none!important}
.men-hero-media video,.women-hero-media video{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;position:relative!important;inset:auto!important;transform:none!important}
.men-info-card,.men-rule,.women-card,.women-feature-panel{border-radius:20px!important}.men-hero-lead,.women-hero-lead{line-height:1.7}.men-exercise-media.empty,.women-exercise-media.empty{display:none}.men-exercise-card:has(.men-exercise-media.empty),.women-exercise:has(.women-exercise-media.empty){grid-template-columns:1fr}
:focus-visible{outline:2px solid #a7d99a;outline-offset:5px}
@media(max-width:600px){.brx-document{padding-top:36px}.brx-sub-header{padding:16px}.men-header,.women-header{flex-wrap:wrap}.men-header nav,.women-header nav{flex-wrap:wrap;gap:12px}.men-brand,.women-brand{min-width:0}.brx-sub-logo{width:132px;height:44px}}

/* One integrated rendering of the approved logo across every preview page. */
svg.brx-logo-art{display:block;width:100%;height:100%;max-width:100%;flex-shrink:1;overflow:visible}
.men-brand,.women-brand,.tools-brand,.brx-sub-header>a:first-child{display:block!important;width:190px!important;height:64px!important;flex:0 1 190px;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important}
.men-header,.women-header{padding-block:16px!important;min-height:96px!important;background:#050806!important}
.men-back,.women-back,.tools-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px!important;font-weight:600;color:#c7d0c8!important}
.women-btn,.men-btn,.brx-document-links a{min-height:46px;border-radius:10px!important;box-shadow:none!important;gap:10px;line-height:1.35}
.women-btn.primary,.men-btn.primary{background:rgba(2,3,3,.92)!important;border:1.5px solid #9cff57!important;color:#b8ff38!important;box-shadow:0 0 0 1px rgba(156,255,87,.16),0 0 16px rgba(114,182,58,.22)!important}
.women-btn.secondary,.men-btn.secondary{background:transparent!important;border:1px solid #3b493a!important;color:#e6ede3!important}
.women-card,.men-info-card,.men-rule{background:#0d140e!important;border:1px solid #2d3a2c!important;box-shadow:none!important;border-radius:14px!important}
.women-card:hover,.men-info-card:hover{border-color:#6a8351!important}
.women-hero-copy h1,.men-hero-copy h1{letter-spacing:-.045em!important;line-height:1.08!important}
.women-hero-media:after,.men-hero-media:after{display:none!important}
@media(max-width:600px){
 .men-brand,.women-brand,.tools-brand,.brx-sub-header>a:first-child{width:176px!important;height:59px!important;flex-basis:176px}
 .women-hero-copy h1,.men-hero-copy h1{font-size:clamp(32px,8.8vw,42px)!important}
 .women-hero-lead,.men-hero-lead{font-size:16px!important;line-height:1.65!important}
 .women-actions,.men-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.women-btn,.men-btn{justify-content:center;padding:13px 18px!important;font-size:14px!important}
}


/* BraxHorn calculator intro: supplied artwork only behind "Policz punkt wyjścia." */
.brx-calculator-hero{
  position:relative;isolation:isolate;
  min-height:360px;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(54px,7vw,86px) clamp(20px,4vw,46px) clamp(42px,6vw,64px);
  margin:0 -20px 28px;
  background:
    linear-gradient(90deg,rgba(2,3,3,.88) 0%,rgba(2,3,3,.78) 30%,rgba(2,3,3,.56) 56%,rgba(2,3,3,.24) 82%,rgba(2,3,3,.14) 100%),
    linear-gradient(0deg,rgba(2,3,3,.84) 0%,rgba(2,3,3,.18) 48%,rgba(2,3,3,.24) 100%),
    url('/media/braxhorn/calculator-hero.webp') 68% center/cover no-repeat;
}
.brx-calculator-hero .tools-eyebrow,
.brx-calculator-hero h1,
.brx-calculator-hero p{position:relative;z-index:1}
.brx-calculator-hero h1{max-width:760px;text-shadow:0 3px 24px #000}
.brx-calculator-hero p{max-width:720px;color:#d8dfd8;text-shadow:0 2px 14px #000}
@media(max-width:800px){
  .brx-calculator-hero{
    min-height:420px;
    margin:0 -20px 24px;
    padding:68px 20px 42px;
    background:
      linear-gradient(90deg,rgba(2,3,3,.90) 0%,rgba(2,3,3,.78) 38%,rgba(2,3,3,.44) 72%,rgba(2,3,3,.22) 100%),
      linear-gradient(0deg,rgba(2,3,3,.86) 0%,rgba(2,3,3,.18) 54%,rgba(2,3,3,.28) 100%),
      url('/media/braxhorn/calculator-hero.webp') 70% center/cover no-repeat;
  }
  .brx-calculator-hero h1{max-width:92%}
  .brx-calculator-hero p{max-width:94%;color:#e0e6e0}
}

/* Restore a visible affordance after decorative text arrows are stripped. */
.men-plan-open-label b:empty::before,.women-plan-open-label b:empty::before{content:"";display:block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}

/* Shared BraxHorn subpage polish. */
.men-plan-open-label b,.women-plan-open-label b{flex-shrink:0}
@media(min-width:901px){
 .men-page{--m-page:1184px}.women-page{--w-page:1184px}
 .men-header,.women-header{padding-inline:max(32px,calc((100vw - 1184px)/2));gap:28px}
 .men-header nav,.women-header nav{font-size:13px;gap:24px}
 .men-section h2,.women-section h2{font-size:clamp(34px,3.2vw,46px);line-height:1.14;text-wrap:balance}
 .men-section-head>p,.women-section-head>p{font-size:16px;line-height:1.75;max-width:52ch}
 .men-plan-tiles,.women-plan-tiles{gap:18px}
 .men-plan-tile,.women-plan-tile{padding:24px;min-height:224px}
 .men-plan-tile>strong,.women-plan-tile>strong{font-size:26px}
 .men-plan-tile>p,.women-plan-tile>p{font-size:14px;line-height:1.6}
 .men-plan-open-label,.women-plan-open-label{font-size:12px;letter-spacing:.04em;padding-top:16px}
 .men-info-card,.women-feature-tab{padding:24px}
 .men-info-card p,.men-rule p,.women-feature-tab p{font-size:14px;line-height:1.7}
 .men-plan-route,.women-plan-route{max-width:980px;margin-inline:auto}
 .brx-document{max-width:1060px;padding-block:56px 80px}
 .brx-document-card{border-radius:20px;box-shadow:0 20px 50px #0004}
 .brx-document-card p{font-size:16px}
 .tools-card{border-radius:18px;background:linear-gradient(145deg,#0e150f,#080c09);border-color:#2d3a2c}
 .calc-layout{gap:24px}
}
@media(max-width:600px){
 .men-plan-tile,.women-plan-tile{padding:14px 10px}
 .men-plan-tile-top,.women-plan-tile-top{gap:5px;flex-wrap:wrap}
 .men-plan-count,.women-plan-count{font-size:9px;padding:5px 6px}
 .men-plan-tile>strong,.women-plan-tile>strong{font-size:18px;line-height:1.2}
 .men-plan-tile>p,.women-plan-tile>p{font-size:12px;line-height:1.5;min-height:54px}
 .men-plan-open-label,.women-plan-open-label{font-size:11px;letter-spacing:.02em;gap:4px;line-height:1.5}
 .men-plan-open-label b,.women-plan-open-label b{width:20px;height:20px}
 .brx-document-card{padding:24px 20px;border-radius:16px}
 .brx-document-card p{line-height:1.8}
}
@media(prefers-reduced-motion:reduce){
 .men-plan-tile,.women-plan-tile{transition:none}
 .men-plan-tile:hover,.women-plan-tile:hover{transform:none}
}

@media(min-width:901px){
 .men-brand .brx-logo-art,.women-brand .brx-logo-art,.tools-brand .brx-logo-art{transform:scale(1.2);transform-origin:center}
}

/* Photorealistic equipment artwork; decorative, with unchanged plan controls. */
.men-plan-tile,.women-plan-tile{position:relative;isolation:isolate}
.men-plan-tile::before,.women-plan-tile::before{
 content:"";position:absolute;right:0;top:42px;bottom:44px;width:48%;z-index:-1;pointer-events:none;
 background:var(--plan-art) center/contain no-repeat;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent);
}
.men-plan-tile:nth-child(1),.women-plan-tile:nth-child(1){--plan-art:url('/media/braxhorn/training-dumbbells.webp')}
.men-plan-tile:nth-child(2),.women-plan-tile:nth-child(2){--plan-art:url('/media/braxhorn/training-barbell.webp')}
.men-plan-tile:nth-child(3),.women-plan-tile:nth-child(3){--plan-art:url('/media/braxhorn/training-kettlebell.webp')}
@media(min-width:601px){
 .men-plan-tile>strong,.women-plan-tile>strong,.men-plan-tile>p,.women-plan-tile>p{max-width:57%}
 .men-plan-tile,.women-plan-tile{min-height:236px}
}
@media(max-width:600px){
 .men-plan-tile::before,.women-plan-tile::before{
 position:relative;inset:auto;z-index:auto;order:1;width:100%;height:80px;flex:none;margin:0 0 12px;
 -webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 75%);mask-image:radial-gradient(ellipse,#000 50%,transparent 75%);
 }
 .men-plan-tile-top,.women-plan-tile-top{order:0;margin-bottom:6px}
 .men-plan-tile>strong,.women-plan-tile>strong{order:2}
 .men-plan-tile>p,.women-plan-tile>p{order:3}
 .men-plan-open-label,.women-plan-open-label{order:4}
}
/* Keep in-page navigation stable instead of replacing estimated section heights. */
.men-section,.women-section,.men-footer,.women-footer{content-visibility:visible;contain-intrinsic-size:none}

@media(min-width:601px){.men-plan-tile::before,.women-plan-tile::before{top:52px;bottom:58px;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse,#000 40%,transparent 73%);mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}}

/* BraxHorn editorial layout: desktop composition and legible form surfaces. */
@media(min-width:1100px){
 .men-hero,.women-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;max-width:1248px;margin:0 auto;padding:56px 32px 48px}
 .men-hero-copy,.women-hero-copy{width:auto;margin:0;padding:0;min-width:0}
 .men-hero-copy h1,.women-hero-copy h1{font-size:clamp(42px,3.7vw,58px)!important;line-height:1.08!important;text-wrap:balance}
 .men-hero-lead,.women-hero-lead{font-size:17px;max-width:40ch}
 .men-hero-media,.women-hero-media{width:100%;border-radius:18px!important}
}
.brx-calculator-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.brx-calculator-hero~.calc-layout .tools-card{padding:28px;background:linear-gradient(145deg,#111a13,#080c09);border:1px solid #303e31;border-radius:18px;box-shadow:inset 0 1px 0 #e3f7dc08}
.brx-calculator-hero~.calc-layout .tools-card h2{font-size:23px;letter-spacing:-.025em;margin:0 0 24px}
.brx-calculator-hero~.calc-layout .calc-form label{font-size:14px;font-weight:600;min-width:0;align-content:end}
.brx-calculator-hero~.calc-layout .calc-form :is(input,select){border-radius:10px;background:#060a07;border-color:#3b493c}
.brx-calculator-hero~.calc-layout .tools-button{min-height:50px;background:#0d170b;color:#b8ff38;border:1px solid #9cdb54;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 0 16px #72b63a16}
.brx-calculator-hero~.calc-layout .metric-box{border-radius:12px;padding:20px;background:linear-gradient(145deg,#111a11,#070b08);border-color:#303e31}
.brx-calculator-hero~.calc-layout .metric-box strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#e5f6d6}
@media(min-width:801px){
 .brx-calculator-hero~.calc-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}
 .brx-calculator-hero~.calc-layout .calc-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .brx-calculator-hero~.calc-layout .calc-form label:has(select[name=activity]),.brx-calculator-hero~.calc-layout .calc-form label:has(select[name=goal]),.brx-calculator-hero~.calc-layout .calc-form>button{grid-column:1/-1}
 .brx-calculator-hero~.calc-layout .metric-box{min-height:132px}
}
.brx-document h1{text-wrap:balance}
.brx-document-card h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.025em;margin-bottom:18px}
.brx-document-card p{margin-block:0;overflow-wrap:anywhere}
.brx-document-links a{display:inline-flex;align-items:center;font-size:14px;background:linear-gradient(145deg,#10180f,#070b08);border-color:#3a4936}
.brx-document-links a:hover{border-color:#91b75e;background:#152010}
.brx-sub-header>a:last-child{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;color:#c4cfc0}
@media(max-width:600px){
 .brx-calculator-hero{margin-inline:0;padding-inline:20px;min-height:360px;border-radius:0 0 16px 16px}
 .brx-calculator-hero~.calc-layout .tools-card{padding:20px}
 .brx-calculator-hero~.calc-layout .metric-box{padding:16px;min-width:0}
 .brx-calculator-hero~.calc-layout .metric-box strong{font-size:26px;overflow-wrap:anywhere}
 .brx-document-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .brx-document-links a:last-child{grid-column:1/-1}
 .brx-document-links a{justify-content:center;padding:12px 10px}
}

@media(min-width:1100px){
 .men-header,.women-header{display:grid;grid-template-columns:64px 190px minmax(0,1fr);gap:28px}
 .men-header nav,.women-header nav{justify-self:end}
}
