/* V230: readable desktop form, compact mobile flow and an explicit home link. */
body.page-diagnostyka main{width:min(960px,calc(100% - 24px))!important;max-width:960px!important;padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
body.page-diagnostyka .diag-grid{width:100%!important;max-width:none!important;padding:0!important}
body.page-diagnostyka #photo-ai{overflow:visible!important}
body.page-diagnostyka .diag-app-topbar{gap:12px!important;border-radius:22px!important;margin:12px 0 0!important;padding:12px 16px!important;top:8px!important;z-index:20!important}
.diag-app-brand{text-decoration:none}
.diag-app-topbar .diag-top-home{flex-shrink:0;white-space:nowrap;min-height:42px!important;box-shadow:none!important}
.diag-top-home svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-diagnostyka .diag-mobile-steps{padding:0!important;background:transparent!important;margin:12px 0!important}
.diag-mobile-step{text-decoration:none}
.diag-mobile-step:focus-visible,.diag-top-home:focus-visible{outline:3px solid #16a34a;outline-offset:3px}
body.page-diagnostyka #photo-ai .form-row{padding:0!important;gap:14px!important}
body.page-diagnostyka #photo-ai .diag-section{margin:0 0 14px!important;padding:18px!important}
body.page-diagnostyka #photo-ai .diag-section__title{font-size:18px!important}
body.page-diagnostyka #photo-ai .diag-section__sub{font-size:13px!important;line-height:1.45!important}
body.page-diagnostyka #photo-ai .plant-chip{min-height:88px!important}
body.page-diagnostyka #photo-ai .plant-chip strong{font-size:13px!important}
body.page-diagnostyka #photo-ai .diag-details-title{font-size:15px!important}
body.page-diagnostyka #photo-ai #diagDetailsVisible{min-height:100px!important;font-size:15px!important}
body.page-diagnostyka #photo-ai .v89-problem-grid button{font-size:13px!important;min-height:44px!important}
body.page-diagnostyka #photo-ai .btn-row{padding:0!important}
body.page-diagnostyka #btnAnalyze{position:static!important;transform:none!important;opacity:1!important;pointer-events:auto!important;width:100%!important;min-height:56px!important;margin:0!important;font-size:16px!important}
body.page-diagnostyka #explain-ai{margin:14px 0 calc(120px + env(safe-area-inset-bottom))!important;padding:18px!important}
body.page-diagnostyka #explain-ai h2{font-size:18px!important}
body.page-diagnostyka #explain-ai input,body.page-diagnostyka #explain-ai .btn{font-size:15px!important;min-height:44px!important}
body.page-diagnostyka #explain-ai .explain-compact-head p{font-size:13px!important;line-height:1.4!important}
#diagPlantSection,#diagPhotoSection,#diagSymptomsSection,#btnAnalyze,#explain-ai{scroll-margin-top:96px!important}
.v230-promo-photo{background-image:url('/img/plant-duke.webp');background-position:center 40%}
@media(min-width:900px){
  body.page-diagnostyka #photo-ai>.form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
  body.page-diagnostyka #photo-ai>.form-row>.diag-section{margin:0!important;min-width:0}
  #diagSymptomsSection,#photo-ai>.form-row>.btn-row,#photo-ai>.form-row>.quota,#photo-ai>.form-row>.club-locked{grid-column:1/-1}
  body.page-diagnostyka .diag-result__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.page-diagnostyka main{width:calc(100% - 20px)!important}
  body.page-diagnostyka .diag-app-topbar{padding:10px 12px!important;gap:8px!important;top:4px!important}
  body.page-diagnostyka .diag-app-brand__logo{width:36px!important;height:36px!important;border-radius:12px!important;flex-shrink:0}
  body.page-diagnostyka .diag-app-brand__text strong{font-size:14px!important}
  body.page-diagnostyka .diag-app-brand__text span{font-size:10px!important}
  body.page-diagnostyka .diag-top-home{padding:0 11px!important;font-size:12px!important}
  body.page-diagnostyka #photo-ai .diag-section{padding:14px!important}
  body.page-diagnostyka #photo-ai .diag-section__title{font-size:16px!important}
  body.page-diagnostyka #photo-ai .v89-problem-grid button{font-size:12px!important}
  body.page-diagnostyka #photo-ai #diagDetailsVisible,body.page-diagnostyka #explain-ai input{font-size:16px!important}
}

/* V246: show follow-up actions only after a successful diagnosis. */
body.page-diagnostyka #diagAfterResult[hidden]{display:none!important}

/* The desktop page has its own home link and no fixed bottom navigation. */
@media(min-width:901px){
  body.page-diagnostyka .ps-app-bottom-nav{display:none!important}
  body.page-diagnostyka{padding-bottom:0!important}
  body.page-diagnostyka main{padding-bottom:32px!important}
  body.page-diagnostyka #explain-ai{margin-bottom:24px!important;scroll-margin-bottom:24px!important}
  body.page-diagnostyka #photo-ai .diag-section__sub,
  body.page-diagnostyka #photo-ai .diag-upload-intro span,
  body.page-diagnostyka #photo-ai .diag-helper{font-size:14px!important;line-height:1.5!important}
  body.page-diagnostyka #photo-ai .plant-chip small{font-size:12px!important}
  body.page-diagnostyka .diag-accordion summary{font-size:14px!important}
  body.page-diagnostyka #explain-ai .explain-compact-head p{font-size:14px!important}
}
@media(max-width:900px){
  body.page-diagnostyka{padding-bottom:0!important}
  body.page-diagnostyka main{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  body.page-diagnostyka #explain-ai{margin-bottom:16px!important;scroll-margin-bottom:calc(112px + env(safe-area-inset-bottom))!important}
}