/* TOCHKA_FIRST_APPROVED_MALE_20261101
   Reversible photo-specific tuning. Approved FIRST concept: longer hair,
   green dawn mountains, visible sunrise, natural bright emerald-blue sky.
   Never changes the female view, nutrition, daily content or scroll colors. */
body[data-gender="male"] .intro-shell{
  background-color:#255a54;
  --intro-overlay:
    linear-gradient(90deg,rgba(59,116,117,.19) 0%,rgba(40,95,88,.105) 42%,rgba(8,57,47,.018) 76%,transparent 100%),
    linear-gradient(0deg,rgba(10,52,42,.10),transparent 38%);
}
body[data-gender="male"] .intro-shell::before{
  background-image:var(--theme-photo);
  background-size:cover;
  background-position:75% center;
  background-repeat:no-repeat;
  filter:brightness(1.045) saturate(1.06) contrast(1.01);
}
body[data-gender="male"] .intro-shell::after{
  background:var(--intro-overlay);
  pointer-events:none;
}
body[data-gender="male"] .intro-shell .hero h1,
body[data-gender="male"] .intro-shell .hero p,
body[data-gender="male"] .intro-shell .brand b{
  text-shadow:0 2px 8px rgba(4,37,31,.32);
}
/* Tablet art direction uses its own 2304 × 1440 photo, never stretching a portrait. */
@media(min-width:760px) and (orientation:landscape){
  body[data-gender="male"] .intro-shell::before{
    background-image:var(--theme-photo-tablet,var(--theme-photo));
    background-position:right center;
    background-size:cover;
  }
}
@media(max-width:759px) and (orientation:portrait){
  body[data-gender="male"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,rgba(54,109,108,.19) 0%,rgba(34,85,75,.08) 49%,transparent 100%);
  }
  body[data-gender="male"] .intro-shell::before{
    background-size:auto 100%;
    background-position:77% center;
  }
}
@media(min-width:760px) and (orientation:portrait){
  body[data-gender="male"] .intro-shell::before{
    background-size:cover;
    background-position:76% center;
  }
}

/* BRIGHT_FIRST_HERO_V3_20261101 */
/* Remove the previous dark mask: the photograph itself now contains
   real sky/mountain detail on the left. Use only a faint contrast veil. */
body[data-gender="male"] .intro-shell{
  --intro-overlay:linear-gradient(90deg,
    rgba(10,42,48,.14) 0%,rgba(7,43,46,.10) 35%,rgba(6,42,36,.025) 68%,transparent 100%);
  background-color:#7396a1;
}
body[data-gender="male"] .intro-shell::after{background:var(--intro-overlay)}
body[data-gender="male"] .intro-shell::before{
  filter:brightness(1.02) saturate(1.065) contrast(1.015);
}
body[data-gender="male"] .intro-shell .hero h1,
body[data-gender="male"] .intro-shell .hero p,
body[data-gender="male"] .intro-shell .eyebrow,
body[data-gender="male"] .intro-shell .brand b{
  text-shadow:0 2px 5px rgba(7,28,34,.57),0 0 18px rgba(8,27,31,.20);
}
@media(max-width:759px) and (orientation:portrait){
  body[data-gender="male"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,rgba(15,52,60,.13),rgba(8,56,53,.045) 52%,transparent 86%);
  }
}

/* APPROVED_FIVE_NAV_ICONS_V3_20261101 */
/* Five primary destinations lead the tab strip as in the approved reference.
   Remaining sections stay reachable by horizontal scrolling: none are removed. */
body[data-gender="male"] .nav{
  display:flex;flex-wrap:nowrap;align-items:stretch;gap:5px;
  padding:8px 12px 10px;overflow-x:auto;scrollbar-width:thin;
  border-top:1px solid rgba(231,201,139,.85);
  border-bottom:2px solid rgba(231,201,139,.90);
  background:linear-gradient(120deg,#064735,#0b5542 55%,#083e32);
}
body[data-gender="male"] .nav button{
  flex:0 0 clamp(100px,15vw,165px);min-width:0;white-space:normal;
  line-height:1.17;font-size:12px;min-height:71px;
  padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;border:1px solid transparent;border-radius:12px;color:#fff6e5;
}
body[data-gender="male"] .nav button::before{
  display:block;font-size:26px;line-height:1.05;color:#f8d688;
  font-family:Arial,sans-serif;font-weight:400;
}
body[data-gender="male"] .nav button.active{
  background:linear-gradient(145deg,#164d3a,#0a3e31);
  color:#f7d98b;border-color:rgba(237,199,116,.72);
  box-shadow:inset 0 1px 0 rgba(255,243,204,.12),0 4px 13px rgba(0,23,16,.18);
}
body[data-gender="male"] #nav-home{order:1}
body[data-gender="male"] #nav-habits{order:2}
body[data-gender="male"] #nav-breath{order:3}
body[data-gender="male"] #nav-nutrition{order:4}
body[data-gender="male"] #nav-preparation{order:5}
body[data-gender="male"] .nav button:not(#nav-home):not(#nav-habits):not(#nav-breath):not(#nav-nutrition):not(#nav-preparation){order:20}
body[data-gender="male"] #nav-home::before{content:"⌂"}
body[data-gender="male"] #nav-habits::before{content:"▥"}
body[data-gender="male"] #nav-breath::before{content:"♧"}
body[data-gender="male"] #nav-nutrition::before{content:"♧"}
body[data-gender="male"] #nav-preparation::before{content:"▣"}
@media(max-width:600px){
 body[data-gender="male"] .nav{gap:1px;padding:6px 5px 8px}
 body[data-gender="male"] .nav button{flex:0 0 calc((100vw - 24px)/5);font-size:10px;min-height:69px;padding:5px 1px}
 body[data-gender="male"] .nav button::before{font-size:23px}
}