/* Mobile hero refinements and moderated recipe community — 2026-08-06. */

/* A clearer visual transition from the food image into the mobile information panel. */
@media(max-width:680px){
  body.recipes-page .recipe-detail-image::after{
    background:
      radial-gradient(circle at 70% 18%,rgba(8,124,117,.06),transparent 42%),
      linear-gradient(180deg,rgba(8,32,40,0) 12%,rgba(8,32,40,.12) 42%,rgba(8,32,40,.52) 73%,rgba(8,32,40,.96) 100%);
  }
  body.recipes-page .recipe-detail-copy{
    margin-top:-82px;
    border-color:rgba(143,225,215,.24);
    background:linear-gradient(150deg,rgba(9,46,56,.985),rgba(18,61,69,.965));
  }
  body.recipes-page .recipe-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.recipes-page .recipe-actions .recipe-action:last-of-type{grid-column:auto}
  body.recipes-page .recipe-author__verified-check{
    left:39px;
    top:37px;
    border-color:#153845;
  }
  body.recipes-page .recipe-action.is-active{
    border-color:#8fe1d7;
    background:#087c75;
    box-shadow:0 0 0 2px rgba(143,225,215,.12) inset;
  }
  body.recipes-page .recipe-action.is-active svg{
    fill:currentColor;
    transform:scale(1.06);
  }
}

@media(min-width:681px){
  body.recipes-page .recipe-author__verified-check{
    left:52px;
    top:50px;
  }
}

