/* ================================================================
   NBCC Public — Multi-brand product & recipe display system
   Supports: Memories (red), Ringo (blue), Al Batal, Gofit, Team Shop
================================================================ */

/* ── Section wrapper ── */
.nbcc-section {
    padding: 20px 0 40px;
    direction: rtl;
}
.nbcc-section__header {
    text-align: center;
    margin-bottom: 30px;
}
.nbcc-section__title {
    display: inline-block;
    position: relative;
}
.nbcc-section__title .our {
    display: block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #C9A84C;
    margin-bottom: -8px;
}
.nbcc-section__title .main {
    font-size: 54px;
    line-height: 1;
    font-style: italic;
}

/* ── Grid ── */
.nbcc-grid { display: grid; gap: 20px; direction: rtl; }
.nbcc-grid--cols-1{grid-template-columns:1fr}
.nbcc-grid--cols-2{grid-template-columns:repeat(2,1fr)}
.nbcc-grid--cols-3{grid-template-columns:repeat(3,1fr)}
.nbcc-grid--cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.nbcc-grid--cols-3,.nbcc-grid--cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.nbcc-grid{grid-template-columns:1fr!important}}

/* ================================================================
   SLIDER  — shared base
================================================================ */
.nbcc-slider-section { overflow: hidden; }

.nbcc-slider-track-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 0 20px;
    overflow: hidden;
}

.nbcc-slider-track {
    display: flex;
    gap: 24px;
    transition: transform var(--nbcc-speed, .5s) cubic-bezier(.4,0,.2,1);
    will-change: transform;
    direction: ltr;
    align-items: center;
    padding: 0 40px;
}

/* Arrow buttons */
.nbcc-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid currentColor;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    transition: all .22s;
    line-height: 1;
}
.nbcc-arrow--prev { left: 8px; }
.nbcc-arrow--next { right: 8px; }
.nbcc-arrow:hover { background: rgba(255,255,255,.15); }

/* Dots */
.nbcc-dots {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 16px;
}
.nbcc-dot {
    width: 28px;
    height: 6px;
    border-radius: 3px;
    background: rgba(255,255,255,.3);
    cursor: pointer;
    transition: all .3s;
    border: none;
    padding: 0;
}
.nbcc-dot.active { width: 44px; background: rgba(255,255,255,.9); }

/* ================================================================
   BOX  — base
================================================================ */
.nbcc-box {
    flex: 0 0 auto;
    position: relative;
    border-radius: 14px;
    border: 1.5px solid var(--box-border, #C9A84C);
    cursor: pointer;
    overflow: visible;
    display: flex;
    flex-direction: column;
    transition: transform .3s, box-shadow .3s, border-color .3s;
    box-shadow: 0 6px 24px rgba(0,0,0,.22);
    direction: rtl;
    background: linear-gradient(155deg, var(--box-bg1, #8B0000), var(--box-bg2, #5C0000));
    clip-path: none;
    overflow: hidden;
}
.nbcc-box:hover { transform: translateY(-5px); box-shadow: 0 14px 36px rgba(0,0,0,.32); }
.nbcc-slider-track .nbcc-box { opacity: .55; transition: transform .35s, opacity .35s, box-shadow .35s; }
.nbcc-slider-track .nbcc-box.active {
    opacity: 1;
    transform: scale(1.05);
    box-shadow: 0 16px 48px rgba(0,0,0,.38);
    z-index: 2;
}

/* Box inner layout */
.nbcc-box__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px 14px 0;
    box-sizing: border-box;
}
.nbcc-box__brand {
    font-style: italic;
    line-height: 1;
    margin-bottom: 2px;
}
.nbcc-box__name { line-height: 1.1; margin-bottom: 3px; }
.nbcc-box__name_ar { margin-bottom: 6px; }
.nbcc-box__img-wrap {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: auto;
}
.nbcc-box__img {
    max-width: 88%;
    max-height: 58%;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.38));
    transition: transform .35s;
}
.nbcc-box:hover .nbcc-box__img,
.nbcc-box.active .nbcc-box__img { transform: scale(1.07) translateY(-4px); }

/* ── BG Shape (Ringo circle behind active item) ── */
.nbcc-box-bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity .35s, width .35s, height .35s;
    pointer-events: none;
    z-index: 0;
}
.nbcc-box.active .nbcc-box-bg-shape { opacity: .18; }
.nbcc-box__inner { position: relative; z-index: 1; }

/* ================================================================
   RINGO-STYLE RECIPE BOX  (lighter bg, title bar at top)
================================================================ */
.nbcc-box--recipe-bar .nbcc-box__header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    margin: -1px -1px 0;
    flex-shrink: 0;
}
.nbcc-box--recipe-bar .nbcc-box__header .nbcc-box__brand { font-size: 20px; margin: 0; }
.nbcc-box--recipe-bar .nbcc-box__header .nbcc-box__name  { font-size: 13px; font-weight: 800; margin: 0; letter-spacing: .5px; }
.nbcc-box--recipe-bar .nbcc-box__header .nbcc-box__name_ar { font-size: 11px; margin: 0; direction: rtl; }
.nbcc-box--recipe-bar .nbcc-box__img-wrap {
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.nbcc-box--recipe-bar .nbcc-box__img { max-height: none; height: 150px; }

/* ================================================================
   POPUP OVERLAY
================================================================ */
.nbcc-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.78);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    backdrop-filter: blur(5px);
}
.nbcc-popup-overlay.open { display: flex; }
.nbcc-popup-overlay.closing .nbcc-popup-inner {
    animation: nbcc-pop-out .22s ease forwards;
}
@keyframes nbcc-pop-out { to { opacity:0; transform:scale(.9); } }

