/* VAYLOZA PRODUCT UI V3 — 2026-10-01
   A single final visual authority for public web, desktop member web,
   phone browser and installed Android app. Presentation only. */

:root{
  --vz3-purple:#5f49df;
  --vz3-purple-2:#806bf0;
  --vz3-rose:#ed7287;
  --vz3-cream:#f8f4ee;
  --vz3-paper:#fffdf9;
  --vz3-ink:#201a2b;
  --vz3-muted:#756e79;
  --vz3-line:#e7dfda;
  --vz3-green:#2f9a68;
  --vz3-green-bg:#edf7ef;
  --vz3-shadow:0 10px 30px rgba(47,35,61,.07);
}

/* ================= PUBLIC WEBSITE ================= */
body[data-homepage="simple-20260930"]{
  background:#faf7f2!important;
  color:var(--vz3-ink)!important;
}
body[data-homepage="simple-20260930"] .site-header{
  box-shadow:0 1px 0 rgba(62,46,73,.04);
}
body[data-homepage="simple-20260930"] .hero{
  min-height:560px;
}
body[data-homepage="simple-20260930"] .hero-photo{
  border-radius:42px 14px 14px 14px!important;
  box-shadow:0 22px 55px rgba(47,35,61,.13)!important;
}
body[data-homepage="simple-20260930"] .hero-photo img{height:430px!important}
body[data-homepage="simple-20260930"] .benefits article{
  padding:12px 0;
}
body[data-homepage="simple-20260930"] .plan-section{
  background:#f0ebf5!important;
}
body[data-homepage="simple-20260930"] .plan-preview{
  border:0!important;
  box-shadow:var(--vz3-shadow)!important;
}
@media(max-width:600px){
  body[data-homepage="simple-20260930"] .hero{min-height:0}
  body[data-homepage="simple-20260930"] .hero-photo img{height:225px!important}
}

/* ================= DESKTOP MEMBER WEBSITE ================= */
#app.desktop-workspace{
  background:
    radial-gradient(circle at 82% 5%,rgba(237,114,135,.06),transparent 28rem),
    radial-gradient(circle at 10% 0%,rgba(95,73,223,.06),transparent 26rem),
    #f7f3ee!important;
}
#app.desktop-workspace .member-v4-header{
  background:linear-gradient(90deg,#2a2138,#332541)!important;
}
#app.desktop-workspace .member-v4-header-inner{
  width:min(1500px,calc(100% - 48px))!important;
}
#app.desktop-workspace .member-v4-main.main{
  width:min(1440px,calc(100% - 64px))!important;
  padding-top:32px!important;
}
#app.desktop-workspace .member-v4-brand .logo{
  background:linear-gradient(135deg,var(--vz3-purple),var(--vz3-purple-2) 65%,var(--vz3-rose))!important;
}
#app.desktop-workspace .member-v4-nav .navbtn.active{
  border-radius:999px!important;
}
#app.desktop-workspace :is(.web-page-title,.today-heading,.pagehead,.screen-heading){
  border-bottom:0!important;
  margin-bottom:22px!important;
  padding-bottom:0!important;
}
#app.desktop-workspace :is(.web-page-title,.today-heading,.pagehead,.screen-heading) h1{
  font-size:clamp(38px,3.2vw,50px)!important;
}
#app.desktop-workspace :is(.web-page-title,.today-heading,.pagehead,.screen-heading) p{
  font-size:15px!important;
}