.recipe-community{
  max-width:1080px;
  padding-top:12px;
  padding-bottom:clamp(76px,9vw,112px);
  scroll-margin-top:96px;
}
.recipe-community__intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  padding-top:34px;
  border-top:1px solid #d8e1de;
}
.recipe-community__intro h2{
  margin:4px 0 10px;
  color:#153845;
  font-size:clamp(2rem,3.5vw,3rem);
  line-height:1.05;
}
.recipe-community__intro p:last-child{
  max-width:720px;
  margin:0;
  color:#5b6e75;
  line-height:1.7;
}
.recipe-community__count{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #c7d8d4;
  border-radius:999px;
  background:#f7fbfa;
  color:#075f5a;
  font-size:.68rem;
  font-weight:820;
}
.recipe-community__alert{margin:22px 0 0}
.recipe-community__layout{
  display:grid;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  gap:28px;
  align-items:start;
  margin-top:28px;
}
.recipe-community__composer{
  position:sticky;
  top:102px;
  padding:22px;
  border:1px solid #cfdeda;
  border-radius:18px;
  background:linear-gradient(145deg,#f7f4ed,#f3faf8);
  box-shadow:0 18px 46px rgba(21,56,69,.06);
}
.recipe-community__composer form{display:grid;gap:17px}
.recipe-community__composer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-bottom:15px;
  border-bottom:1px solid #d7e1de;
}
.recipe-community__composer-head strong,
.recipe-community__composer-head span{display:block}
.recipe-community__composer-head strong{color:#153845;font-size:1rem}
.recipe-community__composer-head div span{margin-top:3px;color:#687a81;font-size:.7rem}
.recipe-community__composer-head>span{
  max-width:112px;
  color:#087c75;
  font-size:.6rem;
  font-weight:830;
  line-height:1.35;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.recipe-community__composer textarea{min-height:132px;resize:vertical}
.recipe-community__help{margin:7px 0 0;color:#6b7d84;font-size:.68rem;line-height:1.5}
.recipe-community__upload input{padding:10px;background:#fff}
.recipe-community__selected{display:grid;gap:11px}
.recipe-community-photo-field{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:10px;
  border:1px solid #d5e0dd;
  border-radius:12px;
  background:#fff;
}
.recipe-community-photo-field img{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:9px;
  background:#eef3f1;
}
.recipe-community-photo-field label{display:block;margin-bottom:5px;color:#153845;font-size:.7rem;font-weight:800}
.recipe-community-photo-field input{width:100%}
.recipe-community-photo-field.is-invalid{
  border-color:#8b1e3f;
  box-shadow:0 0 0 3px rgba(139,30,63,.08);
}
.recipe-community__submit{justify-self:start}
.recipe-community__join strong{color:#153845;font-size:1.15rem}
.recipe-community__join p{color:#5f7178;line-height:1.65}
.recipe-community__feed{display:grid;gap:15px}
.recipe-community__empty{
  padding:30px;
  border:1px dashed #bdd1cc;
  border-radius:18px;
  background:#fbfcfa;
}
.recipe-community__empty h3{margin:5px 0 8px;color:#153845}
.recipe-community__empty p:last-child{margin:0;color:#65767d}
.recipe-community-post{
  padding:22px;
  border:1px solid #d8e1de;
  border-radius:17px;
  background:#fff;
  box-shadow:0 14px 38px rgba(21,56,69,.045);
}
.recipe-community-post>header{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.recipe-community-post>header img,
.recipe-community-post__avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  object-fit:cover;
  background:#153845;
  color:#fff;
}
.recipe-community-post__avatar{display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem}
.recipe-community-post>header a{color:#153845;text-decoration:none}
.recipe-community-post>header strong{display:block;color:#153845;font-size:.86rem}
.recipe-community-post>header span{display:block;margin-top:3px;color:#718087;font-size:.64rem}
.recipe-community-post__body{margin:17px 0 0;color:#40575f;font-size:.9rem;line-height:1.72}
.recipe-community-post__media{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:17px;
}
.recipe-community-post__media--single{grid-template-columns:minmax(0,360px)}
.recipe-community-post__media button{
  position:relative;
  overflow:hidden;
  padding:0;
  border:0;
  border-radius:12px;
  background:#eef3f1;
  cursor:zoom-in;
}
.recipe-community-post__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s ease}
.recipe-community-post__media button:hover img{transform:scale(1.025)}
.recipe-community-post__media button:focus-visible{outline:3px solid rgba(8,124,117,.28);outline-offset:2px}
.recipe-community-post__media button span{
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  padding:7px 8px;
  border-radius:8px;
  background:rgba(21,56,69,.9);
  color:#fff;
  font-size:.61rem;
  line-height:1.4;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease,transform .16s ease;
}
.recipe-community-post__media button:hover span,
.recipe-community-post__media button:focus-visible span{opacity:1;transform:none}
.recipe-community-post__context{
  margin:16px 0 0;
  padding-top:13px;
  border-top:1px solid #e1e8e6;
  color:#728188;
  font-size:.64rem;
  line-height:1.5;
}
.recipe-community-lightbox{
  width:min(900px,calc(100vw - 30px));
  max-height:calc(100vh - 30px);
  padding:12px;
  border:0;
  border-radius:16px;
  background:#0c2832;
  color:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}
.recipe-community-lightbox::backdrop{background:rgba(5,18,23,.78);backdrop-filter:blur(3px)}
.recipe-community-lightbox img{display:block;max-width:100%;max-height:75vh;margin:auto;border-radius:10px;object-fit:contain}
.recipe-community-lightbox p{margin:11px 4px 2px;color:#d9e7e5;font-size:.78rem;line-height:1.5}
.recipe-community-lightbox__close{
  position:absolute;
  top:17px;
  right:17px;
  z-index:2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(8,32,40,.82);
  color:#fff;
  font-size:1.45rem;
  cursor:pointer;
}

@media(max-width:880px){
  .recipe-community__layout{grid-template-columns:1fr}
  .recipe-community__composer{position:static}
}
@media(max-width:620px){
  .recipe-community{padding-inline:18px}
  .recipe-community__intro{align-items:flex-start;flex-direction:column;gap:14px}
  .recipe-community__layout{margin-top:20px}
  .recipe-community__composer,.recipe-community-post{padding:18px;border-radius:15px}
  .recipe-community__composer-head{align-items:flex-start;flex-direction:column;gap:7px}
  .recipe-community__composer-head>span{max-width:none;text-align:left}
  .recipe-community-photo-field{grid-template-columns:62px minmax(0,1fr)}
  .recipe-community-photo-field img{width:62px;height:62px}
  .recipe-community-post__media{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recipe-community-post__media--single{grid-template-columns:1fr}
}


/* Interaction and mobile-layout corrections — 2026-08-06. */
body.recipes-page .recipe-detail-image[data-recipe-gallery-item],body.recipes-page .recipe-process-figure[data-recipe-gallery-item]{cursor:zoom-in}
body.recipes-page .recipe-detail-image[data-recipe-gallery-item]:focus-visible,body.recipes-page .recipe-process-figure[data-recipe-gallery-item]:focus-visible{outline:3px solid #8fe1d7;outline-offset:3px}
.recipe-community-upload-button{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 14px;border:1px dashed #8fbab4;border-radius:13px;background:#fff;color:#153845;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.recipe-community-upload-button:hover{border-color:#087c75;background:#f3faf8}.recipe-community-upload-button svg{flex:0 0 28px;width:28px;height:28px;fill:none;stroke:#087c75;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.recipe-community-upload-button span,.recipe-community-upload-button strong,.recipe-community-upload-button small{display:block}.recipe-community-upload-button strong{font-size:.82rem}.recipe-community-upload-button small{margin-top:2px;color:#6c7c82;font-size:.65rem;font-weight:600}
.recipe-community-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.recipe-community-photo-field__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.recipe-community-photo-field__head label{margin:0}.recipe-community-photo-field__remove{padding:3px 5px;border:0;background:transparent;color:#8b1e3f;font-size:.62rem;font-weight:800;cursor:pointer}.recipe-community__join-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.recipe-gallery-dialog{width:min(1120px,calc(100vw - 20px));height:min(860px,calc(100vh - 20px));max-width:none;max-height:none;padding:0;border:0;border-radius:18px;background:#071c23;color:#fff;box-shadow:0 34px 100px rgba(0,0,0,.5)}.recipe-gallery-dialog::backdrop{background:rgba(4,14,18,.9);backdrop-filter:blur(4px)}.recipe-gallery-dialog figure{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;margin:0;padding:48px 58px 24px}.recipe-gallery-dialog img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.recipe-gallery-dialog figcaption{min-height:46px;padding:14px 70px 0;color:#d8e6e4;font-size:.78rem;line-height:1.5;text-align:center}.recipe-gallery-dialog__close,.recipe-gallery-dialog__nav{position:absolute;z-index:3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(8,32,40,.78);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}.recipe-gallery-dialog__close{top:14px;right:14px;width:42px;height:42px;border-radius:50%;font-size:1.55rem}.recipe-gallery-dialog__nav{top:50%;width:46px;height:58px;border-radius:13px;font-size:2rem;transform:translateY(-50%)}.recipe-gallery-dialog__nav--previous{left:14px}.recipe-gallery-dialog__nav--next{right:14px}.recipe-gallery-dialog__counter{position:absolute;left:16px;top:17px;padding:6px 9px;border-radius:999px;background:rgba(8,32,40,.76);color:#d8e6e4;font-size:.67rem;font-weight:800}
@media(max-width:680px){body.recipes-page .recipe-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%}body.recipes-page .recipe-actions>form{display:block;min-width:0;margin:0}body.recipes-page .recipe-actions>form .recipe-action,body.recipes-page .recipe-actions>.recipe-action{width:100%;min-width:0;justify-content:center}body.recipes-page .recipe-actions .recipe-share-status{grid-column:1/-1}body.recipes-page .recipe-action svg{flex:0 0 17px;width:17px!important;height:17px!important;overflow:visible;stroke-linecap:round;stroke-linejoin:round}body.recipes-page .recipe-author{position:relative;align-items:start!important}body.recipes-page .recipe-author__verified-check{left:35px!important;top:36px!important;width:16px!important;height:16px!important;min-width:16px!important;border-width:2px!important;transform:none!important}body.recipes-page .latest-recipes__grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}body.recipes-page .latest-recipe-card{display:grid!important;grid-template-columns:minmax(112px,38%) minmax(0,1fr)!important;min-height:150px;overflow:hidden}body.recipes-page .latest-recipe-card__media{display:block!important;width:auto!important;min-width:0!important;height:100%!important;min-height:150px!important;aspect-ratio:auto!important}body.recipes-page .latest-recipe-card__media img{width:100%!important;height:100%!important;object-fit:cover!important}body.recipes-page .latest-recipe-card__body{min-width:0!important;padding:13px 12px!important;overflow:hidden}body.recipes-page .latest-recipe-card__meta{font-size:.56rem!important;white-space:normal!important}body.recipes-page .latest-recipe-card h3{margin:7px 0 6px!important;font-size:1rem!important;line-height:1.08!important;overflow-wrap:anywhere}body.recipes-page .latest-recipe-card p{display:-webkit-box;margin:0!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.68rem!important;line-height:1.38!important}body.recipes-page .latest-recipe-card__footer{gap:6px;margin-top:8px!important;padding-top:8px!important;font-size:.56rem!important}body.recipes-page .latest-recipe-card__footer>span:first-child{display:none}.recipe-community__intro h2{font-size:1.9rem}.recipe-community__intro p:last-child{font-size:.82rem;line-height:1.55}.recipe-community__count{display:none}.recipe-community__composer{padding:16px}.recipe-community__composer textarea{min-height:105px}.recipe-community-photo-field{grid-template-columns:68px minmax(0,1fr);padding:9px}.recipe-community-photo-field img{width:68px;height:68px}.recipe-gallery-dialog{width:100vw;height:100dvh;border-radius:0}.recipe-gallery-dialog figure{padding:54px 12px 24px}.recipe-gallery-dialog figcaption{padding:13px 48px 0;font-size:.74rem}.recipe-gallery-dialog__nav{top:auto;bottom:22px;width:42px;height:42px;border-radius:50%;transform:none}.recipe-gallery-dialog__nav--previous{left:12px}.recipe-gallery-dialog__nav--next{right:12px}}


/* Desktop hero balance, regional nutrition display and gallery motion — 2026-08-06. */
@media(min-width:681px){
  body.recipes-page .recipe-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
  body.recipes-page .recipe-actions>form{display:block;min-width:0;margin:0}
  body.recipes-page .recipe-actions>form .recipe-action,body.recipes-page .recipe-actions>.recipe-action{width:100%;min-width:0;justify-content:center}
  body.recipes-page .recipe-actions .recipe-share-status{grid-column:1/-1}
  body.recipes-page .recipe-author{padding:11px 13px;grid-template-columns:44px minmax(0,1fr);gap:11px}
  body.recipes-page .recipe-author__avatar,body.recipes-page .recipe-author__brand-logo{width:42px;height:42px;min-width:42px}
  body.recipes-page .recipe-author__verified-check{left:43px!important;top:38px!important;width:17px!important;height:17px!important;min-width:17px!important}
}
.recipe-nutrition-system{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;grid-column:1/-1;margin:2px 0 8px;padding:4px;border:1px solid #ded8c7;border-radius:10px;background:#f3f0e7}
.recipe-nutrition-system button{min-height:34px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:#5b666a;font-size:.64rem;font-weight:820;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.recipe-nutrition-system button[aria-pressed="true"]{background:#fff;color:#153845;box-shadow:0 1px 6px rgba(21,56,69,.12)}
.recipe-nutrition-system button:focus-visible{outline:3px solid rgba(8,124,117,.24);outline-offset:1px}
.recipe-nutrition-system-note{grid-column:1/-1;margin:0 0 6px;color:#6f7778;font-size:.61rem;line-height:1.45}
.recipe-nutrition-card[data-system="us"] .recipe-nutrition-energy dd{font-size:1.65rem}
.recipe-nutrition-card[data-system="us"] .recipe-nutrition-energy dd small{font-size:.58rem}
.recipe-gallery-dialog{opacity:0;transform:translateY(10px) scale(.975);transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.recipe-gallery-dialog[open]{opacity:0;transform:translateY(10px) scale(.975)}
.recipe-gallery-dialog[open].is-open{opacity:1;transform:none}
.recipe-gallery-dialog.is-closing{opacity:0;transform:translateY(8px) scale(.982)}
.recipe-gallery-dialog::backdrop{background:rgba(4,14,18,0);backdrop-filter:blur(0);transition:background .2s ease,backdrop-filter .2s ease}
.recipe-gallery-dialog[open]::backdrop{background:rgba(4,14,18,.9);backdrop-filter:blur(4px)}
.recipe-gallery-dialog.is-closing::backdrop{background:rgba(4,14,18,0);backdrop-filter:blur(0)}
.recipe-gallery-dialog figure{transition:opacity .16s ease,transform .18s ease}
.recipe-gallery-dialog.is-moving-next figure{opacity:.18;transform:translateX(-18px) scale(.99)}
.recipe-gallery-dialog.is-moving-previous figure{opacity:.18;transform:translateX(18px) scale(.99)}
.recipe-gallery-dialog__close,.recipe-gallery-dialog__nav{padding:0!important;line-height:0!important}
.recipe-gallery-dialog__close svg,.recipe-gallery-dialog__nav svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.recipe-gallery-dialog__nav svg{width:24px;height:24px}
.recipe-gallery-dialog__close:hover,.recipe-gallery-dialog__nav:hover{border-color:rgba(143,225,215,.68);background:rgba(8,124,117,.72)}
.recipe-gallery-dialog__close:focus-visible,.recipe-gallery-dialog__nav:focus-visible{outline:3px solid rgba(143,225,215,.34);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.recipe-gallery-dialog,.recipe-gallery-dialog::backdrop,.recipe-gallery-dialog figure{transition:none!important}}