/* FITRICH App v47 — full-bleed Home campaigns and social-scale mobile type. */

/* Readable at a glance: TikTok-like mobile type scale instead of dashboard micro-copy. */
.app-stories-note,
.app-story-chip b,
.home-product-head>div:first-child>span,
.home-product-hint,
.home-product-number,
.home-product-copy>small,
.home-product-copy>span b{font-size:9px}
.app-story-ring>span{font-size:12px}
.home-product-head h2{font-size:clamp(32px,9vw,43px);line-height:.94}
.home-product-hint{line-height:1.45}
.home-product-card{flex-basis:188px;min-height:326px}
.home-product-art{height:198px}
.home-product-copy{min-height:127px;padding:16px}
.home-product-copy>strong{font-size:17px;line-height:1.08}
.home-product-copy>span i{font-size:20px}

/* Campaign 01: a borderless, edge-to-edge editorial hero. */
#view-home .campaign-card{
  min-height:clamp(560px,76svh,720px);
  padding:0!important;
  border:0!important;
  background-image:linear-gradient(180deg,rgba(5,7,7,.05) 20%,rgba(5,7,7,.18) 52%,rgba(5,7,7,.92) 100%),url("assets/hero-unisex-products-mobile-v3-optimized.jpg")!important;
  background-size:cover!important;
  background-position:center 18%!important;
  display:flex;
  align-items:flex-end
}
#view-home .campaign-card .campaign-shade{background:linear-gradient(90deg,rgba(4,6,5,.5),transparent 58%),linear-gradient(0deg,rgba(4,6,5,.92),transparent 54%)}
#view-home .campaign-copy{width:100%;padding:30px 22px 36px}
#view-home .campaign-copy>span{font-size:11px;letter-spacing:.14em}
#view-home .campaign-copy h2{margin:14px 0 16px;font-size:clamp(56px,16vw,86px);line-height:.79;letter-spacing:-.075em}
#view-home .campaign-copy p{max-width:340px;margin:0 0 22px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.45}
#view-home .campaign-copy button{min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.64);border-radius:999px;background:rgba(8,10,9,.28);color:#fff;font-size:12px;backdrop-filter:blur(10px)}

/* Campaign 02: Sovereign ID as a cinematic identity panel, not an FR widget. */
#view-home .sovereign-mini{
  min-height:clamp(500px,66svh,640px);
  padding:0!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(5,7,7,.08),rgba(5,7,7,.2) 48%,rgba(5,7,7,.93)),url("assets/hero-model-v3-optimized.jpg") 61% center/cover no-repeat!important;
  color:#fff;
  display:flex;
  flex-direction:column
}
#view-home .sovereign-mini:before{display:none}
#view-home .mini-top{padding:24px 22px 0}
#view-home .mini-top span,
#view-home .mini-top i{color:#fff;font-size:11px;letter-spacing:.13em;text-shadow:0 2px 12px #000}
#view-home .mini-top i{padding:7px 10px;border-radius:999px;background:rgba(8,10,9,.42);backdrop-filter:blur(9px)}
#view-home .mini-mark{
  width:auto;
  height:auto;
  margin:auto 20px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fff;
  justify-content:flex-start;
  font-size:clamp(88px,27vw,132px);
  line-height:.72;
  letter-spacing:-.12em;
  text-shadow:0 8px 28px rgba(0,0,0,.45)
}
#view-home .mini-bottom{padding:24px 22px 31px;border-top:1px solid rgba(255,255,255,.28)}
#view-home .mini-bottom strong{font-size:38px;line-height:.9;color:#fff}
#view-home .mini-bottom small{display:block;margin-top:9px;color:rgba(255,255,255,.68);font-size:9px}
#view-home .mini-bottom button{min-height:44px;padding:0 15px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#fff;font-size:11px;background:rgba(8,10,9,.3);backdrop-filter:blur(9px)}

/* Quick access reads like a social app menu, not a control dashboard. */
#view-home .quick-card .card-head span{font-size:10px}
#view-home .quick-card .card-head h2{font-size:36px}
#view-home .quick-grid button{min-height:68px;padding:13px 8px}
#view-home .quick-grid i{width:36px;height:36px;font-size:12px}
#view-home .quick-grid span{font-size:11px}

/* Bottom navigation and header labels must remain legible on a phone. */
.bottom-nav .nav-item,
.bottom-nav .nav-item span{font-size:9px!important;letter-spacing:.08em}
.bottom-nav .nav-item i{font-size:14px!important}
.language-button{font-size:9px}
.avatar-button{font-size:11px}

@media(min-width:761px){
  #view-home .campaign-card,
  #view-home .sovereign-mini{width:calc(100% + 30px);margin-inline:-15px!important}
}

@media(max-width:420px){
  .app-stories-note{margin-left:14px}
  .home-product-card{flex-basis:178px}
  #view-home .campaign-card{min-height:72svh;background-position:center 18%!important}
  #view-home .campaign-copy{padding:26px 20px 31px}
  #view-home .campaign-copy h2{font-size:58px}
  #view-home .sovereign-mini{min-height:61svh;background-position:59% center!important}
  #view-home .mini-mark{font-size:92px}
  #view-home .quick-card{padding-inline:17px}
}

@media(prefers-reduced-motion:reduce){
  #view-home .campaign-card,
  #view-home .sovereign-mini{background-attachment:scroll}
}