/* ResepiBunda v5.2.9.8.12 — POPUP FIT + FULL RECIPE PREMIUM VISUAL
   Targeted correction after v529811.
   - Do not alter v52989 photo + ONE branding panel content.
   - Make Related popup fit inside viewport at normal/short desktop heights.
   - Make premium full-recipe visual unmistakably active on every full recipe page. */
:root{--rb812-maroon:#8a1838;--rb812-maroon2:#a71946;--rb812-gold:#d9ae58;--rb812-gold2:#f2d58b;--rb812-cream:#fff9ec;--rb812-paper:#fffdf8;--rb812-ink:#39272d;--rb812-line:#ead4aa;--rb812-green:#4d7c59}

/* ========== RELATED POPUP: VIEWPORT-FIT WITHOUT CHANGING PASS CONTENT ========== */
#recipe-modal.rb529811-pass-modal:not([hidden]){padding:16px!important;overflow:auto!important;align-items:center!important;justify-items:center!important}
#recipe-modal.rb529811-pass-modal>.modal-dialog{
  width:min(1000px,calc((100dvh - 32px)*1.62),calc(100vw - 32px))!important;
  max-width:1000px!important;
  height:min(620px,calc(100dvh - 32px))!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
#recipe-modal.rb529811-pass-modal .recipe-modal-grid{
  width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;
  grid-template-columns:minmax(0,49%) minmax(0,51%)!important;overflow:hidden!important;
}
#recipe-modal.rb529811-pass-modal .recipe-modal-media{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}
#recipe-modal.rb529811-pass-modal .rb529811-modal-content{height:100%!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;padding:clamp(26px,3.3vw,42px) clamp(25px,3.5vw,42px) 26px!important}
#recipe-modal.rb529811-pass-modal .rb529811-title{font-size:clamp(32px,3.25vw,46px)!important;line-height:1.02!important;margin-bottom:12px!important}
#recipe-modal.rb529811-pass-modal .rb529811-lead{font-size:clamp(13px,1.2vw,15px)!important;line-height:1.55!important;margin-bottom:15px!important}
#recipe-modal.rb529811-pass-modal .rb529811-actions :is(button,a){min-height:46px!important}
#recipe-modal.rb529811-pass-modal .modal-close{right:14px!important;top:13px!important;width:42px!important;height:42px!important}

/* Low-height desktop guard: shrink typography/spacing before any clipping can occur. */
@media (min-width:821px) and (max-height:680px){
 #recipe-modal.rb529811-pass-modal>.modal-dialog{width:min(900px,calc((100dvh - 24px)*1.62),calc(100vw - 24px))!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}
 #recipe-modal.rb529811-pass-modal .rb529811-modal-content{padding:24px 28px 20px!important}
 #recipe-modal.rb529811-pass-modal .rb529811-title{font-size:34px!important}
 #recipe-modal.rb529811-pass-modal .rb529811-lead{font-size:13px!important;line-height:1.48!important}
 #recipe-modal.rb529811-pass-modal .rb529811-chips{margin-bottom:10px!important}
 #recipe-modal.rb529811-pass-modal .rb529811-detail-toggle{padding-bottom:8px!important}
}
@media (max-width:820px){
 #recipe-modal.rb529811-pass-modal:not([hidden]){place-items:start center!important;padding:10px!important}
 #recipe-modal.rb529811-pass-modal>.modal-dialog{width:min(720px,100%)!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 #recipe-modal.rb529811-pass-modal .recipe-modal-grid{display:grid!important;grid-template-columns:1fr!important;height:auto!important;max-height:none!important;overflow:visible!important}
 #recipe-modal.rb529811-pass-modal .recipe-modal-media{height:auto!important;max-height:none!important}
 #recipe-modal.rb529811-pass-modal .rb529811-modal-content{height:auto!important;max-height:none!important;overflow:visible!important;padding:28px 22px 24px!important}
}