/* Desktop Today = real two-column health dashboard */
#app.desktop-workspace #today .today-nutrition{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
#app.desktop-workspace #today .today-nutrition article{
  min-height:124px!important;
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(47,35,61,.045)!important;
}
#app.desktop-workspace #today .today-workspace{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr)!important;
  gap:18px!important;
  align-items:start!important;
}
#app.desktop-workspace #today .today-next{min-width:0}
#app.desktop-workspace #today .today-day{
  padding:18px!important;
  border:0!important;
  border-radius:20px!important;
  background:#fffdf9!important;
  box-shadow:var(--vz3-shadow)!important;
}
#app.desktop-workspace #today .member-v4-next-meal{
  border:0!important;
  border-radius:22px!important;
  box-shadow:var(--vz3-shadow)!important;
}
#app.desktop-workspace #today .member-v4-next-grid{
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  min-height:390px!important;
}
#app.desktop-workspace #today .member-v4-next-copy{
  padding:36px!important;
}
#app.desktop-workspace #today .member-v4-next-copy h2{
  font-size:38px!important;
}
#app.desktop-workspace #today .member-v4-next-photo{
  height:390px!important;
  min-height:390px!important;
}
#app.desktop-workspace #today .member-v4-today-meals{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
#app.desktop-workspace #today .member-v4-meal-row{
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr) auto!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid var(--vz3-line)!important;
  border-radius:0!important;
  overflow:visible!important;
  padding:8px 0!important;
}
#app.desktop-workspace #today .member-v4-meal-thumb{
  width:72px!important;height:62px!important;border-radius:12px!important;
}
#app.desktop-workspace #today .member-v4-meal-row>div{padding:0!important}
#app.desktop-workspace #today .member-v4-meal-row>.textbtn{margin:0!important}
#app.desktop-workspace #today .today-pantry-note{
  grid-template-columns:1fr!important;
  gap:10px!important;
  border:0!important;
  background:#f4ecdf!important;
  border-radius:16px!important;
}
#app.desktop-workspace #today .today-shortcuts{
  margin-top:18px!important;
}
#app.desktop-workspace #today .today-shortcuts button{
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 7px 20px rgba(47,35,61,.04)!important;
}
#app.desktop-workspace #today .today-progress{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.04)!important;
}

/* Desktop pages */
#app.desktop-workspace #plan .member-v4-planbox,
#app.desktop-workspace #recipes .discover-recipe-card,
#app.desktop-workspace #pantry .scan-launch,
#app.desktop-workspace #progress .progress-card,
#app.desktop-workspace #shop .shop-summary,
#app.desktop-workspace .settings-form-card,
#app.desktop-workspace .account-card{
  border-radius:18px!important;
}
#app.desktop-workspace #plan .member-v4-plan-row{
  border:0!important;
  box-shadow:0 5px 18px rgba(47,35,61,.04)!important;
}
#app.desktop-workspace #recipes .discover-recipe-card{
  border:0!important;
  box-shadow:0 7px 22px rgba(47,35,61,.05)!important;
}
#app.desktop-workspace #pantry .scan-launch{
  background:linear-gradient(135deg,#32243e,#5e4bd7)!important;
  box-shadow:0 15px 34px rgba(48,35,61,.16)!important;
}
#app.desktop-workspace #progress .progress-card,
#app.desktop-workspace #shop .shop-summary,
#app.desktop-workspace .settings-form-card,
#app.desktop-workspace .account-card{
  border:0!important;
  box-shadow:0 7px 22px rgba(47,35,61,.045)!important;
}
@media(max-width:1100px){
  #app.desktop-workspace #today .today-workspace{grid-template-columns:1fr!important}
  #app.desktop-workspace #today .member-v4-today-meals{grid-template-columns:repeat(3,1fr)!important}
  #app.desktop-workspace #today .member-v4-meal-row{display:block!important}
}

