/* ResepiBunda v5.2.3 — Hybrid progressive recipe popup */
#ri-discovery-modal .ri-d-dialog{
  width:min(1040px,calc(100% - 30px));
  max-height:90vh;
  overflow:auto;
}
#ri-discovery-modal .ri-d-dialog > [data-ri-d-content]{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(330px,.95fr) minmax(380px,1.05fr);
  align-items:start;
  min-width:0;
  width:100%;
}
/* Preserve the complete 4:3 recipe image so the master watermark stays visible. */
#ri-discovery-modal .ri-d-modal-img{
  grid-column:1;
  grid-row:1;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:4 / 3;
  object-fit:contain !important;
  object-position:center;
  align-self:start;
  display:block;
  background:#261619;
  border-radius:23px 0 0 0;
}
#ri-discovery-modal .ri-d-modal-body{
  grid-column:2;
  grid-row:1;
  min-width:0;
  padding:38px 34px 30px;
}
#ri-discovery-modal .ri-d-more-toggle{
  width:100%;
  margin:16px 0 2px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #dfbf78;
  border-radius:12px;
  background:linear-gradient(180deg,#fffdf7,#fff7e8);
  color:#821735;
  font:800 13px/1.2 "Segoe UI",Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(85,28,43,.06);
  transition:.2s ease;
}
#ri-discovery-modal .ri-d-more-toggle:hover{
  transform:translateY(-1px);
  border-color:#c59638;
  box-shadow:0 9px 21px rgba(85,28,43,.1);
}
#ri-discovery-modal .ri-d-more-toggle span{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:#8a1838;color:#fff;font-size:16px;font-weight:500;
}
#ri-discovery-modal .ri-d-modal-actions{margin-top:12px;flex-wrap:wrap}
#ri-discovery-modal .ri-d-more-panel{
  grid-column:1 / -1;
  grid-row:2;
  padding:0 34px 34px;
  border-top:1px solid #ead8b8;
  background:linear-gradient(180deg,#fffaf1,#fffdf9);
  opacity:0;
  transform:translateY(-7px);
}
#ri-discovery-modal .ri-d-more-panel.open{
  animation:riMoreIn .26s ease forwards;
}
#ri-discovery-modal .ri-d-more-head{
  display:flex;align-items:end;justify-content:space-between;gap:16px;
  padding:24px 0 18px;
}
#ri-discovery-modal .ri-d-more-head h3{
  margin:4px 0 0;color:#8a1838;font:700 25px/1.1 Georgia,serif;
}
#ri-discovery-modal .ri-d-more-head button{
  border:0;background:transparent;color:#8a1838;font:800 12px/1.2 "Segoe UI",Arial,sans-serif;
  cursor:pointer;padding:8px 0;
}
#ri-discovery-modal .ri-d-more-grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;
}
#ri-discovery-modal .ri-d-more-col{
  border:1px solid #ead9bd;border-radius:17px;background:#fff;padding:19px 20px;
}
#ri-discovery-modal .ri-d-more-col>h3{
  margin:0 0 13px;color:#8a1838;font:700 20px/1.15 Georgia,serif;
}
#ri-discovery-modal .ri-d-detail-group+ .ri-d-detail-group{margin-top:16px}
#ri-discovery-modal .ri-d-detail-group h4{
  margin:0 0 7px;color:#b27b25;font:800 11px/1.2 "Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.45px;
}
#ri-discovery-modal .ri-d-more-col ul,
#ri-discovery-modal .ri-d-more-col ol{
  margin:0;padding-left:20px;color:#5f4d4c;font:400 13px/1.58 "Segoe UI",Arial,sans-serif;
}
#ri-discovery-modal .ri-d-more-col li+li{margin-top:5px}
#ri-discovery-modal .ri-d-more-col ol li+li{margin-top:9px}
#ri-discovery-modal .ri-d-detail-loading,
#ri-discovery-modal .ri-d-detail-error,
#ri-discovery-modal .ri-d-empty{
  margin:0;color:#7a6762;font:500 12.5px/1.5 "Segoe UI",Arial,sans-serif;
}
#ri-discovery-modal .ri-d-detail-loading{position:relative;padding-left:20px}
#ri-discovery-modal .ri-d-detail-loading:before{
  content:"";position:absolute;left:0;top:3px;width:11px;height:11px;border:2px solid #ead3a5;border-top-color:#8a1838;border-radius:50%;animation:riSpin .75s linear infinite;
}
@keyframes riSpin{to{transform:rotate(360deg)}}
@keyframes riMoreIn{to{opacity:1;transform:none}}
@media(max-width:760px){
  #ri-discovery-modal .ri-d-dialog > [data-ri-d-content]{grid-template-columns:1fr}
  #ri-discovery-modal .ri-d-modal-img{
    grid-column:1;grid-row:1;border-radius:23px 23px 0 0;
    aspect-ratio:4/3;height:auto !important;min-height:0 !important;
  }
  #ri-discovery-modal .ri-d-modal-body{grid-column:1;grid-row:2;padding:25px 22px 20px}
  #ri-discovery-modal .ri-d-more-panel{grid-column:1;grid-row:3;padding:0 20px 24px}
  #ri-discovery-modal .ri-d-more-grid{grid-template-columns:1fr;gap:13px}
  #ri-discovery-modal .ri-d-more-head{align-items:start}
  #ri-discovery-modal .ri-d-modal-actions a,#ri-discovery-modal .ri-d-modal-actions button{flex:1 1 auto;text-align:center}
}