/* ========== FULL RECIPE: STRONG PREMIUM VISUAL, ROBUST BODY-CLASS SCOPE ========== */
body.rb529812-page-enhanced{
 background:
 radial-gradient(circle at 7% 10%,rgba(242,213,139,.26),transparent 20%),
 radial-gradient(circle at 93% 32%,rgba(138,24,56,.10),transparent 25%),
 linear-gradient(180deg,#fffaf0 0,#fbf5e9 42%,#fffaf2 100%)!important;
 color:var(--rb812-ink);
}
body.rb529812-page-enhanced main{position:relative;isolation:isolate}
body.rb529812-page-enhanced main::before{content:"";position:fixed;z-index:-1;inset:0;background-image:radial-gradient(rgba(138,24,56,.045) .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(to bottom,transparent 3%,#000 22%,#000 75%,transparent 97%);pointer-events:none}
body.rb529812-page-enhanced main>article{position:relative;margin-top:16px;padding:clamp(12px,1.7vw,22px);border:1px solid rgba(217,174,88,.30);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,249,235,.86));box-shadow:0 28px 75px rgba(73,29,39,.09),0 1px 0 rgba(255,255,255,.95) inset;backdrop-filter:blur(3px)}
body.rb529812-page-enhanced main>article::before{content:"";position:absolute;left:38px;right:38px;top:-1px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#e4bd69,#8a1838,#e4bd69,transparent);opacity:.8}

body.rb529812-page-enhanced .recipe-intro{position:relative!important;overflow:hidden!important;border:1px solid rgba(217,174,88,.72)!important;border-radius:28px!important;background:linear-gradient(135deg,#fffefa,#fff3d9)!important;box-shadow:0 30px 75px rgba(74,28,40,.17),0 1px 0 #fff inset!important;transform:translateZ(0)}
body.rb529812-page-enhanced .recipe-intro::before{content:""!important;position:absolute!important;z-index:3!important;inset:0 auto 0 0!important;width:6px!important;background:linear-gradient(180deg,#f3d78d,#a71946,#6f122e)!important;box-shadow:2px 0 12px rgba(138,24,56,.08)!important}
body.rb529812-page-enhanced .recipe-intro::after{content:""!important;position:absolute!important;pointer-events:none!important;width:380px!important;height:380px!important;right:-150px!important;top:-200px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(242,213,139,.30),rgba(242,213,139,.08) 45%,transparent 70%)!important;animation:rb812Aura 8s ease-in-out infinite alternate!important}
body.rb529812-page-enhanced .recipe-intro .recipe-copy{position:relative;z-index:2;padding:clamp(28px,3vw,44px)!important}
body.rb529812-page-enhanced .recipe-intro figure{position:relative;overflow:hidden!important;background:#2f2023!important}
body.rb529812-page-enhanced .recipe-intro figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 38%,rgba(138,24,56,.08));mix-blend-mode:soft-light}
body.rb529812-page-enhanced .recipe-intro figure img{transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .5s ease!important}
body.rb529812-page-enhanced .recipe-intro:hover figure img{transform:scale(1.035)!important;filter:saturate(1.06) contrast(1.02)!important}
body.rb529812-page-enhanced .recipe-copy h1{color:#9f1740!important;text-shadow:0 2px 0 #fff,0 8px 24px rgba(138,24,56,.08)!important;letter-spacing:-.03em!important}
body.rb529812-page-enhanced .recipe-copy .lead{color:#6f5b60!important}
body.rb529812-page-enhanced .meta-large{gap:10px!important}
body.rb529812-page-enhanced .meta-large>span{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#fff5df)!important;border:1px solid rgba(217,174,88,.58)!important;border-radius:16px!important;box-shadow:0 9px 22px rgba(70,28,38,.075)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.rb529812-page-enhanced .meta-large>span::after{content:"";position:absolute;left:-60%;top:0;width:45%;height:100%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transition:left .55s ease}
body.rb529812-page-enhanced .meta-large>span:hover{transform:translateY(-4px)!important;box-shadow:0 16px 28px rgba(70,28,38,.13)!important;border-color:#d3a33f!important}
body.rb529812-page-enhanced .meta-large>span:hover::after{left:120%}
body.rb529812-page-enhanced .actions .button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
body.rb529812-page-enhanced .actions .button:hover{transform:translateY(-3px)!important;box-shadow:0 12px 25px rgba(138,24,56,.16)!important;filter:saturate(1.06)}

/* Major content cards */
body.rb529812-page-enhanced .recipe-layout{gap:20px!important;margin-top:28px!important}
body.rb529812-page-enhanced .recipe-layout>.ingredients,body.rb529812-page-enhanced .recipe-layout>.method{position:relative!important;overflow:hidden!important;border:1px solid rgba(217,174,88,.55)!important;border-radius:24px!important;background:linear-gradient(145deg,#fffefa,#fff5e2)!important;box-shadow:0 18px 42px rgba(65,27,38,.11)!important;padding:clamp(24px,2.7vw,36px)!important;transition:transform .28s ease,box-shadow .28s ease!important}
body.rb529812-page-enhanced .recipe-layout>.ingredients::before,body.rb529812-page-enhanced .recipe-layout>.method::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#8a1838,#d9ae58,#f3d78d,transparent)}
body.rb529812-page-enhanced .recipe-layout>.ingredients::after,body.rb529812-page-enhanced .recipe-layout>.method::after{content:"";position:absolute;right:-45px;bottom:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(217,174,88,.17),transparent 68%);pointer-events:none}
body.rb529812-page-enhanced .recipe-layout>.ingredients:hover,body.rb529812-page-enhanced .recipe-layout>.method:hover{transform:translateY(-5px)!important;box-shadow:0 28px 55px rgba(65,27,38,.15)!important}
body.rb529812-page-enhanced .recipe-layout h2{color:#94163b!important;text-shadow:0 1px 0 #fff}
body.rb529812-page-enhanced .ingredient-group{padding:12px 14px!important;border-radius:14px!important;transition:background .2s ease,transform .2s ease!important}
body.rb529812-page-enhanced .ingredient-group:hover{background:rgba(217,174,88,.10)!important;transform:translateX(3px)!important}
body.rb529812-page-enhanced .ingredient-group input[type=checkbox]{accent-color:#9f1740;transform:scale(1.08)}
body.rb529812-page-enhanced .steps li{position:relative!important;border-radius:16px!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important}
body.rb529812-page-enhanced .steps li:hover{transform:translateX(5px)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 10px 22px rgba(69,29,38,.075)!important}
body.rb529812-page-enhanced .steps li>span{background:linear-gradient(145deg,#a71946,#7b1231)!important;box-shadow:0 8px 18px rgba(138,24,56,.23)!important}

/* Tips / anti-fail / common mistakes = three distinct premium surfaces. */
body.rb529812-page-enhanced .control-grid{gap:18px!important;margin-top:20px!important}
body.rb529812-page-enhanced .control-grid>.control{position:relative!important;overflow:hidden!important;border-radius:22px!important;border:1px solid rgba(217,174,88,.45)!important;box-shadow:0 15px 36px rgba(66,28,38,.095)!important;transition:transform .25s ease,box-shadow .25s ease!important}
body.rb529812-page-enhanced .control-grid>.good{background:linear-gradient(145deg,#fafff9,#eaf6ec)!important;border-color:#bcd6c1!important}
body.rb529812-page-enhanced .control-grid>.gold{background:linear-gradient(145deg,#fffdf8,#ffefca)!important;border-color:#e1c174!important}
body.rb529812-page-enhanced .control-grid>.warn{background:linear-gradient(145deg,#fffafa,#ffece5)!important;border-color:#e5b9aa!important}
body.rb529812-page-enhanced .control-grid>.control::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--rb812-gold)}
body.rb529812-page-enhanced .control-grid>.good::before{background:#579064}body.rb529812-page-enhanced .control-grid>.warn::before{background:#b65d49}
body.rb529812-page-enhanced .control-grid>.control::after{content:"";position:absolute;right:-30px;top:-36px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.75),transparent 68%)}
body.rb529812-page-enhanced .control-grid>.control:hover{transform:translateY(-6px)!important;box-shadow:0 25px 48px rgba(66,28,38,.14)!important}

body.rb529812-page-enhanced .detail-notes{gap:18px!important;margin-top:18px!important}
body.rb529812-page-enhanced .detail-notes>div{position:relative!important;overflow:hidden!important;border:1px solid rgba(217,174,88,.48)!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fff6e5)!important;box-shadow:0 13px 30px rgba(65,28,38,.085)!important;transition:transform .23s ease,box-shadow .23s ease!important}
body.rb529812-page-enhanced .detail-notes>div::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-24px;bottom:-30px;background:radial-gradient(circle,rgba(217,174,88,.18),transparent 70%)}
body.rb529812-page-enhanced .detail-notes>div:hover{transform:translateY(-4px)!important;box-shadow:0 20px 40px rgba(65,28,38,.12)!important}
body.rb529812-page-enhanced .note.safety{position:relative!important;overflow:hidden!important;margin-top:18px!important;border:1px solid #bcd5c2!important;border-left:6px solid var(--rb812-green)!important;border-radius:20px!important;background:linear-gradient(135deg,#fbfffb,#e9f6ec)!important;box-shadow:0 15px 35px rgba(52,94,62,.09)!important}
body.rb529812-page-enhanced .note.safety::after{content:"✓"!important;position:absolute!important;right:22px!important;top:10px!important;font:800 50px/1 Georgia,serif!important;color:rgba(77,124,89,.10)!important}

/* Dapur + Related = destination sections, visibly premium. */
body.rb529812-page-enhanced .ri-engagement{position:relative!important;overflow:hidden!important;margin-top:30px!important;border:1px solid rgba(217,174,88,.62)!important;border-radius:26px!important;background:radial-gradient(circle at 92% 0,rgba(242,213,139,.24),transparent 30%),linear-gradient(145deg,#fffdf9,#fff2d9)!important;box-shadow:0 24px 58px rgba(69,28,39,.13)!important}
body.rb529812-page-enhanced .ri-engagement::before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:linear-gradient(180deg,#d9ae58,#8a1838)!important}
body.rb529812-page-enhanced .ri-action{background:rgba(255,255,255,.82)!important;box-shadow:0 7px 18px rgba(73,29,40,.055)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
body.rb529812-page-enhanced .ri-action:hover{transform:translateY(-4px)!important;background:#fff7e6!important;box-shadow:0 14px 28px rgba(73,29,40,.12)!important}
body.rb529812-page-enhanced .related{position:relative!important;overflow:hidden!important;margin-top:34px!important;padding:clamp(22px,2.3vw,30px)!important;border:1px solid rgba(217,174,88,.48)!important;border-radius:28px!important;background:radial-gradient(circle at 88% 4%,rgba(217,174,88,.16),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,244,221,.90))!important;box-shadow:0 24px 60px rgba(68,29,39,.12)!important}
body.rb529812-page-enhanced .related::before{content:""!important;position:absolute!important;left:24px!important;right:24px!important;top:0!important;height:4px!important;border-radius:99px!important;background:linear-gradient(90deg,transparent,#d9ae58,#8a1838,#d9ae58,transparent)!important}
body.rb529812-page-enhanced .related .section-head h2{color:#94163b!important;text-shadow:0 1px 0 #fff,0 8px 22px rgba(138,24,56,.08)!important}
body.rb529812-page-enhanced .related .recipe-card{overflow:hidden!important;border:1px solid rgba(217,174,88,.50)!important;border-radius:20px!important;background:#fffdf9!important;box-shadow:0 13px 30px rgba(66,29,38,.10)!important;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,border-color .28s ease!important}
body.rb529812-page-enhanced .related .recipe-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 50px rgba(66,29,38,.17)!important;border-color:#d2a23f!important}
body.rb529812-page-enhanced .related .card-image{overflow:hidden!important}
body.rb529812-page-enhanced .related .card-image img{transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .45s ease!important}
body.rb529812-page-enhanced .related .recipe-card:hover .card-image img{transform:scale(1.055)!important;filter:saturate(1.06)!important}


/* Hard override against v529811 !important declarations: v529812 must be visibly stronger. */
body.rb529811-page-enhanced.rb529812-page-enhanced .recipe-layout>.ingredients,
body.rb529811-page-enhanced.rb529812-page-enhanced .recipe-layout>.method{background:linear-gradient(145deg,#fffefa,#fff1d7)!important;border-color:rgba(211,163,63,.64)!important;box-shadow:0 22px 52px rgba(65,27,38,.14)!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .control-grid>.control{box-shadow:0 18px 42px rgba(66,28,38,.12)!important;border-width:1px!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .control-grid>.good{background:linear-gradient(145deg,#fbfff9,#e5f4e8)!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .control-grid>.gold{background:linear-gradient(145deg,#fffdf8,#ffe9b6)!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .control-grid>.warn{background:linear-gradient(145deg,#fffafa,#ffe5dc)!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .detail-notes>div{background:linear-gradient(145deg,#fff,#fff1d8)!important;box-shadow:0 16px 38px rgba(65,28,38,.11)!important;border-color:rgba(211,163,63,.55)!important}
body.rb529811-page-enhanced.rb529812-page-enhanced .ri-engagement{background:radial-gradient(circle at 92% 0,rgba(242,213,139,.28),transparent 31%),linear-gradient(145deg,#fffdf9,#ffefcf)!important;box-shadow:0 26px 62px rgba(69,28,39,.15)!important;border-color:rgba(211,163,63,.68)!important}

.rb529812-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.rb529812-reveal.rb529812-in{opacity:1;transform:none}
@keyframes rb812Aura{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,18px,0) scale(1.06)}}
@media(max-width:820px){body.rb529812-page-enhanced main>article{padding:10px;border-radius:24px}body.rb529812-page-enhanced .related{padding:18px!important}.rb529812-reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.rb529812-page-enhanced *{animation-duration:.001ms!important;transition-duration:.001ms!important}.rb529812-reveal{opacity:1!important;transform:none!important}}
@media print{body.rb529812-page-enhanced{background:#fff!important}body.rb529812-page-enhanced main>article,body.rb529812-page-enhanced :is(.recipe-intro,.recipe-layout>section,.control-grid>.control,.detail-notes>div,.note.safety,.ri-engagement,.related){box-shadow:none!important;transform:none!important}}