/* ================= PHONE BROWSER = mobile WEBSITE ================= */
body.mobile-web[data-surface="mobile-web-v2"]{
  background:#faf7f2!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mobile-web-header{
  background:#faf7f2f7!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mobilebar{
  background:#f5efe8!important;
  border-bottom:1px solid #e6ddd8!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mobilemain{
  max-width:720px!important;
  padding-top:24px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mobilebar button.active{
  background:var(--vz3-purple)!important;
  color:#fff!important;
  border-color:var(--vz3-purple)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-today-head h1,
body.mobile-web[data-surface="mobile-web-v2"] .screen-heading h1{
  font-size:36px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-metrics{
  gap:10px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-metric{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 18px rgba(47,35,61,.045)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-health-card{
  border:0!important;
  border-left:4px solid #6aa77e!important;
  border-radius:16px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-quick{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-quick button{
  border:0!important;
  box-shadow:0 6px 18px rgba(47,35,61,.045)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-next-wrap,
body.mobile-web[data-surface="mobile-web-v2"] .mock-later-list{
  border:0!important;
  border-radius:18px!important;
  box-shadow:var(--vz3-shadow)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-next-photo{
  height:210px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-next-copy{
  padding:16px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-next-copy h3{
  font-size:23px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-later-item{
  grid-template-columns:66px minmax(0,1fr) 20px!important;
  padding:11px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .mock-later-thumb{
  width:62px!important;height:58px!important;border-radius:11px!important;
}
body.mobile-web[data-surface="mobile-web-v2"] #pantry .scan-launch{
  border:0!important;
  background:linear-gradient(135deg,#32243e,#5e4bd7)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .pantry-zone,
body.mobile-web[data-surface="mobile-web-v2"] .progress-card,
body.mobile-web[data-surface="mobile-web-v2"] .shop-summary,
body.mobile-web[data-surface="mobile-web-v2"] .settings-form-card,
body.mobile-web[data-surface="mobile-web-v2"] .account-card{
  border:0!important;
  box-shadow:0 6px 18px rgba(47,35,61,.04)!important;
}
body.mobile-web[data-surface="mobile-web-v2"] .discover-recipe-card{
  border:0!important;
  box-shadow:0 5px 17px rgba(47,35,61,.045)!important;
}

/* ================= INSTALLED ANDROID APP ================= */
body.native-mobile[data-surface="native-app-v2"]{
  background:#f8f4ee!important;
  color:var(--vz3-ink)!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-app-header{
  background:#f8f4eef8!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-app-title>span:last-child small{
  font-size:13px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mobilemain{
  max-width:620px!important;
  padding-top:18px!important;
  padding-bottom:calc(102px + var(--native-inset-bottom,0px))!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-today-head{
  margin-bottom:18px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-today-head h1{
  font-size:38px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-today-head p{
  font-size:15px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-metrics{
  gap:10px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-metric{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.05)!important;
  padding:16px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-metric b{
  font-size:27px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-health-card{
  border:0!important;
  border-radius:20px!important;
  background:var(--vz3-green-bg)!important;
  box-shadow:none!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-health-grid{
  gap:0!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-health-grid>div{
  padding:10px 10px 0!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-health-grid>div+div{
  border-left:1px solid #d7e7da!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-quick{
  margin:14px 0 4px!important;
  gap:9px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-quick button{
  border:0!important;
  border-radius:18px!important;
  min-height:78px!important;
  box-shadow:0 6px 20px rgba(47,35,61,.045)!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-wrap{
  border:0!important;
  border-radius:24px!important;
  box-shadow:0 12px 32px rgba(47,35,61,.09)!important;
  overflow:hidden!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-meal{
  border:0!important;
  border-radius:24px!important;
  box-shadow:none!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-photo{
  height:235px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-copy{
  padding:17px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-copy h3{
  font-size:25px!important;
  line-height:1.12!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-copy>p{
  font-size:14px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-actions{
  gap:9px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-next-actions .btn{
  min-height:50px!important;
  font-size:15px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-later-list{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(47,35,61,.05)!important;
  overflow:hidden!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-later-item{
  border:0!important;
  border-bottom:1px solid var(--vz3-line)!important;
  border-radius:0!important;
  grid-template-columns:72px minmax(0,1fr) 22px!important;
  padding:10px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-later-item:last-child{border-bottom:0!important}
body.native-mobile[data-surface="native-app-v2"] .mock-later-thumb{
  width:68px!important;height:62px!important;border-radius:13px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-later-item b{
  font-size:15px!important;
  white-space:normal!important;
}
body.native-mobile[data-surface="native-app-v2"] .mock-later-item small{
  font-size:13px!important;
}

/* Native bottom nav: Today / Meals / Scan / Pantry / Progress */
body.native-mobile[data-surface="native-app-v2"] .native-product-nav{
  grid-template-columns:repeat(5,1fr)!important;
  height:calc(78px + var(--native-inset-bottom,0px))!important;
  min-height:calc(78px + var(--native-inset-bottom,0px))!important;
  padding:6px 5px calc(7px + var(--native-inset-bottom,0px))!important;
  background:#fff!important;
  border-top:1px solid #e9e1dd!important;
  box-shadow:0 -8px 28px rgba(47,35,61,.07)!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav button{
  min-height:60px!important;
  padding:5px 2px!important;
  border-radius:14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:#766f7a!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav button.active{
  color:var(--vz3-purple)!important;
  background:#f0ecff!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav button svg{
  width:22px!important;height:22px!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav button b{
  font-size:11px!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav .native-nav-scan{
  overflow:visible!important;
  background:transparent!important;
  color:var(--vz3-purple)!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-nav-scan-icon{
  width:50px!important;
  height:50px!important;
  margin-top:-26px!important;
  margin-bottom:1px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,var(--vz3-purple),#735cf0)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(95,73,223,.30)!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-nav-scan-icon svg{
  width:24px!important;height:24px!important;
}
body.native-mobile[data-surface="native-app-v2"] .native-product-nav .native-nav-scan b{
  color:var(--vz3-purple)!important;
}

/* Meals */
body.native-mobile[data-surface="native-app-v2"] #plan .screen-heading{
  margin-bottom:12px!important;
}
body.native-mobile[data-surface="native-app-v2"] .meals-tabs{
  border:0!important;
  border-radius:16px!important;
  background:#ebe6e8!important;
  padding:4px!important;
}
body.native-mobile[data-surface="native-app-v2"] .meals-tabs button{
  min-height:40px!important;
  font-size:13px!important;
}
body.native-mobile[data-surface="native-app-v2"] .meals-tabs button.active{
  color:var(--vz3-purple)!important;
}
body.native-mobile[data-surface="native-app-v2"] .daytabs{
  padding:6px 0 10px!important;
}
body.native-mobile[data-surface="native-app-v2"] .daytabs button{
  flex:0 0 70px!important;
  min-height:48px!important;
  border:0!important;
  box-shadow:0 4px 14px rgba(47,35,61,.035)!important;
}
body.native-mobile[data-surface="native-app-v2"] .daytabs button.active{
  background:var(--vz3-purple)!important;
}
body.native-mobile[data-surface="native-app-v2"] .visual-mealcard,
body.native-mobile[data-surface="native-app-v2"] .mealcard{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.055)!important;
}
body.native-mobile[data-surface="native-app-v2"] .mealcard-photo{
  height:170px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mealhead{
  padding:13px 14px 6px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mealhead h3{
  font-size:19px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mealactions{
  padding:8px 13px 14px!important;
  gap:8px!important;
}
body.native-mobile[data-surface="native-app-v2"] .mealactions .btn{
  min-height:44px!important;
  font-size:12px!important;
}
body.native-mobile[data-surface="native-app-v2"] .recipe-discover-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
body.native-mobile[data-surface="native-app-v2"] .discover-recipe-card{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 19px rgba(47,35,61,.05)!important;
}
body.native-mobile[data-surface="native-app-v2"] .discover-recipe-photo{
  height:130px!important;
}
body.native-mobile[data-surface="native-app-v2"] .discover-open{
  min-height:96px!important;
  padding:10px!important;
}
body.native-mobile[data-surface="native-app-v2"] .discover-open b{
  font-size:14px!important;
}
body.native-mobile[data-surface="native-app-v2"] .discover-open small{
  font-size:11px!important;
}

/* Log food */
body.native-mobile[data-surface="native-app-v2"] #log .logsummary{
  gap:8px!important;
}
body.native-mobile[data-surface="native-app-v2"] #log .logsummary>div{
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 5px 16px rgba(47,35,61,.04)!important;
}
body.native-mobile[data-surface="native-app-v2"] #log .log-main-action{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 20px rgba(47,35,61,.05)!important;
}

/* Pantry + Scan */
body.native-mobile[data-surface="native-app-v2"] #pantry .scan-launch{
  border:0!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#332440,#5f49df)!important;
  box-shadow:0 14px 32px rgba(47,35,61,.17)!important;
  padding:18px!important;
}
body.native-mobile[data-surface="native-app-v2"] .pantry-overview{
  gap:8px!important;
}
body.native-mobile[data-surface="native-app-v2"] .pantry-overview>div{
  border:0!important;
  border-radius:15px!important;
  box-shadow:0 4px 15px rgba(47,35,61,.035)!important;
}
body.native-mobile[data-surface="native-app-v2"] .pantry-zone{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 20px rgba(47,35,61,.04)!important;
}
body.native-mobile[data-surface="native-app-v2"] .pantry-zone>summary{
  min-height:70px!important;
}
body.native-mobile[data-surface="native-app-v2"] .camerabox{
  border-radius:26px 26px 0 0!important;
  padding:18px!important;
}
body.native-mobile[data-surface="native-app-v2"] .cameraview{
  border-radius:20px!important;
}

/* Progress */
body.native-mobile[data-surface="native-app-v2"] #progress .progressstats{
  gap:9px!important;
}
body.native-mobile[data-surface="native-app-v2"] #progress .progress-stat{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 5px 18px rgba(47,35,61,.04)!important;
}
body.native-mobile[data-surface="native-app-v2"] #progress .scale-card,
body.native-mobile[data-surface="native-app-v2"] #progress .weigh-day-card,
body.native-mobile[data-surface="native-app-v2"] #progress .progress-card{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.05)!important;
  background:#fff!important;
}

/* Shop */
body.native-mobile[data-surface="native-app-v2"] #shop .shop-summary,
body.native-mobile[data-surface="native-app-v2"] #shop .retailer{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 20px rgba(47,35,61,.045)!important;
}

/* More / settings should be native grouped rows, not dashboard cards */
body.native-mobile[data-surface="native-app-v2"] #settings .mobile-more-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
body.native-mobile[data-surface="native-app-v2"] #settings .mobile-more-grid>button{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:8px!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.045)!important;
}
body.native-mobile[data-surface="native-app-v2"] #settings .settings-list{
  border:0!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px rgba(47,35,61,.045)!important;
}
body.native-mobile[data-surface="native-app-v2"] #settings .settings-list>button{
  min-height:70px!important;
}
body.native-mobile[data-surface="native-app-v2"] .settings-form-card,
body.native-mobile[data-surface="native-app-v2"] .account-card{
  border:0!important;
  border-radius:18px!important;
  box-shadow:0 6px 20px rgba(47,35,61,.04)!important;
}

/* Recipe / cooking */
body.native-mobile[data-surface="native-app-v2"] .modalbox,
body.native-mobile[data-surface="native-app-v2"] .cooking-shell{
  background:#fffdf9!important;
}
body.native-mobile[data-surface="native-app-v2"] .recipe-hero-photo{
  height:230px!important;
  border-radius:20px!important;
}
body.native-mobile[data-surface="native-app-v2"] .cooking-instruction p{
  font-size:27px!important;
}

/* Auth + onboarding */
body.native-mobile[data-surface="native-app-v2"] .authpitch,
body.mobile-web[data-surface="mobile-web-v2"] .authpitch{
  background:linear-gradient(145deg,#2d2138,#42304f)!important;
}
body.native-mobile[data-surface="native-app-v2"] .authpitch .logo,
body.mobile-web[data-surface="mobile-web-v2"] .authpitch .logo{
  background:linear-gradient(135deg,var(--vz3-purple),var(--vz3-purple-2) 65%,var(--vz3-rose))!important;
  color:#fff!important;
}
body.native-mobile[data-surface="native-app-v2"] .onboardbox,
body.mobile-web[data-surface="mobile-web-v2"] .onboardbox{
  border:0!important;
}
body.native-mobile[data-surface="native-app-v2"] .choice,
body.mobile-web[data-surface="mobile-web-v2"] .choice{
  border:0!important;
  border-radius:16px!important;
  box-shadow:0 5px 16px rgba(47,35,61,.04)!important;
}
body.native-mobile[data-surface="native-app-v2"] .choice.selected,
body.mobile-web[data-surface="mobile-web-v2"] .choice.selected{
  background:#f0ecff!important;
  box-shadow:0 0 0 2px rgba(95,73,223,.20)!important;
}

@media(max-width:380px){
  body.native-mobile[data-surface="native-app-v2"] .mock-today-head h1{font-size:34px!important}
  body.native-mobile[data-surface="native-app-v2"] .mock-next-photo{height:205px!important}
  body.native-mobile[data-surface="native-app-v2"] .recipe-discover-grid{grid-template-columns:1fr!important}
}