/* Close button — circle on LEFT edge of popup, vertically centred */
.nbcc-popup-close {
    position: fixed;
    z-index: 100002;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #C41E3A;
    color: #fff;
    border: 3px solid #fff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(0,0,0,.4);
    transition: background .2s, transform .2s;
    line-height: 1;
}
.nbcc-popup-close:hover { background: #fff; transform: scale(1.08) !important; }

/* Popup inner */
.nbcc-popup-inner {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 28px 70px rgba(0,0,0,.42);
    animation: nbcc-pop-in .3s cubic-bezier(.34,1.56,.64,1);
    background: #fff;
}
@keyframes nbcc-pop-in { from{opacity:0;transform:scale(.88)} to{opacity:1;transform:scale(1)} }

/* Popup header */
.nbcc-popup-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    flex-wrap: wrap;
}
.nbcc-popup-header__brand { font-style: italic; font-size: 22px; line-height: 1; }
.nbcc-popup-header__name  { font-size: 15px; font-weight: 800; color: #fff; line-height: 1.2; }
.nbcc-popup-header__name span { display: block; font-size: 12px; font-weight: 400; opacity: .8; direction: rtl; }
.nbcc-popup-header__sep   { width: 1px; height: 32px; background: rgba(255,255,255,.3); flex-shrink: 0; }

/* Popup body */
.nbcc-popup-content { display: flex; }
.nbcc-popup-img-col {
    width: 40%;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.nbcc-popup-img-col img { width:100%; flex:1; object-fit:cover; display:block; }
.nbcc-popup-body-col {
    flex: 1;
    padding: 22px 26px;
    direction: rtl;
    min-width: 0;
}

/* Recipe two-columns */
.nbcc-recipe-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; direction: rtl; }
@media(max-width:560px){ .nbcc-recipe-cols{grid-template-columns:1fr} .nbcc-popup-content{flex-direction:column} .nbcc-popup-img-col{width:100%;height:220px} }
.nbcc-recipe-col h4 { font-size:14px;font-weight:800;margin:0 0 10px;border-bottom:2px solid #C9A84C;padding-bottom:5px; }
.nbcc-recipe-col ul,.nbcc-recipe-col ol { margin:0;padding-right:18px;font-size:13px;line-height:1.85;color:#333; }
.nbcc-popup-enjoy { text-align:left;font-style:italic;font-size:22px;padding:6px 22px 14px;direction:ltr; }

/* Product popup */
.nbcc-popup-imgs { display:flex; }
.nbcc-popup-imgs .nbcc-popup-img { flex:1;width:50%;object-fit:cover;display:block; }
.nbcc-popup-imgs.nbcc-popup-imgs--one .nbcc-popup-img { width:100%; }
.nbcc-popup-html { padding:18px 22px;direction:rtl; }

/* ── Loader ── */
.nbcc-pop-loader-wrap { display:flex;align-items:center;justify-content:center;padding:80px 40px; }
.nbcc-pop-loader { width:38px;height:38px;border:3px solid rgba(0,0,0,.08);border-top-color:#8B0000;border-radius:50%;animation:nbcc-spin .7s linear infinite; }
@keyframes nbcc-spin{to{transform:rotate(360deg)}}
.nbcc-empty{text-align:center;color:#888;padding:40px 0}

/* ================================================================
   RINGO RECIPES — production theme v1.0.6
   Shortcode controls:
   [nbcc_recipes theme="ringo" visible="2" mobile_visible="1" card_height="300" autoplay="1" autoplay_speed="4000"]
================================================================ */
.nbccr-ringo-recipes,
.nbccr-ringo-recipes *{box-sizing:border-box}
.nbccr-ringo-recipes{
    position:relative;
    overflow:hidden;
    min-height:640px;
    padding:44px 32px 30px;
    color:#fff;
    font-family:'Figtree',Arial,Helvetica,sans-serif;
    background:
        radial-gradient(circle at 18% 60%, rgba(40,200,255,.95) 0%, rgba(0,166,255,.85) 28%, transparent 62%),
        linear-gradient(90deg,#1caef4 0%,#1185e4 45%,#0753c6 100%);
}
.nbccr-ringo-recipes:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 25%,transparent 55%);
    pointer-events:none;
}
.nbccr-ringo-heading{position:relative;z-index:2;text-align:center;margin:0 auto 76px;width:max-content;max-width:100%}
.nbccr-ringo-heading h2{margin:0;color:#fff;font-family:var(--nbccr-heading-font,"Brush Script MT","Segoe Script",cursive);font-size:var(--nbccr-heading-size,92px);font-weight:400;line-height:.82;letter-spacing:var(--nbccr-heading-letter-spacing,-2px);word-spacing:var(--nbccr-heading-word-spacing,0px)}
.nbccr-ringo-our{position:absolute;top:-12px;left:108px;color:#fff;font-size:var(--nbccr-our-size,40px);font-weight:900;line-height:1;letter-spacing:var(--nbccr-our-letter-spacing,-1.5px);font-family:var(--nbccr-our-font,'Figtree',Arial,Helvetica,sans-serif)}
.nbccr-ringo-slider{position:relative;z-index:2;max-width:calc((var(--nbccr-card-width, 394px) * var(--nbccr-visible, 2)) + (var(--nbccr-card-gap, 46px) * (var(--nbccr-visible, 2) - 1)));margin:0 auto;--nbccr-gap:var(--nbccr-card-gap, 46px)}
.nbccr-ringo-viewport{overflow:hidden;width:100%;padding:0 0 10px}
.nbccr-ringo-track{display:flex;gap:var(--nbccr-gap);transition:transform .48s cubic-bezier(.4,0,.2,1);will-change:transform;align-items:stretch;direction:ltr}
.nbccr-ringo-card{
    flex:0 0 calc((100% - (var(--nbccr-gap) * (var(--nbccr-visible, 2) - 1))) / var(--nbccr-visible, 2));
    width:auto!important;
    min-height:var(--nbccr-card-height, 300px)!important;
    height:var(--nbccr-card-height, 300px);
    border:0!important;
    border-radius:12px!important;
    background:#17b7ef!important;
    box-shadow:none!important;
    overflow:hidden!important;
    padding:26px 34px 20px;
    direction:ltr!important;
    cursor:pointer;
    transform:none!important;
    opacity:1!important;
    display:flex!important;
    flex-direction:column!important;
}
.nbccr-ringo-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 35px rgba(0,55,150,.18)!important}
.nbccr-ringo-card-head{height:74px;min-height:74px;border-radius:14px;background:#0758c8;display:flex;align-items:center;padding:0 21px;gap:16px;overflow:hidden;direction:ltr;color:#fff}
.nbccr-ringo-brand{font-family:var(--nbccr-brand-font,"Brush Script MT","Segoe Script",cursive);font-size:var(--nbccr-brand-size,57px);line-height:1;color:#fff;font-weight:400;white-space:nowrap;letter-spacing:var(--nbccr-brand-letter-spacing,-1px)}
.nbccr-ringo-title-stack{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:0;line-height:1}
.nbccr-ringo-recipe-name{font-family:var(--nbccr-recipe-en-font,'Figtree',Arial,Helvetica,sans-serif);font-size:var(--nbccr-recipe-en-size,26px);line-height:1.05;font-weight:900;text-transform:uppercase;color:#fff;white-space:nowrap;margin:0;text-align:right;letter-spacing:var(--nbccr-recipe-en-letter-spacing,0px);word-spacing:var(--nbccr-recipe-en-word-spacing,2px)}
.nbccr-ringo-recipe-ar{font-family:var(--nbccr-recipe-ar-font,'Figtree',Arial,Helvetica,sans-serif);font-size:var(--nbccr-recipe-ar-size,23px);font-weight:900;line-height:1.05;color:#18bdf2;direction:rtl;white-space:nowrap;margin:4px 0 0;text-align:right;letter-spacing:var(--nbccr-recipe-ar-letter-spacing,0px);word-spacing:var(--nbccr-recipe-ar-word-spacing,2px)}
.nbccr-ringo-img-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:30px 3px 0;min-height:0}
.nbccr-ringo-img-wrap img{display:block;max-width:104%;max-height:calc(var(--nbccr-card-height, 400px) - 125px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 13px 14px rgba(0,65,145,.25))}
.nbccr-ringo-img-empty{align-items:center;color:rgba(255,255,255,.72);font-size:13px;border:1px dashed rgba(255,255,255,.35);border-radius:8px;margin-top:16px}
.nbccr-ringo-arrows{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:34px;direction:ltr}
.nbccr-ringo-arrow{appearance:none;border:0;background:transparent;padding:0;margin:0;line-height:1;cursor:pointer;font-size:34px;font-family:Arial,Helvetica,sans-serif;font-weight:900;color:#083fbd;transition:transform .2s ease,opacity .2s ease}
.nbccr-ringo-arrow:first-child{color:rgba(255,255,255,.45)}
.nbccr-ringo-arrow:hover{transform:scale(1.12);opacity:.85}
.nbccr-ringo-arrow[disabled]{opacity:.28;cursor:not-allowed}

.nbcc-popup-overlay--ringo .nbcc-popup-close,
.nbcc-popup-close{background:#fff;color:#0758c8;border:0;width:48px;height:48px;font-size:28px;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.nbcc-popup-overlay--ringo .nbcc-popup-close:hover,
.nbcc-popup-close:hover{background:#fff;color:#0758c8;transform:scale(1.08)!important}
.nbcc-popup-inner{border-radius:12px!important;position:relative!important;max-width:95vw!important}
.nbcc-popup-header{max-width:390px;margin:32px 34px 0 auto;border-radius:12px!important;background:#0758c8!important;padding:6px 18px!important;min-height:73px;direction:ltr;display:flex!important;align-items:center!important;gap:16px!important;justify-content:flex-start!important}
.nbcc-popup-header__brand{font-family:"Brush Script MT","Segoe Script",cursive!important;font-size:57px!important;color:#fff!important;line-height:.85!important}
.nbcc-popup-header__sep{display:none!important}
.nbcc-popup-header__name{font-family:'Figtree',Arial,Helvetica,sans-serif!important;font-size:27px!important;font-weight:900!important;text-transform:uppercase;color:#fff!important;line-height:1!important;text-align:right;margin-left:auto;display:flex!important;flex-direction:column!important;align-items:flex-end!important}
.nbcc-popup-header__name strong{font:inherit!important;color:inherit!important;display:block!important}
.nbcc-popup-header__name span{display:block!important;color:#18bdf2!important;font-size:22px!important;font-weight:900!important;opacity:1!important;direction:rtl;text-align:right;margin-top:3px}
.nbcc-popup-content{padding:0 48px 42px!important;background:#14aeea!important;color:#fff!important;direction:ltr;min-height:520px;display:grid!important;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.nbcc-popup-body-col{padding:0!important;direction:ltr!important;color:#fff;display:contents}
.nbcc-recipe-cols{display:contents!important;direction:ltr!important}
.nbcc-recipe-col{color:#fff;text-align:left;direction:ltr}
.nbcc-recipe-col h4{font-size:22px!important;color:#fff!important;margin:0 0 12px!important;border:0!important;padding:0!important;font-weight:900!important}
.nbcc-recipe-col ul,.nbcc-recipe-col ol{font-size:14px!important;line-height:1.35!important;color:#fff!important;margin:0!important;padding-left:20px!important;padding-right:0!important;direction:ltr!important}
.nbcc-popup-img-col{grid-column:1;width:100%!important;display:flex!important;align-items:flex-end;justify-content:flex-start;flex-direction:row!important;gap:12px;min-height:250px;overflow:visible!important;order:3}
.nbcc-popup-img-col img{width:auto!important;max-width:58%!important;max-height:260px!important;object-fit:contain!important;flex:0 1 auto!important;filter:drop-shadow(0 16px 16px rgba(0,55,130,.24))}
.nbcc-popup-enjoy{position:absolute;right:58px;bottom:42px;color:#fff!important;font-size:34px!important;padding:0!important}
.nbcc-popup-html{grid-column:1 / -1;color:#fff;padding:0!important}

.nbccr-ringo-card--custom{padding:0!important}
.nbccr-ringo-card--custom > *{pointer-events:none}

@media(max-width:768px){
    .nbccr-ringo-recipes{min-height:560px;padding:34px 20px 24px}
    .nbccr-ringo-heading{margin-bottom:44px}
    .nbccr-ringo-heading h2{font-size:66px}
    .nbccr-ringo-our{font-size:30px;left:78px;top:-9px}
    .nbccr-ringo-slider{max-width:330px;--nbccr-gap:18px}
    .nbccr-ringo-card{flex-basis:calc((100% - (var(--nbccr-gap) * (var(--nbccr-mobile-visible, 1) - 1))) / var(--nbccr-mobile-visible, 1));height:var(--nbccr-card-height, 320px);min-height:var(--nbccr-card-height, 320px)!important;padding:16px}
    .nbccr-ringo-card-head{height:45px;min-height:45px;padding:0 12px;gap:8px}
    .nbccr-ringo-brand{font-size:32px}
    .nbccr-ringo-recipe-name{font-size:16px}
    .nbccr-ringo-recipe-ar{font-size:15px}
    .nbccr-ringo-title-stack{margin-left:auto}
    .nbccr-ringo-img-wrap img{max-height:calc(var(--nbccr-card-height, 270px) - 86px)}
    .nbccr-ringo-arrows{margin-top:24px}
    .nbcc-popup-content{grid-template-columns:1fr!important;padding:0 24px 40px!important;gap:22px!important}
    .nbcc-popup-header{margin:24px auto 22px!important;max-width:310px}
    .nbcc-popup-header__brand{font-size:44px!important}
    .nbcc-popup-header__name{font-size:20px!important}
    .nbcc-popup-header__name span{font-size:17px!important}
    .nbcc-popup-img-col{min-height:auto;justify-content:center;order:10}
    .nbcc-popup-img-col img{max-height:190px!important;max-width:80%!important}
    .nbcc-popup-enjoy{right:24px;bottom:20px;font-size:26px!important}
}

/* ================================================================
   RINGO RECIPES — production refinements v1.1.0
   English comments only for production maintainability.
================================================================ */
.nbccr-ringo-heading{
    margin-bottom:var(--nbccr-heading-margin-bottom,76px)!important;
}
.nbccr-ringo-our{
    top:var(--nbccr-our-top,-20px)!important;
    left:var(--nbccr-our-left,108px)!important;
}
.nbccr-ringo-slider{
    max-width:calc((var(--nbccr-card-width, 394px) * var(--nbccr-visible, 2)) + (var(--nbccr-card-gap, 46px) * (var(--nbccr-visible, 2) - 1)))!important;
    --nbccr-gap:var(--nbccr-card-gap, 46px)!important;
}

/* Centered Ringo popup, matching the provided visual reference. */
.nbcc-popup-overlay--ringo{
    align-items:center!important;
    justify-content:center!important;
    padding:60px 32px!important;
    background:rgba(0,38,92,.76)!important;
    backdrop-filter:blur(4px)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-inner{
    width:min(920px,92vw)!important;
    min-height:610px!important;
    max-height:calc(100vh - 120px)!important;
    border-radius:8px!important;
    overflow:hidden auto!important;
    background:#14aeea!important;
    box-shadow:0 26px 70px rgba(0,17,62,.38)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-close{
    background:#e4e7ec!important;
    color:#0758c8!important;
    border:0!important;
    width:52px!important;
    height:52px!important;
    font-size:30px!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(0,0,0,.20)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body{
    min-height:610px;
    position:relative;
    background:#14aeea;
    color:#fff;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header{
    position:absolute!important;
    top:32px!important;
    right:32px!important;
    z-index:4!important;
    width:330px!important;
    max-width:calc(100% - 64px)!important;
    min-height:74px!important;
    margin:0!important;
    border-radius:18px!important;
    background:#0758c8!important;
    padding:6px 18px!important;
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header__brand{
    font-family:var(--nbccr-brand-font,"Brush Script MT","Segoe Script",cursive)!important;
    font-size:56px!important;
    color:#fff!important;
    line-height:.85!important;
    white-space:nowrap!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header__name{
    font-family:var(--nbccr-recipe-en-font,'Figtree',Arial,Helvetica,sans-serif)!important;
    font-size:26px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    color:#fff!important;
    line-height:1!important;
    text-align:right!important;
    margin-left:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header__name span{
    display:block!important;
    color:#18bdf2!important;
    font-family:var(--nbccr-recipe-ar-font,'Figtree',Arial,Helvetica,sans-serif)!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1.05!important;
    opacity:1!important;
    direction:rtl!important;
    margin-top:5px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:18px 44px!important;
    min-height:610px!important;
    padding:68px 54px 48px!important;
    background:#14aeea!important;
    color:#fff!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body-col{
    display:contents!important;
    padding:0!important;
    direction:ltr!important;
    color:#fff!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-cols{
    display:contents!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col{
    color:#fff!important;
    text-align:left!important;
    direction:ltr!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:360px!important;
    padding-top:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    padding-top:102px!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col h4{
    font-family:var(--nbccr-popup-font,'Figtree',Arial,Helvetica,sans-serif)!important;
    font-size:var(--nbccr-popup-heading-size,22px)!important;
    line-height:1.1!important;
    color:#fff!important;
    margin:0 0 14px!important;
    border:0!important;
    padding:0!important;
    font-weight:900!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo .nbcc-recipe-col ol{
    font-family:var(--nbccr-popup-font,'Figtree',Arial,Helvetica,sans-serif)!important;
    font-size:var(--nbccr-popup-body-size,14px)!important;
    line-height:1.35!important;
    color:#fff!important;
    margin:0!important;
    padding-left:18px!important;
    padding-right:0!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    width:100%!important;
    min-height:290px!important;
    display:block!important;
    overflow:visible!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col img{
    position:absolute!important;
    width:auto!important;
    object-fit:contain!important;
    flex:none!important;
    filter:drop-shadow(0 16px 18px rgba(0,55,130,.24))!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-pack{
    left:0!important;
    bottom:44px!important;
    max-width:52%!important;
    max-height:205px!important;
    transform:rotate(-15deg)!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-main{
    left:134px!important;
    bottom:18px!important;
    max-width:72%!important;
    max-height:260px!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{
    position:absolute!important;
    right:50px!important;
    bottom:42px!important;
    color:#fff!important;
    font-family:var(--nbccr-heading-font,"Brush Script MT","Segoe Script",cursive)!important;
    font-size:32px!important;
    line-height:1!important;
    padding:0!important;
    z-index:4!important;
}

@media(max-width:768px){
    .nbcc-popup-overlay--ringo{padding:40px 16px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{max-height:calc(100vh - 80px)!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{grid-template-columns:1fr!important;padding:130px 24px 76px!important;gap:24px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header{top:24px!important;right:50%!important;transform:translateX(50%)!important;width:310px!important;}
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{grid-column:1!important;grid-row:auto!important;padding-top:0!important;max-width:none!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{min-height:220px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-pack{left:6%!important;bottom:40px!important;max-width:48%!important;max-height:160px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-main{left:34%!important;bottom:10px!important;max-width:62%!important;max-height:190px!important;}
}


/* ================================================================
   RINGO RECIPES — production hotfix v1.1.1
   This block keeps the popup above the site header, centers it in the viewport,
   prevents top clipping, and restores the intended Popup Image 1 / Image 2 order.
================================================================ */
.nbcc-popup-overlay,
.nbcc-popup-overlay--ringo{
    position:fixed!important;
    inset:0!important;
    z-index:2147483600!important;
}
.nbcc-popup-overlay--ringo.open{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.nbcc-popup-overlay--ringo{
    padding:clamp(28px,5vh,64px) 24px!important;
    background:rgba(0,38,92,.82)!important;
    backdrop-filter:blur(4px)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-inner{
    width:min(940px,92vw)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - clamp(56px,10vh,128px))!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#14aeea!important;
    box-shadow:0 28px 80px rgba(0,17,62,.42)!important;
    margin:auto!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body{
    position:relative!important;
    min-height:min(650px,calc(100vh - 120px))!important;
    max-height:calc(100vh - clamp(56px,10vh,128px))!important;
    overflow:auto!important;
    background:#14aeea!important;
    color:#fff!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483602!important;
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
    background:#eef2f7!important;
    color:#0758c8!important;
    border:0!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header{
    position:absolute!important;
    top:32px!important;
    right:32px!important;
    z-index:5!important;
    width:330px!important;
    max-width:calc(100% - 64px)!important;
    min-height:74px!important;
    margin:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content{
    min-height:650px!important;
    padding:96px 54px 58px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto minmax(260px,1fr)!important;
    gap:18px 46px!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:365px!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    padding-top:80px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    min-height:300px!important;
    width:100%!important;
    overflow:visible!important;
    display:block!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col img{
    position:absolute!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    filter:drop-shadow(0 16px 18px rgba(0,55,130,.24))!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-first,
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-pack{
    left:0!important;
    bottom:38px!important;
    max-width:54%!important;
    max-height:210px!important;
    transform:rotate(-14deg)!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-second,
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-main{
    left:122px!important;
    bottom:10px!important;
    max-width:76%!important;
    max-height:272px!important;
    transform:none!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{
    right:52px!important;
    bottom:42px!important;
    color:#fff!important;
    z-index:6!important;
}

@media(max-width:768px){
    .nbcc-popup-overlay--ringo{padding:32px 14px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner,
    .nbcc-popup-overlay--ringo .nbcc-popup-body{max-height:calc(100vh - 64px)!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{grid-template-columns:1fr!important;min-height:0!important;padding:126px 24px 78px!important;gap:24px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header{top:24px!important;right:50%!important;transform:translateX(50%)!important;width:310px!important;}
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{grid-column:1!important;grid-row:auto!important;padding-top:0!important;max-width:none!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{min-height:230px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-first,
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-pack{left:6%!important;bottom:42px!important;max-width:48%!important;max-height:160px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-second,
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-main{left:34%!important;bottom:8px!important;max-width:64%!important;max-height:195px!important;}
}

/* ================================================================
   Ringo popup production correction v1.1.3
   The popup is intentionally lower than the exact viewport center to avoid sticky site headers.
================================================================ */
body.nbccr-popup-is-open .elementor-location-header,
body.nbccr-popup-is-open header,
body.nbccr-popup-is-open .site-header{
    z-index:10!important;
}
.nbcc-popup-overlay,
.nbcc-popup-overlay--ringo{
    z-index:2147483000!important;
}
.nbcc-popup-overlay--ringo.open{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:120px 28px 52px!important;
    background:rgba(0,38,92,.82)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-inner{
    width:min(980px,92vw)!important;
    height:auto!important;
    min-height:620px!important;
    max-height:calc(100vh - 172px)!important;
    overflow:visible!important;
    border-radius:8px!important;
    background:#14aeea!important;
    box-shadow:0 30px 90px rgba(0,17,62,.48)!important;
    transform:translateY(18px)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body{
    position:relative!important;
    min-height:620px!important;
    max-height:calc(100vh - 172px)!important;
    overflow:hidden!important;
    background:#14aeea!important;
    border-radius:8px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483100!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    background:#eef2f7!important;
    color:#0758c8!important;
    border:0!important;
    font-size:31px!important;
    font-weight:800!important;
    line-height:1!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:18px 52px!important;
    min-height:620px!important;
    padding:72px 54px 54px!important;
    background:#14aeea!important;
    color:#fff!important;
    direction:ltr!important;
    overflow:hidden!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header{
    position:absolute!important;
    top:32px!important;
    right:34px!important;
    z-index:6!important;
    width:328px!important;
    max-width:calc(100% - 68px)!important;
    min-height:74px!important;
    margin:0!important;
    border-radius:14px!important;
    background:#0758c8!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body-col,
.nbcc-popup-overlay--ringo .nbcc-recipe-cols{
    display:contents!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col{
    color:#fff!important;
    text-align:left!important;
    direction:ltr!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:370px!important;
    padding-top:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    padding-top:100px!important;
    max-width:380px!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col h4{
    margin:0 0 14px!important;
    color:#fff!important;
}
.nbcc-popup-overlay--ringo .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo .nbcc-recipe-col ol{
    margin:0!important;
    padding-left:18px!important;
    padding-right:0!important;
    line-height:1.38!important;
    color:#fff!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    position:relative!important;
    min-height:290px!important;
    width:100%!important;
    overflow:visible!important;
    display:block!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-img-col img{
    position:absolute!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    flex:none!important;
    filter:drop-shadow(0 16px 18px rgba(0,55,130,.24))!important;
}
/* Popup Image 2 is the pack/product image behind the recipe. */
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-second{
    left:0!important;
    bottom:45px!important;
    max-width:52%!important;
    max-height:205px!important;
    transform:rotate(-15deg)!important;
    z-index:1!important;
}
/* Popup Image 1 is the main recipe image in front. */
.nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-first{
    left:128px!important;
    bottom:16px!important;
    max-width:74%!important;
    max-height:272px!important;
    transform:none!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{
    position:absolute!important;
    right:52px!important;
    bottom:40px!important;
    color:#fff!important;
    z-index:7!important;
}
@media(max-width:768px){
    .nbcc-popup-overlay--ringo.open{padding:90px 14px 32px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{width:94vw!important;min-height:0!important;max-height:calc(100vh - 122px)!important;transform:translateY(8px)!important;overflow:hidden!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-body{min-height:0!important;max-height:calc(100vh - 122px)!important;overflow:auto!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{grid-template-columns:1fr!important;grid-template-rows:auto!important;min-height:0!important;padding:126px 24px 78px!important;gap:22px!important;overflow:visible!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header{top:24px!important;right:50%!important;transform:translateX(50%)!important;width:310px!important;}
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{grid-column:1!important;grid-row:auto!important;padding-top:0!important;max-width:none!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{min-height:230px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-second{left:6%!important;bottom:42px!important;max-width:48%!important;max-height:160px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-first{left:34%!important;bottom:8px!important;max-width:64%!important;max-height:195px!important;}
}


/* ================================================================
   Ringo popup final viewport correction v1.1.3
   Keeps the popup fully visible below sticky headers and places the close button inside the popup corner.
================================================================ */
.nbcc-popup-overlay--ringo.open{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:150px 28px 38px!important;
    overflow:auto!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-inner{
    width:min(980px,92vw)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    transform:none!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body{
    position:relative!important;
    min-height:600px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:8px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483100!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content{
    min-height:600px!important;
    padding-top:76px!important;
    padding-bottom:54px!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header{
    top:32px!important;
}
@media(max-height:820px){
    .nbcc-popup-overlay--ringo.open{padding-top:138px!important;padding-bottom:30px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-body{min-height:570px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{min-height:570px!important;padding-top:72px!important;padding-bottom:42px!important;}
    .nbcc-popup-overlay--ringo .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo .nbcc-recipe-col ol{font-size:13px!important;line-height:1.32!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col{min-height:245px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-second{max-height:180px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-img-col .nbcc-popup-recipe-first{max-height:235px!important;}
}
@media(max-width:768px){
    .nbcc-popup-overlay--ringo.open{padding:92px 14px 32px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{width:94vw!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-body{min-height:0!important;overflow:visible!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{min-height:0!important;overflow:visible!important;}
}

/* ================================================================
   Ringo popup production correction v1.1.4
   The overlay is moved to <body> by JavaScript, so it covers sticky headers.
   Popup width and height can be controlled per category.
================================================================ */
.nbcc-popup-overlay--ringo.open{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:72px 28px 52px!important;
    overflow:auto!important;
    background:rgba(0,38,92,.84)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-inner{
    width:min(var(--nbccr-popup-width,980px),92vw)!important;
    height:auto!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    max-height:calc(100vh - 124px)!important;
    margin:auto!important;
    transform:translateY(22px)!important;
    overflow:visible!important;
    border-radius:8px!important;
    background:#14aeea!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body{
    position:relative!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    max-height:calc(100vh - 124px)!important;
    overflow:auto!important;
    border-radius:8px!important;
    background:#14aeea!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content{
    min-height:var(--nbccr-popup-height,620px)!important;
    padding:76px 54px 58px!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
    background:#eef2f7!important;
    color:#0758c8!important;
    border:0!important;
    font-size:31px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
}
@media(max-height:820px){
    .nbcc-popup-overlay--ringo.open{padding:54px 24px 36px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{transform:translateY(14px)!important;max-height:calc(100vh - 90px)!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-body{max-height:calc(100vh - 90px)!important;}
}
@media(max-width:768px){
    .nbcc-popup-overlay--ringo.open{padding:42px 14px 28px!important;align-items:flex-start!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{width:94vw!important;min-height:0!important;max-height:none!important;transform:none!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-body{min-height:0!important;max-height:none!important;overflow:visible!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content{min-height:0!important;}
}

/* ================================================================
   Memories Recipes — production theme v1.1.5
   This theme is isolated from Ringo and uses the same stable popup engine.
================================================================ */
.nbccr-memories-recipes,
.nbccr-memories-recipes *{box-sizing:border-box}
.nbccr-memories-recipes{
    --nbccr-memories-bg1:#8c0706;
    --nbccr-memories-bg2:#2d0000;
    width:100%;
    min-height:760px;
    padding:28px 24px 32px;
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 34%),
        radial-gradient(circle at 50% 70%, rgba(0,0,0,.30) 0, rgba(0,0,0,0) 45%),
        linear-gradient(145deg,var(--nbccr-memories-bg1),var(--nbccr-memories-bg2));
    font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif;
}
.nbccr-memories-heading{position:relative;z-index:2;text-align:center;margin:0 auto 62px;width:max-content;max-width:100%}
.nbccr-memories-heading h2{margin:0;color:#fff;font-family:'Brush Script MT','Segoe Script',cursive;font-size:92px;font-weight:400;line-height:.82;letter-spacing:-2px}
.nbccr-memories-our{position:absolute;top:-12px;left:92px;color:#c9a33a;font-size:42px;font-weight:900;line-height:1;letter-spacing:-1px;font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif}
.nbccr-memories-slider{position:relative;z-index:2;max-width:calc((var(--nbccr-card-width,345px) * var(--nbccr-visible,2)) + (var(--nbccr-card-gap,50px) * (var(--nbccr-visible,2) - 1)));margin:0 auto;--nbccr-gap:var(--nbccr-card-gap,50px)}
.nbccr-memories-card{
    flex:0 0 calc((100% - (var(--nbccr-gap) * (var(--nbccr-visible,2) - 1))) / var(--nbccr-visible,2));
    height:var(--nbccr-card-height,470px)!important;
    min-height:var(--nbccr-card-height,470px)!important;
    border:0!important;
    border-radius:12px!important;
    background:#bd1a25!important;
    box-shadow:0 24px 42px rgba(0,0,0,.22)!important;
    cursor:pointer;
    overflow:hidden;
    padding:18px 20px 22px!important;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:transform .22s ease,box-shadow .22s ease;
}
.nbccr-memories-card:hover{transform:translateY(-3px)!important;box-shadow:0 32px 50px rgba(0,0,0,.28)!important}
.nbccr-memories-card-head{height:186px;min-height:186px;border-radius:10px;background:#af0000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:18px 16px 12px;overflow:hidden;color:#fff;position:relative}
.nbccr-memories-brand-ar{font-size:27px;line-height:1;color:#d44c4c;font-weight:900;font-family:'Tajawal','Figtree',Arial,sans-serif;margin-bottom:-10px;direction:rtl}
.nbccr-memories-brand{font-family:'Brush Script MT','Segoe Script',cursive;font-size:64px;line-height:.9;color:#fff;font-weight:400;white-space:nowrap;letter-spacing:-1px;margin-bottom:18px}
.nbccr-memories-title-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;text-align:center;margin-top:auto}
.nbccr-memories-recipe-name{font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif;font-size:23px;line-height:.92;font-weight:900;color:#fff;white-space:normal;margin:0;text-align:center;letter-spacing:-.4px;text-transform:none;max-width:230px}
.nbccr-memories-recipe-ar{font-family:'Tajawal','Figtree',Arial,Helvetica,sans-serif;font-size:23px;font-weight:900;line-height:1.05;color:#d86060;direction:rtl;white-space:normal;margin:10px 0 0;text-align:center;max-width:260px}
.nbccr-memories-img-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:18px 2px 0;min-height:0}
.nbccr-memories-img-wrap img{display:block;max-width:112%;max-height:calc(var(--nbccr-card-height,450px) - 205px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(70,0,0,.32))}
.nbccr-memories-arrows{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:42px;direction:ltr}
.nbccr-memories-arrows .nbccr-ringo-arrow{font-size:37px;color:#fff!important;text-shadow:none!important}
.nbccr-memories-arrows .nbccr-ringo-arrow:first-child{color:#e31d20!important}

/* Memories popup uses a red brand layout while preserving the approved Ringo popup behavior. */
.nbcc-popup-overlay--memories.open{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:64px 28px 52px!important;
    overflow:auto!important;
    background:rgba(0,0,0,.74)!important;
    backdrop-filter:blur(3px)!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-inner{
    width:min(var(--nbccr-popup-width,980px),92vw)!important;
    height:auto!important;
    min-height:var(--nbccr-popup-height,760px)!important;
    max-height:calc(100vh - 116px)!important;
    margin:auto!important;
    transform:translateY(14px)!important;
    overflow:visible!important;
    border-radius:6px!important;
    background:#b91b25!important;
    box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-body{
    position:relative!important;
    min-height:var(--nbccr-popup-height,760px)!important;
    max-height:calc(100vh - 116px)!important;
    overflow:auto!important;
    border-radius:6px!important;
    background:#b91b25!important;
    color:#fff!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    background:#e9e9e9!important;
    color:#a40509!important;
    border:0!important;
    font-size:30px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:0 10px 24px rgba(0,0,0,.26)!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-content{
    position:relative!important;
    min-height:var(--nbccr-popup-height,760px)!important;
    padding:112px 52px 64px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:20px 58px!important;
    overflow:visible!important;
    background:#b91b25!important;
    color:#fff!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-header{
    position:absolute!important;
    top:28px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    width:calc(100% - 96px)!important;
    max-width:720px!important;
    min-height:70px!important;
    margin:0!important;
    border-radius:10px!important;
    background:#a80000!important;
    display:flex!important;
    align-items:center!important;
    padding:8px 24px!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--memories .nbcc-popup-header__brand{font-family:'Brush Script MT','Segoe Script',cursive!important;font-size:62px!important;line-height:.85!important;color:#fff!important;white-space:nowrap!important}
.nbcc-popup-overlay--memories .nbcc-popup-header__name{font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:900!important;color:#fff!important;line-height:1.1!important;text-align:right!important;margin-left:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-transform:none!important;max-width:310px!important}
.nbcc-popup-overlay--memories .nbcc-popup-header__name span{display:block!important;color:#d65a5a!important;font-family:'Tajawal','Figtree',Arial,sans-serif!important;font-size:17px!important;font-weight:900!important;line-height:1.05!important;direction:rtl!important;margin-top:4px!important}
.nbcc-popup-overlay--memories .nbcc-popup-body-col,
.nbcc-popup-overlay--memories .nbcc-recipe-cols{display:contents!important}
.nbcc-popup-overlay--memories .nbcc-recipe-col{color:#fff!important;text-align:left!important;direction:ltr!important;z-index:2!important;font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif!important}
.nbcc-popup-overlay--memories .nbcc-recipe-col:first-child{grid-column:1!important;grid-row:1!important;max-width:365px!important;padding-top:0!important}
.nbcc-popup-overlay--memories .nbcc-recipe-col:nth-child(2){grid-column:2!important;grid-row:1 / span 2!important;max-width:365px!important;padding-top:0!important}
.nbcc-popup-overlay--memories .nbcc-recipe-col h4{font-size:17px!important;line-height:1.1!important;color:#fff!important;margin:0 0 10px!important;font-weight:900!important;border:0!important;padding:0!important}
.nbcc-popup-overlay--memories .nbcc-recipe-col ul,
.nbcc-popup-overlay--memories .nbcc-recipe-col ol{font-size:11px!important;line-height:1.22!important;color:#fff!important;margin:0!important;padding-left:17px!important;padding-right:0!important;direction:ltr!important}
.nbcc-popup-overlay--memories .nbcc-popup-img-col{grid-column:1!important;grid-row:2!important;position:relative!important;min-height:300px!important;width:100%!important;overflow:visible!important;display:block!important;z-index:1!important}
.nbcc-popup-overlay--memories .nbcc-popup-img-col img{position:absolute!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 15px 18px rgba(65,0,0,.34))!important}
.nbcc-popup-overlay--memories .nbcc-popup-img-col .nbcc-popup-recipe-second{left:190px!important;bottom:44px!important;max-width:58%!important;max-height:135px!important;z-index:1!important;transform:none!important}
.nbcc-popup-overlay--memories .nbcc-popup-img-col .nbcc-popup-recipe-first{left:0!important;bottom:10px!important;max-width:58%!important;max-height:245px!important;z-index:2!important;transform:none!important}
.nbcc-popup-overlay--memories .nbcc-popup-enjoy{position:absolute!important;right:52px!important;bottom:42px!important;color:#fff!important;font-family:'Brush Script MT','Segoe Script',cursive!important;font-size:30px!important;line-height:1!important;padding:0!important;z-index:7!important}

@media(max-height:820px){
    .nbcc-popup-overlay--memories.open{padding:42px 24px 34px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-inner{max-height:calc(100vh - 76px)!important;transform:translateY(8px)!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-body{max-height:calc(100vh - 76px)!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-content{padding-top:102px!important;padding-bottom:48px!important;}
}
@media(max-width:768px){
    .nbccr-memories-recipes{min-height:560px;padding:34px 20px 24px}
    .nbccr-memories-heading{margin-bottom:44px}
    .nbccr-memories-heading h2{font-size:66px}
    .nbccr-memories-our{font-size:30px;left:76px;top:-9px}
    .nbccr-memories-slider{max-width:330px;--nbccr-gap:18px}
    .nbccr-memories-card{flex-basis:calc((100% - (var(--nbccr-gap) * (var(--nbccr-mobile-visible,1) - 1))) / var(--nbccr-mobile-visible,1));height:var(--nbccr-card-height,380px)!important;min-height:var(--nbccr-card-height,380px)!important;padding:16px!important}
    .nbccr-memories-card-head{height:156px;min-height:156px}
    .nbccr-memories-brand{font-size:48px}
    .nbccr-memories-brand-ar{font-size:22px}
    .nbccr-memories-recipe-name{font-size:19px}
    .nbccr-memories-recipe-ar{font-size:19px}
    .nbcc-popup-overlay--memories.open{padding:42px 14px 28px!important;align-items:flex-start!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-inner{width:94vw!important;min-height:0!important;max-height:none!important;transform:none!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-body{min-height:0!important;max-height:none!important;overflow:visible!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-content{grid-template-columns:1fr!important;min-height:0!important;padding:120px 24px 78px!important;gap:24px!important;overflow:visible!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-header{top:24px!important;width:calc(100% - 44px)!important;max-width:330px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-header__brand{font-size:44px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-header__name{font-size:15px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-header__name span{font-size:14px!important;}
    .nbcc-popup-overlay--memories .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--memories .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--memories .nbcc-popup-img-col{grid-column:1!important;grid-row:auto!important;padding-top:0!important;max-width:none!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-img-col{min-height:230px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-img-col .nbcc-popup-recipe-second{left:40%!important;bottom:44px!important;max-width:54%!important;max-height:105px!important;}
    .nbcc-popup-overlay--memories .nbcc-popup-img-col .nbcc-popup-recipe-first{left:4%!important;bottom:8px!important;max-width:58%!important;max-height:190px!important;}
}

/* ================================================================
   GoFit Recipes — production theme v1.2.0
   This theme is isolated from Ringo and Memories.
================================================================ */
.nbccr-gofit-recipes,
.nbccr-gofit-recipes *{box-sizing:border-box}
.nbccr-gofit-recipes{
    width:100%;
    min-height:760px;
    padding:26px 24px 32px;
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 52% 34%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 34%),
        radial-gradient(circle at 50% 78%, rgba(0,0,0,.30) 0, rgba(0,0,0,0) 46%),
        linear-gradient(145deg,#a30000,#4a0000);
    font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif;
}
.nbccr-gofit-heading{position:relative;z-index:2;text-align:center;margin:0 auto 72px;width:max-content;max-width:100%}
.nbccr-gofit-heading h2{margin:0;color:#fff;font-family:'Brush Script MT','Segoe Script',cursive;font-size:92px;font-weight:400;line-height:.82;letter-spacing:-2px}
.nbccr-gofit-our{position:absolute;top:-12px;left:92px;color:#fff;font-size:42px;font-weight:900;line-height:1;letter-spacing:-1px;font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif}
.nbccr-gofit-slider{position:relative;z-index:2;max-width:calc((var(--nbccr-card-width,445px) * var(--nbccr-visible,2)) + (var(--nbccr-card-gap,46px) * (var(--nbccr-visible,2) - 1)));margin:0 auto;--nbccr-gap:var(--nbccr-card-gap,46px)}
.nbccr-gofit-card{
    flex:0 0 calc((100% - (var(--nbccr-gap) * (var(--nbccr-visible,2) - 1))) / var(--nbccr-visible,2));
    height:var(--nbccr-card-height,470px)!important;
    min-height:var(--nbccr-card-height,470px)!important;
    border:0!important;
    border-radius:12px!important;
    background:#f41234!important;
    box-shadow:0 24px 42px rgba(0,0,0,.24)!important;
    cursor:pointer;
    overflow:hidden;
    padding:20px 22px 22px!important;
    display:flex;
    flex-direction:column;
    position:relative;
    transition:transform .22s ease,box-shadow .22s ease;
}
.nbccr-gofit-card:hover{transform:translateY(-3px)!important;box-shadow:0 32px 52px rgba(0,0,0,.30)!important}
.nbccr-gofit-card-head{height:148px;min-height:148px;border-radius:12px;background:#ad0000;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;overflow:hidden;color:#fff;position:relative;gap:20px}
.nbccr-gofit-title-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;text-align:left;margin:0;max-width:235px;min-width:190px;position:relative;z-index:2}
.nbccr-gofit-recipe-name{font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif;font-size:22px;line-height:.98;font-weight:900;color:#fff;white-space:normal;margin:0;text-align:left;letter-spacing:-.25px;text-transform:uppercase;max-width:220px;display:flex;flex-direction:column;align-items:flex-start}.nbccr-gofit-recipe-name span{display:block}
.nbccr-gofit-recipe-ar{font-family:'Tajawal','Figtree',Arial,Helvetica,sans-serif;font-size:21px;font-weight:900;line-height:1.02;color:#ef7e87;direction:rtl;white-space:normal;margin:12px 0 0;text-align:left;max-width:220px;display:flex;flex-direction:column;align-items:flex-start}.nbccr-gofit-recipe-ar span{display:block}
.nbccr-gofit-brand-block{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:120px;max-width:150px;position:relative;z-index:2;margin-left:auto}.nbccr-gofit-brand-ar{position:static;font-size:23px;line-height:1;color:#ef7e87;font-weight:900;font-family:'Tajawal','Figtree',Arial,sans-serif;direction:rtl;margin:0 0 8px;z-index:2;text-align:right}
.nbccr-gofit-brand{font-family:'Brush Script MT','Segoe Script',cursive;font-size:54px;line-height:.82;color:#fff;font-weight:400;white-space:nowrap;letter-spacing:-1px;z-index:1;margin:0;text-align:right}
.nbccr-gofit-img-wrap{flex:1;display:flex;align-items:flex-end;justify-content:center;padding:24px 2px 0;min-height:0}
.nbccr-gofit-img-wrap img{display:block;max-width:100%;max-height:calc(var(--nbccr-card-height,470px) - 210px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 17px rgba(70,0,0,.35))}
.nbccr-gofit-arrows{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:42px;direction:ltr}
.nbccr-gofit-arrows .nbccr-ringo-arrow{font-size:40px;color:#fff!important;text-shadow:none!important}
.nbccr-gofit-arrows .nbccr-ringo-arrow:first-child{color:#ef2c2f!important}

/* GoFit popup follows the approved centered popup behavior with an isolated red visual system. */
.nbcc-popup-overlay--gofit.open{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:64px 28px 52px!important;
    overflow:auto!important;
    background:rgba(58,0,0,.72)!important;
    backdrop-filter:blur(3px)!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-inner{
    width:min(var(--nbccr-popup-width,980px),92vw)!important;
    height:auto!important;
    min-height:var(--nbccr-popup-height,720px)!important;
    max-height:calc(100vh - 116px)!important;
    margin:auto!important;
    transform:translateY(14px)!important;
    overflow:visible!important;
    border-radius:6px!important;
    background:#f41234!important;
    box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-body{
    position:relative!important;
    min-height:var(--nbccr-popup-height,720px)!important;
    max-height:calc(100vh - 116px)!important;
    overflow:auto!important;
    border-radius:6px!important;
    background:#f41234!important;
    color:#fff!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-close{
    position:fixed!important;
    z-index:2147483100!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:50px!important;
    height:50px!important;
    border-radius:50%!important;
    background:#e9e9e9!important;
    color:#b00000!important;
    border:0!important;
    font-size:31px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-content{
    position:relative!important;
    min-height:var(--nbccr-popup-height,720px)!important;
    padding:128px 54px 64px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto 1fr!important;
    gap:22px 58px!important;
    overflow:visible!important;
    background:#f41234!important;
    color:#fff!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-header{
    position:absolute!important;
    top:32px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    width:calc(100% - 96px)!important;
    max-width:760px!important;
    min-height:74px!important;
    margin:0!important;
    border-radius:16px!important;
    background:#ad0000!important;
    display:flex!important;
    align-items:center!important;
    padding:8px 24px!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--gofit .nbcc-popup-header__brand{font-family:'Brush Script MT','Segoe Script',cursive!important;font-size:82px!important;line-height:.78!important;color:#fff!important;white-space:nowrap!important;min-width:210px!important;text-align:left!important}
.nbcc-popup-overlay--gofit .nbcc-popup-header__name{font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif!important;font-size:26px!important;font-weight:900!important;color:#fff!important;line-height:1.05!important;text-align:right!important;margin-left:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;text-transform:none!important;max-width:500px!important}
.nbcc-popup-overlay--gofit .nbcc-popup-header__name span{display:block!important;color:#ef7e87!important;font-family:'Tajawal','Figtree',Arial,sans-serif!important;font-size:32px!important;font-weight:900!important;line-height:1.05!important;direction:rtl!important;margin-top:5px!important}
.nbcc-popup-overlay--gofit .nbcc-popup-body-col,
.nbcc-popup-overlay--gofit .nbcc-recipe-cols{display:contents!important}
.nbcc-popup-overlay--gofit .nbcc-recipe-col{color:#fff!important;text-align:left!important;direction:ltr!important;z-index:2!important;font-family:'Montserrat','Figtree',Arial,Helvetica,sans-serif!important}
.nbcc-popup-overlay--gofit .nbcc-recipe-col:first-child{grid-column:1!important;grid-row:1!important;max-width:365px!important;padding-top:0!important}
.nbcc-popup-overlay--gofit .nbcc-recipe-col:nth-child(2){grid-column:2!important;grid-row:1 / span 2!important;max-width:385px!important;padding-top:0!important}
.nbcc-popup-overlay--gofit .nbcc-recipe-col h4{font-size:22px!important;line-height:1.1!important;color:#fff!important;margin:0 0 12px!important;font-weight:900!important;border:0!important;padding:0!important}
.nbcc-popup-overlay--gofit .nbcc-recipe-col ul,
.nbcc-popup-overlay--gofit .nbcc-recipe-col ol{font-size:14px!important;line-height:1.33!important;color:#fff!important;margin:0!important;padding-left:17px!important;padding-right:0!important;direction:ltr!important}
.nbcc-popup-overlay--gofit .nbcc-popup-img-col{grid-column:1!important;grid-row:2!important;position:relative!important;min-height:300px!important;width:100%!important;overflow:visible!important;display:block!important;z-index:1!important}
.nbcc-popup-overlay--gofit .nbcc-popup-img-col img{position:absolute!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 17px 18px rgba(70,0,0,.36))!important}
.nbcc-popup-overlay--gofit .nbcc-popup-img-col .nbcc-popup-recipe-second{left:132px!important;bottom:32px!important;max-width:78%!important;max-height:235px!important;z-index:1!important;transform:none!important}
.nbcc-popup-overlay--gofit .nbcc-popup-img-col .nbcc-popup-recipe-first{left:0!important;bottom:0!important;max-width:48%!important;max-height:270px!important;z-index:2!important;transform:none!important}
.nbcc-popup-overlay--gofit .nbcc-popup-enjoy{position:absolute!important;right:52px!important;bottom:42px!important;color:#fff!important;font-family:'Brush Script MT','Segoe Script',cursive!important;font-size:34px!important;line-height:1!important;padding:0!important;z-index:7!important}

@media(max-height:820px){
    .nbcc-popup-overlay--gofit.open{padding:42px 24px 34px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-inner{max-height:calc(100vh - 76px)!important;transform:translateY(8px)!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-body{max-height:calc(100vh - 76px)!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-content{padding-top:112px!important;padding-bottom:48px!important;}
}
@media(max-width:768px){
    .nbccr-gofit-recipes{min-height:560px;padding:34px 20px 24px}
    .nbccr-gofit-heading{margin-bottom:44px}
    .nbccr-gofit-heading h2{font-size:66px}
    .nbccr-gofit-our{font-size:30px;left:76px;top:-9px}
    .nbccr-gofit-slider{max-width:330px;--nbccr-gap:18px}
    .nbccr-gofit-card{flex-basis:calc((100% - (var(--nbccr-gap) * (var(--nbccr-mobile-visible,1) - 1))) / var(--nbccr-mobile-visible,1));height:var(--nbccr-card-height,380px)!important;min-height:var(--nbccr-card-height,380px)!important;padding:16px!important}
    .nbccr-gofit-card-head{height:132px;min-height:132px;padding:12px 16px}
    .nbccr-gofit-brand-block{min-width:100px;max-width:112px}
    .nbccr-gofit-brand{font-size:46px}
    .nbccr-gofit-brand-ar{font-size:21px}
    .nbccr-gofit-recipe-name{font-size:19px}
    .nbccr-gofit-recipe-ar{font-size:19px}
    .nbcc-popup-overlay--gofit.open{padding:42px 14px 28px!important;align-items:flex-start!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-inner{width:94vw!important;min-height:0!important;max-height:none!important;transform:none!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-body{min-height:0!important;max-height:none!important;overflow:visible!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-content{grid-template-columns:1fr!important;min-height:0!important;padding:128px 24px 78px!important;gap:24px!important;overflow:visible!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-header{top:24px!important;width:calc(100% - 44px)!important;max-width:360px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-header__brand{font-size:48px!important;min-width:110px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-header__name{font-size:15px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-header__name span{font-size:17px!important;}
    .nbcc-popup-overlay--gofit .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--gofit .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--gofit .nbcc-popup-img-col{grid-column:1!important;grid-row:auto!important;padding-top:0!important;max-width:none!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-img-col{min-height:250px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-img-col .nbcc-popup-recipe-second{left:34%!important;bottom:44px!important;max-width:64%!important;max-height:165px!important;}
    .nbcc-popup-overlay--gofit .nbcc-popup-img-col .nbcc-popup-recipe-first{left:4%!important;bottom:8px!important;max-width:46%!important;max-height:210px!important;}
}

/* ===== v1.4.0 dynamic category typography / WPML title controls ===== */
.nbccr-dynamic-heading{
    margin-bottom:var(--nbccr-section-title-gap,76px)!important;
}
.nbccr-dynamic-heading-small,
.nbccr-ringo-heading .nbccr-dynamic-heading-small,
.nbccr-memories-heading .nbccr-dynamic-heading-small,
.nbccr-gofit-heading .nbccr-dynamic-heading-small{
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    color:var(--nbccr-section-small-color,#d7b12a)!important;
    font-family:var(--nbccr-section-small-font,'Montserrat',Arial,sans-serif)!important;
    font-size:var(--nbccr-section-small-size,40px)!important;
    font-weight:900;
    line-height:1;
    letter-spacing:-1px;
    text-transform:uppercase;
    z-index:2;
}
.nbccr-dynamic-heading-main,
.nbccr-ringo-heading .nbccr-dynamic-heading-main,
.nbccr-memories-heading .nbccr-dynamic-heading-main,
.nbccr-gofit-heading .nbccr-dynamic-heading-main{
    color:var(--nbccr-section-main-color,#ffffff)!important;
    font-family:var(--nbccr-section-main-font,'Cardias','Great Vibes',cursive)!important;
    font-size:var(--nbccr-section-main-size,92px)!important;
}

.nbccr-heading-lang-en .nbccr-dynamic-heading-small{
    font-family:var(--nbccr-section-small-en-font,var(--nbccr-section-small-font,'Montserrat',Arial,sans-serif))!important;
}
.nbccr-heading-lang-ar .nbccr-dynamic-heading-small{
    font-family:var(--nbccr-section-small-ar-font,'Montserrat-Arabic',Arial,sans-serif)!important;
}
.nbccr-heading-lang-en .nbccr-dynamic-heading-main{
    font-family:var(--nbccr-section-main-en-font,var(--nbccr-section-main-font,'Cardias','Great Vibes',cursive))!important;
}
.nbccr-heading-lang-ar .nbccr-dynamic-heading-main{
    font-family:var(--nbccr-section-main-ar-font,'Arslan-Wessam-B','Arslan-Wessam-B','(A) Arslan Wessam B','Montserrat-Arabic',sans-serif)!important;
}


html[lang^="ar"] .nbccr-heading-lang-ar .nbccr-dynamic-heading-small,
body.rtl .nbccr-heading-lang-ar .nbccr-dynamic-heading-small{
    font-family:var(--nbccr-section-small-ar-font,'Montserrat-Arabic',Arial,sans-serif)!important;
}
html[lang^="ar"] .nbccr-heading-lang-ar .nbccr-dynamic-heading-main,
body.rtl .nbccr-heading-lang-ar .nbccr-dynamic-heading-main{
    font-family:var(--nbccr-section-main-ar-font,'Arslan-Wessam-B','(A) Arslan Wessam B','Montserrat-Arabic',sans-serif)!important;
}

.nbccr-memories-brand,
.nbccr-gofit-brand,
.nbccr-ringo-brand{
    font-family:var(--nbccr-card-brand-en-font,'Cardias','Great Vibes',cursive)!important;
    font-size:var(--nbccr-card-brand-en-size,40px)!important;
    color:var(--nbccr-card-brand-en-color,#ffffff)!important;
}
.nbccr-memories-brand-ar,
.nbccr-gofit-brand-ar{
    font-family:var(--nbccr-card-brand-ar-font,'Arslan-Wessam-B','Arslan-Wessam-B','(A) Arslan Wessam B','Montserrat-Arabic',sans-serif)!important;
    font-size:var(--nbccr-card-brand-ar-size,28px)!important;
    color:var(--nbccr-card-brand-ar-color,#e34a4a)!important;
}
.nbccr-memories-recipe-name,
.nbccr-gofit-recipe-name,
.nbccr-ringo-recipe-name{
    font-family:var(--nbccr-content-en-font,'Montserrat',Arial,sans-serif)!important;
    font-size:var(--nbccr-content-en-size,25px)!important;
    color:var(--nbccr-content-en-color,#ffffff)!important;
}
.nbccr-memories-recipe-ar,
.nbccr-gofit-recipe-ar,
.nbccr-ringo-recipe-ar{
    font-family:var(--nbccr-content-ar-font,'Montserrat-Arabic',Arial,sans-serif)!important;
    font-size:var(--nbccr-content-ar-size,18px)!important;
    color:var(--nbccr-content-ar-color,#e34a4a)!important;
}
html[lang="ar"] .nbccr-dynamic-heading-small,
body.rtl .nbccr-dynamic-heading-small{
    direction:rtl;
    text-transform:none;
}
@media(max-width:767px){
    .nbccr-dynamic-heading-main,
    .nbccr-ringo-heading .nbccr-dynamic-heading-main,
    .nbccr-memories-heading .nbccr-dynamic-heading-main,
    .nbccr-gofit-heading .nbccr-dynamic-heading-main{font-size:66px!important}
    .nbccr-dynamic-heading-small{font-size:30px!important}
}

/* v1.7.0 bilingual popup content */
.nbcc-recipe-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 16px;font-weight:700}
.nbcc-recipe-meta span{display:inline-flex;gap:5px;align-items:center}
.nbcc-popup-empty{padding:24px;text-align:center;opacity:.85;font-weight:700}
.nbcc-popup-header__brand-stack{display:flex;flex-direction:column;line-height:1;align-items:flex-start}
body.rtl .nbcc-popup-header__brand-stack,.nbcc-popup-content[style*="rtl"] .nbcc-popup-header__brand-stack{align-items:flex-end}
.nbcc-popup-header__brand-secondary{display:block;line-height:1.1;margin-top:4px}


/* ================================================================
   Ringo Arabic Popup Production Layout v1.7.4
   WPML/RTL aware responsive popup that matches the approved Arabic design.
================================================================ */
@font-face{
    font-family:"Arslan-Wessam-B";
    src:url("/wp-content/themes/nbcc-child/assets/fonts/Arslan-Wessam-B.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:"Montserrat-Arabic";
    src:url("/wp-content/themes/nbcc-child/assets/fonts/Montserrat-Arabic.ttf") format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(290px,1fr) minmax(290px,1fr)!important;
    grid-template-rows:auto 1fr!important;
    gap:18px 56px!important;
    padding:156px 54px 72px!important;
    direction:rtl!important;
    background:#14aeea!important;
    color:#fff!important;
    font-family:var(--nbccr-popup-content-ar-font,"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif)!important;
    font-size:var(--nbccr-popup-content-ar-size,19px)!important;
    line-height:1.28!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header{
    position:absolute!important;
    top:36px!important;
    left:62px!important;
    right:auto!important;
    transform:none!important;
    width:min(438px,calc(100% - 124px))!important;
    max-width:none!important;
    min-height:98px!important;
    border-radius:18px!important;
    padding:10px 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    direction:ltr!important;
    background:#0758c8!important;
    overflow:hidden!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:155px!important;line-height:1!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand{font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;font-size:62px!important;line-height:.78!important;color:#fff!important;font-weight:400!important;white-space:nowrap!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand-secondary{display:none!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name{margin:0!important;max-width:230px!important;text-align:right!important;align-items:flex-end!important;font-family:"Montserrat-Arabic",Arial,sans-serif!important;font-size:28px!important;font-weight:900!important;line-height:1.03!important;color:#fff!important;text-transform:uppercase!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name strong{display:block!important;font:inherit!important;color:inherit!important;line-height:inherit!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name span{display:block!important;margin-top:3px!important;font-family:"Montserrat-Arabic",Arial,sans-serif!important;font-size:25px!important;font-weight:900!important;line-height:1!important;color:#18bdf2!important;direction:rtl!important;text-align:right!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-body-col,
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-cols{display:contents!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col{font-family:var(--nbccr-popup-content-ar-font,"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif)!important;font-size:var(--nbccr-popup-content-ar-size,19px)!important;color:var(--nbccr-popup-content-ar-color,#fff)!important;line-height:1.28!important;direction:rtl!important;text-align:right!important;z-index:3!important;max-width:430px!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--ingredients{grid-column:2!important;grid-row:1!important;justify-self:end!important;padding-top:6px!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--method{grid-column:1!important;grid-row:1!important;justify-self:start!important;padding-top:6px!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col h4{font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;font-size:clamp(28px,3.1vw,35px)!important;font-weight:400!important;line-height:1!important;color:#fff!important;margin:0 0 14px!important;padding:0!important;border:0!important;text-align:right!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ol{margin:0!important;padding:0 22px 0 0!important;font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;font-size:clamp(17px,1.45vw,21px)!important;font-weight:400!important;line-height:1.38!important;color:#fff!important;direction:rtl!important;text-align:right!important;list-style-position:outside!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col li{margin:0 0 3px!important;padding:0 3px 0 0!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col{grid-column:1 / -1!important;grid-row:2!important;position:relative!important;min-height:285px!important;width:100%!important;z-index:1!important;overflow:visible!important;display:block!important;pointer-events:none!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col img{position:absolute!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 18px 18px rgba(0,52,95,.34))!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-second{right:36%!important;left:auto!important;bottom:84px!important;max-width:28%!important;max-height:185px!important;z-index:1!important;transform:rotate(-13deg)!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-first{right:4%!important;left:auto!important;bottom:4px!important;max-width:42%!important;max-height:285px!important;z-index:2!important;transform:none!important}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar + .nbcc-popup-enjoy,
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{color:#fff!important}
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{position:absolute!important;left:54px!important;right:auto!important;bottom:48px!important;font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;font-size:clamp(31px,3.6vw,48px)!important;font-weight:400!important;line-height:1!important;z-index:8!important;padding:0!important;direction:rtl!important;text-align:left!important;white-space:nowrap!important}

@media(max-width:1024px){
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar{grid-template-columns:1fr 1fr!important;gap:16px 30px!important;padding:146px 36px 76px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header{left:36px!important;width:min(420px,calc(100% - 72px))!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-first{max-width:48%!important;max-height:260px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-second{right:42%!important;max-width:32%!important}
}
@media(max-width:768px){
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar{display:flex!important;flex-direction:column!important;padding:144px 22px 92px!important;gap:22px!important;min-height:0!important;overflow:visible!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header{top:22px!important;left:22px!important;width:calc(100% - 44px)!important;min-height:86px!important;border-radius:15px!important;padding:10px 16px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand{font-size:44px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand-stack{min-width:100px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name{font-size:21px!important;max-width:190px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name span{font-size:19px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col{max-width:none!important;width:100%!important;font-size:18px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col h4{font-size:30px!important;margin-bottom:10px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ol{font-size:18px!important;line-height:1.42!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col{min-height:260px!important;order:3!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-first{right:2%!important;bottom:0!important;max-width:62%!important;max-height:230px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col .nbcc-popup-recipe-second{right:47%!important;bottom:68px!important;max-width:44%!important;max-height:145px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-enjoy{left:24px!important;bottom:34px!important;font-size:34px!important}
}
@media(max-width:420px){
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar{padding-left:18px!important;padding-right:18px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header{left:18px!important;width:calc(100% - 36px)!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__brand{font-size:38px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name{font-size:18px!important;max-width:165px!important}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-header__name span{font-size:17px!important}
}

/* ================================================================
   NBCC Recipes v1.7.5 — Ringo popup bilingual production layout
   EN: header/logo panel on the right, ingredients left, method right.
   AR: header/logo panel on the left, ingredients right, method left.
   Fully scoped to the Ringo popup and keeps WPML language direction intact.
================================================================ */
.nbcc-popup-overlay--ringo .nbcc-popup-content--en{
    direction:ltr!important;
    grid-template-columns:minmax(300px,1fr) minmax(320px,1fr)!important;
    grid-template-rows:auto minmax(260px,1fr)!important;
    padding:96px 54px 58px!important;
    gap:18px 46px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en ~ .nbcc-popup-enjoy,
.nbcc-popup-overlay--ringo .nbcc-popup-enjoy{
    font-family:var(--nbccr-brand-font,"Arslan-Wessam-B","Brush Script MT","Segoe Script",cursive)!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-header:has(+ .nbcc-popup-content--en){
    right:32px!important;
    left:auto!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col{
    direction:ltr!important;
    text-align:left!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col--ingredients,
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:390px!important;
    padding-top:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col--method,
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    padding-top:86px!important;
    max-width:390px!important;
    justify-self:start!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col h4{
    text-align:left!important;
    font-weight:900!important;
    margin-bottom:14px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col ol{
    direction:ltr!important;
    text-align:left!important;
    padding-left:20px!important;
    padding-right:0!important;
    margin:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    min-height:300px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--en + .nbcc-popup-enjoy,
.nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--en) .nbcc-popup-enjoy{
    right:52px!important;
    left:auto!important;
    bottom:42px!important;
    text-align:right!important;
    direction:ltr!important;
}

.nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--ar) .nbcc-popup-header{
    left:32px!important;
    right:auto!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar{
    direction:rtl!important;
    grid-template-columns:minmax(320px,1fr) minmax(300px,1fr)!important;
    grid-template-rows:auto minmax(260px,1fr)!important;
    padding:96px 54px 58px!important;
    gap:18px 46px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col{
    direction:rtl!important;
    text-align:right!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--ingredients,
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col:first-child{
    grid-column:2!important;
    grid-row:1!important;
    max-width:390px!important;
    justify-self:end!important;
    padding-top:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--method,
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col:nth-child(2){
    grid-column:1!important;
    grid-row:1 / span 2!important;
    padding-top:86px!important;
    max-width:390px!important;
    justify-self:start!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col h4{
    font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;
    text-align:right!important;
    font-weight:400!important;
    margin-bottom:14px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col ol{
    direction:rtl!important;
    text-align:right!important;
    padding-right:20px!important;
    padding-left:0!important;
    margin:0!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    min-height:300px!important;
}
.nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--ar) .nbcc-popup-enjoy{
    left:52px!important;
    right:auto!important;
    bottom:42px!important;
    text-align:left!important;
    direction:rtl!important;
    font-family:"Arslan-Wessam-B","Montserrat-Arabic",Arial,sans-serif!important;
}

@media(max-width:900px){
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar{
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        padding:132px 26px 86px!important;
        gap:24px!important;
    }
    .nbcc-popup-overlay--ringo .nbcc-popup-header:has(+ .nbcc-popup-content--en),
    .nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--ar) .nbcc-popup-header{
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        width:min(330px,calc(100% - 48px))!important;
        top:24px!important;
    }
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col--ingredients,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col--method,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--ingredients,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col--method,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-popup-img-col,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col{
        grid-column:1!important;
        grid-row:auto!important;
        max-width:none!important;
        width:100%!important;
        padding-top:0!important;
        justify-self:stretch!important;
    }
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en .nbcc-popup-img-col,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar .nbcc-popup-img-col{
        min-height:230px!important;
        order:10!important;
    }
    .nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--en) .nbcc-popup-enjoy{
        right:28px!important;
        bottom:28px!important;
    }
    .nbcc-popup-overlay--ringo .nbcc-popup-body:has(.nbcc-popup-content--ar) .nbcc-popup-enjoy{
        left:28px!important;
        bottom:28px!important;
    }
}

@media(max-width:520px){
    .nbcc-popup-overlay--ringo{padding:22px 10px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-inner{width:96vw!important;max-height:calc(100vh - 44px)!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-content--en,
    .nbcc-popup-overlay--ringo .nbcc-popup-content--ar{padding:126px 18px 82px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header__brand{font-size:44px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header__name{font-size:20px!important;}
    .nbcc-popup-overlay--ringo .nbcc-popup-header__name span{font-size:17px!important;}
    .nbcc-popup-overlay--ringo .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo .nbcc-recipe-col ol{font-size:clamp(13px,3.6vw,16px)!important;line-height:1.45!important;}
}


/* ================================================================
   Ringo popup bilingual production layout v1.7.6
   English: header card top-right, Ingredients left, Method right.
   Arabic: header card top-left, Ingredients right, Method left.
   Uses WPML language class added by JS: nbcc-popup-lang-en / nbcc-popup-lang-ar.
================================================================ */
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-inner,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-inner{
    width:min(var(--nbccr-popup-width,980px),94vw)!important;
    background:#14aeea!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-body,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-body{
    background:#14aeea!important;
    overflow:auto!important;
}

/* EN layout */
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header{
    top:clamp(24px,4vw,36px)!important;
    right:clamp(28px,4.4vw,54px)!important;
    left:auto!important;
    transform:none!important;
    width:clamp(330px,38vw,440px)!important;
    max-width:calc(100% - 56px)!important;
    min-height:clamp(72px,8vw,86px)!important;
    padding:clamp(6px,.8vw,10px) clamp(18px,2.2vw,26px)!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    direction:ltr!important;
    text-align:left!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__brand-stack{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__brand{
    font-size:clamp(48px,5.4vw,66px)!important;
    line-height:.82!important;
    white-space:nowrap!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__brand-secondary{
    display:none!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__name{
    margin-left:auto!important;
    margin-right:0!important;
    align-items:flex-end!important;
    text-align:right!important;
    font-size:clamp(26px,2.7vw,34px)!important;
    line-height:.94!important;
    max-width:190px!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__name span{
    font-size:clamp(21px,2.2vw,28px)!important;
    line-height:.95!important;
    color:#18bdf2!important;
    direction:rtl!important;
    text-align:right!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto minmax(250px,1fr)!important;
    column-gap:clamp(42px,5vw,74px)!important;
    row-gap:18px!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    padding:clamp(78px,8vw,104px) clamp(42px,5.2vw,64px) clamp(52px,5vw,66px)!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-body-col,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-cols{
    display:contents!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col{
    direction:ltr!important;
    text-align:left!important;
    color:#fff!important;
    z-index:3!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col--ingredients,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:390px!important;
    padding-top:0!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col--method,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    max-width:420px!important;
    padding-top:clamp(86px,9.5vw,116px)!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col h4{
    font-size:clamp(24px,2.2vw,30px)!important;
    line-height:1.1!important;
    margin:0 0 16px!important;
    font-weight:900!important;
    text-align:left!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ol{
    font-size:clamp(15px,1.35vw,18px)!important;
    line-height:1.38!important;
    padding-left:20px!important;
    padding-right:0!important;
    margin:0!important;
    text-align:left!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    min-height:clamp(260px,29vw,330px)!important;
    position:relative!important;
    overflow:visible!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-second{
    left:0!important;
    right:auto!important;
    bottom:clamp(38px,5vw,58px)!important;
    max-width:54%!important;
    max-height:clamp(170px,20vw,220px)!important;
    transform:rotate(-15deg)!important;
    z-index:1!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-first{
    left:clamp(110px,14vw,150px)!important;
    right:auto!important;
    bottom:clamp(8px,2vw,20px)!important;
    max-width:76%!important;
    max-height:clamp(230px,27vw,300px)!important;
    transform:none!important;
    z-index:2!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-enjoy{
    right:clamp(42px,5vw,62px)!important;
    left:auto!important;
    bottom:clamp(30px,4vw,48px)!important;
    font-size:clamp(30px,3.4vw,42px)!important;
    text-align:right!important;
}

/* AR layout mirror */
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header{
    top:clamp(24px,4vw,36px)!important;
    left:clamp(28px,4.4vw,54px)!important;
    right:auto!important;
    transform:none!important;
    width:clamp(330px,38vw,440px)!important;
    max-width:calc(100% - 56px)!important;
    min-height:clamp(72px,8vw,86px)!important;
    direction:ltr!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto minmax(250px,1fr)!important;
    column-gap:clamp(42px,5vw,74px)!important;
    row-gap:18px!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    padding:clamp(78px,8vw,104px) clamp(42px,5.2vw,64px) clamp(52px,5vw,66px)!important;
    direction:rtl!important;
    text-align:right!important;
    overflow:visible!important;
}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-body-col,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-cols{display:contents!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col{direction:rtl!important;text-align:right!important;color:#fff!important;z-index:3!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col--ingredients,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col:first-child{grid-column:2!important;grid-row:1!important;max-width:410px!important;padding-top:0!important;justify-self:end!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col--method,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col:nth-child(2){grid-column:1!important;grid-row:1 / span 2!important;max-width:430px!important;padding-top:clamp(86px,9.5vw,116px)!important;justify-self:start!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col h4{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.05!important;margin:0 0 16px!important;font-weight:900!important;text-align:right!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ul,
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ol{font-size:clamp(18px,1.75vw,23px)!important;line-height:1.32!important;padding-right:22px!important;padding-left:0!important;margin:0!important;text-align:right!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col{grid-column:2!important;grid-row:2!important;min-height:clamp(260px,29vw,330px)!important;position:relative!important;overflow:visible!important;z-index:1!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col .nbcc-popup-recipe-second{right:0!important;left:auto!important;bottom:clamp(38px,5vw,58px)!important;max-width:54%!important;max-height:clamp(170px,20vw,220px)!important;transform:rotate(15deg)!important;z-index:1!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col .nbcc-popup-recipe-first{right:clamp(110px,14vw,150px)!important;left:auto!important;bottom:clamp(8px,2vw,20px)!important;max-width:76%!important;max-height:clamp(230px,27vw,300px)!important;transform:none!important;z-index:2!important;}
.nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-enjoy{left:clamp(42px,5vw,62px)!important;right:auto!important;bottom:clamp(30px,4vw,48px)!important;font-size:clamp(30px,3.4vw,42px)!important;text-align:left!important;}

@media(max-width:900px){
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-content,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-content{
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        min-height:0!important;
        padding:clamp(126px,24vw,146px) 24px 86px!important;
        gap:24px!important;
        overflow:visible!important;
    }
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header{
        top:24px!important;
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        width:min(440px,calc(100% - 44px))!important;
    }
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col--ingredients,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col--method,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col--ingredients,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col--method,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col:nth-child(2),
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col:nth-child(2){
        grid-column:1!important;
        grid-row:auto!important;
        max-width:none!important;
        padding-top:0!important;
        justify-self:stretch!important;
    }
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col h4,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ol{text-align:left!important;direction:ltr!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col h4,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ol{text-align:right!important;direction:rtl!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col{min-height:250px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-second{left:6%!important;right:auto!important;max-width:46%!important;max-height:165px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-first{left:32%!important;right:auto!important;max-width:64%!important;max-height:205px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col .nbcc-popup-recipe-second{right:6%!important;left:auto!important;max-width:46%!important;max-height:165px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-img-col .nbcc-popup-recipe-first{right:32%!important;left:auto!important;max-width:64%!important;max-height:205px!important;}
}
@media(max-width:520px){
    .nbcc-popup-overlay--ringo.open{padding:28px 10px 22px!important;align-items:flex-start!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header{min-height:68px!important;padding:6px 14px!important;border-radius:14px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__brand,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header__brand{font-size:42px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__name,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header__name{font-size:22px!important;max-width:150px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-header__name span,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-header__name span{font-size:17px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-popup-content,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-popup-content{padding:116px 18px 76px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col h4{font-size:24px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-en .nbcc-recipe-col ol{font-size:15px!important;line-height:1.36!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col h4{font-size:26px!important;}
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ul,
    .nbcc-popup-overlay--ringo.nbcc-popup-lang-ar .nbcc-recipe-col ol{font-size:18px!important;line-height:1.32!important;}
}


/* ================================================================
   NBCC Recipes Production v1.7.7
   Global EN popup layout for all recipe categories/brands.
   This intentionally targets the shared popup classes instead of Ringo-only
   selectors, so Memories, GoFit, Al Batal and future categories inherit the
   same English production popup structure while keeping category colors,
   fonts, width and height from the admin category settings.
================================================================ */
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-inner{
    width:min(var(--nbccr-popup-width,980px),94vw)!important;
    max-width:94vw!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    height:auto!important;
    max-height:calc(100vh - 48px)!important;
    overflow:auto!important;
    border-radius:24px!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-body{
    position:relative!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    overflow:visible!important;
    background:transparent!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header{
    position:absolute!important;
    top:clamp(24px,4vw,36px)!important;
    right:clamp(28px,4.4vw,54px)!important;
    left:auto!important;
    transform:none!important;
    width:clamp(330px,38vw,440px)!important;
    max-width:calc(100% - 56px)!important;
    min-height:clamp(72px,8vw,86px)!important;
    padding:clamp(6px,.8vw,10px) clamp(18px,2.2vw,26px)!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    direction:ltr!important;
    text-align:left!important;
    z-index:5!important;
    box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__brand-stack{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__brand{
    font-size:clamp(48px,5.4vw,66px)!important;
    line-height:.82!important;
    white-space:nowrap!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__brand-secondary{display:none!important;}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__name{
    margin-left:auto!important;
    margin-right:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    text-align:right!important;
    font-size:clamp(26px,2.7vw,34px)!important;
    line-height:.94!important;
    max-width:190px!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__name span{
    font-size:clamp(21px,2.2vw,28px)!important;
    line-height:.95!important;
    direction:rtl!important;
    text-align:right!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto minmax(250px,1fr)!important;
    column-gap:clamp(42px,5vw,74px)!important;
    row-gap:18px!important;
    min-height:var(--nbccr-popup-height,620px)!important;
    padding:clamp(78px,8vw,104px) clamp(42px,5.2vw,64px) clamp(52px,5vw,66px)!important;
    direction:ltr!important;
    text-align:left!important;
    overflow:visible!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-body-col,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-cols{display:contents!important;}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-meta,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-html,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-empty{grid-column:1 / -1!important;}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col{
    direction:ltr!important;
    text-align:left!important;
    z-index:3!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col--ingredients,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col:first-child{
    grid-column:1!important;
    grid-row:1!important;
    max-width:390px!important;
    padding-top:0!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col--method,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col:nth-child(2){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    max-width:420px!important;
    padding-top:clamp(86px,9.5vw,116px)!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col h4{
    font-size:clamp(24px,2.2vw,30px)!important;
    line-height:1.1!important;
    margin:0 0 16px!important;
    font-weight:900!important;
    text-align:left!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ul,
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ol{
    font-size:clamp(15px,1.35vw,18px)!important;
    line-height:1.38!important;
    padding-left:20px!important;
    padding-right:0!important;
    margin:0!important;
    text-align:left!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col{
    grid-column:1!important;
    grid-row:2!important;
    min-height:clamp(260px,29vw,330px)!important;
    position:relative!important;
    overflow:visible!important;
    z-index:1!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-second{
    left:0!important;
    right:auto!important;
    bottom:clamp(38px,5vw,58px)!important;
    max-width:54%!important;
    max-height:clamp(170px,20vw,220px)!important;
    transform:rotate(-15deg)!important;
    z-index:1!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-first{
    left:clamp(110px,14vw,150px)!important;
    right:auto!important;
    bottom:clamp(8px,2vw,20px)!important;
    max-width:76%!important;
    max-height:clamp(230px,27vw,300px)!important;
    transform:none!important;
    z-index:2!important;
}
.nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-enjoy{
    position:absolute!important;
    right:clamp(42px,5vw,62px)!important;
    left:auto!important;
    bottom:clamp(30px,4vw,48px)!important;
    font-size:clamp(30px,3.4vw,42px)!important;
    line-height:1!important;
    text-align:right!important;
    z-index:4!important;
}
@media(max-width:900px){
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-inner{width:94vw!important;max-height:calc(100vh - 44px)!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-content{
        grid-template-columns:1fr!important;
        grid-template-rows:auto!important;
        min-height:0!important;
        padding:clamp(126px,24vw,146px) 24px 86px!important;
        gap:24px!important;
    }
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header{
        top:24px!important;
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        width:min(440px,calc(100% - 44px))!important;
    }
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col--ingredients,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col--method,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col:first-child,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col:nth-child(2){
        grid-column:1!important;
        grid-row:auto!important;
        max-width:none!important;
        padding-top:0!important;
        justify-self:stretch!important;
    }
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col h4,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ul,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ol{text-align:left!important;direction:ltr!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col{min-height:250px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-second{left:6%!important;right:auto!important;max-width:46%!important;max-height:165px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-img-col .nbcc-popup-recipe-first{left:32%!important;right:auto!important;max-width:64%!important;max-height:205px!important;}
}
@media(max-width:520px){
    .nbcc-popup-overlay.nbcc-popup-lang-en.open{padding:28px 10px 22px!important;align-items:flex-start!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header{min-height:68px!important;padding:6px 14px!important;border-radius:14px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__brand{font-size:42px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__name{font-size:22px!important;max-width:150px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-header__name span{font-size:17px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-popup-content{padding:116px 18px 76px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col h4{font-size:24px!important;}
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ul,
    .nbcc-popup-overlay.nbcc-popup-lang-en .nbcc-recipe-col ol{font-size:15px!important;line-height:1.36!important;}
}


/* NBCC Recipes v1.7.8 - Per-category Popup Layout controls */
.nbcc-popup-inner{
  min-height:var(--nbccr-popup-min-height, 0px) !important;
  max-height:var(--nbccr-popup-max-height, calc(100vh - 76px)) !important;
}
.nbcc-popup-inner .nbcc-popup-header{
  margin-top:var(--nbccr-popup-logo-top-margin, 0px) !important;
}
.nbcc-popup-inner .nbcc-popup-content{
  padding-bottom:var(--nbccr-popup-content-bottom-padding, 90px) !important;
  gap:var(--nbccr-popup-content-gap, 34px) !important;
  align-items:var(--nbccr-popup-vertical-align, flex-start) !important;
}
.nbcc-popup-inner .nbcc-recipe-cols{
  gap:var(--nbccr-popup-content-gap, 34px) !important;
}
.nbcc-popup-inner .nbcc-popup-img-col .nbcc-popup-recipe-first,
.nbcc-popup-inner .nbcc-popup-img-col .nbcc-popup-recipe-main{
  bottom:var(--nbccr-popup-image-bottom-position, 0px) !important;
}
.nbcc-popup-inner .nbcc-popup-enjoy{
  bottom:var(--nbccr-popup-signature-bottom, 42px) !important;
}
@media(max-width:760px){
  .nbcc-popup-inner{
    max-height:none !important;
    min-height:0 !important;
  }
  .nbcc-popup-inner .nbcc-popup-content{
    padding-bottom:calc(var(--nbccr-popup-content-bottom-padding, 90px) * .65) !important;
    gap:calc(var(--nbccr-popup-content-gap, 34px) * .7) !important;
  }
  .nbcc-popup-inner .nbcc-popup-enjoy{
    bottom:calc(var(--nbccr-popup-signature-bottom, 42px) * .6) !important;
  }
}

/* =====================================================================
   v1.79 – marketing review (points 9, 10, 12, 21, 25)
   One authoritative rule set for the pack + dessert images in every
   recipe popup (Ringo, Memories, GoFit; English and Arabic):
   side by side, both fully visible, never overlapping, never rotated.
   The #id selector intentionally outranks the earlier per-theme rules.
   ===================================================================== */
#nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col{
  position:relative!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:end!important;justify-items:center!important;gap:16px!important;
  min-height:0!important;height:auto!important;max-width:none!important;
  overflow:visible!important;pointer-events:none;
}
#nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col img{
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;height:auto!important;max-width:100%!important;max-height:280px!important;
  object-fit:contain!important;margin:0!important;
}
#nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col img:only-child{grid-column:1 / -1;max-width:70%!important}
/* Images open the recipe on every screen size and in both languages: full width, above the text,
   so nothing can be placed on top of them. Text blocks flow automatically below. */
#nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col{
  order:-1!important;grid-column:1 / -1!important;grid-row:auto!important;margin:0 0 24px!important;
  max-width:620px!important;width:100%!important;justify-self:center!important}
#nbccr-popup-overlay .nbcc-popup-content .nbcc-recipe-meta,
#nbccr-popup-overlay .nbcc-popup-content .nbcc-recipe-cols,
#nbccr-popup-overlay .nbcc-popup-content .nbcc-recipe-col,
#nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-html{grid-row:auto!important}
@media (min-width:768px){
  #nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col img{max-height:230px!important}
  /* Title badge in normal flow (top corner), so it can never cover the images or text. */
  #nbccr-popup-overlay .nbcc-popup-header{position:relative!important;inset:auto!important;transform:none!important;
    width:fit-content!important;max-width:calc(100% - 140px)!important;margin:22px 22px 0!important;margin-inline-start:auto!important}
  #nbccr-popup-overlay .nbcc-popup-content{padding-top:26px!important}
  #nbccr-popup-overlay .nbcc-popup-header{display:flex!important;align-items:center!important;gap:6px 28px!important;height:auto!important;min-height:0!important}
  #nbccr-popup-overlay .nbcc-popup-header__brand-stack,
  #nbccr-popup-overlay .nbcc-popup-header__name{position:static!important;transform:none!important;min-width:0!important}
}

@media (max-width:767px){
  /* Images first, so they are seen without scrolling to the end of a long recipe. */
  #nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col{
    order:-1!important;grid-column:1 / -1!important;grid-row:auto!important;margin:0 0 20px!important;gap:12px!important}
  #nbccr-popup-overlay .nbcc-popup-content .nbcc-popup-img-col img{max-height:180px!important}
  /* Header in normal flow: never pushed off-screen, never under the close button. */
  #nbccr-popup-overlay .nbcc-popup-header{
    position:relative!important;inset:auto!important;transform:none!important;
    width:auto!important;max-width:calc(100% - 24px)!important;margin:66px 12px 0!important;box-sizing:border-box!important}
  #nbccr-popup-overlay .nbcc-popup-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px 14px!important;height:auto!important;min-height:0!important}
  #nbccr-popup-overlay .nbcc-popup-header__brand-stack,
  #nbccr-popup-overlay .nbcc-popup-header__name{position:static!important;transform:none!important;max-width:100%!important;min-width:0!important}
  #nbccr-popup-overlay .nbcc-popup-header__name,
  #nbccr-popup-overlay .nbcc-popup-header__name *{white-space:normal!important;overflow-wrap:anywhere;line-height:1.2!important}
  #nbccr-popup-overlay .nbcc-popup-content{padding-top:22px!important}
  #nbccr-popup-overlay #nbccr-popup-close{width:44px!important;height:44px!important;padding:0!important}
}

/* 1.7.10 – review round 2 */
.nbccr-ringo-slider.nbccr-no-scroll .nbccr-ringo-prev,
.nbccr-ringo-slider.nbccr-no-scroll .nbccr-ringo-next,
.nbccr-ringo-slider.nbccr-no-scroll .nbccr-ringo-arrows{display:none!important}
/* GoFit cards: the "جو-فت / GoFit" brand block stays inside the card header on phones. */
@media (max-width:768px){
  .nbccr-gofit-card .nbccr-gofit-card-head{gap:10px;overflow:hidden}
  .nbccr-gofit-card .nbccr-gofit-brand-block{margin:0!important;left:auto!important;right:auto!important;transform:none!important;flex:0 0 auto;max-width:42%}
  .nbccr-gofit-card .nbccr-gofit-brand{font-size:clamp(30px,10vw,44px)!important;line-height:1}
  .nbccr-gofit-card .nbccr-gofit-brand-ar{font-size:clamp(18px,6vw,26px)!important;line-height:1.1}
  .nbccr-gofit-card .nbccr-gofit-title-stack{min-width:0}
}