/* Yebrax QR Menu — production visual system
   Structural rhythm adapted from the supplied Alkareem reference; Yebrax identity/palette/content only. */
:root{
  --ybx-navy:#0b1733;--ybx-navy-2:#101f43;--ybx-blue:#155eef;--ybx-blue-2:#2e7cf6;
  --ybx-sky:#eaf2ff;--ybx-bg:#f6f8fc;--ybx-white:#fff;--ybx-ink:#101828;--ybx-muted:#667085;
  --ybx-line:#e2e8f0;--ybx-line-2:#d6dfeb;--ybx-good:#079455;--ybx-warn:#dc6803;
  --ybx-r-sm:12px;--ybx-r:18px;--ybx-r-lg:28px;--ybx-r-xl:40px;
  --ybx-shadow:0 18px 50px rgba(15,35,75,.09);--ybx-shadow-lg:0 34px 90px rgba(15,35,75,.16);
  --ybx-shell:min(1220px,calc(100% - 48px));
}
*{box-sizing:border-box}.corp-v20,.ybx-legal-page{background:var(--ybx-white);color:var(--ybx-ink);font-family:Tajawal,Arial,sans-serif}.corp-shell{width:var(--ybx-shell);margin-inline:auto}.corp-topbar{position:sticky;top:0;z-index:70;background:rgba(11,23,51,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.corp-nav-shell{height:78px;display:flex;align-items:center;gap:26px}.corp-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:white;min-width:max-content}.corp-brand img{width:43px;height:43px;object-fit:contain;background:white;border-radius:13px;padding:5px}.corp-brand span{display:grid;line-height:1}.corp-brand b{font-size:18px;letter-spacing:.02em}.corp-brand small{font-size:9px;letter-spacing:.2em;color:#9bb3d9;margin-top:6px}.corp-nav{display:flex;align-items:center;gap:25px;margin-inline:auto}.corp-nav a{color:#ccd8ea;text-decoration:none;font-size:14px;font-weight:700;transition:.2s}.corp-nav a:hover{color:white}.corp-nav-actions{display:flex;align-items:center;gap:10px}.corp-lang,.corp-login{color:white;text-decoration:none;font-size:13px;font-weight:800;padding:8px 7px}.corp-btn{min-height:43px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.corp-btn.primary{background:var(--ybx-blue);color:#fff;box-shadow:0 10px 26px rgba(21,94,239,.25)}.corp-btn.primary:hover{background:#0f50d4;transform:translateY(-1px)}.corp-btn.lg{min-height:54px;padding-inline:25px;font-size:16px;border-radius:15px}.corp-btn.white{background:white;color:var(--ybx-navy)}.corp-menu-btn{display:none;background:transparent;border:0;color:white;font-size:24px;padding:8px}.corp-text-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ybx-navy);font-weight:800}.corp-text-link.light{color:white}.corp-text-link span{transition:transform .2s}.corp-text-link:hover span{transform:translateX(-3px)}html[dir=ltr] .corp-text-link:hover span{transform:translateX(3px)}

/* Corporate hero */
.corp-hero-v20{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0,#fff 100%);border-bottom:1px solid var(--ybx-line)}.corp-hero-v20:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid #dce9ff;inset-inline-end:-250px;top:-190px}.corp-hero-v20:after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:#eef5ff;inset-inline-end:-110px;top:75px}.corp-hero-grid{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px;padding-block:74px}.corp-hero-copy{max-width:700px}.corp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#3b5377;letter-spacing:.02em;margin-bottom:22px}.corp-eyebrow i{width:28px;height:2px;background:var(--ybx-blue);display:inline-block}.corp-hero-copy h1{font-size:clamp(54px,6.5vw,92px);line-height:.97;letter-spacing:-.045em;margin:0;color:var(--ybx-navy);font-weight:900}.corp-hero-copy h1 em{font-style:normal;color:var(--ybx-blue)}.corp-hero-copy>p{max-width:660px;color:#53627a;line-height:1.9;font-size:18px;margin:30px 0}.corp-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.corp-proof-line{display:flex;gap:18px;flex-wrap:wrap;color:#52627a;font-size:12px;font-weight:700;margin-top:28px}.corp-proof-line span{display:flex;gap:5px}.corp-hero-art{position:relative;min-height:480px;display:grid;place-items:center}.corp-orbit{width:min(430px,92%);aspect-ratio:1;border:1px solid #cfe0fa;border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 34px rgba(234,242,255,.45)}.corp-orbit:before,.corp-orbit:after{content:"";position:absolute;border:1px dashed #bcd0ee;border-radius:50%}.corp-orbit:before{inset:42px}.corp-orbit:after{inset:92px}.corp-logo-disc{position:relative;z-index:3;width:178px;height:178px;border-radius:50%;display:grid;place-items:center;background:white;box-shadow:var(--ybx-shadow-lg);border:1px solid #dce7f5}.corp-logo-disc img{width:112px;height:112px;object-fit:contain}.orbit-tag{position:absolute;z-index:4;background:var(--ybx-navy);color:white;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(11,23,51,.2)}.orbit-tag.t1{top:3%;inset-inline-start:13%}.orbit-tag.t2{inset-inline-end:-1%;top:49%;background:var(--ybx-blue)}.orbit-tag.t3{bottom:6%;inset-inline-start:5%;background:#1f3a69}.corp-side-word{position:absolute;inset-inline-end:-26px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:10px;font-weight:900;letter-spacing:.3em;color:#8092ad;white-space:nowrap}
.corp-stats-band{background:var(--ybx-navy);color:white}.corp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:170px}.corp-stats-grid article{padding:35px 30px;border-inline-end:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center}.corp-stats-grid article:last-child{border-inline-end:0}.corp-stats-grid strong{font-size:44px;line-height:1;font-weight:900}.corp-stats-grid sup{font-size:20px;color:#7eafff}.corp-stats-grid span{margin-top:10px;color:#9eb0cc;font-size:13px;font-weight:700}.corp-marquee{overflow:hidden;background:var(--ybx-blue);color:white;height:54px;display:flex;align-items:center}.corp-marquee>div{display:flex;gap:34px;align-items:center;width:max-content;min-width:100%;justify-content:space-around;font-size:12px;font-weight:900;letter-spacing:.12em}.corp-marquee i{font-style:normal;opacity:.65;font-size:9px}

/* Core sections */
.corp-section{padding:110px 0;background:white}.corp-section-title{display:grid;grid-template-columns:.45fr 1.35fr 1fr;align-items:start;gap:44px;margin-bottom:62px}.corp-section-title>span,.corp-editorial-copy>span,.light-title>span,.ybx-legal-hero span,.corp-final-cta>div>span{font-size:10px;letter-spacing:.18em;font-weight:900;color:#71819a}.corp-section-title h2{font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-.035em;margin:0;color:var(--ybx-navy)}.corp-section-title h2 em{font-style:normal;color:var(--ybx-blue)}.corp-section-title p{margin:0;color:var(--ybx-muted);line-height:1.9;font-size:16px}.corp-section-title.compact{grid-template-columns:.45fr 1.55fr;margin-bottom:52px}.corp-section-title.row-title{display:flex;justify-content:space-between;align-items:end}.corp-section-title.row-title>div{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;align-items:start}.corp-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.corp-pillar-grid article{position:relative;min-height:330px;border:1px solid var(--ybx-line);border-radius:32px;padding:34px;box-shadow:0 10px 36px rgba(15,35,75,.05);transition:.25s;background:white}.corp-pillar-grid article:hover{transform:translateY(-5px);box-shadow:var(--ybx-shadow)}.corp-pillar-grid .num{position:absolute;inset-inline-end:28px;top:25px;color:#a4b2c7;font-weight:800;font-size:12px}.pillar-icon{width:58px;height:58px;border-radius:17px;background:var(--ybx-sky);color:var(--ybx-blue);display:grid;place-items:center;font-size:25px;margin-bottom:58px}.corp-pillar-grid h3{font-size:24px;margin:0 0 13px;color:var(--ybx-navy)}.corp-pillar-grid p{margin:0;color:var(--ybx-muted);line-height:1.8}.corp-editorial{background:var(--ybx-navy);color:white;padding:105px 0;overflow:hidden}.corp-editorial-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.corp-editorial-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.03;letter-spacing:-.035em;margin:16px 0 24px}.corp-editorial-copy p{color:#a9b8cf;line-height:1.9;font-size:16px;max-width:500px;margin:0 0 30px}.corp-console-mock{background:#f9fbff;border:1px solid rgba(255,255,255,.17);border-radius:30px;padding:12px;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);box-shadow:0 45px 90px rgba(0,0,0,.3)}html[dir=rtl] .corp-console-mock{transform:perspective(1200px) rotateY(4deg) rotateX(2deg)}.console-bar{height:46px;background:white;border-radius:20px 20px 10px 10px;display:flex;align-items:center;gap:6px;padding:0 15px;color:#68748a}.console-bar span{width:8px;height:8px;border-radius:50%;background:#d8e1ed}.console-bar b{margin-inline-start:auto;font-size:11px}.console-body{height:360px;background:#eff4fa;border-radius:10px 10px 20px 20px;display:grid;grid-template-columns:76px 1fr;overflow:hidden}.console-body aside{background:#102142;padding:28px 15px;display:grid;align-content:start;gap:16px}.console-body aside i{height:10px;border-radius:5px;background:#345381}.console-content{padding:25px}.console-title{height:20px;width:38%;border-radius:8px;background:#b7c8df}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.console-metrics i{height:72px;background:white;border-radius:16px;box-shadow:0 4px 16px rgba(30,55,90,.06)}.console-chart{height:120px;background:white;border-radius:17px;margin-top:15px;padding:15px;position:relative;overflow:hidden}.console-chart:after{content:"";position:absolute;inset:28px 18px;background:linear-gradient(145deg,transparent 44%,#2e7cf6 45% 48%,transparent 49% 58%,#2e7cf6 59% 62%,transparent 63%)}.console-list{display:grid;gap:8px;margin-top:14px}.console-list i{height:24px;background:white;border-radius:8px}
.corp-workflow{background:#f7f9fc}.corp-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.corp-timeline:before{content:"";position:absolute;top:28px;inset-inline:0;height:1px;background:#cfd9e7}.corp-timeline article{position:relative;padding-inline-end:34px}.time-dot{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;background:white;border:1px solid #c8d5e7;display:grid;place-items:center;color:var(--ybx-blue);font-weight:900;box-shadow:0 5px 15px rgba(15,35,75,.06);margin-bottom:30px}.corp-timeline article>span{font-size:10px;letter-spacing:.12em;color:#8291a7;font-weight:900}.corp-timeline h3{font-size:20px;margin:9px 0;color:var(--ybx-navy)}.corp-timeline p{margin:0;color:var(--ybx-muted);line-height:1.7;font-size:14px}.corp-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.corp-client-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--ybx-line);border-radius:23px;text-decoration:none;color:var(--ybx-ink);transition:.2s;background:white}.corp-client-card:hover{border-color:#a9c7f6;transform:translateY(-3px);box-shadow:var(--ybx-shadow)}.client-logo{width:70px;height:70px;border-radius:18px;background:#eef4fc;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.client-logo img{width:100%;height:100%;object-fit:cover}.client-logo span{font-size:24px;font-weight:900;color:var(--ybx-blue)}.corp-client-card>div:last-child{display:grid;gap:6px}.corp-client-card b{font-size:17px}.corp-client-card small{color:var(--ybx-muted)}.corp-empty-showcase{text-align:center;border:1px dashed #b8c9df;border-radius:32px;padding:55px;background:#f8fbff}.corp-empty-showcase>span{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:var(--ybx-navy);color:white;font-weight:900;margin:0 auto}.corp-empty-showcase h3{font-size:24px}.corp-pricing-section{background:#0f2044;color:white;padding:110px 0}.light-title h2,.light-title p{color:white}.light-title p{color:#b0bfd5}.corp-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.corp-price-grid article{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:34px;background:#132954;min-height:330px;display:flex;flex-direction:column}.corp-price-grid article.featured{background:white;color:var(--ybx-navy);transform:translateY(-12px);box-shadow:0 25px 65px rgba(0,0,0,.22)}.corp-price-grid article>span{font-size:14px;font-weight:800}.corp-price-grid strong{font-size:62px;line-height:1;margin-top:42px}.corp-price-grid sup{font-size:22px}.corp-price-grid small{color:#9fb1cb;margin-top:6px}.corp-price-grid .featured small{color:#63718a}.corp-price-grid a{margin-top:auto;text-decoration:none;color:white;font-weight:900}.corp-price-grid .featured a{color:var(--ybx-blue)}.corp-price-grid em{position:absolute;top:24px;inset-inline-end:24px;background:var(--ybx-blue);color:white;border-radius:8px;padding:6px 9px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.1em}.corp-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}.corp-faq-grid .corp-section-title.compact{display:block;margin:0}.corp-faq-grid .corp-section-title h2{margin:15px 0}.corp-faq-grid .corp-section-title p{margin-bottom:25px}.corp-faq-list{border-top:1px solid var(--ybx-line)}.corp-faq-list details{border-bottom:1px solid var(--ybx-line);padding:21px 0}.corp-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:800;font-size:18px;color:var(--ybx-navy)}.corp-faq-list summary::-webkit-details-marker{display:none}.corp-faq-list summary span{font-size:24px;color:var(--ybx-blue)}.corp-faq-list p{color:var(--ybx-muted);line-height:1.8;margin:13px 0 0}.corp-final-cta{background:var(--ybx-blue);color:white;padding:92px 0}.corp-final-cta .corp-shell{display:grid;grid-template-columns:.5fr 1.2fr .8fr;gap:45px;align-items:end}.corp-final-cta h2{font-size:clamp(44px,5vw,72px);line-height:1;margin:0}.corp-final-cta .corp-shell>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.corp-footer{background:#08142d;color:#dce5f3;padding:65px 0 25px}.corp-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer-brand{display:flex;gap:15px}.footer-brand img{width:54px;height:54px;background:white;border-radius:16px;padding:6px}.footer-brand b{font-size:18px}.footer-brand p{color:#8498b7;line-height:1.7;max-width:280px;font-size:13px}.corp-footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:11px}.corp-footer-grid>div>b{font-size:13px;color:white;margin-bottom:5px}.corp-footer a{color:#91a6c5;text-decoration:none;font-size:13px}.corp-footer a:hover{color:white}.corp-contact-address{color:#91a6c5;font-size:13px;line-height:1.65;max-width:270px}.corp-footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#7085a5;font-size:12px}

/* Legal */
.ybx-legal-hero{background:#f6f9fd;border-bottom:1px solid var(--ybx-line);padding:74px 0}.ybx-legal-hero h1{font-size:clamp(44px,5vw,70px);margin:13px 0;color:var(--ybx-navy);letter-spacing:-.04em}.ybx-legal-hero p{color:var(--ybx-muted);font-size:17px;margin:0 0 14px}.ybx-legal-hero small{color:#8290a6}.ybx-legal-layout{display:grid;grid-template-columns:260px 1fr;gap:70px;padding-block:72px 100px;align-items:start}.ybx-legal-layout aside{position:sticky;top:105px;display:grid;border:1px solid var(--ybx-line);border-radius:18px;overflow:hidden}.ybx-legal-layout aside a{padding:15px 17px;text-decoration:none;color:#5d6b81;border-bottom:1px solid var(--ybx-line);font-weight:700}.ybx-legal-layout aside a:last-child{border:0}.ybx-legal-layout aside a.active{background:var(--ybx-navy);color:white}.ybx-legal-copy{max-width:820px}.ybx-legal-copy h2{color:var(--ybx-navy);font-size:23px;margin:36px 0 10px}.ybx-legal-copy h2:first-child{margin-top:0}.ybx-legal-copy p{color:#4f5d72;line-height:2;margin:0}.ybx-legal-contact{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.ybx-legal-contact a{border:1px solid var(--ybx-line);padding:9px 12px;border-radius:10px;color:var(--ybx-blue);text-decoration:none;font-weight:700}.ybx-legal-contact span{border:1px solid var(--ybx-line);padding:9px 12px;border-radius:10px;color:#4f5d72;font-weight:700;line-height:1.5}.ybx-legal-footer{background:#f7f9fc;border-top:1px solid var(--ybx-line);padding:24px 0}.ybx-legal-footer>div{display:flex;justify-content:space-between}.ybx-legal-footer a{text-decoration:none;color:var(--ybx-blue);font-weight:800}

/* Billing */
.ybx-billing-pro{max-width:1180px}.ybx-billing-hero{background:var(--ybx-navy);color:white;border-radius:30px;padding:32px;display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:16px;box-shadow:var(--ybx-shadow)}.ybx-kicker{display:inline-block;color:#7daaff;font-size:10px;letter-spacing:.17em;font-weight:900}.ybx-billing-hero h1,.ybx-page-intro h1{margin:8px 0 9px;font-size:32px}.ybx-billing-hero p{margin:0;color:#b8c6da;max-width:690px;line-height:1.7}.ybx-sub-status{display:grid;grid-template-columns:auto 1fr 1fr;gap:13px 22px;min-width:295px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:17px;align-items:center}.status-dot{width:11px;height:11px;border-radius:50%;background:#f79009}.status-dot.is-ok{background:#32d583;box-shadow:0 0 0 5px rgba(50,213,131,.12)}.ybx-sub-status div{display:grid;gap:3px}.ybx-sub-status small{color:#92a8c7;font-size:10px}.ybx-sub-status b{font-size:12px}.ybx-billing-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:16px}.ybx-plan-panel,.ybx-checkout-panel,.ybx-settings-card{background:white;border:1px solid var(--ybx-line);border-radius:24px;padding:24px;box-shadow:0 10px 35px rgba(15,35,75,.05)}.ybx-section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.ybx-section-head>div{display:flex;align-items:center;gap:10px}.ybx-section-head h2{font-size:19px;margin:0}.ybx-section-head>span{font-size:11px;color:var(--ybx-muted)}.ybx-step{width:34px;height:34px;border-radius:10px;background:var(--ybx-sky);color:var(--ybx-blue);display:grid;place-items:center;font-size:10px;font-weight:900}.ybx-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ybx-plan-card{position:relative;cursor:pointer;border:1px solid var(--ybx-line);border-radius:18px;padding:20px;min-height:156px;display:flex;flex-direction:column;background:white;transition:.2s}.ybx-plan-card:hover,.ybx-plan-card.is-selected{border-color:#9abaf2;box-shadow:0 8px 24px rgba(21,94,239,.08)}.ybx-plan-card input{position:absolute;opacity:0;pointer-events:none}.ybx-radio-ui{width:18px;height:18px;border:2px solid #b7c3d5;border-radius:50%;position:absolute;top:19px;inset-inline-end:18px}.ybx-plan-card.is-selected .ybx-radio-ui{border:5px solid var(--ybx-blue)}.ybx-plan-title-row{display:flex;gap:8px;align-items:center;padding-inline-end:24px}.ybx-plan-title-row b{font-size:16px}.ybx-plan-title-row em{font-size:9px;font-style:normal;background:#ecfdf3;color:#067647;border-radius:7px;padding:4px 6px;font-weight:900}.ybx-plan-card strong{font-size:32px;margin-top:25px;color:var(--ybx-navy)}.ybx-plan-card small{color:var(--ybx-muted);margin-top:3px}.ybx-current-label{position:absolute;bottom:13px;inset-inline-end:13px;font-size:9px;color:var(--ybx-blue);font-weight:900}.ybx-domain-addon{margin-top:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:17px;border-radius:17px;background:#f7f9fc;border:1px solid var(--ybx-line);cursor:pointer}.ybx-domain-addon.is-disabled{opacity:.52;cursor:not-allowed}.ybx-addon-copy{display:grid;gap:3px}.ybx-addon-copy b{font-size:14px}.ybx-addon-copy small{color:var(--ybx-muted)}.ybx-addon-price{font-weight:900;color:var(--ybx-navy);font-size:13px}.ybx-domain-addon input{position:absolute;opacity:0}.ybx-switch{width:45px;height:25px;border-radius:14px;background:#cbd5e1;position:relative;transition:.2s}.ybx-switch:after{content:"";width:19px;height:19px;position:absolute;top:3px;inset-inline-start:3px;background:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.ybx-domain-addon input:checked+.ybx-switch{background:var(--ybx-blue)}.ybx-domain-addon input:checked+.ybx-switch:after{inset-inline-start:23px}.ybx-total-card{background:#f7f9fc;border-radius:18px;padding:18px;display:grid;gap:11px;border:1px solid #e8edf4}.ybx-total-card>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.ybx-total-card span{color:var(--ybx-muted)}.ybx-total-card .grand{border-top:1px solid var(--ybx-line);padding-top:13px;margin-top:3px;align-items:center}.ybx-total-card .grand strong{font-size:23px;color:var(--ybx-navy)}.ybx-methods{display:grid;gap:9px;margin-top:13px}.ybx-pay-method{width:100%;border:1px solid var(--ybx-line);background:white;border-radius:16px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:start;cursor:pointer;transition:.2s}.ybx-pay-method:hover:not(:disabled){border-color:#9abaf2;box-shadow:0 8px 20px rgba(21,94,239,.07);transform:translateY(-1px)}.ybx-pay-method:disabled{opacity:.48;cursor:not-allowed}.ybx-pay-logos{display:flex;gap:4px;flex-wrap:wrap;width:74px}.pay-logo{height:27px;min-width:34px;border-radius:7px;padding:4px 6px;display:inline-grid;place-items:center;border:1px solid #d8e0eb;background:white}.pay-logo img{display:block;width:24px;height:18px;object-fit:contain}.pay-logo-mastercard img{width:25px}.pay-logo-usdt img,.pay-logo-btc img,.pay-logo-usdc img{width:20px;height:20px}.ybx-pay-copy{display:grid;gap:2px}.ybx-pay-copy b{font-size:13px}.ybx-pay-copy small{color:var(--ybx-muted);font-size:10px}.ybx-pay-arrow{color:var(--ybx-blue);font-weight:900}.ybx-pay-method.is-loading{pointer-events:none;opacity:.6}.ybx-secure-note{display:flex;gap:10px;margin-top:13px;padding:12px;border-radius:13px;background:#eef5ff;color:#49617f;font-size:11px}.ybx-secure-note span{color:var(--ybx-blue);font-size:18px}.ybx-secure-note p{margin:0;line-height:1.6}

/* Admin settings / status */
.ybx-page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.ybx-page-intro h1{color:var(--ybx-navy)}.ybx-page-intro p{margin:0;color:var(--ybx-muted);max-width:760px}.ybx-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ybx-form-grid label{display:grid;gap:7px}.ybx-form-grid label>span{font-size:12px;font-weight:800;color:#344054}.ybx-form-grid label>small{color:var(--ybx-muted);line-height:1.5}.ybx-form-grid .span-2{grid-column:1/-1}.ybx-settings-card hr{border:0;border-top:1px solid var(--ybx-line);margin:24px 0}.ybx-form-actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.ybx-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ybx-status-grid article{border:1px solid var(--ybx-line);background:white;border-radius:17px;padding:18px;display:grid;gap:6px}.ybx-status-grid small{color:var(--ybx-muted)}.ybx-status-grid b{color:var(--ybx-navy);word-break:break-word}.ybx-status-grid.compact article{padding:13px}.ybx-state{padding:8px 12px;border-radius:10px;background:#fff4e8;color:#b54708;font-size:12px;font-weight:900}.ybx-state.is-ok{background:#ecfdf3;color:#067647}

/* Panel/admin coherence */
.panel-layout{background:var(--ybx-bg)!important}.panel-sidebar{background:var(--ybx-navy)!important;border-inline-end:1px solid rgba(255,255,255,.07)!important}.panel-sidebar__brand{border-bottom-color:rgba(255,255,255,.08)!important}.panel-sidebar__brand .title,.panel-nav__item{color:#dfe8f6!important}.panel-sidebar__search input{background:#11264d!important;border-color:#273c63!important;color:white!important}.panel-nav__group{color:#7188aa!important;letter-spacing:.08em!important}.panel-nav__item{border-radius:11px!important}.panel-nav__item:hover{background:#142d58!important}.panel-nav__item.active{background:var(--ybx-blue)!important;color:white!important;box-shadow:0 8px 22px rgba(21,94,239,.28)!important}.panel-main{min-width:0}.panel-topbar{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--ybx-line)!important}.panel-content .card,.admin-content .card{border-color:var(--ybx-line)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(15,35,75,.045)!important}.panel-content .input,.admin-content .input{border-color:#d5deea!important;border-radius:11px!important}.panel-content .btn,.admin-content .btn{border-radius:10px!important}.panel-content .btn.primary,.admin-content .btn.primary{background:var(--ybx-blue)!important;border-color:var(--ybx-blue)!important}.wa-float{box-shadow:0 12px 30px rgba(15,35,75,.2)!important}

@media(max-width:1200px){:root{--ybx-shell:min(100% - 40px,1120px)}.corp-hero-grid{gap:35px}.corp-hero-copy h1{font-size:66px}.corp-section-title{gap:28px}.corp-final-cta .corp-shell{grid-template-columns:.35fr 1.1fr .8fr}}
@media(max-width:1024px){.corp-nav{gap:14px}.corp-nav a:nth-child(4),.corp-nav a:nth-child(5){display:none}.corp-hero-grid{grid-template-columns:1fr 440px}.corp-hero-copy h1{font-size:57px}.corp-editorial-grid{gap:40px}.corp-section-title{grid-template-columns:.32fr 1.1fr .85fr}.corp-stats-grid strong{font-size:38px}.corp-client-grid{grid-template-columns:repeat(2,1fr)}.ybx-billing-grid{grid-template-columns:1fr}.ybx-checkout-panel{max-width:none}}
@media(max-width:900px){:root{--ybx-shell:calc(100% - 34px)}.corp-nav-shell{height:70px}.corp-menu-btn{display:block;order:3;margin-inline-start:auto}.corp-nav{position:absolute;top:70px;inset-inline:17px;background:#0f2044;border:1px solid #263c63;border-radius:16px;padding:12px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 24px 50px rgba(0,0,0,.25)}.corp-nav.is-open{display:flex}.corp-nav a,.corp-nav a:nth-child(4),.corp-nav a:nth-child(5){display:block;padding:11px;border-bottom:1px solid rgba(255,255,255,.07)}.corp-nav-actions .corp-login{display:none}.corp-hero-grid{grid-template-columns:1fr;min-height:auto;padding:72px 0}.corp-hero-copy{max-width:740px}.corp-hero-art{min-height:390px}.corp-orbit{width:370px}.corp-side-word{display:none}.corp-section-title{grid-template-columns:1fr;gap:13px}.corp-section-title.compact{grid-template-columns:1fr}.corp-section-title.row-title,.corp-section-title.row-title>div{display:grid;grid-template-columns:1fr;align-items:start}.corp-pillar-grid{grid-template-columns:1fr 1fr}.corp-pillar-grid article:last-child{grid-column:1/-1}.corp-editorial-grid{grid-template-columns:1fr}.corp-console-mock{transform:none!important}.corp-timeline{grid-template-columns:1fr 1fr;gap:35px}.corp-timeline:before{display:none}.corp-faq-grid{grid-template-columns:1fr;gap:40px}.corp-final-cta .corp-shell{grid-template-columns:1fr}.corp-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.corp-footer-grid>div:last-child{grid-column:2}.ybx-legal-layout{grid-template-columns:1fr;gap:35px}.ybx-legal-layout aside{position:static;grid-template-columns:repeat(3,1fr)}.ybx-legal-layout aside a{text-align:center;border-bottom:0;border-inline-end:1px solid var(--ybx-line)}.ybx-legal-layout aside a:last-child{border-inline-end:0}.panel-sidebar{position:fixed!important;top:0!important;bottom:0!important;z-index:110!important;transform:translateX(110%)!important;transition:transform .22s!important}.panel-layout.is-ltr .panel-sidebar{transform:translateX(-110%)!important}.panel-layout.sidebar-open .panel-sidebar,.panel-sidebar.is-open{transform:translateX(0)!important}.panel-overlay{z-index:105!important}.panel-main{width:100%!important;margin:0!important}.panel-content,.admin-content{padding:18px!important}}
@media(max-width:768px){:root{--ybx-shell:calc(100% - 28px)}.corp-nav-actions .corp-lang{display:none}.corp-nav-actions .corp-btn{padding-inline:14px}.corp-hero-grid{padding:58px 0}.corp-hero-copy h1{font-size:clamp(47px,13vw,62px)}.corp-hero-copy>p{font-size:16px}.corp-hero-art{min-height:340px}.corp-orbit{width:315px}.corp-logo-disc{width:138px;height:138px}.corp-logo-disc img{width:86px}.corp-stats-grid{grid-template-columns:1fr 1fr}.corp-stats-grid article:nth-child(2){border-inline-end:0}.corp-stats-grid article{min-height:128px;padding:25px}.corp-section,.corp-pricing-section{padding:76px 0}.corp-pillar-grid{grid-template-columns:1fr}.corp-pillar-grid article:last-child{grid-column:auto}.corp-pillar-grid article{min-height:auto}.pillar-icon{margin-bottom:35px}.corp-client-grid{grid-template-columns:1fr}.corp-price-grid{grid-template-columns:1fr}.corp-price-grid article.featured{transform:none}.corp-footer-grid{grid-template-columns:1fr 1fr}.corp-footer-grid .footer-brand{grid-column:1/-1}.corp-footer-grid>div:last-child{grid-column:auto}.ybx-billing-hero{display:grid;align-items:start}.ybx-sub-status{min-width:0;width:100%}.ybx-plan-grid{grid-template-columns:1fr 1fr}.ybx-form-grid,.ybx-status-grid{grid-template-columns:1fr 1fr}.ybx-page-intro{align-items:start;display:grid}}
@media(max-width:560px){:root{--ybx-shell:calc(100% - 22px)}.corp-brand small{display:none}.corp-nav-shell{gap:8px}.corp-nav-actions .corp-btn{min-height:40px;font-size:12px}.corp-hero-copy h1{font-size:46px}.corp-hero-actions{align-items:stretch}.corp-hero-actions .corp-btn{width:100%}.corp-proof-line{gap:9px 14px}.corp-hero-art{min-height:300px}.corp-orbit{width:270px}.orbit-tag{font-size:9px}.corp-stats-grid article{padding:20px}.corp-stats-grid strong{font-size:31px}.corp-marquee>div{gap:20px;font-size:10px}.corp-section-title h2{font-size:39px}.corp-timeline{grid-template-columns:1fr}.corp-client-card{padding:13px}.client-logo{width:58px;height:58px}.corp-final-cta h2{font-size:45px}.corp-footer-grid{grid-template-columns:1fr}.corp-footer-grid>div:last-child{grid-column:auto}.corp-footer-bottom{display:grid;gap:9px}.ybx-legal-layout aside{grid-template-columns:1fr}.ybx-legal-layout aside a{border-inline-end:0;border-bottom:1px solid var(--ybx-line)}.ybx-billing-hero{border-radius:22px;padding:22px}.ybx-billing-hero h1{font-size:26px}.ybx-sub-status{grid-template-columns:auto 1fr}.ybx-sub-status>div:last-child{grid-column:2}.ybx-plan-panel,.ybx-checkout-panel,.ybx-settings-card{padding:16px;border-radius:19px}.ybx-plan-grid{grid-template-columns:1fr}.ybx-domain-addon{grid-template-columns:1fr auto}.ybx-addon-price{grid-row:2}.ybx-switch{grid-column:2;grid-row:1/3}.ybx-pay-method{grid-template-columns:70px 1fr auto}.ybx-form-grid,.ybx-status-grid{grid-template-columns:1fr}.ybx-form-grid .span-2{grid-column:auto}.panel-topbar__right .btn:not(#themeToggleBtn){display:none!important}}
@media(max-width:380px){:root{--ybx-shell:calc(100% - 18px)}.corp-brand img{width:38px;height:38px}.corp-brand b{font-size:15px}.corp-nav-actions .corp-btn{padding-inline:10px}.corp-hero-copy h1{font-size:40px}.corp-hero-art{min-height:260px}.corp-orbit{width:238px}.corp-logo-disc{width:112px;height:112px}.corp-logo-disc img{width:70px}.corp-stats-grid article{min-height:110px;padding:16px}.corp-stats-grid strong{font-size:28px}.corp-section-title h2{font-size:34px}.corp-pillar-grid article{padding:25px;border-radius:24px}.corp-client-card{gap:11px}.corp-price-grid article{padding:26px}.corp-price-grid strong{font-size:52px}.ybx-pay-logos{width:58px}.pay-logo{min-width:25px;padding:0 3px}.ybx-sub-status{gap:10px}.ybx-billing-pro{padding-inline:0!important}}
.ybx-auth-legal{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px 14px 28px;font-size:11px}.ybx-auth-legal a{color:#64748b;text-decoration:none}.ybx-auth-legal a:hover{color:var(--ybx-blue)}

/* =========================================================
   R3 — Visual coherence pass
   Auth, client workspace, landing CTA, phone field and menu.
   ========================================================= */

/* Landing CTA: force readable contrast regardless of theme overrides. */
.corp-final-cta{background:linear-gradient(135deg,#0b1733 0%,#102a5c 55%,#155eef 140%)!important;color:#fff!important}
.corp-final-cta h2,.corp-final-cta .corp-shell>span,.corp-final-cta .corp-text-link.light{color:#fff!important}
.corp-final-cta .corp-shell>span{opacity:.78!important}
.corp-final-cta .corp-btn.white{background:#fff!important;color:#0b1733!important;border-color:#fff!important}
.corp-final-cta .corp-text-link.light{opacity:.92}

/* Shared country + local-number field */
.phone-combo-r3{display:grid;grid-template-columns:minmax(160px,42%) minmax(0,1fr);gap:8px;direction:ltr;align-items:stretch}
.phone-combo-r3 select,.phone-combo-r3 input{min-width:0!important;width:100%!important;margin:0!important}
.phone-combo-r3 select{font-size:12.5px!important;padding-inline:10px!important;text-overflow:ellipsis}
.phone-combo-r3.compact{grid-template-columns:minmax(150px,40%) minmax(0,1fr)}
@media(max-width:560px){.phone-combo-r3,.phone-combo-r3.compact{grid-template-columns:138px minmax(0,1fr)}.phone-combo-r3 select{font-size:11px!important}}

/* ---------- Authentication ---------- */
.auth-page-r3{background:radial-gradient(circle at 8% 8%,rgba(21,94,239,.12),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(6,182,212,.11),transparent 30rem),#f4f7fb!important;color:#101828}
html[data-theme='dark'] .auth-page-r3{background:radial-gradient(circle at 8% 8%,rgba(37,99,235,.14),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(8,145,178,.12),transparent 30rem),#07111f!important}
.auth-shell-r3{min-height:calc(100dvh - 50px)!important;padding:34px 20px!important;align-items:center!important}
.auth-card-r3{width:min(1120px,100%)!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:28px!important;background:#fff!important;box-shadow:0 32px 90px rgba(15,23,42,.14)!important;overflow:hidden}
html[data-theme='dark'] .auth-card-r3{background:#0d1727!important;border-color:rgba(148,163,184,.14)!important}
.auth-top-r3{min-height:72px!important;padding:13px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border-bottom:1px solid #e8edf4!important}
html[data-theme='dark'] .auth-top-r3{background:#0d1727!important;border-bottom-color:rgba(148,163,184,.14)!important}
.auth-brand-r3 .logo{width:44px!important;height:44px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e6ebf2!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important}
.auth-brand-r3 .logo img{width:36px!important;height:36px!important}
.auth-brand-r3 .t b{font-size:15px!important;color:#101828}
.auth-brand-r3 .t span{font-size:10.5px!important;color:#7a8699!important;margin-top:4px}
html[data-theme='dark'] .auth-brand-r3 .t b{color:#f8fafc}
.auth-head-link,.auth-lang{border-color:#e3e8ef!important;background:#fff!important;color:#344054!important;min-height:40px!important;border-radius:12px!important}
html[data-theme='dark'] .auth-head-link,html[data-theme='dark'] .auth-lang{background:#111d30!important;border-color:rgba(148,163,184,.16)!important;color:#e5e7eb!important}
.auth-main-r3{display:grid!important;grid-template-columns:minmax(360px,.92fr) minmax(440px,1.08fr)!important;min-height:520px}
.auth-main-register-r3{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr)!important;min-height:620px}
.auth-promo-r3{position:relative;overflow:hidden;padding:44px 40px!important;background:linear-gradient(145deg,#0d2550 0%,#155eef 58%,#2f7cf5 100%)!important;color:#fff;display:flex;align-items:center}
.auth-promo-r3:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.18);inset-inline-end:-150px;top:-90px}
.auth-promo-r3:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.12);inset-inline-start:-120px;bottom:-95px}
.auth-orb{position:absolute;border-radius:999px;filter:blur(.2px);pointer-events:none}.auth-orb-a{width:120px;height:120px;background:rgba(255,255,255,.07);top:14%;inset-inline-end:12%}.auth-orb-b{width:70px;height:70px;background:rgba(255,255,255,.07);bottom:16%;inset-inline-start:12%}
.auth-promo-content-r3{position:relative;z-index:2;max-width:520px}.auth-kicker-r3{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#d9e8ff;margin-bottom:16px}.auth-promo-r3 h1{margin:0;font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.auth-promo-r3 p{margin:18px 0 0;color:rgba(255,255,255,.82);line-height:1.9;font-size:14px;max-width:50ch}
.auth-feature-grid-r3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}.auth-feature-grid-r3>div{min-width:0;padding:14px 11px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.auth-feature-grid-r3 span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900;font-size:12px}.auth-feature-grid-r3 b{display:block;margin-top:12px;font-size:12px}.auth-feature-grid-r3 small{display:block;margin-top:4px;color:rgba(255,255,255,.66);font-size:9px;line-height:1.35}
.auth-steps-r3{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:10px}.auth-steps-r3 li{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07)}.auth-steps-r3 li>span{width:38px;height:38px;border-radius:12px;background:#fff;color:#155eef;display:grid;place-items:center;font-weight:950}.auth-steps-r3 b{display:block;font-size:12.5px}.auth-steps-r3 small{display:block;color:rgba(255,255,255,.68);font-size:10px;margin-top:3px}
.auth-form-pane-r3{padding:38px 42px!important;background:#fff!important;display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-form-pane-register-r3{padding-block:28px!important}
html[data-theme='dark'] .auth-form-pane-r3{background:#0d1727!important;color:#f8fafc}
.auth-form-title-r3{margin-bottom:20px}.auth-form-badge-r3{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eef4ff;color:#155eef;font-size:10.5px;font-weight:900}.auth-form-title-r3 h2{margin:11px 0 5px;font-size:30px;line-height:1.18;letter-spacing:-.025em;color:#101828}.auth-form-title-r3 p{margin:0;color:#667085;font-size:13px;line-height:1.7}
html[data-theme='dark'] .auth-form-title-r3 h2{color:#f8fafc}html[data-theme='dark'] .auth-form-title-r3 p{color:#94a3b8}html[data-theme='dark'] .auth-form-badge-r3{background:rgba(21,94,239,.15);color:#93c5fd}
.auth-form-r3{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid;gap:15px}.auth-field-r3{display:grid;gap:7px;min-width:0}.auth-field-r3 label{font-size:12px;font-weight:850;color:#344054}.auth-field-r3 label span{font-size:9.5px;color:#98a2b3;font-weight:700}.auth-field-r3 small{font-size:10px;color:#98a2b3;line-height:1.45}.auth-field-r3 input,.auth-field-r3 select{min-height:48px!important;border:1px solid #dce3ec!important;border-radius:13px!important;background:#fff!important;color:#101828!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important}.auth-field-r3 input:focus,.auth-field-r3 select:focus{border-color:#84adff!important;box-shadow:0 0 0 4px rgba(21,94,239,.08)!important;outline:0!important}
html[data-theme='dark'] .auth-field-r3 label{color:#dbe4f0}html[data-theme='dark'] .auth-field-r3 input,html[data-theme='dark'] .auth-field-r3 select{background:#111d30!important;border-color:rgba(148,163,184,.18)!important;color:#fff!important}
.auth-field-grid-r3{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-label-row-r3{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-label-row-r3 .link{font-size:10.5px;font-weight:800}.auth-submit-r3{min-height:50px!important;width:100%!important;border-radius:13px!important;font-weight:900!important;font-size:14px!important;background:linear-gradient(135deg,#155eef,#2e7cf6)!important;border:0!important;box-shadow:0 12px 28px rgba(21,94,239,.22)!important}.auth-submit-r3:hover{transform:translateY(-1px)}
.auth-slug-r3{display:grid;grid-template-columns:auto 1fr;direction:ltr;border:1px solid #dce3ec;border-radius:13px;overflow:hidden;background:#f8fafc}.auth-slug-r3 span{display:flex;align-items:center;padding:0 11px;border-right:1px solid #e4e9f0;color:#7b8799;font-size:10.5px;white-space:nowrap}.auth-slug-r3 input{border:0!important;border-radius:0!important;box-shadow:none!important}.auth-sep-r3{margin:16px 0 12px!important}.auth-sep-r3:before,.auth-sep-r3:after{content:"";height:1px;background:#e8edf4;flex:1}.auth-sep-r3{display:flex;align-items:center;gap:10px}.auth-sep-r3 span{border:0!important;background:transparent!important;padding:0!important;font-size:10px!important;color:#98a2b3!important}.auth-alt-actions-r3{display:grid;grid-template-columns:1fr 1fr;gap:9px}.auth-alt-actions-r3 .btn{min-height:44px!important;border-radius:12px!important;justify-content:center!important}.auth-google-g{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:950;color:#4285f4;background:#fff;border:1px solid #e6eaf0}.auth-home-link-r3{display:block;text-align:center;margin-top:14px;font-size:10.5px;color:#667085;text-decoration:none}.auth-home-link-r3:hover{color:#155eef}.auth-terms-r3{font-size:10px;line-height:1.6;color:#98a2b3;margin:0}.auth-terms-r3 a{color:#667085}.ybx-auth-legal-r3{padding-top:0!important;margin-top:-8px}
@media(max-width:900px){.auth-shell-r3{padding:16px!important;align-items:flex-start!important}.auth-main-r3,.auth-main-register-r3{grid-template-columns:1fr!important;min-height:0}.auth-promo-r3{padding:24px!important;min-height:220px}.auth-promo-r3 h1{font-size:30px}.auth-promo-r3 p{margin-top:10px}.auth-feature-grid-r3,.auth-steps-r3{display:none}.auth-form-pane-r3{padding:26px!important}.auth-card-r3{border-radius:23px!important}}
@media(max-width:620px){.auth-top-r3{padding:10px 12px!important;min-height:64px!important}.auth-brand-r3 .t span{display:none}.auth-head-link{display:none!important}.auth-promo-r3{min-height:155px;padding:21px!important}.auth-promo-r3 h1{font-size:26px}.auth-promo-r3 p{display:none}.auth-form-pane-r3{padding:20px 16px!important}.auth-form-title-r3 h2{font-size:25px}.auth-field-grid-r3{grid-template-columns:1fr}.auth-alt-actions-r3{grid-template-columns:1fr}.auth-slug-r3{grid-template-columns:110px 1fr}.auth-slug-r3 span{font-size:9px;padding-inline:8px}.ybx-auth-legal-r3{margin-top:0!important}}

/* ---------- Client panel/navigation ---------- */
.panel-layout{background:#f4f7fb!important}
.panel-sidebar{width:252px!important;flex:0 0 252px!important;padding:12px 10px!important;background:linear-gradient(180deg,#0b1733 0%,#0a1939 100%)!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;scrollbar-width:thin;scrollbar-color:#2a416c transparent}
.panel-sidebar__brand{min-height:68px!important;padding:9px 9px 13px!important;margin-bottom:9px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;gap:9px!important}.panel-sidebar__brand img{width:42px!important;height:42px!important;border-radius:13px!important;background:#fff!important;border:0!important}.panel-sidebar__brand .title{font-size:13.5px!important;color:#fff!important}.panel-sidebar__brand .small{font-size:9.5px!important;color:#8298ba!important}.sb-collapse{width:27px!important;height:27px!important;min-width:27px!important;border-radius:8px!important;background:#fff!important;color:#0b1733!important;border:0!important;font-size:11px!important;display:grid!important;place-items:center!important;order:3}
.panel-sidebar__search{position:static!important;background:transparent!important;padding:0 3px 9px!important;margin:0!important}.panel-sidebar__search input{height:40px!important;border-radius:11px!important;background:#102449!important;border:1px solid #21385f!important;box-shadow:none!important;font-size:11.5px!important;padding-inline:11px!important}
.panel-nav-r3{gap:7px!important;margin-top:2px!important}.panel-nav-section{border:1px solid transparent;border-radius:13px}.panel-nav-section[open]{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.045)}.panel-nav-section summary{list-style:none;cursor:pointer;user-select:none}.panel-nav-section summary::-webkit-details-marker{display:none}.panel-nav-r3 .panel-nav__group{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:9px 10px!important;margin:0!important;color:#7489aa!important;font-size:9px!important;font-weight:950!important;letter-spacing:.065em!important;text-transform:none!important;border:0!important}.panel-nav__chevron{font-size:14px!important;line-height:1;transition:transform .15s}.panel-nav-section[open] .panel-nav__chevron{transform:rotate(180deg)}.panel-nav__items{display:grid;gap:3px;padding:0 4px 5px}.panel-nav-r3 .panel-nav__item{min-height:43px!important;padding:6px 8px!important;border-radius:10px!important;gap:8px!important;border:0!important;color:#d9e4f3!important}.panel-nav-r3 .panel-nav__item .ic{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.10)!important;font-size:15px!important}.panel-nav-r3 .panel-nav__item .lb{font-size:12.5px!important;font-weight:850!important}.panel-nav-r3 .panel-nav__item:hover{background:#112b56!important}.panel-nav-r3 .panel-nav__item.active{background:linear-gradient(135deg,#155eef,#2e7cf6)!important;box-shadow:0 8px 20px rgba(21,94,239,.28)!important}.panel-nav-r3 .panel-nav__item.active .ic{background:rgba(255,255,255,.18)!important}.panel-sidebar__foot{padding:9px 4px 0!important;margin-top:8px!important;border-top-color:rgba(255,255,255,.07)!important}.panel-sidebar__foot .panel-nav__item{min-height:42px!important}
.panel-main{padding:14px 16px 22px!important}.panel-topbar{min-height:66px!important;padding:9px 12px!important;margin:0 0 14px!important;border-radius:16px!important;top:10px!important;justify-content:space-between!important;box-shadow:0 9px 28px rgba(15,23,42,.05)!important}.panel-topbar__left,.panel-topbar__right{gap:8px!important}.panel-page-title{font-size:17px!important;font-weight:950!important}.panel-topbar__title .small{font-size:9.5px!important}.panel-topbar .btn{min-height:38px!important;padding:7px 11px!important;border-radius:10px!important;font-size:11px!important}.panel-open-menu{background:#eaf2ff!important;border-color:#cfe0ff!important;color:#174ea6!important;font-weight:900!important}.panel-content>.container{max-width:1460px!important;width:100%!important;margin-inline:auto!important}.panel-content .card{border-radius:17px!important}.panel-content .card h2,.panel-content .card h3{letter-spacing:-.01em}
body.sb-collapsed .panel-sidebar{width:76px!important;flex-basis:76px!important;padding-inline:8px!important}body.sb-collapsed .panel-nav-section{border:0!important;background:transparent!important}body.sb-collapsed .panel-nav-section>summary{display:none!important}body.sb-collapsed .panel-nav-section>.panel-nav__items{display:grid!important;padding:0!important}body.sb-collapsed .panel-nav__item{justify-content:center!important;padding-inline:4px!important}body.sb-collapsed .panel-nav__item .ic{width:38px!important;height:38px!important;flex-basis:38px!important}body.sb-collapsed .panel-sidebar__brand img{width:40px!important;height:40px!important}body.sb-collapsed .sb-collapse{position:absolute;inset-inline-end:5px;top:4px;width:22px!important;height:22px!important;min-width:22px!important}
@media(max-width:980px){.panel-sidebar{width:min(86vw,292px)!important;max-width:min(86vw,292px)!important;padding-top:max(12px,env(safe-area-inset-top))!important}.panel-main{padding:8px 8px 0!important}.panel-topbar{top:7px!important;min-height:60px!important;margin-bottom:10px!important}.panel-topbar__right .panel-quick-actions{display:none!important}.panel-page-title{font-size:15px!important}.panel-nav-r3 .panel-nav__item{min-height:46px!important}.panel-mobile-nav{inset-inline:8px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;border-radius:18px!important;padding:6px!important}.panel-mobile-nav a,.panel-mobile-nav button{min-height:50px!important;border-radius:13px!important}}
@media(max-width:560px){.panel-topbar__title .small{display:none}.panel-topbar .btn{padding:7px 9px!important}.panel-content{padding:0 0 88px!important}}

/* ---------- Public restaurant menu ---------- */
.menu-scope.menu-client-v5{--r3-line:color-mix(in srgb,var(--text) 10%,transparent);--r3-shadow:0 16px 44px rgba(15,23,42,.08);padding-bottom:96px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--page_bg) 97%,#fff 3%),var(--page_bg))!important}
.menu-scope.menu-client-v5>.container{max-width:1240px!important;padding:14px 16px!important}.menu-scope.menu-client-v5 .menu-head.menu-hero{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.menu-scope.menu-client-v5 .menu-hero:before,.menu-scope.menu-client-v5 .menu-hero:after{display:none!important}.menu-scope.menu-client-v5 .menu-hero-bg{position:relative!important;inset:auto!important;display:block!important;height:238px!important;border-radius:30px!important;background-image:var(--hero_img)!important;background-size:cover!important;background-position:center!important;filter:none!important;transform:none!important;overflow:hidden!important;box-shadow:0 18px 52px rgba(15,23,42,.10)!important}.menu-scope.menu-client-v5 .menu-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,18,40,.06),rgba(7,18,40,.42))}
.menu-scope.menu-client-v5 .menu-hero-top{position:relative!important;z-index:4!important;margin:-72px 24px 0!important;padding:18px 20px!important;border:1px solid var(--r3-line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;backdrop-filter:blur(18px)!important;box-shadow:0 22px 60px rgba(15,23,42,.12)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important}.menu-scope.menu-client-v5 .menu-hero-brand{align-items:center!important;gap:15px!important}.menu-scope.menu-client-v5 .menu-logo{width:78px!important;height:78px!important;border-radius:22px!important;border:4px solid var(--card_bg)!important;box-shadow:0 10px 28px rgba(15,23,42,.13)!important}.menu-scope.menu-client-v5 .menu-eyebrow{font-size:9px!important;font-weight:950!important;letter-spacing:.09em!important;color:var(--brand)!important;margin-bottom:4px}.menu-scope.menu-client-v5 .menu-title{font-size:30px!important;line-height:1.08!important;letter-spacing:-.03em!important;color:var(--text)!important;text-shadow:none!important}.menu-scope.menu-client-v5 .menu-chips{gap:5px!important;margin-top:8px!important}.menu-scope.menu-client-v5 .menu-chips .badge{background:color-mix(in srgb,var(--brand) 8%,var(--card_bg))!important;border:1px solid var(--r3-line)!important;color:var(--text)!important;padding:5px 8px!important;font-size:9.5px!important}.menu-scope.menu-client-v5 .menu-subline{color:var(--muted)!important;font-size:11px!important;margin-top:8px!important}.menu-scope.menu-client-v5 .menu-hero-metrics{margin-top:9px!important;gap:5px!important}.menu-scope.menu-client-v5 .menu-hero-metrics span{background:transparent!important;color:var(--muted)!important;border:0!important;padding:0 9px!important;border-inline-start:1px solid var(--r3-line)!important;border-radius:0!important;font-size:9.5px!important}.menu-scope.menu-client-v5 .menu-hero-metrics span:first-child{border-inline-start:0!important;padding-inline-start:0!important}.menu-scope.menu-client-v5 .menu-hero-metrics b{color:var(--text)!important;font-size:12px!important}.menu-scope.menu-client-v5 .menu-ctrl-form{gap:6px!important;flex-wrap:nowrap!important}.menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:40px!important;padding:7px 9px!important;border-radius:11px!important;background:var(--card_bg)!important;color:var(--text)!important;border:1px solid var(--r3-line)!important;box-shadow:none!important;font-size:10.5px!important}
.menu-scope.menu-client-v5 .menu-hero-sub{margin:14px 24px 0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}.menu-scope.menu-client-v5 .menu-actions{display:flex!important;gap:7px!important;align-items:stretch!important;overflow:visible!important}.menu-scope.menu-client-v5 .act-pill{min-width:0!important;min-height:52px!important;padding:8px 11px!important;border-radius:14px!important;background:var(--card_bg)!important;border:1px solid var(--r3-line)!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;font-size:11px!important;white-space:nowrap!important}.menu-scope.menu-client-v5 .act-pill .act-ic{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important}.menu-scope.menu-client-v5 .menu-search--hero{margin:0!important;padding:6px!important;border-radius:15px!important;border:1px solid var(--r3-line)!important;background:var(--card_bg)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}.menu-scope.menu-client-v5 .menu-search-row{min-height:42px!important}.menu-scope.menu-client-v5 .menu-search-row input{min-height:42px!important;background:transparent!important;color:var(--text)!important;border:0!important;font-size:13px!important}.menu-scope.menu-client-v5 .menu-search-row input::placeholder{color:var(--muted)!important}.menu-scope.menu-client-v5 .menu-search-clear{background:transparent!important;border:0!important;color:var(--muted)!important}.menu-scope.menu-client-v5 .yr-filters{padding-top:4px!important}.menu-scope.menu-client-v5 .yr-filters .chip{font-size:9px!important;padding:5px 8px!important;border-radius:9px!important}.menu-scope.menu-client-v5 .menu-trust-links{max-width:1192px!important;margin:9px auto 0!important;padding-inline:24px!important}.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:38px!important;border-radius:11px!important;font-size:10px!important}.menu-scope.menu-client-v5 .menu-promo-rail{max-width:1192px!important;margin:18px auto 0!important;border:0!important;background:transparent!important;box-shadow:none!important}.menu-scope.menu-client-v5 .menu-promo-image{height:210px!important;border-radius:22px!important;box-shadow:var(--r3-shadow)!important}
.menu-scope.menu-client-v5 .menu-category-nav-container{max-width:1240px!important;position:sticky!important;top:8px!important;z-index:45!important;padding:10px 16px 6px!important}.menu-scope.menu-client-v5 .menu-cat-wrap{margin:0!important;padding:7px!important;border:1px solid var(--r3-line)!important;border-radius:17px!important;background:color-mix(in srgb,var(--card_bg) 94%,transparent)!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 32px rgba(15,23,42,.08)!important}.menu-scope.menu-client-v5 .menu-cat-tabs .tabs,.menu-scope.menu-client-v5 .menu-cat-index{padding:0!important;gap:6px!important;scrollbar-width:none!important}.menu-scope.menu-client-v5 .menu-cat-tabs .tabs::-webkit-scrollbar,.menu-scope.menu-client-v5 .menu-cat-index::-webkit-scrollbar{display:none!important}.menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:39px!important;padding:7px 12px!important;border-radius:10px!important;font-size:11px!important;font-weight:900!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}.menu-scope.menu-client-v5 .menu-cat-tabs a.active,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active{background:var(--brand)!important;color:var(--on_brand,#fff)!important;border-color:var(--brand)!important}.menu-scope.menu-client-v5 .cat-block{max-width:1208px!important;margin-inline:auto!important;margin-bottom:30px!important}.menu-scope.menu-client-v5 .yr-cat-section-card{padding:20px 2px 10px!important}.menu-scope.menu-client-v5 .menu-cat-title{font-size:21px!important}.menu-scope.menu-client-v5 .yr-cat-section-main img{width:50px!important;height:50px!important;border-radius:15px!important}.menu-scope.menu-client-v5 .yr-cat-count-pill{background:color-mix(in srgb,var(--brand) 7%,var(--card_bg))!important;border:1px solid var(--r3-line)!important;border-radius:999px!important;padding:6px 9px!important;color:var(--muted)!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.menu-scope.menu-client-v5.menu-layout-grid .product-card{padding:0!important;border-radius:20px!important;border:1px solid var(--r3-line)!important;background:var(--card_bg)!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important;overflow:hidden!important}.menu-scope.menu-client-v5.menu-layout-grid .product-row{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;height:100%!important}.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;flex:0 0 auto!important;border-radius:0!important;background:color-mix(in srgb,var(--page_bg) 78%,#fff 22%)!important}.menu-scope.menu-client-v5.menu-layout-grid .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:14px 15px 15px!important;display:flex!important;flex-direction:column!important;flex:1!important}.menu-scope.menu-client-v5 .product-meta{align-items:flex-start!important;gap:8px!important}.menu-scope.menu-client-v5 .product-info h4{font-size:16px!important;line-height:1.35!important;min-height:0!important}.menu-scope.menu-client-v5 .product-desc{font-size:11.5px!important;line-height:1.6!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.menu-scope.menu-client-v5 .product-price{margin-inline-start:auto!important}.menu-scope.menu-client-v5 .product-price .pp-main{font-size:15px!important;color:var(--brand)!important}.menu-scope.menu-client-v5 .product-price .pp-sub{font-size:10px!important;opacity:.58!important}.menu-scope.menu-client-v5 .product-price .pp-tag{font-size:8.5px!important;padding:3px 6px!important}.menu-scope.menu-client-v5 .product-badges{margin-top:auto!important;padding-top:9px!important}.menu-scope.menu-client-v5 .yr-quick-add{width:38px!important;height:38px!important;right:auto!important;inset-inline-end:11px!important;top:auto!important;bottom:11px!important;border-radius:12px!important;font-size:20px!important}.menu-scope.menu-client-v5 .product-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 40px rgba(15,23,42,.11)!important}
@media(max-width:980px){.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.menu-scope.menu-client-v5 .menu-hero-top{margin:-62px 14px 0!important;grid-template-columns:1fr!important}.menu-scope.menu-client-v5 .menu-hero-controls{justify-content:flex-start!important}.menu-scope.menu-client-v5 .menu-hero-sub{margin-inline:14px!important;grid-template-columns:1fr!important}.menu-scope.menu-client-v5 .menu-search--hero{order:1}.menu-scope.menu-client-v5 .menu-actions{order:2;overflow:auto!important;scrollbar-width:none}.menu-scope.menu-client-v5 .act-pill{flex:0 0 auto}.menu-scope.menu-client-v5 .menu-category-nav-container{top:6px!important}}
@media(max-width:620px){.menu-scope.menu-client-v5>.container{padding:8px 9px!important}.menu-scope.menu-client-v5 .menu-hero-bg{height:176px!important;border-radius:0 0 24px 24px!important;margin-inline:-9px!important}.menu-scope.menu-client-v5 .menu-hero-top{margin:-48px 5px 0!important;padding:13px!important;border-radius:19px!important}.menu-scope.menu-client-v5 .menu-logo{width:58px!important;height:58px!important;border-radius:17px!important}.menu-scope.menu-client-v5 .menu-title{font-size:23px!important}.menu-scope.menu-client-v5 .menu-hero-metrics{overflow:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}.menu-scope.menu-client-v5 .menu-hero-controls{width:100%!important}.menu-scope.menu-client-v5 .menu-ctrl-form{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}.menu-scope.menu-client-v5 .menu-ctrl-form select{width:100%!important;min-width:0!important}.menu-scope.menu-client-v5 .menu-hero-sub{margin:9px 5px 0!important}.menu-scope.menu-client-v5 .menu-actions{gap:6px!important}.menu-scope.menu-client-v5 .act-pill{min-height:46px!important;padding:7px 9px!important}.menu-scope.menu-client-v5 .menu-trust-links{padding-inline:5px!important}.menu-scope.menu-client-v5 .menu-promo-rail{margin-inline:5px!important}.menu-scope.menu-client-v5 .menu-promo-image{height:160px!important;border-radius:18px!important}.menu-scope.menu-client-v5 .menu-category-nav-container{padding:7px 9px 5px!important}.menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:14px!important}.menu-scope.menu-client-v5 .cat-block{padding-inline:9px!important;margin-bottom:25px!important}.menu-scope.menu-client-v5 .yr-cat-section-card{padding-top:14px!important}.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:10px!important}.menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:118px!important}.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{height:100%!important;min-height:118px!important;aspect-ratio:auto!important}.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:11px 12px!important}.menu-scope.menu-client-v5 .product-info h4{font-size:14.5px!important}.menu-scope.menu-client-v5 .product-desc{font-size:10.8px!important;line-height:1.45!important}.menu-scope.menu-client-v5 .product-price .pp-main{font-size:13.5px!important}.menu-scope.menu-client-v5 .product-badges .badge:nth-child(n+3){display:none!important}.menu-scope.menu-client-v5 .yr-quick-add{width:34px!important;height:34px!important;bottom:8px!important;inset-inline-end:8px!important}}

/* R3 admin shell follows the same navigation rhythm as the tenant panel. */
.admin-shell-premium .admin-side-status{margin:0 3px 9px!important;padding:10px 11px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important}.admin-shell-premium .admin-side-status b{font-size:11.5px!important}.admin-shell-premium .admin-side-status small{font-size:9.5px!important}.admin-shell-premium .admin-nav-group{margin:0!important;text-transform:none!important}.admin-shell-premium .admin-nav-item{margin-inline:0!important}.admin-shell-premium .admin-topbar{background:rgba(255,255,255,.93)!important;border:1px solid var(--ybx-line)!important;border-radius:16px!important}.admin-shell-premium .admin-main{background:#f4f7fb!important}.admin-shell-premium .admin-content{padding-top:0!important}.admin-shell-premium .admin-content>.container{max-width:1500px!important;margin-inline:auto!important}.admin-shell-premium .admin-saas-page>.card{border-radius:18px!important;box-shadow:0 8px 28px rgba(15,23,42,.05)!important}.admin-shell-premium .admin-top-actions .btn.primary{background:#155eef!important;border-color:#155eef!important}
\n
/* =========================================================
   R3.1 visual closure: legacy auth + hard contrast safeguards
   ========================================================= */
/* Older recovery/Google-complete/admin auth screens still use the legacy
   .auth-grid markup. Keep them visually aligned with the rebuilt login/signup
   instead of showing an oversized empty gradient panel. */
.auth-page:not(.auth-page-r3) .auth-shell{min-height:100dvh!important;padding:28px 18px!important;background:radial-gradient(circle at 8% 8%,rgba(21,94,239,.09),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(6,182,212,.08),transparent 30rem),#f4f7fb!important}
.auth-page:not(.auth-page-r3) .auth-card{width:min(1040px,100%)!important;border-radius:26px!important;border:1px solid #e3e9f1!important;background:#fff!important;box-shadow:0 28px 80px rgba(15,23,42,.13)!important}
.auth-page:not(.auth-page-r3) .auth-top{min-height:68px!important;padding:12px 17px!important;background:#fff!important;border-bottom:1px solid #e9edf3!important}
.auth-page:not(.auth-page-r3) .auth-grid{grid-template-columns:minmax(330px,.88fr) minmax(410px,1.12fr)!important;min-height:470px!important}
.auth-page:not(.auth-page-r3) .auth-left{padding:34px!important;background:linear-gradient(145deg,#0d2550,#155eef 62%,#2f7cf5)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.auth-page:not(.auth-page-r3) .auth-left h1,.auth-page:not(.auth-page-r3) .auth-left h2,.auth-page:not(.auth-page-r3) .auth-left h3,.auth-page:not(.auth-page-r3) .auth-left b{color:#fff!important}
.auth-page:not(.auth-page-r3) .auth-left p,.auth-page:not(.auth-page-r3) .auth-left .small{color:rgba(255,255,255,.78)!important}
.auth-page:not(.auth-page-r3) .auth-right{padding:34px 38px!important;background:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.auth-page:not(.auth-page-r3) .auth-form{max-width:480px!important;width:100%!important;margin-inline:auto!important}
.auth-page:not(.auth-page-r3) .auth-form input,.auth-page:not(.auth-page-r3) .auth-form select{min-height:48px!important;border-radius:13px!important}
.auth-page:not(.auth-page-r3) .auth-form .btn.primary{min-height:48px!important;border-radius:13px!important;background:linear-gradient(135deg,#155eef,#2e7cf6)!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(21,94,239,.18)!important}
html[data-theme='dark'] .auth-page:not(.auth-page-r3) .auth-shell{background:#07111f!important}html[data-theme='dark'] .auth-page:not(.auth-page-r3) .auth-card,html[data-theme='dark'] .auth-page:not(.auth-page-r3) .auth-top,html[data-theme='dark'] .auth-page:not(.auth-page-r3) .auth-right{background:#0d1727!important;border-color:rgba(148,163,184,.14)!important}
@media(max-width:860px){.auth-page:not(.auth-page-r3) .auth-shell{padding:14px!important;align-items:flex-start!important}.auth-page:not(.auth-page-r3) .auth-grid{grid-template-columns:1fr!important;min-height:0!important}.auth-page:not(.auth-page-r3) .auth-left{display:none!important}.auth-page:not(.auth-page-r3) .auth-right{padding:24px 18px!important}.auth-page:not(.auth-page-r3) .auth-card{border-radius:21px!important}}

/* The landing close must remain readable even if a theme/global h2 rule wins. */
.corp-final-cta,.corp-final-cta *{--cta-fg:#fff}
.corp-final-cta h1,.corp-final-cta h2,.corp-final-cta h3,.corp-final-cta p,.corp-final-cta span,.corp-final-cta b,.corp-final-cta strong{color:#fff!important}
.corp-final-cta .corp-btn.white,.corp-final-cta .corp-btn.white *{color:#0b1733!important}


/* R3A Sidebar readability tune */

.panel-sidebar{width:258px!important;flex:0 0 258px!important}
.panel-sidebar__brand .title{font-size:15.5px!important;line-height:1.25!important;color:#fff!important}
.panel-sidebar__brand .small{font-size:11px!important;color:#9fb4d4!important;opacity:1!important}
.panel-sidebar__search input{font-size:12.5px!important;color:#f5f9ff!important}
.panel-sidebar__search input::placeholder{color:#8fa6c7!important;opacity:1!important}
.panel-sidebar .panel-nav-section{border-radius:14px!important}
.panel-sidebar .panel-nav-section[open]{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.06)!important}
.panel-sidebar .panel-nav__group,
.panel-sidebar .admin-nav-group{padding:10px 10px 8px!important;color:#90a7ca!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;opacity:1!important}
.panel-sidebar .panel-nav__chevron{font-size:15px!important;color:#7f98be!important}
.panel-sidebar .panel-nav__items{gap:5px!important;padding:0 5px 7px!important}
.panel-sidebar .panel-nav__item{min-height:49px!important;padding:8px 10px!important;gap:10px!important;color:#eaf2ff!important}
.panel-sidebar .panel-nav__item .ic{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;font-size:16px!important}
.panel-sidebar .panel-nav__item .lb{font-size:14.5px!important;font-weight:900!important;line-height:1.2!important;color:#f7fbff!important;letter-spacing:0!important}
.panel-sidebar .panel-nav__item:hover{background:#123261!important;color:#fff!important}
.panel-sidebar .panel-nav__item:hover .lb{color:#fff!important}
.panel-sidebar .panel-nav__item.active{background:linear-gradient(135deg,#1f6bff,#377ef7)!important;box-shadow:0 10px 24px rgba(21,94,239,.34)!important}
.panel-sidebar .panel-nav__item.active .ic{background:rgba(255,255,255,.18)!important}
.panel-sidebar .panel-nav__item.active .lb{color:#fff!important}
.panel-sidebar__foot{margin-top:10px!important;padding-top:11px!important}
.panel-sidebar__foot .panel-nav__item .lb{font-size:15px!important}
body.sb-collapsed .panel-sidebar{width:82px!important;flex-basis:82px!important}
body.sb-collapsed .panel-sidebar .panel-nav__item .ic{width:40px!important;height:40px!important;flex-basis:40px!important}
@media(max-width:980px){
  .panel-sidebar{width:min(88vw,304px)!important;max-width:min(88vw,304px)!important}
  .panel-sidebar .panel-nav__item{min-height:50px!important}
  .panel-sidebar .panel-nav__item .lb{font-size:15px!important}
  .panel-sidebar .panel-nav__group,.panel-sidebar .admin-nav-group{font-size:11.5px!important}
}


/* R3B Sidebar section titles enlargement */

.panel-sidebar .panel-nav__group,
.panel-sidebar .admin-nav-group{
  font-size:13.5px!important;
  font-weight:950!important;
  color:#9fb8dd!important;
  letter-spacing:.015em!important;
  padding:12px 10px 9px!important;
  line-height:1.25!important;
}
.panel-sidebar .panel-nav__group span:first-child,
.panel-sidebar .admin-nav-group span:first-child{
  display:inline-block!important;
  text-shadow:0 1px 0 rgba(0,0,0,.15)!important;
}
.panel-sidebar .panel-nav__chevron{
  font-size:16px!important;
  color:#95afd5!important;
}
.panel-sidebar .panel-nav-section{margin-bottom:2px!important}
.panel-sidebar .panel-nav__items{padding-top:1px!important}
@media(max-width:980px){
  .panel-sidebar .panel-nav__group,
  .panel-sidebar .admin-nav-group{font-size:14px!important;padding:12px 10px 9px!important}
  .panel-sidebar .panel-nav__chevron{font-size:17px!important}
}


/* R4 Client menu pro polish */

.menu-scope.menu-client-v5{
  --v5-line:color-mix(in srgb,var(--text) 8%,transparent);
  --v5-soft:color-mix(in srgb,var(--brand) 5%,var(--card_bg));
  --v5-shadow:0 20px 60px rgba(15,23,42,.10);
  background:
    radial-gradient(circle at 8% -6%, color-mix(in srgb,var(--brand) 12%, transparent), transparent 26rem),
    radial-gradient(circle at 96% 0%, color-mix(in srgb,var(--brand2) 12%, transparent), transparent 28rem),
    linear-gradient(180deg,color-mix(in srgb,var(--page_bg) 96%,#fff 4%),var(--page_bg))!important;
}
.menu-scope.menu-client-v5>.container{max-width:1260px!important;padding:16px 18px!important}
.menu-scope.menu-client-v5 .menu-hero-bg{height:264px!important;border-radius:34px!important;box-shadow:0 22px 64px rgba(15,23,42,.12)!important}
.menu-scope.menu-client-v5 .menu-hero-bg:after{background:linear-gradient(180deg,rgba(7,18,40,.08),rgba(7,18,40,.46))!important}
.menu-scope.menu-client-v5 .menu-hero-top{margin:-78px 26px 0!important;padding:22px 24px!important;border-radius:28px!important;background:color-mix(in srgb,var(--card_bg) 94%,transparent)!important;border:1px solid color-mix(in srgb,var(--text) 7%,transparent)!important;box-shadow:0 26px 72px rgba(15,23,42,.13)!important;gap:18px!important}
.menu-scope.menu-client-v5 .menu-hero-brand{gap:16px!important;align-items:center!important}
.menu-scope.menu-client-v5 .menu-logo{width:86px!important;height:86px!important;border-radius:24px!important;border:5px solid var(--card_bg)!important;box-shadow:0 14px 36px rgba(15,23,42,.16)!important}
.menu-scope.menu-client-v5 .menu-eyebrow{font-size:10px!important;letter-spacing:.08em!important;color:var(--brand)!important}
.menu-scope.menu-client-v5 .menu-title{font-size:34px!important;line-height:1.02!important;font-weight:950!important}
.menu-scope.menu-client-v5 .menu-subline{font-size:12px!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .menu-chips{gap:6px!important;margin-top:10px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;background:color-mix(in srgb,var(--brand) 8%,var(--card_bg))!important;border:1px solid var(--v5-line)!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-hero-metrics{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 6%,var(--card_bg))!important;border:1px solid var(--v5-line)!important;color:var(--muted)!important;font-size:10.5px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics b{font-size:13px!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-hero-controls{align-self:start!important}
.menu-scope.menu-client-v5 .menu-ctrl-form{gap:8px!important;padding:7px!important;border-radius:18px!important;background:color-mix(in srgb,var(--card_bg) 92%,transparent)!important;border:1px solid var(--v5-line)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .menu-ctrl-form select,
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:44px!important;padding:8px 12px!important;border-radius:13px!important;font-size:11.5px!important;font-weight:900!important;background:#fff!important;border:1px solid var(--v5-line)!important;color:var(--text)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.menu-scope.menu-client-v5 .menu-hero-sub{margin:16px 26px 0!important;display:grid!important;grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)!important;gap:12px!important;align-items:stretch!important}
.menu-scope.menu-client-v5 .menu-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
.menu-scope.menu-client-v5 .act-pill{display:grid!important;grid-template-columns:40px 1fr!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:12px 14px!important;border-radius:18px!important;background:var(--card_bg)!important;border:1px solid var(--v5-line)!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important;color:var(--text)!important;font-size:13px!important;font-weight:900!important;line-height:1.15!important;white-space:normal!important;text-align:start!important}
.menu-scope.menu-client-v5 .act-pill:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--brand) 24%,var(--v5-line))!important;box-shadow:0 18px 34px rgba(15,23,42,.10)!important}
.menu-scope.menu-client-v5 .act-pill .act-ic{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;background:color-mix(in srgb,var(--brand) 10%,#fff)!important;color:var(--brand)!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 8%,transparent)!important}
.menu-scope.menu-client-v5 .act-pill.wa{background:linear-gradient(135deg,rgba(37,211,102,.10),rgba(37,211,102,.05))!important;border-color:rgba(37,211,102,.18)!important}
.menu-scope.menu-client-v5 .act-pill.wa .act-ic{background:rgba(37,211,102,.12)!important;color:#129a4b!important}
.menu-scope.menu-client-v5 .menu-search--hero{padding:10px!important;border-radius:19px!important;background:var(--card_bg)!important;border:1px solid var(--v5-line)!important;box-shadow:0 14px 34px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .menu-search-row{min-height:52px!important;gap:10px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:52px!important;font-size:14px!important;font-weight:800!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-search-row input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)!important}
.menu-scope.menu-client-v5 .menu-search-clear{width:40px!important;height:40px!important;border-radius:12px!important;background:color-mix(in srgb,var(--brand) 6%,var(--card_bg))!important;border:1px solid var(--v5-line)!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .yr-filters{gap:7px!important;padding-top:6px!important}
.menu-scope.menu-client-v5 .yr-filters .chip{padding:7px 11px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;background:color-mix(in srgb,var(--brand) 5%,var(--card_bg))!important;border:1px solid var(--v5-line)!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .menu-trust-links{max-width:1212px!important;margin:12px auto 0!important;padding:0 2px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:50px!important;padding:10px 14px!important;border-radius:16px!important;background:var(--card_bg)!important;border:1px solid var(--v5-line)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;color:var(--text)!important;font-size:12px!important;font-weight:900!important;justify-content:space-between!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(15,23,42,.08)!important}
.menu-scope.menu-client-v5 .menu-category-nav-container{max-width:1260px!important;top:10px!important;padding:12px 16px 6px!important;z-index:50!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{padding:9px!important;border-radius:22px!important;background:color-mix(in srgb,var(--card_bg) 93%,transparent)!important;border:1px solid var(--v5-line)!important;box-shadow:0 14px 40px rgba(15,23,42,.08)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs,.menu-scope.menu-client-v5 .menu-cat-index{gap:8px!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:44px!important;padding:8px 14px!important;border-radius:14px!important;font-size:12px!important;font-weight:900!important;background:color-mix(in srgb,var(--page_bg) 68%,#fff 32%)!important;border:1px solid transparent!important;color:var(--text)!important;transition:transform .14s ease, box-shadow .18s ease, background .18s ease!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item .ct{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;background:rgba(255,255,255,.8)!important;color:var(--muted)!important;font-size:10px!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a:hover,.menu-scope.menu-client-v5 .menu-cat-index .cat-item:hover{transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(15,23,42,.06)!important;border-color:var(--v5-line)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a.active,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(21,94,239,.22)!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active .ct{background:color-mix(in srgb,var(--hero_text) 18%,transparent)!important;color:var(--hero_text)!important}
.menu-scope.menu-client-v5 .cat-block{margin-bottom:34px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding:4px 2px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:24px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:-.02em!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .yr-cat-section-image{width:58px!important;height:58px!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(15,23,42,.10)!important}
.menu-scope.menu-client-v5 .yr-cat-count-pill{padding:7px 11px!important;font-size:11px!important;font-weight:900!important;color:var(--muted)!important;background:color-mix(in srgb,var(--brand) 6%,var(--card_bg))!important;border:1px solid var(--v5-line)!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{position:relative!important;padding:0!important;border-radius:24px!important;border:1px solid var(--v5-line)!important;background:var(--card_bg)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;overflow:hidden!important;transition:transform .16s ease, box-shadow .22s ease, border-color .22s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand2));opacity:.92;z-index:2}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 46px rgba(15,23,42,.13)!important;border-color:color-mix(in srgb,var(--brand) 22%,var(--v5-line))!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{position:relative!important;aspect-ratio:4/3!important;background:color-mix(in srgb,var(--page_bg) 74%,#fff 26%)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb::after{content:"";position:absolute;inset:auto 0 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(15,23,42,.10));pointer-events:none}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb img{transition:transform .3s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover .product-thumb img{transform:scale(1.04)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:16px 16px 15px!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-height:220px!important}
.menu-scope.menu-client-v5 .product-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:17px!important;line-height:1.3!important;font-weight:950!important;color:var(--text)!important;margin:0!important}
.menu-scope.menu-client-v5 .product-desc{font-size:12px!important;line-height:1.65!important;min-height:40px!important;color:var(--muted)!important;-webkit-line-clamp:2!important}
.menu-scope.menu-client-v5 .product-price{margin-inline-start:auto!important;text-align:end!important}
.menu-scope.menu-client-v5 .product-price .pp-main{font-size:16px!important;font-weight:950!important;color:var(--brand)!important;line-height:1.1!important}
.menu-scope.menu-client-v5 .product-price .pp-sub{margin-top:4px!important;font-size:10.5px!important;opacity:.66!important}
.menu-scope.menu-client-v5 .product-price .pp-tag{padding:4px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 8%,transparent)!important;color:var(--brand)!important;font-size:9px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .product-calories{margin-top:3px!important}
.menu-scope.menu-client-v5 .kcal-pill{padding:6px 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand2) 8%,var(--card_bg))!important;border:1px solid var(--v5-line)!important;font-size:10px!important;font-weight:900!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .product-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:auto!important;padding-top:10px!important}
.menu-scope.menu-client-v5 .product-badges .badge{padding:6px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;border:1px solid var(--v5-line)!important;background:color-mix(in srgb,var(--page_bg) 68%,#fff 32%)!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .product-badges .badge.ok{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.20)!important}
.menu-scope.menu-client-v5 .product-badges .badge.danger{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.16)!important}
.menu-scope.menu-client-v5 .product-badges .badge.hot{background:rgba(249,115,22,.09)!important;border-color:rgba(249,115,22,.18)!important}
.menu-scope.menu-client-v5 .product-badges .badge.veg{background:rgba(34,197,94,.08)!important;border-color:rgba(34,197,94,.16)!important}
.menu-scope.menu-client-v5 .product-badges .badge.chef{background:rgba(245,158,11,.09)!important;border-color:rgba(245,158,11,.18)!important}
.menu-scope.menu-client-v5 .yr-quick-add{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;inset-inline-end:12px!important;bottom:12px!important;top:auto!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;font-size:21px!important;font-weight:950!important;box-shadow:0 14px 28px rgba(15,23,42,.18)!important}
.menu-scope.menu-client-v5 .yr-quick-add:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 92%,#fff 8%),color-mix(in srgb,var(--brand2) 92%,#fff 8%))!important;transform:translateY(-2px)!important}
.menu-scope.menu-client-v5 .menu-footer-card{border-radius:24px!important;border:1px solid var(--v5-line)!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .menu-footer .icon-btn{min-height:46px!important;padding:11px 14px!important;border-radius:15px!important;background:color-mix(in srgb,var(--page_bg) 72%,#fff 28%)!important;border:1px solid var(--v5-line)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-footer .icon-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .sticky-cart,
.menu-scope.menu-client-v5 .sticky-wa{max-width:700px!important;left:12px!important;right:12px!important;margin-inline:auto!important;padding:15px 18px!important;border-radius:24px!important;box-shadow:0 24px 56px rgba(2,6,23,.20)!important}
.menu-scope.menu-client-v5 .sticky-cart-tx,
.menu-scope.menu-client-v5 .sticky-wa-tx{font-weight:950!important}
@media(max-width:980px){
  .menu-scope.menu-client-v5>.container{padding:12px 12px!important}
  .menu-scope.menu-client-v5 .menu-hero-bg{height:226px!important;border-radius:28px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{margin:-62px 12px 0!important;padding:18px 18px!important;grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{width:100%!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin:12px 12px 0!important;grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .menu-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .menu-scope.menu-client-v5 .menu-trust-links{grid-template-columns:1fr 1fr!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:10px 12px 5px!important;top:6px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:620px){
  .menu-scope.menu-client-v5>.container{padding:8px 8px!important}
  .menu-scope.menu-client-v5 .menu-hero-bg{height:172px!important;border-radius:0 0 24px 24px!important;margin-inline:-8px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{margin:-44px 6px 0!important;padding:14px!important;border-radius:22px!important}
  .menu-scope.menu-client-v5 .menu-logo{width:62px!important;height:62px!important;border-radius:18px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:24px!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics{gap:6px!important;overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{grid-template-columns:1fr 1fr auto!important;gap:6px!important;padding:6px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:41px!important;font-size:10.5px!important;padding:7px 9px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin:10px 6px 0!important}
  .menu-scope.menu-client-v5 .menu-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .menu-scope.menu-client-v5 .act-pill{min-height:54px!important;padding:8px 8px!important;grid-template-columns:32px 1fr!important;gap:8px!important;font-size:11px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .act-pill .act-ic{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
  .menu-scope.menu-client-v5 .menu-search--hero{padding:8px!important;border-radius:16px!important}
  .menu-scope.menu-client-v5 .menu-search-row{min-height:46px!important}
  .menu-scope.menu-client-v5 .menu-search-row input{min-height:46px!important;font-size:13px!important}
  .menu-scope.menu-client-v5 .menu-trust-links{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:44px!important;padding:9px 10px!important;font-size:10.5px!important;border-radius:13px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:8px 8px 4px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:16px!important;padding:7px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:40px!important;padding:7px 11px!important;font-size:11px!important;border-radius:12px!important}
  .menu-scope.menu-client-v5 .cat-block{padding-inline:8px!important;margin-bottom:26px!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:21px!important}
  .menu-scope.menu-client-v5 .yr-cat-section-image{width:52px!important;height:52px!important;border-radius:16px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:11px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;align-items:stretch!important;min-height:128px!important;height:100%!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-card::before{width:4px!important;height:100%!important;inset:0 auto 0 0!important;background:linear-gradient(180deg,var(--brand),var(--brand2))!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{min-height:128px!important;height:100%!important;aspect-ratio:auto!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb::after{display:none!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:12px 12px 12px 14px!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-info h4{font-size:15px!important}
  .menu-scope.menu-client-v5 .product-desc{font-size:11px!important;min-height:34px!important}
  .menu-scope.menu-client-v5 .product-price .pp-main{font-size:14px!important}
  .menu-scope.menu-client-v5 .product-badges .badge:nth-child(n+4){display:none!important}
  .menu-scope.menu-client-v5 .yr-quick-add{width:36px!important;height:36px!important;bottom:8px!important;inset-inline-end:8px!important;border-radius:12px!important}
}


/* R5 Public menu complete redesign */

.menu-scope.menu-client-v5{
  --m5-line:color-mix(in srgb,var(--text) 9%,transparent);
  --m5-soft:color-mix(in srgb,var(--brand) 5%,var(--card_bg));
  --m5-shadow:0 18px 48px rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 8% -4%, color-mix(in srgb,var(--brand) 11%,transparent), transparent 24rem),
    radial-gradient(circle at 96% 0%, color-mix(in srgb,var(--brand2) 11%,transparent), transparent 28rem),
    linear-gradient(180deg,color-mix(in srgb,var(--page_bg) 97%,#fff 3%),var(--page_bg))!important;
}
.menu-scope.menu-client-v5>.container{max-width:1220px!important;padding:14px 16px!important}
.menu-scope.menu-client-v5 .menu-hero-bg{height:192px!important;border-radius:28px!important;box-shadow:0 16px 42px rgba(15,23,42,.11)!important}
.menu-scope.menu-client-v5 .menu-hero-bg:after{background:linear-gradient(180deg,rgba(11,23,51,.06),rgba(11,23,51,.34))!important}
.menu-scope.menu-client-v5 .menu-hero-top{position:relative!important;display:block!important;margin:-56px 18px 0!important;padding:18px 18px 16px!important;border-radius:24px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--m5-line)!important;box-shadow:0 20px 56px rgba(15,23,42,.10)!important}
.menu-scope.menu-client-v5 .menu-hero-controls{position:absolute!important;inset-inline-start:14px!important;top:14px!important;z-index:4!important}
.menu-scope.menu-client-v5 .menu-ctrl-form{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--m5-line)!important;box-shadow:0 8px 24px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .menu-ctrl-form select,
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:40px!important;padding:8px 12px!important;border-radius:12px!important;background:#fff!important;border:1px solid var(--m5-line)!important;color:var(--text)!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-hero-brand{display:flex!important;align-items:center!important;gap:14px!important;padding-inline-start:184px!important;min-height:92px!important}
.menu-scope.menu-client-v5 .menu-logo{width:74px!important;height:74px!important;border-radius:22px!important;border:4px solid #fff!important;box-shadow:0 12px 28px rgba(15,23,42,.14)!important}
.menu-scope.menu-client-v5 .menu-eyebrow{font-size:10px!important;letter-spacing:.08em!important;color:var(--brand)!important;margin-bottom:3px!important}
.menu-scope.menu-client-v5 .menu-title{font-size:31px!important;line-height:1.05!important;font-weight:950!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-chips{gap:6px!important;margin-top:8px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{padding:6px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 8%,var(--card_bg))!important;border:1px solid var(--m5-line)!important;color:var(--text)!important;font-size:10px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-subline{margin-top:8px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.5!important}
.menu-scope.menu-client-v5 .menu-hero-metrics{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 6%,#fff)!important;border:1px solid var(--m5-line)!important;color:var(--muted)!important;font-size:11px!important;font-weight:800!important}
.menu-scope.menu-client-v5 .menu-hero-metrics b{font-size:13px!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-hero-sub{margin:12px 18px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
.menu-scope.menu-client-v5 .menu-search--hero{order:1!important;padding:8px 10px!important;border-radius:18px!important;border:1px solid var(--m5-line)!important;background:var(--card_bg)!important;box-shadow:0 10px 26px rgba(15,23,42,.05)!important}
.menu-scope.menu-client-v5 .menu-search-row{min-height:48px!important;gap:10px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:48px!important;font-size:14px!important;font-weight:800!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-search-row input::placeholder{color:var(--muted)!important}
.menu-scope.menu-client-v5 .menu-search-clear{width:38px!important;height:38px!important;border-radius:11px!important;background:color-mix(in srgb,var(--brand) 6%,#fff)!important;border:1px solid var(--m5-line)!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .yr-filters{display:flex!important;flex-wrap:wrap!important;gap:7px!important;padding-top:7px!important}
.menu-scope.menu-client-v5 .yr-filters .chip{padding:7px 11px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 5%,#fff)!important;border:1px solid var(--m5-line)!important;color:var(--muted)!important;font-size:10px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-actions{order:2!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
.menu-scope.menu-client-v5 .act-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:10px 14px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--m5-line)!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;color:var(--text)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.menu-scope.menu-client-v5 .act-pill:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(15,23,42,.08)!important}
.menu-scope.menu-client-v5 .act-pill .act-ic{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:10px!important;background:color-mix(in srgb,var(--brand) 8%,#fff)!important;color:var(--brand)!important;display:grid!important;place-items:center!important}
.menu-scope.menu-client-v5 .act-pill.wa{background:linear-gradient(135deg,rgba(37,211,102,.11),rgba(37,211,102,.05))!important;border-color:rgba(37,211,102,.20)!important}
.menu-scope.menu-client-v5 .act-pill.wa .act-ic{background:rgba(37,211,102,.12)!important;color:#128c4a!important}
.menu-scope.menu-client-v5 .menu-trust-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:10px 18px 0!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:42px!important;padding:8px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--m5-line)!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;color:var(--text)!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn:hover{transform:translateY(-2px)!important}
.menu-scope.menu-client-v5 .menu-trust-links .badge{margin-inline-start:6px!important}
.menu-scope.menu-client-v5 .menu-category-nav-container{max-width:1220px!important;top:8px!important;padding:10px 14px 6px!important;z-index:40!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{padding:8px!important;border-radius:18px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--m5-line)!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs,.menu-scope.menu-client-v5 .menu-cat-index{gap:7px!important;padding:0!important;scrollbar-width:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs::-webkit-scrollbar,.menu-scope.menu-client-v5 .menu-cat-index::-webkit-scrollbar{display:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:42px!important;padding:8px 13px!important;border-radius:12px!important;background:color-mix(in srgb,var(--page_bg) 62%,#fff 38%)!important;border:1px solid transparent!important;color:var(--text)!important;font-size:11.5px!important;font-weight:900!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a:hover,.menu-scope.menu-client-v5 .menu-cat-index .cat-item:hover{border-color:var(--m5-line)!important;box-shadow:0 8px 18px rgba(15,23,42,.05)!important;transform:translateY(-1px)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a.active,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(21,94,239,.24)!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item .ct{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;font-size:10px!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active .ct{background:color-mix(in srgb,var(--hero_text) 18%,transparent)!important;color:var(--hero_text)!important}
.menu-scope.menu-client-v5 .cat-block{max-width:1210px!important;margin-inline:auto!important;margin-bottom:28px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding:10px 0 10px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:22px!important;line-height:1.1!important;font-weight:950!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .yr-cat-section-image{width:50px!important;height:50px!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(15,23,42,.08)!important}
.menu-scope.menu-client-v5 .yr-cat-count-pill{padding:6px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 6%,#fff)!important;border:1px solid var(--m5-line)!important;color:var(--muted)!important;font-size:10.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{padding:0!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--m5-line)!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;overflow:hidden!important;transition:transform .16s ease, box-shadow .22s ease, border-color .22s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 44px rgba(15,23,42,.12)!important;border-color:color-mix(in srgb,var(--brand) 20%,var(--m5-line))!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-row{display:flex!important;flex-direction:column!important;gap:0!important;height:100%!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{width:100%!important;aspect-ratio:4/3!important;background:color-mix(in srgb,var(--page_bg) 72%,#fff 28%)!important;position:relative!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .3s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover .product-thumb img{transform:scale(1.04)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:15px 15px 14px!important;display:flex!important;flex-direction:column!important;flex:1!important}
.menu-scope.menu-client-v5 .product-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:16.5px!important;line-height:1.3!important;font-weight:950!important;color:var(--text)!important;min-height:0!important;margin:0!important}
.menu-scope.menu-client-v5 .product-desc{font-size:11.5px!important;line-height:1.6!important;color:var(--muted)!important;min-height:38px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.menu-scope.menu-client-v5 .product-price{margin-inline-start:auto!important;text-align:end!important}
.menu-scope.menu-client-v5 .product-price .pp-main{font-size:15.5px!important;color:var(--brand)!important;font-weight:950!important}
.menu-scope.menu-client-v5 .product-price .pp-sub{font-size:10px!important;opacity:.62!important}
.menu-scope.menu-client-v5 .product-price .pp-tag{font-size:8.7px!important;padding:4px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--brand) 8%,transparent)!important;color:var(--brand)!important;font-weight:900!important}
.menu-scope.menu-client-v5 .product-badges{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:auto!important;padding-top:10px!important}
.menu-scope.menu-client-v5 .product-badges .badge{padding:5px 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--page_bg) 66%,#fff 34%)!important;border:1px solid var(--m5-line)!important;font-size:10px!important;font-weight:900!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .product-badges .badge.ok{background:rgba(34,197,94,.10)!important;border-color:rgba(34,197,94,.20)!important}
.menu-scope.menu-client-v5 .product-badges .badge.danger{background:rgba(239,68,68,.08)!important;border-color:rgba(239,68,68,.16)!important}
.menu-scope.menu-client-v5 .yr-quick-add{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;top:auto!important;bottom:10px!important;inset-inline-end:10px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;font-size:20px!important;font-weight:950!important;box-shadow:0 12px 24px rgba(15,23,42,.18)!important}
.menu-scope.menu-client-v5 .menu-footer-card{border-radius:24px!important;border:1px solid var(--m5-line)!important;box-shadow:0 12px 28px rgba(15,23,42,.05)!important}
.menu-scope.menu-client-v5 .menu-footer .icon-btn{min-height:44px!important;padding:10px 13px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--m5-line)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .sticky-cart,
.menu-scope.menu-client-v5 .sticky-wa{max-width:680px!important;left:12px!important;right:12px!important;margin-inline:auto!important;border-radius:22px!important;padding:14px 16px!important;box-shadow:0 22px 52px rgba(2,6,23,.22)!important}
@media(max-width:980px){
  .menu-scope.menu-client-v5>.container{padding:10px 10px!important}
  .menu-scope.menu-client-v5 .menu-hero-bg{height:176px!important;border-radius:22px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{margin:-46px 10px 0!important;padding:16px 14px 14px!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{position:static!important;margin-bottom:10px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{padding-inline-start:0!important;min-height:0!important}
  .menu-scope.menu-client-v5 .menu-logo{width:64px!important;height:64px!important;border-radius:18px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:24px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin:10px 10px 0!important}
  .menu-scope.menu-client-v5 .menu-actions{overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .act-pill{flex:0 0 auto!important}
  .menu-scope.menu-client-v5 .menu-trust-links{margin:10px 10px 0!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:9px 10px 5px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
}
@media(max-width:620px){
  .menu-scope.menu-client-v5>.container{padding:8px 8px!important}
  .menu-scope.menu-client-v5 .menu-hero-bg{height:154px!important;border-radius:0 0 22px 22px!important;margin-inline:-8px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{margin:-38px 6px 0!important;padding:12px 12px 12px!important;border-radius:19px!important}
  .menu-scope.menu-client-v5 .menu-logo{width:56px!important;height:56px!important;border-radius:16px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:22px!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics{gap:6px!important;overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{padding:5px!important;gap:5px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:38px!important;padding:7px 9px!important;font-size:10px!important}
  .menu-scope.menu-client-v5 .menu-search--hero{padding:7px 8px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .menu-search-row{min-height:44px!important}
  .menu-scope.menu-client-v5 .menu-search-row input{min-height:44px!important;font-size:13px!important}
  .menu-scope.menu-client-v5 .menu-actions{gap:6px!important}
  .menu-scope.menu-client-v5 .act-pill{min-height:42px!important;padding:8px 11px!important;font-size:11px!important;border-radius:12px!important}
  .menu-scope.menu-client-v5 .act-pill .act-ic{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:8px!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:38px!important;padding:7px 11px!important;font-size:10px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:8px 8px 4px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:15px!important;padding:6px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:38px!important;padding:7px 11px!important;font-size:11px!important;border-radius:11px!important}
  .menu-scope.menu-client-v5 .cat-block{padding-inline:8px!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:20px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:11px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;align-items:stretch!important;min-height:120px!important;height:100%!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{height:100%!important;min-height:120px!important;aspect-ratio:auto!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:11px 12px!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-info h4{font-size:14.5px!important}
  .menu-scope.menu-client-v5 .product-desc{font-size:10.8px!important;min-height:32px!important}
  .menu-scope.menu-client-v5 .product-price .pp-main{font-size:13.5px!important}
  .menu-scope.menu-client-v5 .product-badges .badge:nth-child(n+4){display:none!important}
  .menu-scope.menu-client-v5 .yr-quick-add{width:34px!important;height:34px!important;bottom:8px!important;inset-inline-end:8px!important;border-radius:12px!important}
}


/* R5B Food-first menu polish */

/* Food-first hierarchy: restaurant identity lives ON the cover, not in a SaaS card. */
.menu-scope.menu-client-v5 .menu-head.menu-hero{
  position:relative!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
.menu-scope.menu-client-v5 .menu-hero-bg{
  height:210px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 18px 46px rgba(15,23,42,.13)!important;
}
.menu-scope.menu-client-v5 .menu-hero-bg:after{
  background:linear-gradient(180deg,rgba(9,18,38,.08) 18%,rgba(9,18,38,.30) 54%,rgba(9,18,38,.72) 100%)!important;
}
.menu-scope.menu-client-v5 .menu-hero-top{
  position:absolute!important;
  inset-inline:14px!important;
  bottom:14px!important;
  z-index:4!important;
  margin:0!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(7,18,40,.76),rgba(15,35,70,.58))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 34px rgba(2,6,23,.18)!important;
  backdrop-filter:blur(14px)!important;
}
.menu-scope.menu-client-v5 .menu-hero-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  padding:0!important;
  flex:1!important;
}
.menu-scope.menu-client-v5 .menu-logo{
  width:66px!important;
  height:66px!important;
  flex:0 0 66px!important;
  border-radius:19px!important;
  border:3px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
}
.menu-scope.menu-client-v5 .menu-eyebrow{
  color:rgba(255,255,255,.72)!important;
  font-size:9px!important;
  margin-bottom:3px!important;
}
.menu-scope.menu-client-v5 .menu-title{
  color:#fff!important;
  font-size:28px!important;
  line-height:1.05!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
}
.menu-scope.menu-client-v5 .menu-subline{
  color:rgba(255,255,255,.78)!important;
  font-size:10.5px!important;
  margin-top:6px!important;
}
.menu-scope.menu-client-v5 .menu-chips{margin-top:6px!important;gap:5px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  padding:5px 8px!important;
  font-size:9px!important;
}
.menu-scope.menu-client-v5 .menu-hero-metrics{
  margin-top:7px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.menu-scope.menu-client-v5 .menu-hero-metrics span{
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.72)!important;
  padding:0!important;
  font-size:9.5px!important;
}
.menu-scope.menu-client-v5 .menu-hero-metrics b{color:#fff!important;font-size:11px!important}
.menu-scope.menu-client-v5 .menu-hero-controls{
  position:static!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
}
.menu-scope.menu-client-v5 .menu-ctrl-form{
  display:flex!important;
  gap:5px!important;
  padding:5px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
  backdrop-filter:blur(12px)!important;
}
.menu-scope.menu-client-v5 .menu-ctrl-form select,
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.94)!important;
  border:0!important;
  color:#0b1733!important;
  font-size:9.5px!important;
  font-weight:950!important;
}
/* One compact command bar immediately after the hero. */
.menu-scope.menu-client-v5 .menu-hero-sub{
  margin:10px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:stretch!important;
}
.menu-scope.menu-client-v5 .menu-search--hero{
  order:1!important;
  margin:0!important;
  padding:6px 9px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid var(--m5-line)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.menu-scope.menu-client-v5 .menu-search-row{min-height:42px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:42px!important;font-size:13px!important}
.menu-scope.menu-client-v5 .menu-search-clear{width:34px!important;height:34px!important;border-radius:10px!important}
.menu-scope.menu-client-v5 .yr-filters{gap:5px!important;padding-top:4px!important}
.menu-scope.menu-client-v5 .yr-filters .chip{
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:9px!important;
  background:#f7f9fc!important;
}
.menu-scope.menu-client-v5 .menu-actions{
  order:2!important;
  display:flex!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
}
.menu-scope.menu-client-v5 .act-pill{
  min-width:0!important;
  min-height:100%!important;
  padding:8px 11px!important;
  border-radius:14px!important;
  font-size:11px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
.menu-scope.menu-client-v5 .act-pill .act-ic{
  width:26px!important;
  height:26px!important;
  flex-basis:26px!important;
  border-radius:8px!important;
}
/* Trust features become secondary chips, not large content blocks. */
.menu-scope.menu-client-v5 .menu-trust-links{
  margin:8px 0 0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{
  min-height:36px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.86)!important;
}
/* Category strip sits close to the command bar and looks like a food menu nav. */
.menu-scope.menu-client-v5 .menu-category-nav-container{
  padding:8px 0 4px!important;
  top:6px!important;
}
.menu-scope.menu-client-v5 .menu-cat-wrap{
  padding:6px!important;
  border-radius:16px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}
.menu-scope.menu-client-v5 .menu-cat-tabs a,
.menu-scope.menu-client-v5 .menu-cat-index .cat-item{
  min-height:38px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  font-size:10.5px!important;
}
/* Products arrive sooner and visually dominate the page. */
.menu-scope.menu-client-v5 .menu-products-container{padding-top:4px!important}
.menu-scope.menu-client-v5 .cat-block{margin-bottom:24px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding:8px 0 8px!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:21px!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{gap:14px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{border-radius:20px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:13px 14px 13px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:16px!important}
.menu-scope.menu-client-v5 .product-desc{font-size:11.2px!important;min-height:34px!important}
.menu-scope.menu-client-v5 .yr-quick-add{width:38px!important;height:38px!important;border-radius:13px!important}
@media(max-width:980px){
  .menu-scope.menu-client-v5 .menu-hero-bg{height:190px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{inset-inline:10px!important;bottom:10px!important;padding:12px!important;align-items:flex-end!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{padding:0!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{position:static!important;margin:0!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .menu-actions{overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-actions::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .act-pill{min-height:42px!important;flex:0 0 auto!important}
}
@media(max-width:620px){
  .menu-scope.menu-client-v5>.container{padding:6px 8px!important}
  .menu-scope.menu-client-v5 .menu-hero-bg{height:168px!important;margin-inline:-8px!important;border-radius:0 0 22px 22px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{inset-inline:5px!important;bottom:6px!important;padding:10px!important;border-radius:17px!important;gap:8px!important}
  .menu-scope.menu-client-v5 .menu-logo{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:14px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:20px!important}
  .menu-scope.menu-client-v5 .menu-eyebrow{display:none!important}
  .menu-scope.menu-client-v5 .menu-subline{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:55vw!important}
  .menu-scope.menu-client-v5 .menu-chips{display:none!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics{margin-top:5px!important;gap:6px!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics span{font-size:8.5px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{gap:3px!important;padding:3px!important;border-radius:10px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:30px!important;padding:5px 6px!important;font-size:8.5px!important;border-radius:7px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin-top:7px!important;gap:6px!important}
  .menu-scope.menu-client-v5 .menu-search--hero{padding:5px 7px!important;border-radius:13px!important}
  .menu-scope.menu-client-v5 .menu-search-row{min-height:40px!important}
  .menu-scope.menu-client-v5 .menu-search-row input{min-height:40px!important;font-size:12px!important}
  .menu-scope.menu-client-v5 .yr-filters{overflow:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .yr-filters::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .yr-filters .chip{flex:0 0 auto!important}
  .menu-scope.menu-client-v5 .menu-actions{gap:5px!important}
  .menu-scope.menu-client-v5 .act-pill{min-height:38px!important;padding:7px 9px!important;font-size:10px!important}
  .menu-scope.menu-client-v5 .act-pill .act-ic{width:22px!important;height:22px!important;flex-basis:22px!important}
  .menu-scope.menu-client-v5 .menu-trust-links{margin-top:6px!important;justify-content:flex-start!important;overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-trust-links::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{flex:0 0 auto!important;min-height:34px!important;font-size:9px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:6px 0 3px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:13px!important;padding:5px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:36px!important;padding:6px 10px!important;font-size:10px!important}
  .menu-scope.menu-client-v5 .menu-products-container{padding-top:0!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:19px!important}
}


/* R5C Menu hero layout correction */

/* R5C: compact restaurant identity panel that participates in layout.
   This removes the R5B absolute overlay collision with search/actions. */
.menu-scope.menu-client-v5 .menu-head.menu-hero{
  overflow:visible!important;
}
.menu-scope.menu-client-v5 .menu-hero-bg{
  height:218px!important;
  border-radius:28px!important;
}
.menu-scope.menu-client-v5 .menu-hero-no-banner .menu-hero-bg{
  background-size:330px auto!important;
  background-repeat:no-repeat!important;
  background-position:center 44%!important;
  background-color:color-mix(in srgb,var(--brand) 7%,var(--page_bg))!important;
}
.menu-scope.menu-client-v5 .menu-hero-no-banner .menu-hero-bg:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--brand2) 15%,transparent),transparent 24rem),
    radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 26rem);
  pointer-events:none;
}
.menu-scope.menu-client-v5 .menu-hero-no-banner .menu-hero-bg:after{
  background:linear-gradient(180deg,rgba(9,18,38,.03),rgba(9,18,38,.22))!important;
}
.menu-scope.menu-client-v5 .menu-hero-top{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  margin:-82px 14px 0!important;
  padding:12px 14px!important;
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(7,18,40,.92),rgba(15,35,70,.82))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 36px rgba(2,6,23,.18)!important;
  backdrop-filter:blur(15px)!important;
}
.menu-scope.menu-client-v5 .menu-hero-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.menu-scope.menu-client-v5 .menu-logo{
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  border-radius:17px!important;
}
.menu-scope.menu-client-v5 .menu-title{
  font-size:26px!important;
  line-height:1.05!important;
}
.menu-scope.menu-client-v5 .menu-eyebrow{font-size:8.5px!important}
.menu-scope.menu-client-v5 .menu-subline{
  max-width:680px!important;
  font-size:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.menu-scope.menu-client-v5 .menu-chips{margin-top:5px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{font-size:8.5px!important;padding:4px 7px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics{margin-top:5px!important;gap:7px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics span{font-size:9px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics b{font-size:10.5px!important}
.menu-scope.menu-client-v5 .menu-hero-controls{
  position:static!important;
  inset:auto!important;
  align-self:start!important;
}
.menu-scope.menu-client-v5 .menu-ctrl-form{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.13)!important;
  padding:4px!important;
}
.menu-scope.menu-client-v5 .menu-ctrl-form select,
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{
  min-height:32px!important;
  padding:5px 8px!important;
  font-size:9px!important;
}
.menu-scope.menu-client-v5 .menu-hero-sub{
  margin:9px 14px 0!important;
  position:relative!important;
  z-index:2!important;
}
.menu-scope.menu-client-v5 .menu-trust-links{
  margin:7px 14px 0!important;
}
.menu-scope.menu-client-v5 .menu-category-nav-container{
  margin-top:3px!important;
}
@media(max-width:980px){
  .menu-scope.menu-client-v5 .menu-hero-bg{height:192px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{
    margin:-70px 10px 0!important;
    min-height:100px!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .menu-scope.menu-client-v5 .menu-hero-controls{width:100%!important;order:-1!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{width:max-content!important;max-width:100%!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin:8px 10px 0!important}
  .menu-scope.menu-client-v5 .menu-trust-links{margin:7px 10px 0!important}
}
@media(max-width:620px){
  .menu-scope.menu-client-v5 .menu-hero-bg{height:158px!important}
  .menu-scope.menu-client-v5 .menu-hero-no-banner .menu-hero-bg{background-size:220px auto!important}
  .menu-scope.menu-client-v5 .menu-hero-top{
    margin:-48px 5px 0!important;
    padding:9px!important;
    min-height:0!important;
    border-radius:17px!important;
  }
  .menu-scope.menu-client-v5 .menu-hero-controls{margin:0!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{gap:3px!important;padding:3px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form select,
  .menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:29px!important;padding:4px 6px!important;font-size:8px!important}
  .menu-scope.menu-client-v5 .menu-logo{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:19px!important}
  .menu-scope.menu-client-v5 .menu-subline{font-size:8.8px!important;max-width:62vw!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics span{font-size:8px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{margin:7px 5px 0!important}
  .menu-scope.menu-client-v5 .menu-trust-links{margin:6px 5px 0!important}
}


/* R5D Restaurant-first menu closure */

.menu-scope.menu-client-v5{--r5d-line:color-mix(in srgb,var(--text) 9%,transparent);--r5d-shadow:0 16px 42px rgba(15,23,42,.08)}
/* No real banner: remove the fake giant-logo cover completely. */
.menu-scope.menu-client-v5 .menu-hero.menu-hero-no-banner .menu-hero-bg{display:none!important}
.menu-scope.menu-client-v5 .menu-hero.menu-hero-no-banner .menu-hero-top{margin:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--card_bg)),color-mix(in srgb,var(--brand2) 7%,var(--card_bg)))!important;border:1px solid var(--r5d-line)!important;box-shadow:var(--r5d-shadow)!important}
.menu-scope.menu-client-v5 .menu-hero.menu-hero-has-banner .menu-hero-bg{height:178px!important}
.menu-scope.menu-client-v5 .menu-hero.menu-hero-has-banner .menu-hero-top{margin:-46px 18px 0!important}
/* Compact restaurant identity. */
.menu-scope.menu-client-v5 .menu-hero-top{min-height:112px!important;padding:15px 18px!important;border-radius:22px!important}
.menu-scope.menu-client-v5 .menu-hero-brand{padding-inline-start:166px!important;min-height:80px!important}
.menu-scope.menu-client-v5 .menu-logo{width:66px!important;height:66px!important;border-radius:19px!important}
.menu-scope.menu-client-v5 .menu-title{font-size:28px!important}
.menu-scope.menu-client-v5 .menu-hero-controls{inset-inline-start:12px!important;top:12px!important}
.menu-scope.menu-client-v5 .menu-ctrl-form{padding:5px!important;border-radius:14px!important}
.menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:36px!important;padding:7px 10px!important;border-radius:10px!important;font-size:10px!important}
/* Search + three compact icon actions in one row. */
.menu-scope.menu-client-v5 .menu-hero-sub{margin:9px 18px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
.menu-scope.menu-client-v5 .menu-search--hero{order:1!important;min-width:0!important;padding:6px 8px!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important}
.menu-scope.menu-client-v5 .menu-search-row{min-height:42px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:42px!important;font-size:13px!important}
.menu-scope.menu-client-v5 .yr-filters{gap:5px!important;padding-top:5px!important;flex-wrap:nowrap!important;overflow:auto!important;scrollbar-width:none!important}
.menu-scope.menu-client-v5 .yr-filters::-webkit-scrollbar{display:none!important}
.menu-scope.menu-client-v5 .yr-filters .chip{flex:0 0 auto!important;padding:6px 9px!important;font-size:9.5px!important}
.menu-scope.menu-client-v5 .menu-actions{order:2!important;display:flex!important;gap:6px!important;flex-wrap:nowrap!important}
.menu-scope.menu-client-v5 .act-pill{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:13px!important;display:grid!important;place-items:center!important;box-shadow:0 7px 18px rgba(15,23,42,.045)!important}
.menu-scope.menu-client-v5 .act-pill>span:last-child{display:none!important}
.menu-scope.menu-client-v5 .act-pill .act-ic{width:28px!important;height:28px!important;flex-basis:28px!important;background:transparent!important}
.menu-scope.menu-client-v5 .act-pill.wa{background:rgba(37,211,102,.10)!important}
/* Reviews and waitlist remain lightweight utilities. */
.menu-scope.menu-client-v5 .menu-trust-links{margin:7px 18px 0!important;gap:7px!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:35px!important;padding:6px 11px!important;font-size:10px!important;border-radius:999px!important}
/* Pull categories and food upward. */
.menu-scope.menu-client-v5 .menu-category-nav-container{padding-top:7px!important;padding-bottom:4px!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:15px!important;padding:6px!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:37px!important;padding:7px 11px!important;font-size:10.8px!important;border-radius:10px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding-top:5px!important;padding-bottom:7px!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:21px!important}
/* Product photography is shorter and cards are denser. */
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{gap:14px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{border-radius:19px!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{aspect-ratio:16/10!important;max-height:220px!important;overflow:hidden!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:12px 13px 13px!important;min-height:165px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:15.5px!important}
.menu-scope.menu-client-v5 .product-desc{font-size:10.8px!important;min-height:30px!important}
.menu-scope.menu-client-v5 .product-food-placeholder{width:100%;height:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 7%,#fff),color-mix(in srgb,var(--brand2) 8%,#fff));color:var(--muted)}
.menu-scope.menu-client-v5 .product-food-placeholder .pfp-icon{font-size:40px;filter:drop-shadow(0 6px 14px rgba(15,23,42,.08))}
.menu-scope.menu-client-v5 .product-food-placeholder .pfp-label{font-size:10.5px;font-weight:900;color:var(--muted)}
.menu-scope.menu-client-v5 .yr-quick-add{width:37px!important;height:37px!important;border-radius:12px!important}
@media(max-width:980px){
 .menu-scope.menu-client-v5 .menu-hero-brand{padding-inline-start:0!important}
 .menu-scope.menu-client-v5 .menu-hero-controls{position:static!important;margin-bottom:8px!important}
 .menu-scope.menu-client-v5 .menu-hero-sub{grid-template-columns:1fr!important;margin-inline:10px!important}
 .menu-scope.menu-client-v5 .menu-actions{justify-content:flex-start!important}
}
@media(max-width:620px){
 .menu-scope.menu-client-v5 .menu-hero.menu-hero-no-banner .menu-hero-top{margin:0 2px!important}
 .menu-scope.menu-client-v5 .menu-hero.menu-hero-has-banner .menu-hero-bg{height:136px!important}
 .menu-scope.menu-client-v5 .menu-hero.menu-hero-has-banner .menu-hero-top{margin:-32px 5px 0!important}
 .menu-scope.menu-client-v5 .menu-hero-top{padding:10px!important;min-height:0!important}
 .menu-scope.menu-client-v5 .menu-logo{width:52px!important;height:52px!important}
 .menu-scope.menu-client-v5 .menu-title{font-size:20px!important}
 .menu-scope.menu-client-v5 .menu-hero-metrics span{padding:6px 8px!important;font-size:9px!important}
 .menu-scope.menu-client-v5 .menu-hero-sub{margin:7px 5px 0!important;gap:6px!important}
 .menu-scope.menu-client-v5 .menu-search--hero{padding:5px 7px!important}
 .menu-scope.menu-client-v5 .menu-actions{gap:5px!important}
 .menu-scope.menu-client-v5 .act-pill{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:11px!important}
 .menu-scope.menu-client-v5 .menu-trust-links{margin:6px 5px 0!important}
 .menu-scope.menu-client-v5.menu-layout-grid .product-row{grid-template-columns:102px minmax(0,1fr)!important;min-height:110px!important}
 .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{min-height:110px!important;max-height:none!important}
 .menu-scope.menu-client-v5 .product-food-placeholder{min-height:110px!important}
 .menu-scope.menu-client-v5 .product-food-placeholder .pfp-icon{font-size:28px!important}
 .menu-scope.menu-client-v5 .product-food-placeholder .pfp-label{font-size:9px!important}
}


/* R5E Menu compact reset */

/* R5E: clean compact restaurant-first top area */
.menu-scope.menu-client-v5>.container{max-width:1180px!important;padding:10px 14px 16px!important}
.menu-scope.menu-client-v5 .menu-head.menu-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.menu-scope.menu-client-v5 .menu-hero-bg{display:none!important}
.menu-scope.menu-client-v5 .menu-hero-top{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:0!important;padding:14px 16px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;position:relative!important}
.menu-scope.menu-client-v5 .menu-hero-controls{position:absolute!important;inset-inline-start:14px!important;top:14px!important;z-index:3!important}
.menu-scope.menu-client-v5 .menu-ctrl-form{padding:4px!important;gap:6px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-ctrl-form select,.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;font-size:10.5px!important;font-weight:900!important;color:#0f172a!important}
.menu-scope.menu-client-v5 .menu-hero-brand{padding-inline-start:170px!important;min-height:78px!important;gap:12px!important;align-items:center!important}
.menu-scope.menu-client-v5 .menu-logo{width:68px!important;height:68px!important;border-radius:18px!important;border:4px solid #fff!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}
.menu-scope.menu-client-v5 .menu-title{font-size:27px!important;line-height:1.05!important;color:#0f172a!important}
.menu-scope.menu-client-v5 .menu-eyebrow{font-size:9px!important;letter-spacing:.08em!important;color:#3b82f6!important;margin-bottom:2px!important}
.menu-scope.menu-client-v5 .menu-subline{font-size:11.5px!important;color:#64748b!important;margin-top:6px!important}
.menu-scope.menu-client-v5 .menu-chips{margin-top:6px!important;gap:5px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{padding:5px 8px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(16,24,40,.08)!important;color:#334155!important;font-size:9.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-hero-metrics{margin-top:9px!important;gap:6px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics span{padding:6px 9px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(16,24,40,.08)!important;color:#64748b!important;font-size:10px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics b{font-size:12px!important;color:#0f172a!important}
.menu-scope.menu-client-v5 .menu-hero-sub{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;margin:10px 0 0!important}
.menu-scope.menu-client-v5 .menu-search--hero{order:1!important;padding:8px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;min-height:0!important}
.menu-scope.menu-client-v5 .menu-search-row{min-height:44px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:44px!important;font-size:13.5px!important}
.menu-scope.menu-client-v5 .menu-search-clear{width:34px!important;height:34px!important;border-radius:10px!important}
.menu-scope.menu-client-v5 .yr-filters{gap:6px!important;padding-top:6px!important}
.menu-scope.menu-client-v5 .yr-filters .chip{padding:6px 10px!important;font-size:9.5px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(16,24,40,.08)!important;color:#475569!important}
.menu-scope.menu-client-v5 .menu-actions{order:2!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;align-self:start!important}
.menu-scope.menu-client-v5 .act-pill{min-height:44px!important;padding:8px 11px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;font-size:11.5px!important;font-weight:900!important;color:#0f172a!important}
.menu-scope.menu-client-v5 .act-pill .act-ic{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:8px!important;background:#eff6ff!important;color:#2563eb!important}
.menu-scope.menu-client-v5 .act-pill.wa .act-ic{background:rgba(37,211,102,.12)!important;color:#16a34a!important}
.menu-scope.menu-client-v5 .menu-trust-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:10px 0 0!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:38px!important;padding:6px 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 6px 16px rgba(15,23,42,.03)!important;color:#0f172a!important;font-size:10.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-category-nav-container{padding:8px 0 4px!important;top:6px!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{padding:7px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(16,24,40,.08)!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.menu-scope.menu-client-v5 .cat-block{margin-bottom:22px!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:20px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding-top:4px!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{gap:14px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{border-radius:20px!important;box-shadow:0 10px 24px rgba(15,23,42,.05)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{aspect-ratio:16/11!important;background:#eef2f7!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:13px 14px 13px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:15.5px!important}
.menu-scope.menu-client-v5 .product-desc{font-size:10.8px!important;min-height:32px!important}
.menu-scope.menu-client-v5 .product-price .pp-main{font-size:14px!important}
.menu-scope.menu-client-v5 .yr-quick-add{width:36px!important;height:36px!important;border-radius:12px!important}
@media(max-width:980px){
  .menu-scope.menu-client-v5>.container{padding:8px 10px 14px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{padding:12px 12px!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{position:static!important;margin-bottom:8px!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{padding-inline-start:0!important;min-height:0!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .menu-actions{order:1!important;overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-search--hero{order:2!important}
}
@media(max-width:620px){
  .menu-scope.menu-client-v5>.container{padding:6px 8px 12px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{padding:10px!important;border-radius:18px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{width:max-content!important;max-width:100%!important}
  .menu-scope.menu-client-v5 .menu-logo{width:56px!important;height:56px!important;border-radius:16px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:21px!important}
  .menu-scope.menu-client-v5 .menu-subline{font-size:10.5px!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics{overflow:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-search-row input{font-size:13px!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{font-size:10px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:15px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:10px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;min-height:118px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{height:100%!important;aspect-ratio:auto!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:11px!important}
}


/* R5F Mobile menu + checkout closure */

/* Main menu mobile refinements */
@media(max-width:620px){
  .menu-scope.menu-client-v5{padding-bottom:84px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{position:sticky!important;top:4px!important;z-index:40!important;padding:6px 8px 4px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{overflow:hidden!important;padding:6px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs .tabs,
  .menu-scope.menu-client-v5 .menu-cat-index{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scroll-padding-inline:8px!important;padding-inline:2px!important;gap:6px!important;-webkit-overflow-scrolling:touch!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,
  .menu-scope.menu-client-v5 .menu-cat-index .cat-item{flex:0 0 auto!important;scroll-snap-align:start!important;min-height:38px!important;padding:7px 11px!important;font-size:10.8px!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:19px!important}
  .menu-scope.menu-client-v5 .yr-cat-count-pill{font-size:9.5px!important;padding:5px 8px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-card{border-radius:18px!important;overflow:hidden!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{grid-template-columns:104px minmax(0,1fr)!important;min-height:116px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:10px 11px!important}
  .menu-scope.menu-client-v5 .product-info h4{font-size:14.5px!important;line-height:1.3!important}
  .menu-scope.menu-client-v5 .product-desc{font-size:10.5px!important;line-height:1.45!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-price .pp-main{font-size:13.5px!important}
  .menu-scope.menu-client-v5 .product-price .pp-sub{font-size:9.5px!important}
  .menu-scope.menu-client-v5 .yr-quick-add{width:34px!important;height:34px!important;bottom:7px!important;inset-inline-end:7px!important}
  .menu-scope.menu-client-v5 .sticky-cart,
  .menu-scope.menu-client-v5 .sticky-wa{left:12px!important;right:12px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-height:54px!important;padding:11px 14px!important;border-radius:18px!important}
}

/* Checkout: mobile-first closure */
.yr-public-flow-page{color:#0f172a!important}
.yr-public-flow-page .yr-flow-container{max-width:1120px!important}
.yr-public-flow-page .yr-order-summary-card,
.yr-public-flow-page .yr-flow-card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important}
.yr-public-flow-page .yr-section-head h2,
.yr-public-flow-page .yr-cart-item-name,
.yr-public-flow-page .yr-cart-price,
.yr-public-flow-page .yr-cart-subtotal,
.yr-public-flow-page .yr-checkout-hero h1{color:#0f172a!important}
.yr-public-flow-page .yr-flow-kicker,
.yr-public-flow-page .yr-cart-item-extra{color:#64748b!important}
.yr-public-flow-page .yr-cart-row{min-height:0!important}
.yr-public-flow-page .yr-cart-info{min-width:0!important;display:block!important;color:#0f172a!important}
.yr-public-flow-page .yr-cart-side{display:grid!important;justify-items:end!important;gap:7px!important;min-width:112px!important}
.yr-public-flow-page .yr-cart-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important}
.yr-public-flow-page .yr-cart-actions .btn{width:34px!important;height:34px!important;padding:0!important;border-radius:10px!important}
.yr-public-flow-page .yr-cart-actions .badge{min-width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important}
.yr-public-flow-page .yr-cart-remove{margin-top:0!important;width:auto!important;height:auto!important;padding:5px 8px!important;border-radius:9px!important}
.yr-public-flow-page .yr-cart-subtotal{margin-top:10px!important;padding:11px 12px!important;border-radius:15px!important}
.yr-public-flow-page .yr-also-list{scroll-snap-type:x proximity!important;scrollbar-width:none!important}
.yr-public-flow-page .yr-also-list::-webkit-scrollbar{display:none!important}
.yr-public-flow-page .yr-also-list .yr-mini-card{scroll-snap-align:start!important}

@media(max-width:640px){
  .yr-public-flow-page .topbar{margin:6px 8px 0!important;border-radius:16px!important}
  .yr-public-flow-page .yr-flow-container{padding:8px 8px 84px!important}
  .yr-public-flow-page .yr-checkout-hero{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px 12px!important;margin-bottom:10px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;min-height:0!important}
  .yr-public-flow-page .yr-checkout-hero:before{display:none!important}
  .yr-public-flow-page .yr-checkout-brand{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
  .yr-public-flow-page .yr-checkout-brand img{width:46px!important;height:46px!important;border-radius:14px!important;object-fit:contain!important;background:#fff!important;box-shadow:none!important}
  .yr-public-flow-page .yr-checkout-brand h1{font-size:19px!important;margin:1px 0 2px!important;line-height:1.15!important}
  .yr-public-flow-page .yr-checkout-brand p{display:none!important}
  .yr-public-flow-page .yr-flow-kicker{font-size:9px!important;letter-spacing:.04em!important}
  .yr-public-flow-page .yr-flow-steps{display:none!important}
  .yr-public-flow-page .yr-checkout-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .yr-public-flow-page .yr-order-summary-card{padding:10px!important;border-radius:18px!important;position:static!important}
  .yr-public-flow-page .yr-section-head{align-items:center!important;margin-bottom:9px!important;gap:8px!important}
  .yr-public-flow-page .yr-section-head h2{font-size:16px!important;margin-top:1px!important}
  .yr-public-flow-page .yr-section-head .btn{min-height:36px!important;padding:7px 10px!important;border-radius:11px!important;font-size:11px!important}
  .yr-public-flow-page .yr-cart-list{gap:8px!important}
  .yr-public-flow-page .yr-cart-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:10px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(15,23,42,.07)!important;box-shadow:none!important}
  .yr-public-flow-page .yr-cart-item-name{font-size:14px!important;font-weight:950!important;line-height:1.3!important}
  .yr-public-flow-page .yr-cart-item-extra{font-size:10.5px!important;margin-top:3px!important}
  .yr-public-flow-page .yr-cart-side{min-width:104px!important;gap:5px!important}
  .yr-public-flow-page .yr-cart-price{font-size:11px!important;margin-top:0!important;white-space:nowrap!important}
  .yr-public-flow-page .yr-cart-price .syp-pair-mini{font-size:10px!important}
  .yr-public-flow-page .yr-cart-subtotal{font-size:12px!important;padding:10px!important}
  .yr-public-flow-page .yr-upsell-mount{margin-top:10px!important}
  .yr-public-flow-page .yr-upsell-mount .card{padding:10px!important;border-radius:16px!important}
  .yr-public-flow-page .yr-also-list{gap:8px!important;padding:6px 0!important}
  .yr-public-flow-page .yr-also-list .yr-mini-card{min-width:126px!important;max-width:126px!important;padding:7px!important;border-radius:14px!important}
  .yr-public-flow-page .yr-also-list .yr-mini-card img,
  .yr-public-flow-page .yr-also-list .yr-mini-card .ph{height:70px!important;border-radius:11px!important}
  .yr-public-flow-page .yr-also-list .nm{font-size:11px!important;line-height:1.25!important;min-height:28px!important}
  .yr-public-flow-page .yr-also-list .pr{font-size:10.5px!important}
  .yr-public-flow-page .yr-checkout-main{gap:10px!important}
  .yr-public-flow-page .yr-flow-card{padding:12px!important;border-radius:18px!important}
  .yr-public-flow-page .yr-mode-pills{grid-template-columns:1fr!important;gap:7px!important}
  .yr-public-flow-page .yr-mode-pill{padding:9px!important;border-radius:14px!important;min-height:54px!important}
  .yr-public-flow-page .yr-mode-pill .ico{width:34px!important;height:34px!important;border-radius:11px!important;font-size:17px!important}
  .yr-public-flow-page .yr-field-wrap input,
  .yr-public-flow-page .yr-field-wrap select,
  .yr-public-flow-page .yr-field-wrap textarea{min-height:44px!important;border-radius:12px!important}
  .yr-public-flow-page .yr-submit-bar{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;padding:8px!important;border-radius:18px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .yr-public-flow-page .yr-submit-bar .btn{min-height:48px!important;border-radius:14px!important}
}


/* R6 Theme-safe structural UI fix */

/* R6: theme-safe structural cleanup for public menu + mobile checkout.
   Uses existing theme tokens and only stabilizes layout/hierarchy. */
.menu-scope.menu-client-v5{
  --ui-line: color-mix(in srgb, var(--text) 10%, transparent);
  --ui-line-strong: color-mix(in srgb, var(--text) 16%, transparent);
  --ui-soft: color-mix(in srgb, var(--brand) 6%, var(--card_bg));
  --ui-soft-2: color-mix(in srgb, var(--brand2) 8%, var(--card_bg));
  --ui-pill: color-mix(in srgb, var(--page_bg) 65%, var(--card_bg));
  --ui-shadow: 0 10px 28px rgba(15,23,42,.05);
  --ui-shadow-lg: 0 16px 38px rgba(15,23,42,.08);
}
.menu-scope.menu-client-v5>.container{max-width:1180px!important;padding:12px 16px 88px!important}
.menu-scope.menu-client-v5 .menu-head.menu-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;margin-bottom:8px!important}
.menu-scope.menu-client-v5 .menu-hero-bg{display:none!important}
.menu-scope.menu-client-v5 .menu-hero-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"brand controls" "sub sub"!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;
  border:1px solid var(--ui-line)!important;
  box-shadow:var(--ui-shadow)!important;
  position:relative!important;
}
.menu-scope.menu-client-v5 .menu-hero-controls{grid-area:controls!important;position:static!important;justify-self:start!important;align-self:start!important;z-index:2!important}
.menu-scope.menu-client-v5 .menu-ctrl-form{display:flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border-radius:14px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-ctrl-form select,
.menu-scope.menu-client-v5 .menu-ctrl-form .btn{min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--ui-line)!important;color:var(--text)!important;font-size:10.5px!important;font-weight:900!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-hero-brand{grid-area:brand!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:0!important;min-height:0!important}
.menu-scope.menu-client-v5 .menu-logo{width:72px!important;height:72px!important;border-radius:20px!important;border:3px solid color-mix(in srgb,var(--card_bg) 92%,#fff 8%)!important;background:color-mix(in srgb,var(--card_bg) 96%,#fff 4%)!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;object-fit:contain!important}
.menu-scope.menu-client-v5 .menu-eyebrow{font-size:9px!important;letter-spacing:.08em!important;color:var(--brand)!important;margin-bottom:3px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-title{font-size:29px!important;line-height:1.04!important;font-weight:950!important;color:var(--text)!important;margin:0!important}
.menu-scope.menu-client-v5 .menu-subline{font-size:12px!important;line-height:1.5!important;color:var(--muted)!important;margin-top:6px!important}
.menu-scope.menu-client-v5 .menu-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:6px!important}
.menu-scope.menu-client-v5 .menu-chips .badge{padding:5px 9px!important;border-radius:999px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--text)!important;font-size:9.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-hero-metrics{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:10px!important}
.menu-scope.menu-client-v5 .menu-hero-metrics span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:999px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--muted)!important;font-size:10px!important;font-weight:850!important}
.menu-scope.menu-client-v5 .menu-hero-metrics b{font-size:12px!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .menu-hero-sub{grid-area:sub!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;margin:0!important}
.menu-scope.menu-client-v5 .menu-search--hero{order:1!important;margin:0!important;padding:8px!important;border-radius:18px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important;min-height:0!important}
.menu-scope.menu-client-v5 .menu-search-row{min-height:46px!important;gap:10px!important}
.menu-scope.menu-client-v5 .menu-search-row input{min-height:46px!important;font-size:13.5px!important;font-weight:850!important;color:var(--text)!important;background:transparent!important}
.menu-scope.menu-client-v5 .menu-search-row input::placeholder{color:color-mix(in srgb,var(--muted) 88%,transparent)!important}
.menu-scope.menu-client-v5 .menu-search-clear{width:34px!important;height:34px!important;border-radius:10px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--muted)!important}
.menu-scope.menu-client-v5 .yr-filters{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding-top:6px!important}
.menu-scope.menu-client-v5 .yr-filters .chip{padding:6px 10px!important;border-radius:999px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .menu-actions{order:2!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;align-self:start!important}
.menu-scope.menu-client-v5 .act-pill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:8px 12px!important;border-radius:14px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important;color:var(--text)!important;font-size:11.5px!important;font-weight:900!important;white-space:nowrap!important}
.menu-scope.menu-client-v5 .act-pill:hover{transform:translateY(-1px)!important;border-color:var(--ui-line-strong)!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}
.menu-scope.menu-client-v5 .act-pill .act-ic{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:8px!important;background:var(--ui-soft)!important;color:var(--brand)!important;display:grid!important;place-items:center!important}
.menu-scope.menu-client-v5 .act-pill.wa .act-ic{background:color-mix(in srgb,#25d366 12%,var(--card_bg))!important;color:#129a4b!important}
.menu-scope.menu-client-v5 .menu-trust-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:10px 0 0!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:38px!important;padding:6px 12px!important;border-radius:999px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important;color:var(--text)!important;font-size:10.5px!important;font-weight:900!important;text-decoration:none!important}
.menu-scope.menu-client-v5 .menu-trust-links>.btn:hover{transform:translateY(-1px)!important;border-color:var(--ui-line-strong)!important}
.menu-scope.menu-client-v5 .menu-category-nav-container{padding:8px 0 4px!important;top:4px!important;z-index:40!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{padding:8px!important;border-radius:18px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;overflow:hidden!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs,
.menu-scope.menu-client-v5 .menu-cat-index{display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs::-webkit-scrollbar,
.menu-scope.menu-client-v5 .menu-cat-index::-webkit-scrollbar{display:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a,
.menu-scope.menu-client-v5 .menu-cat-index .cat-item{flex:0 0 auto!important;scroll-snap-align:start!important;min-height:40px!important;padding:8px 12px!important;border-radius:12px!important;background:var(--ui-pill)!important;border:1px solid transparent!important;color:var(--text)!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a:hover,
.menu-scope.menu-client-v5 .menu-cat-index .cat-item:hover{border-color:var(--ui-line)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a.active,
.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 26%,transparent)!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item .ct{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:color-mix(in srgb,var(--card_bg) 78%,transparent)!important;color:var(--muted)!important;font-size:9px!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active .ct{background:color-mix(in srgb,var(--hero_text) 18%,transparent)!important;color:var(--hero_text)!important}
.menu-scope.menu-client-v5 .cat-block{margin-bottom:22px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding:4px 0 8px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:22px!important;line-height:1.1!important;font-weight:950!important;color:var(--text)!important}
.menu-scope.menu-client-v5 .yr-cat-count-pill{padding:5px 9px!important;border-radius:999px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{border-radius:20px!important;overflow:hidden!important;background:color-mix(in srgb,var(--card_bg) 98%,transparent)!important;border:1px solid var(--ui-line)!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;transition:transform .16s ease,box-shadow .18s ease,border-color .18s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover{transform:translateY(-2px)!important;box-shadow:var(--ui-shadow-lg)!important;border-color:var(--ui-line-strong)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-row{display:flex!important;flex-direction:column!important;height:100%!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{aspect-ratio:4/3!important;background:color-mix(in srgb,var(--page_bg) 72%,var(--card_bg) 28%)!important;position:relative!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{display:flex!important;flex-direction:column!important;flex:1!important;padding:13px 14px!important;gap:4px!important}
.menu-scope.menu-client-v5 .product-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:15.5px!important;line-height:1.3!important;font-weight:950!important;color:var(--text)!important;margin:0!important}
.menu-scope.menu-client-v5 .product-desc{font-size:10.8px!important;line-height:1.55!important;color:var(--muted)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:32px!important}
.menu-scope.menu-client-v5 .product-price{margin-inline-start:auto!important;text-align:end!important}
.menu-scope.menu-client-v5 .product-price .pp-main{font-size:14.5px!important;font-weight:950!important;color:var(--brand)!important}
.menu-scope.menu-client-v5 .product-price .pp-sub{font-size:9.8px!important;color:var(--muted)!important;opacity:.85!important}
.menu-scope.menu-client-v5 .product-price .pp-tag{padding:4px 7px!important;border-radius:999px!important;background:var(--ui-soft)!important;color:var(--brand)!important;font-size:8.8px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .product-badges{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:auto!important;padding-top:8px!important}
.menu-scope.menu-client-v5 .product-badges .badge{padding:5px 7px!important;border-radius:999px!important;background:var(--ui-pill)!important;border:1px solid var(--ui-line)!important;color:var(--text)!important;font-size:9px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .yr-quick-add{width:36px!important;height:36px!important;bottom:8px!important;inset-inline-end:8px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)!important}
.menu-scope.menu-client-v5 .sticky-cart,
.menu-scope.menu-client-v5 .sticky-wa{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:max(12px,env(safe-area-inset-bottom))!important;max-width:560px!important;width:calc(100% - 28px)!important;min-height:50px!important;padding:10px 14px!important;border-radius:18px!important;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent)!important;box-shadow:0 16px 36px rgba(2,6,23,.16)!important;backdrop-filter:blur(12px)!important}
.menu-scope.menu-client-v5 .sticky-cart-tx,
.menu-scope.menu-client-v5 .sticky-wa-tx{font-weight:950!important}
.menu-scope.menu-client-v5 .sticky-cart-total{font-size:13px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .sticky-cart-badge{min-width:30px!important;height:30px!important;font-size:12px!important}

.yr-public-flow-page{
  --flow-line: color-mix(in srgb, var(--text, #0f172a) 10%, transparent);
  --flow-pill: color-mix(in srgb, var(--page_bg, #f8fafc) 65%, var(--card_bg, #fff));
}
.yr-public-flow-page .yr-flow-container{max-width:1120px!important;padding-bottom:96px!important}
.yr-public-flow-page .yr-checkout-hero,
.yr-public-flow-page .yr-order-summary-card,
.yr-public-flow-page .yr-flow-card{background:color-mix(in srgb,var(--card_bg, #fff) 96%,transparent)!important;border:1px solid var(--flow-line)!important;box-shadow:0 10px 26px rgba(15,23,42,.05)!important}
.yr-public-flow-page .yr-checkout-hero{padding:14px!important;border-radius:20px!important;min-height:0!important}
.yr-public-flow-page .yr-checkout-brand{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;align-items:center!important}
.yr-public-flow-page .yr-checkout-brand img{width:54px!important;height:54px!important;border-radius:16px!important;object-fit:contain!important;background:color-mix(in srgb,var(--card_bg, #fff) 96%,transparent)!important}
.yr-public-flow-page .yr-checkout-brand h1{font-size:22px!important;line-height:1.15!important;color:var(--text, #0f172a)!important}
.yr-public-flow-page .yr-checkout-brand p{font-size:12px!important;color:var(--muted, #64748b)!important}
.yr-public-flow-page .yr-flow-kicker{font-size:10px!important;color:var(--brand, #2563eb)!important;letter-spacing:.04em!important}
.yr-public-flow-page .yr-checkout-layout{gap:14px!important}
.yr-public-flow-page .yr-section-head{margin-bottom:10px!important;gap:8px!important}
.yr-public-flow-page .yr-section-head h2{font-size:18px!important;color:var(--text, #0f172a)!important}
.yr-public-flow-page .yr-section-head .btn{min-height:36px!important;padding:7px 11px!important;border-radius:11px!important}
.yr-public-flow-page .yr-cart-list{gap:10px!important}
.yr-public-flow-page .yr-cart-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:16px!important;background:color-mix(in srgb,var(--card_bg, #fff) 98%,transparent)!important;border:1px solid var(--flow-line)!important;box-shadow:none!important}
.yr-public-flow-page .yr-cart-info{min-width:0!important}
.yr-public-flow-page .yr-cart-item-name{font-size:14px!important;line-height:1.35!important;font-weight:950!important;color:var(--text, #0f172a)!important}
.yr-public-flow-page .yr-cart-item-extra{font-size:10.5px!important;line-height:1.45!important;color:var(--muted, #64748b)!important;margin-top:4px!important}
.yr-public-flow-page .yr-cart-side{display:grid!important;justify-items:end!important;gap:6px!important;min-width:108px!important}
.yr-public-flow-page .yr-cart-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important}
.yr-public-flow-page .yr-cart-actions .btn,
.yr-public-flow-page .yr-cart-actions .badge{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.yr-public-flow-page .yr-cart-remove{margin-top:0!important;padding:5px 8px!important;border-radius:9px!important;width:auto!important;height:auto!important}
.yr-public-flow-page .yr-cart-price{font-size:11px!important;color:var(--text, #0f172a)!important;white-space:nowrap!important}
.yr-public-flow-page .yr-cart-subtotal{margin-top:10px!important;padding:10px 12px!important;border-radius:14px!important;background:var(--flow-pill)!important;border:1px solid var(--flow-line)!important;color:var(--text, #0f172a)!important;font-size:12px!important}
.yr-public-flow-page .yr-upsell-mount{margin-top:10px!important}
.yr-public-flow-page .yr-upsell-mount .card{padding:10px!important;border-radius:16px!important}
.yr-public-flow-page .yr-also-list{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding:4px 0!important}
.yr-public-flow-page .yr-also-list::-webkit-scrollbar{display:none!important}
.yr-public-flow-page .yr-also-list .yr-mini-card{min-width:132px!important;max-width:132px!important;padding:8px!important;border-radius:14px!important;scroll-snap-align:start!important;background:color-mix(in srgb,var(--card_bg, #fff) 98%,transparent)!important;border:1px solid var(--flow-line)!important}
.yr-public-flow-page .yr-also-list .yr-mini-card img,
.yr-public-flow-page .yr-also-list .yr-mini-card .ph{height:78px!important;border-radius:11px!important;background:color-mix(in srgb,var(--page_bg, #f8fafc) 70%,var(--card_bg, #fff) 30%)!important}
.yr-public-flow-page .yr-also-list .nm{font-size:11px!important;line-height:1.3!important;min-height:30px!important;color:var(--text, #0f172a)!important}
.yr-public-flow-page .yr-also-list .pr{font-size:10.5px!important;color:var(--text, #0f172a)!important}
.yr-public-flow-page .yr-flow-card{padding:12px!important;border-radius:18px!important}
.yr-public-flow-page .yr-mode-pills{gap:8px!important}
.yr-public-flow-page .yr-mode-pill{min-height:56px!important;padding:9px 10px!important;border-radius:14px!important}
.yr-public-flow-page .yr-mode-pill .ico{width:34px!important;height:34px!important;border-radius:11px!important}
.yr-public-flow-page .yr-field-wrap input,
.yr-public-flow-page .yr-field-wrap select,
.yr-public-flow-page .yr-field-wrap textarea{min-height:44px!important;border-radius:12px!important}
.yr-public-flow-page .yr-submit-bar{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(640px,calc(100% - 24px))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;padding:8px!important;border-radius:18px!important;gap:8px!important;background:color-mix(in srgb,var(--card_bg, #fff) 82%,transparent)!important;border:1px solid var(--flow-line)!important;backdrop-filter:blur(12px)!important;box-shadow:0 16px 34px rgba(2,6,23,.14)!important}
.yr-public-flow-page .yr-submit-bar .btn{min-height:46px!important;border-radius:14px!important}

@media(max-width:980px){
  .menu-scope.menu-client-v5>.container{padding:10px 12px 90px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{grid-template-columns:1fr!important;grid-template-areas:"controls" "brand" "sub"!important;padding:14px!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{justify-self:start!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{grid-template-columns:minmax(0,1fr) auto!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:25px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .menu-actions{overflow-x:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-actions::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
}
@media(max-width:640px){
  .menu-scope.menu-client-v5{padding-bottom:76px!important}
  .menu-scope.menu-client-v5>.container{padding:8px 8px 86px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{padding:12px!important;border-radius:20px!important;gap:10px!important}
  .menu-scope.menu-client-v5 .menu-ctrl-form{max-width:100%!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .menu-scope.menu-client-v5 .menu-logo{width:58px!important;height:58px!important;border-radius:16px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:22px!important}
  .menu-scope.menu-client-v5 .menu-subline{font-size:10.5px!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics{overflow-x:auto!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .menu-hero-metrics::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .menu-search-row input{font-size:13px!important}
  .menu-scope.menu-client-v5 .menu-actions{gap:6px!important}
  .menu-scope.menu-client-v5 .act-pill{min-height:40px!important;padding:7px 10px!important;font-size:10.8px!important;border-radius:12px!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{font-size:10px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:6px 0 4px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{border-radius:16px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,
  .menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:38px!important;padding:7px 11px!important;font-size:10.5px!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:20px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:10px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;align-items:stretch!important;min-height:122px!important;height:100%!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{height:100%!important;aspect-ratio:auto!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:11px 12px!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-info h4{font-size:14.5px!important}
  .menu-scope.menu-client-v5 .product-desc{font-size:10.2px!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-badges .badge:nth-child(n+4){display:none!important}
  .menu-scope.menu-client-v5 .sticky-cart,
  .menu-scope.menu-client-v5 .sticky-wa{width:calc(100% - 20px)!important;min-height:48px!important;padding:9px 12px!important;border-radius:16px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .menu-scope.menu-client-v5 .sticky-cart-total{font-size:12px!important}
  .yr-public-flow-page .yr-flow-container{padding:8px 8px 86px!important}
  .yr-public-flow-page .yr-checkout-hero{padding:10px!important;border-radius:18px!important}
  .yr-public-flow-page .yr-checkout-brand{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}
  .yr-public-flow-page .yr-checkout-brand img{width:46px!important;height:46px!important;border-radius:14px!important}
  .yr-public-flow-page .yr-checkout-brand h1{font-size:19px!important}
  .yr-public-flow-page .yr-order-summary-card{padding:10px!important;border-radius:16px!important;position:static!important}
  .yr-public-flow-page .yr-cart-row{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important;border-radius:14px!important}
  .yr-public-flow-page .yr-cart-side{min-width:102px!important}
  .yr-public-flow-page .yr-also-list .yr-mini-card{min-width:124px!important;max-width:124px!important}
  .yr-public-flow-page .yr-submit-bar{width:calc(100% - 16px)!important;padding:7px!important;border-radius:16px!important}
  .yr-public-flow-page .yr-submit-bar .btn{min-height:44px!important}
}

/* R7 — Reference-inspired restaurant experiences, Theme Studio safe */
.menu-scope.menu-client-v5 .cat-thumb{display:none}
.menu-scope.menu-client-v5 .cat-label{display:inline-block}

/* ---------- Modern Food: photo-led restaurant header + fast product list ---------- */
.menu-scope.menu-experience-modern-food.has-cover .menu-head.menu-hero{position:relative!important;overflow:visible!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-bg{
  display:block!important;position:relative!important;height:210px!important;border-radius:26px!important;
  background-image:var(--hero_img)!important;background-size:cover!important;background-position:center!important;
  filter:none!important;transform:none!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(15,23,42,.12)!important
}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-bg:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,.16),rgba(4,10,20,.72))
}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-top{
  margin:-162px 14px 0!important;min-height:148px!important;padding:14px 16px!important;border:0!important;border-radius:22px!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
  grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand controls" "sub sub"!important
}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-self:center!important;gap:7px!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-logo{width:68px!important;height:68px!important;border-radius:50%!important;border:3px solid rgba(255,255,255,.9)!important;background:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-title{color:var(--hero_text,#fff)!important;font-size:27px!important;text-shadow:0 2px 12px rgba(0,0,0,.28)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-eyebrow,
.menu-scope.menu-experience-modern-food.has-cover .menu-subline,
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-metrics span{color:var(--hero_muted,#e2e8f0)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-chips .badge,
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-metrics span{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.20)!important;color:var(--hero_text,#fff)!important;backdrop-filter:blur(8px)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-metrics b{color:var(--hero_text,#fff)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-hero-controls{align-self:start!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-ctrl-form{background:rgba(15,23,42,.28)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important}
.menu-scope.menu-experience-modern-food.has-cover .menu-ctrl-form select,
.menu-scope.menu-experience-modern-food.has-cover .menu-ctrl-form .btn{background:rgba(255,255,255,.90)!important;color:#111827!important;border-color:rgba(255,255,255,.18)!important}
.menu-scope.menu-experience-modern-food.no-cover .menu-hero-top{
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--card_bg)),color-mix(in srgb,var(--brand2) 7%,var(--card_bg)))!important
}
.menu-scope.menu-experience-modern-food .menu-hero-sub{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin-top:10px!important}
.menu-scope.menu-experience-modern-food .menu-actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:nowrap!important}
.menu-scope.menu-experience-modern-food .act-pill{min-width:auto!important;min-height:44px!important;border-radius:999px!important;padding:8px 11px!important}
.menu-scope.menu-experience-modern-food .act-pill .act-ic{border-radius:50%!important}
.menu-scope.menu-experience-modern-food .menu-cat-tabs .tabs a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:70px!important;min-height:68px!important;padding:7px 8px!important;border-radius:14px!important}
.menu-scope.menu-experience-modern-food .menu-cat-tabs .cat-thumb{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;overflow:hidden!important;background:var(--ui-soft)!important;border:1px solid var(--ui-line)!important;font-size:17px!important}
.menu-scope.menu-experience-modern-food .menu-cat-tabs .cat-thumb picture,
.menu-scope.menu-experience-modern-food .menu-cat-tabs .cat-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.menu-scope.menu-experience-modern-food .menu-cat-tabs .cat-label{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important}
.menu-scope.menu-experience-modern-food .menu-cat-tabs a.active .cat-thumb{border-color:rgba(255,255,255,.38)!important;background:rgba(255,255,255,.16)!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .product-card{padding:0!important;border-radius:18px!important;overflow:hidden!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .product-row{display:grid!important;grid-template-columns:minmax(0,1fr) 128px!important;gap:0!important;min-height:150px!important;height:100%!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .product-thumb{grid-column:2!important;width:128px!important;height:100%!important;min-height:150px!important;border-radius:0!important;aspect-ratio:auto!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .product-info{grid-column:1!important;grid-row:1!important;padding:14px!important;display:flex!important;flex-direction:column!important}
.menu-scope.menu-experience-modern-food.menu-layout-list .yr-quick-add{display:grid!important;place-items:center!important;top:auto!important;bottom:10px!important;inset-inline-end:10px!important;width:36px!important;height:36px!important;border-radius:999px!important}

/* ---------- Classic List: reference-like traditional compact menu ---------- */
.menu-scope.menu-experience-classic-list .menu-hero-bg{display:none!important}
.menu-scope.menu-experience-classic-list .menu-hero-top{padding:12px 14px!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important}
.menu-scope.menu-experience-classic-list .menu-logo{width:58px!important;height:58px!important;border-radius:14px!important}
.menu-scope.menu-experience-classic-list .menu-title{font-size:24px!important}
.menu-scope.menu-experience-classic-list .menu-hero-metrics{margin-top:6px!important}
.menu-scope.menu-experience-classic-list .menu-hero-sub{grid-template-columns:minmax(0,1fr) auto!important;margin-top:8px!important}
.menu-scope.menu-experience-classic-list .menu-cat-tabs a{min-height:40px!important;border-radius:8px!important}
.menu-scope.menu-experience-classic-list .cat-thumb{display:none!important}
.menu-scope.menu-experience-classic-list .products-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.menu-scope.menu-experience-classic-list .product-card{padding:0!important;border-radius:14px!important;box-shadow:0 5px 14px rgba(15,23,42,.045)!important}
.menu-scope.menu-experience-classic-list .product-row{display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;gap:0!important;min-height:126px!important}
.menu-scope.menu-experience-classic-list .product-thumb{grid-column:2!important;width:116px!important;height:126px!important;border-radius:0!important;aspect-ratio:auto!important}
.menu-scope.menu-experience-classic-list .product-info{grid-column:1!important;grid-row:1!important;padding:11px 12px!important;min-height:126px!important}
.menu-scope.menu-experience-classic-list .product-desc{font-size:10.4px!important;line-height:1.5!important;-webkit-line-clamp:3!important}
.menu-scope.menu-experience-classic-list .product-badges{padding-top:4px!important}
.menu-scope.menu-experience-classic-list .yr-quick-add{top:auto!important;bottom:8px!important;inset-inline-end:8px!important;width:32px!important;height:32px!important;border-radius:999px!important}

/* ---------- Photo Categories: category imagery is the primary navigation ---------- */
.menu-scope.menu-experience-photo-categories .menu-hero-top{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--card_bg)),color-mix(in srgb,var(--brand2) 5%,var(--card_bg)))!important}
.menu-scope.menu-experience-photo-categories .menu-cat-wrap{padding:10px!important}
.menu-scope.menu-experience-photo-categories .menu-cat-tabs .tabs a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:86px!important;min-height:88px!important;padding:8px!important;border-radius:16px!important}
.menu-scope.menu-experience-photo-categories .menu-cat-tabs .cat-thumb{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:14px!important;overflow:hidden!important;background:var(--ui-soft-2)!important;border:1px solid var(--ui-line)!important;font-size:20px!important}
.menu-scope.menu-experience-photo-categories .menu-cat-tabs .cat-thumb picture,
.menu-scope.menu-experience-photo-categories .menu-cat-tabs .cat-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.menu-scope.menu-experience-photo-categories .menu-cat-tabs .cat-label{font-size:10.5px!important;font-weight:900!important}
.menu-scope.menu-experience-photo-categories .products-grid{gap:14px!important}
.menu-scope.menu-experience-photo-categories.menu-layout-grid .product-card{border-radius:18px!important}
.menu-scope.menu-experience-photo-categories.menu-layout-grid .product-thumb{aspect-ratio:4/3!important}

/* ---------- Shared mobile behavior inspired by restaurant menus ---------- */
@media(max-width:640px){
  .menu-scope.menu-client-v5>.container{padding:6px 8px 80px!important}
  .menu-scope.menu-client-v5 .menu-hero-top{grid-template-columns:1fr!important;grid-template-areas:"controls" "brand" "sub"!important;padding:10px!important;border-radius:18px!important}
  .menu-scope.menu-client-v5 .menu-hero-controls{justify-self:start!important}
  .menu-scope.menu-client-v5 .menu-hero-brand{grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;text-align:start!important}
  .menu-scope.menu-client-v5 .menu-logo{width:54px!important;height:54px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .menu-title{font-size:21px!important}
  .menu-scope.menu-client-v5 .menu-hero-sub{grid-template-columns:1fr!important;gap:7px!important}
  .menu-scope.menu-client-v5 .menu-search--hero{order:1!important}
  .menu-scope.menu-client-v5 .menu-actions{order:2!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;gap:6px!important}
  .menu-scope.menu-client-v5 .menu-actions::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .act-pill{flex:0 0 auto!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}
  .menu-scope.menu-client-v5 .act-pill>span:last-child{display:none!important}
  .menu-scope.menu-client-v5 .act-pill .act-ic{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:50%!important}
  .menu-scope.menu-client-v5 .menu-trust-links{gap:6px!important;margin-top:8px!important}
  .menu-scope.menu-client-v5 .menu-trust-links>.btn{min-height:36px!important;padding:6px 10px!important;font-size:9.8px!important}
  .menu-scope.menu-experience-modern-food.has-cover .menu-hero-bg{height:176px!important;border-radius:0 0 22px 22px!important;margin-inline:-8px!important}
  .menu-scope.menu-experience-modern-food.has-cover .menu-hero-top{margin:-132px 6px 0!important;min-height:122px!important;background:transparent!important;padding:8px 10px!important;grid-template-areas:"controls" "brand" "sub"!important}
  .menu-scope.menu-experience-modern-food.has-cover .menu-hero-brand{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:4px!important}
  .menu-scope.menu-experience-modern-food.has-cover .menu-logo{width:58px!important;height:58px!important;border-radius:50%!important}
  .menu-scope.menu-experience-modern-food.has-cover .menu-title{font-size:22px!important}
  .menu-scope.menu-experience-modern-food .menu-cat-tabs .tabs a{min-width:64px!important;min-height:62px!important;padding:6px!important}
  .menu-scope.menu-experience-modern-food .menu-cat-tabs .cat-thumb{width:32px!important;height:32px!important}
  .menu-scope.menu-experience-modern-food.menu-layout-list .products-grid,
  .menu-scope.menu-experience-classic-list .products-grid{grid-template-columns:1fr!important;gap:9px!important}
  .menu-scope.menu-experience-modern-food.menu-layout-list .product-row,
  .menu-scope.menu-experience-classic-list .product-row{grid-template-columns:minmax(0,1fr) 108px!important;min-height:116px!important}
  .menu-scope.menu-experience-modern-food.menu-layout-list .product-thumb,
  .menu-scope.menu-experience-classic-list .product-thumb{width:108px!important;height:116px!important;min-height:116px!important}
  .menu-scope.menu-experience-modern-food.menu-layout-list .product-info,
  .menu-scope.menu-experience-classic-list .product-info{padding:10px 11px!important;min-height:116px!important}
  .menu-scope.menu-experience-photo-categories .menu-cat-tabs .tabs a{min-width:78px!important;min-height:78px!important}
  .menu-scope.menu-experience-photo-categories .menu-cat-tabs .cat-thumb{width:42px!important;height:42px!important}
  .menu-scope.menu-client-v5 .sticky-cart,.menu-scope.menu-client-v5 .sticky-wa{width:calc(100% - 16px)!important;min-height:48px!important;border-radius:16px!important;bottom:max(6px,env(safe-area-inset-bottom))!important}
}

/* Theme Studio: make the new experience selector visually prominent. */
.theme-studio-page #experienceStyle{font-weight:900;border-color:color-mix(in srgb,var(--ybx-blue,#155eef) 28%,#d6dfeb)!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}

/* =========================================================
   R8A — Public Menu Full Component Redesign
   Reference-inspired, theme-safe, restaurant-first.
   ========================================================= */
.menu-scope.menu-client-v5{
  --r8-line:color-mix(in srgb,var(--text) 10%,transparent);
  --r8-line-strong:color-mix(in srgb,var(--text) 18%,transparent);
  --r8-soft:color-mix(in srgb,var(--brand) 7%,var(--card_bg));
  --r8-soft-2:color-mix(in srgb,var(--brand2) 9%,var(--card_bg));
  --r8-glass:color-mix(in srgb,var(--card_bg) 90%,transparent);
  --r8-shadow:0 16px 42px rgba(15,23,42,.08);
  --r8-shadow-strong:0 26px 70px rgba(15,23,42,.15);
  --r8-hero-fg:var(--hero_text,#fff);
  --r8-hero-muted:var(--hero_muted,#e2e8f0);
}
.menu-scope.menu-client-v5>.container{max-width:1220px!important;padding:14px 16px 92px!important}

/* Hero — real restaurant identity instead of SaaS header */
.menu-scope.menu-client-v5 .r8-restaurant-hero{
  position:relative!important;
  min-height:248px!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid var(--r8-line)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 86%,var(--text) 14%),color-mix(in srgb,var(--brand2) 72%,var(--text) 28%))!important;
  box-shadow:var(--r8-shadow)!important;
  margin:0!important;
  isolation:isolate!important;
}
.menu-scope.menu-client-v5 .r8-hero-media{
  position:absolute!important;inset:0!important;z-index:-3!important;
  background-image:var(--hero_img)!important;background-size:cover!important;background-position:center!important;
  transform:scale(1.015);filter:saturate(1.06) contrast(1.02);
}
.menu-scope.menu-client-v5 .r8-without-cover .r8-hero-media{display:none!important}
.menu-scope.menu-client-v5 .r8-hero-shade{position:absolute!important;inset:0!important;z-index:-2!important;background:linear-gradient(180deg,rgba(4,10,22,.12),rgba(4,10,22,.72))!important}
.menu-scope.menu-client-v5 .r8-without-cover .r8-hero-shade{background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--brand2) 42%,transparent),transparent 20rem),linear-gradient(135deg,color-mix(in srgb,var(--brand) 90%,var(--text) 10%),color-mix(in srgb,var(--brand2) 76%,var(--text) 24%))!important}
.menu-scope.menu-client-v5 .r8-hero-tools{position:absolute!important;top:14px!important;inset-inline-start:14px!important;z-index:4!important}
.menu-scope.menu-client-v5 .r8-ctrl-form{display:flex!important;align-items:center!important;gap:6px!important;padding:5px!important;border-radius:16px!important;background:color-mix(in srgb,var(--card_bg) 24%,transparent)!important;border:1px solid color-mix(in srgb,var(--hero_text) 18%,transparent)!important;backdrop-filter:blur(16px)!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .r8-ctrl-form select,.menu-scope.menu-client-v5 .r8-ctrl-form .btn{min-height:36px!important;padding:7px 11px!important;border-radius:11px!important;border:1px solid var(--r8-line)!important;background:color-mix(in srgb,var(--card_bg) 94%,transparent)!important;color:var(--text)!important;font-size:10.5px!important;font-weight:950!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .r8-icon-control{min-width:38px!important}
.menu-scope.menu-client-v5 .r8-hero-content{min-height:248px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;text-align:center!important;padding:58px 24px 22px!important;color:var(--r8-hero-fg)!important}
.menu-scope.menu-client-v5 .r8-identity-block{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;max-width:720px!important}
.menu-scope.menu-client-v5 .r8-logo-wrap{display:block!important;width:82px!important;height:82px!important;border-radius:50%!important;padding:4px!important;background:color-mix(in srgb,var(--card_bg) 94%,transparent)!important;border:1px solid color-mix(in srgb,var(--hero_text) 35%,transparent)!important;box-shadow:0 14px 34px rgba(2,6,23,.24)!important;overflow:hidden!important}
.menu-scope.menu-client-v5 .r8-logo-wrap .menu-logo{width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:var(--card_bg)!important;object-fit:cover!important}
.menu-scope.menu-client-v5 .r8-identity-copy{display:grid!important;justify-items:center!important;gap:2px!important}
.menu-scope.menu-client-v5 .r8-restaurant-hero .menu-eyebrow{font-size:9px!important;letter-spacing:.14em!important;font-weight:950!important;color:var(--r8-hero-muted)!important;margin:0!important}
.menu-scope.menu-client-v5 .r8-restaurant-hero .menu-title{font-size:31px!important;line-height:1.05!important;font-weight:950!important;color:var(--r8-hero-fg)!important;margin:1px 0 0!important;text-shadow:0 2px 16px rgba(0,0,0,.20)!important}
.menu-scope.menu-client-v5 .r8-identity-meta{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px 12px!important;margin-top:6px!important;font-size:11px!important;font-weight:800!important;color:var(--r8-hero-muted)!important}
.menu-scope.menu-client-v5 .r8-status-row{justify-content:center!important;margin-top:7px!important;gap:6px!important}
.menu-scope.menu-client-v5 .r8-status-row .badge{padding:6px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--hero_text) 13%,transparent)!important;border:1px solid color-mix(in srgb,var(--hero_text) 18%,transparent)!important;color:var(--r8-hero-fg)!important;font-size:9.5px!important;font-weight:900!important;backdrop-filter:blur(10px)!important}
.menu-scope.menu-client-v5 .r8-status-row .badge.ok{background:rgba(34,197,94,.18)!important;border-color:rgba(34,197,94,.24)!important}
.menu-scope.menu-client-v5 .r8-status-row .badge.danger{background:rgba(239,68,68,.18)!important;border-color:rgba(239,68,68,.24)!important}
.menu-scope.menu-client-v5 .r8-hero-metrics{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;margin-top:10px!important}
.menu-scope.menu-client-v5 .r8-hero-metrics span{padding:6px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--hero_text) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--hero_text) 16%,transparent)!important;color:var(--r8-hero-muted)!important;font-size:9.5px!important;font-weight:850!important;backdrop-filter:blur(10px)!important}
.menu-scope.menu-client-v5 .r8-hero-metrics b{color:var(--r8-hero-fg)!important;font-size:11px!important}

/* Discovery: search first, contact second */
.menu-scope.menu-client-v5 .r8-discovery-shell{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:stretch!important;margin-top:10px!important}
.menu-scope.menu-client-v5 .r8-search-card{margin:0!important;padding:8px 10px!important;border-radius:18px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--r8-line)!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important}
.menu-scope.menu-client-v5 .r8-search-card .menu-search-row{min-height:46px!important;gap:10px!important}
.menu-scope.menu-client-v5 .r8-search-card input{min-height:46px!important;font-size:14px!important;font-weight:850!important;color:var(--text)!important;background:transparent!important}
.menu-scope.menu-client-v5 .r8-search-card input::placeholder{color:var(--muted)!important}
.menu-scope.menu-client-v5 .r8-filter-row{display:flex!important;gap:6px!important;flex-wrap:wrap!important;padding-top:7px!important}
.menu-scope.menu-client-v5 .r8-filter-row .chip{padding:6px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--page_bg) 62%,var(--card_bg) 38%)!important;border:1px solid var(--r8-line)!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .r8-contact-dock{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-content:start!important;min-width:230px!important}
.menu-scope.menu-client-v5 .r8-contact-dock .act-pill{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:48px!important;padding:9px 12px!important;border-radius:15px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--r8-line)!important;color:var(--text)!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}
.menu-scope.menu-client-v5 .r8-contact-dock .act-pill:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;border-color:var(--r8-line-strong)!important}
.menu-scope.menu-client-v5 .r8-contact-dock .act-ic{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:var(--r8-soft)!important;color:var(--brand)!important;font-size:15px!important}
.menu-scope.menu-client-v5 .r8-contact-dock .wa .act-ic{background:color-mix(in srgb,#25d366 14%,var(--card_bg))!important;color:#159447!important}
.menu-scope.menu-client-v5 .r8-trust-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:8px 0 0!important}
.menu-scope.menu-client-v5 .r8-trust-row>.btn{min-height:36px!important;padding:6px 11px!important;border-radius:999px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--r8-line)!important;color:var(--text)!important;font-size:10px!important;font-weight:900!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .r8-trust-row .badge{margin-inline-start:5px!important}

/* Category rail — image-first like real restaurant menus */
.menu-scope.menu-client-v5 .menu-category-nav-container{max-width:1220px!important;padding:10px 0 5px!important;top:6px!important}
.menu-scope.menu-client-v5 .menu-cat-wrap{padding:8px!important;border-radius:20px!important;background:color-mix(in srgb,var(--card_bg) 96%,transparent)!important;border:1px solid var(--r8-line)!important;box-shadow:0 9px 26px rgba(15,23,42,.04)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs,.menu-scope.menu-client-v5 .menu-cat-index{gap:8px!important;padding:0!important;display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
.menu-scope.menu-client-v5 .menu-cat-tabs .tabs::-webkit-scrollbar,.menu-scope.menu-client-v5 .menu-cat-index::-webkit-scrollbar{display:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{flex:0 0 auto!important;min-height:52px!important;padding:7px 10px!important;border-radius:14px!important;background:color-mix(in srgb,var(--page_bg) 64%,var(--card_bg) 36%)!important;border:1px solid transparent!important;color:var(--text)!important;font-size:10.5px!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:7px!important;scroll-snap-align:start!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a:hover,.menu-scope.menu-client-v5 .menu-cat-index .cat-item:hover{border-color:var(--r8-line)!important;transform:translateY(-1px)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a.active,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active{background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;border-color:transparent!important;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 26%,transparent)!important}
.menu-scope.menu-client-v5 .cat-thumb,.menu-scope.menu-client-v5 .r8-index-picture,.menu-scope.menu-client-v5 .menu-cat-index .cat-item>picture{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:11px!important;overflow:hidden!important;background:color-mix(in srgb,var(--card_bg) 92%,transparent)!important;display:grid!important;place-items:center!important;border:1px solid var(--r8-line)!important}
.menu-scope.menu-client-v5 .cat-thumb img,.menu-scope.menu-client-v5 .r8-index-picture img,.menu-scope.menu-client-v5 .menu-cat-index .cat-item>picture img{width:100%!important;height:100%!important;object-fit:cover!important}
.menu-scope.menu-client-v5 .r8-cat-initial{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:var(--r8-soft)!important;color:var(--brand)!important;font-size:16px!important;font-weight:950!important;border:1px solid var(--r8-line)!important}
.menu-scope.menu-client-v5 .menu-cat-tabs a.active .cat-thumb,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active .r8-index-picture,.menu-scope.menu-client-v5 .menu-cat-index .cat-item.active .r8-cat-initial{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.14)!important;color:#fff!important}
.menu-scope.menu-client-v5 .menu-cat-index .cat-item .ct{display:none!important}

/* Experience: photo categories get a larger visual rail */
.menu-scope.menu-client-v5.menu-experience-photo-categories .menu-cat-tabs a,.menu-scope.menu-client-v5.menu-experience-photo-categories .menu-cat-index .cat-item{min-width:88px!important;min-height:84px!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:8px!important;text-align:center!important}
.menu-scope.menu-client-v5.menu-experience-photo-categories .cat-thumb,.menu-scope.menu-client-v5.menu-experience-photo-categories .r8-index-picture,.menu-scope.menu-client-v5.menu-experience-photo-categories .r8-cat-initial{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:50%!important}
.menu-scope.menu-client-v5.menu-experience-photo-categories .cat-label,.menu-scope.menu-client-v5.menu-experience-photo-categories .lb{max-width:84px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Category heading */
.menu-scope.menu-client-v5 .cat-block{margin-bottom:28px!important}
.menu-scope.menu-client-v5 .yr-cat-section-card{padding:6px 2px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.menu-scope.menu-client-v5 .menu-cat-title{font-size:23px!important;line-height:1.1!important;font-weight:950!important;color:var(--text)!important;letter-spacing:-.015em!important}
.menu-scope.menu-client-v5 .yr-cat-count-pill{padding:5px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--page_bg) 68%,var(--card_bg) 32%)!important;border:1px solid var(--r8-line)!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:900!important}

/* Product cards — restaurant-grade */
.menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card{position:relative!important;padding:0!important;border-radius:20px!important;background:color-mix(in srgb,var(--card_bg) 98%,transparent)!important;border:1px solid var(--r8-line)!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(15,23,42,.11)!important;border-color:var(--r8-line-strong)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-row{display:flex!important;flex-direction:column!important;height:100%!important;gap:0!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb{width:100%!important;aspect-ratio:4/3!important;background:color-mix(in srgb,var(--page_bg) 72%,var(--card_bg) 28%)!important;overflow:hidden!important;position:relative!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .32s ease!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-card:hover .product-thumb img{transform:scale(1.035)!important}
.menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:14px 15px 15px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:5px!important}
.menu-scope.menu-client-v5 .product-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
.menu-scope.menu-client-v5 .product-info h4{font-size:16px!important;line-height:1.3!important;font-weight:950!important;color:var(--text)!important;margin:0!important;min-height:0!important}
.menu-scope.menu-client-v5 .product-desc{font-size:11px!important;line-height:1.55!important;color:var(--muted)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:34px!important}
.menu-scope.menu-client-v5 .product-price{margin-inline-start:auto!important;text-align:end!important}
.menu-scope.menu-client-v5 .product-price .pp-main{font-size:15px!important;line-height:1.1!important;font-weight:950!important;color:var(--brand)!important}
.menu-scope.menu-client-v5 .product-price .pp-sub{font-size:9.8px!important;color:var(--muted)!important;opacity:.8!important;margin-top:3px!important}
.menu-scope.menu-client-v5 .product-price .pp-tag{padding:3px 6px!important;border-radius:999px!important;background:var(--r8-soft)!important;color:var(--brand)!important;font-size:8.6px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .product-badges{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:auto!important;padding-top:8px!important}
.menu-scope.menu-client-v5 .product-badges .badge{padding:5px 7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--page_bg) 66%,var(--card_bg) 34%)!important;border:1px solid var(--r8-line)!important;color:var(--text)!important;font-size:9px!important;font-weight:900!important}
.menu-scope.menu-client-v5 .yr-quick-add{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:38px!important;min-width:38px!important;padding:0 11px!important;bottom:9px!important;inset-inline-end:9px!important;top:auto!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:var(--on_brand,#fff)!important;font-size:12px!important;font-weight:950!important;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 24%,transparent)!important}
.menu-scope.menu-client-v5 .r8-add-plus{font-size:18px!important;line-height:1!important}
.menu-scope.menu-client-v5 .r8-add-label{font-size:10.5px!important}

/* Classic list directly reflects the compact list references */
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;min-height:136px!important}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb{height:100%!important;aspect-ratio:auto!important}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{padding:12px 13px!important;min-height:136px!important}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-desc{min-height:30px!important}

/* Sticky order bar: compact + food-menu friendly */
.menu-scope.menu-client-v5 .sticky-cart,.menu-scope.menu-client-v5 .sticky-wa{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(560px,calc(100% - 24px))!important;min-height:50px!important;padding:10px 14px!important;border-radius:18px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;box-shadow:0 16px 34px rgba(2,6,23,.18)!important;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent)!important}
.menu-scope.menu-client-v5 .sticky-cart-tx,.menu-scope.menu-client-v5 .sticky-wa-tx{font-weight:950!important}
.menu-scope.menu-client-v5 .sticky-cart-total,.menu-scope.menu-client-v5 .sticky-wa-total{font-size:12.5px!important}

@media(max-width:980px){
  .menu-scope.menu-client-v5>.container{padding:10px 10px 88px!important}
  .menu-scope.menu-client-v5 .r8-restaurant-hero{min-height:224px!important;border-radius:24px!important}
  .menu-scope.menu-client-v5 .r8-hero-content{min-height:224px!important;padding:58px 16px 18px!important}
  .menu-scope.menu-client-v5 .r8-discovery-shell{grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .r8-contact-dock{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-width:0!important}
  .menu-scope.menu-client-v5 .r8-contact-dock .act-pill{min-height:44px!important;padding:8px!important;flex-direction:column!important;gap:3px!important;font-size:9px!important}
  .menu-scope.menu-client-v5 .r8-social-only{display:none!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .products-grid{grid-template-columns:1fr!important}
}

@media(max-width:620px){
  .menu-scope.menu-client-v5{padding-bottom:78px!important}
  .menu-scope.menu-client-v5>.container{padding:7px 7px 84px!important}
  .menu-scope.menu-client-v5 .r8-restaurant-hero{min-height:205px!important;border-radius:20px!important}
  .menu-scope.menu-client-v5 .r8-hero-tools{top:9px!important;inset-inline-start:9px!important}
  .menu-scope.menu-client-v5 .r8-ctrl-form{padding:4px!important;gap:4px!important;border-radius:13px!important}
  .menu-scope.menu-client-v5 .r8-ctrl-form select,.menu-scope.menu-client-v5 .r8-ctrl-form .btn{min-height:32px!important;padding:6px 8px!important;font-size:9px!important;border-radius:9px!important}
  .menu-scope.menu-client-v5 .r8-hero-content{min-height:205px!important;padding:48px 12px 14px!important}
  .menu-scope.menu-client-v5 .r8-logo-wrap{width:64px!important;height:64px!important}
  .menu-scope.menu-client-v5 .r8-restaurant-hero .menu-title{font-size:23px!important}
  .menu-scope.menu-client-v5 .r8-identity-meta{font-size:9.5px!important;gap:5px 8px!important}
  .menu-scope.menu-client-v5 .r8-status-row{margin-top:5px!important}
  .menu-scope.menu-client-v5 .r8-status-row .badge{font-size:8.5px!important;padding:5px 7px!important}
  .menu-scope.menu-client-v5 .r8-hero-metrics{margin-top:7px!important}
  .menu-scope.menu-client-v5 .r8-hero-metrics span{font-size:8.5px!important;padding:5px 7px!important}
  .menu-scope.menu-client-v5 .r8-discovery-shell{gap:7px!important;margin-top:7px!important}
  .menu-scope.menu-client-v5 .r8-search-card{padding:7px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .r8-search-card .menu-search-row{min-height:42px!important}
  .menu-scope.menu-client-v5 .r8-search-card input{min-height:42px!important;font-size:12.5px!important}
  .menu-scope.menu-client-v5 .r8-filter-row{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .r8-filter-row::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .r8-filter-row .chip{flex:0 0 auto!important;font-size:8.7px!important;padding:5px 8px!important}
  .menu-scope.menu-client-v5 .r8-contact-dock{display:flex!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important}
  .menu-scope.menu-client-v5 .r8-contact-dock::-webkit-scrollbar{display:none!important}
  .menu-scope.menu-client-v5 .r8-contact-dock .act-pill{flex:0 0 auto!important;min-width:66px!important;min-height:42px!important;padding:6px 8px!important;border-radius:12px!important}
  .menu-scope.menu-client-v5 .r8-contact-dock .act-ic{width:22px!important;height:22px!important;font-size:12px!important}
  .menu-scope.menu-client-v5 .r8-trust-row{gap:6px!important;margin-top:6px!important}
  .menu-scope.menu-client-v5 .r8-trust-row>.btn{min-height:34px!important;padding:5px 9px!important;font-size:9px!important}
  .menu-scope.menu-client-v5 .menu-category-nav-container{padding:6px 0 3px!important;top:3px!important}
  .menu-scope.menu-client-v5 .menu-cat-wrap{padding:6px!important;border-radius:15px!important}
  .menu-scope.menu-client-v5 .menu-cat-tabs a,.menu-scope.menu-client-v5 .menu-cat-index .cat-item{min-height:46px!important;padding:6px 8px!important;font-size:9.5px!important;border-radius:11px!important}
  .menu-scope.menu-client-v5 .cat-thumb,.menu-scope.menu-client-v5 .r8-index-picture,.menu-scope.menu-client-v5 .r8-cat-initial{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  .menu-scope.menu-client-v5.menu-experience-photo-categories .menu-cat-tabs a,.menu-scope.menu-client-v5.menu-experience-photo-categories .menu-cat-index .cat-item{min-width:76px!important;min-height:76px!important}
  .menu-scope.menu-client-v5.menu-experience-photo-categories .cat-thumb,.menu-scope.menu-client-v5.menu-experience-photo-categories .r8-index-picture,.menu-scope.menu-client-v5.menu-experience-photo-categories .r8-cat-initial{width:42px!important;height:42px!important;flex-basis:42px!important}
  .menu-scope.menu-client-v5 .menu-cat-title{font-size:19px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .products-grid{grid-template-columns:1fr!important;gap:10px!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-row{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:120px!important;align-items:stretch!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-thumb{height:100%!important;aspect-ratio:auto!important}
  .menu-scope.menu-client-v5.menu-layout-grid .product-info{padding:10px 11px!important;min-height:0!important}
  .menu-scope.menu-client-v5 .product-info h4{font-size:14px!important}
  .menu-scope.menu-client-v5 .product-desc{font-size:9.8px!important;line-height:1.42!important;min-height:0!important;-webkit-line-clamp:2!important}
  .menu-scope.menu-client-v5 .product-price .pp-main{font-size:13px!important}
  .menu-scope.menu-client-v5 .product-badges .badge:nth-child(n+3){display:none!important}
  .menu-scope.menu-client-v5 .yr-quick-add{height:34px!important;min-width:34px!important;padding:0 9px!important;bottom:7px!important;inset-inline-end:7px!important;border-radius:11px!important}
  .menu-scope.menu-client-v5 .r8-add-label{display:none!important}
  .menu-scope.menu-client-v5 .sticky-cart,.menu-scope.menu-client-v5 .sticky-wa{width:calc(100% - 16px)!important;min-height:48px!important;padding:9px 12px!important;border-radius:15px!important;bottom:max(7px,env(safe-area-inset-bottom))!important}
}


/* R8B Product collision + checkout premium pass */

/* =========================================================
   R8B — product collision fix + checkout premium pass
   Theme-safe. No fixed restaurant colors; all UI derives from
   Design Studio variables already exposed by the menu.
   ========================================================= */

/* ---------- Public menu discovery area ---------- */
.menu-scope.menu-client-v5 .r8-discovery-shell{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
}
.menu-scope.menu-client-v5 .r8-search-card{
  min-height:0!important;
  padding:8px 10px!important;
}
.menu-scope.menu-client-v5 .r8-contact-dock{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:280px!important;
}
.menu-scope.menu-client-v5 .r8-contact-dock .act-pill{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:14px!important;
  flex:0 0 46px!important;
}
.menu-scope.menu-client-v5 .r8-contact-dock .act-pill>span:not(.act-ic){display:none!important}
.menu-scope.menu-client-v5 .r8-contact-dock .act-ic{
  width:28px!important;height:28px!important;flex-basis:28px!important;
}
.menu-scope.menu-client-v5 .r8-trust-row{
  margin-top:7px!important;
  gap:6px!important;
}
.menu-scope.menu-client-v5 .r8-trust-row>.btn{
  min-height:34px!important;
  padding:5px 10px!important;
}

/* ---------- Classic list: hard grid areas prevent media/text collision ---------- */
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-card{
  min-height:152px!important;
  overflow:hidden!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 154px!important;
  grid-template-areas:"info media"!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:152px!important;
  gap:0!important;
}
html[dir="ltr"] .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
  grid-template-columns:154px minmax(0,1fr)!important;
  grid-template-areas:"media info"!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb{
  grid-area:media!important;
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  height:152px!important;
  min-height:152px!important;
  aspect-ratio:auto!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  position:relative!important;
  align-self:stretch!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb picture,
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:152px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:10px!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--page_bg) 74%,var(--card_bg) 26%),
    color-mix(in srgb,var(--brand) 5%,var(--card_bg)))!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-icon{
  font-size:38px!important;
  line-height:1!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-label{
  font-size:10px!important;
  color:var(--muted)!important;
  font-weight:900!important;
  text-align:center!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{
  grid-area:info!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:152px!important;
  padding:14px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-info h4{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-desc{
  min-height:0!important;
  margin-top:7px!important;
  -webkit-line-clamp:2!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-badges{
  margin-top:auto!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .yr-quick-add{
  inset-inline-end:8px!important;
  bottom:8px!important;
  max-width:calc(100% - 16px)!important;
}

/* Modern/photo cards remain vertical and never inherit classic dimensions. */
.menu-scope.menu-client-v5.menu-experience-modern-food.menu-layout-grid .product-row,
.menu-scope.menu-client-v5.menu-experience-photo-categories.menu-layout-grid .product-row{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
}
.menu-scope.menu-client-v5.menu-experience-modern-food.menu-layout-grid .product-thumb,
.menu-scope.menu-client-v5.menu-experience-photo-categories.menu-layout-grid .product-thumb{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:4/3!important;
  height:auto!important;
}
.menu-scope.menu-client-v5.menu-experience-modern-food.menu-layout-grid .product-info,
.menu-scope.menu-client-v5.menu-experience-photo-categories.menu-layout-grid .product-info{
  width:100%!important;
  min-width:0!important;
}

/* ---------- Checkout premium component redesign ---------- */
.yr-public-flow-page{
  --co-line:color-mix(in srgb,var(--text,#0f172a) 10%,transparent);
  --co-line-strong:color-mix(in srgb,var(--text,#0f172a) 18%,transparent);
  --co-soft:color-mix(in srgb,var(--brand,#2563eb) 6%,var(--card_bg,#fff));
  --co-soft2:color-mix(in srgb,var(--brand2,#06b6d4) 8%,var(--card_bg,#fff));
  --co-card:color-mix(in srgb,var(--card_bg,#fff) 97%,transparent);
}
.yr-public-flow-page .yr-flow-shell{min-height:100vh!important}
.yr-public-flow-page .yr-flow-bg{
  opacity:.72!important;
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--brand) 13%,transparent),transparent 26rem),
    radial-gradient(circle at 96% 12%,color-mix(in srgb,var(--brand2) 14%,transparent),transparent 30rem)!important;
}
.yr-public-flow-page .yr-flow-container{
  max-width:1180px!important;
  padding-top:12px!important;
  padding-bottom:104px!important;
}
.yr-public-flow-page .yr-checkout-hero{
  min-height:0!important;
  padding:14px 16px!important;
  margin-bottom:12px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:var(--co-card)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.05)!important;
}
.yr-public-flow-page .yr-checkout-hero:before{display:none!important}
.yr-public-flow-page .yr-checkout-brand{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
.yr-public-flow-page .yr-checkout-brand img{
  width:58px!important;height:58px!important;border-radius:17px!important;
  object-fit:contain!important;
  background:var(--co-card)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
.yr-public-flow-page .yr-checkout-brand h1{
  margin:2px 0 3px!important;
  font-size:23px!important;
  line-height:1.08!important;
  color:var(--text,#0f172a)!important;
}
.yr-public-flow-page .yr-checkout-brand p{
  margin:0!important;
  max-width:660px!important;
  font-size:11.5px!important;
  line-height:1.6!important;
  color:var(--muted,#64748b)!important;
}
.yr-public-flow-page .yr-flow-kicker{
  color:var(--brand,#2563eb)!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
.yr-public-flow-page .yr-flow-steps{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.yr-public-flow-page .yr-flow-steps span{
  min-height:38px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--page_bg,#f8fafc) 68%,var(--card_bg,#fff))!important;
  border:1px solid var(--co-line)!important;
  color:var(--muted,#64748b)!important;
  font-size:10.5px!important;
  font-weight:900!important;
}
.yr-public-flow-page .yr-flow-steps span.active{
  background:var(--co-soft)!important;
  color:var(--text,#0f172a)!important;
  border-color:color-mix(in srgb,var(--brand) 24%,var(--co-line))!important;
}
.yr-public-flow-page .yr-flow-steps span b{
  width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;
  border-radius:50%!important;background:color-mix(in srgb,var(--brand) 12%,var(--card_bg,#fff))!important;
  color:var(--brand)!important;margin-inline-end:5px!important;
}

/* Explicit areas: main content + compact sticky basket */
.yr-public-flow-page .yr-checkout-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 370px!important;
  grid-template-areas:"main summary"!important;
  gap:14px!important;
  align-items:start!important;
}
.yr-public-flow-page .yr-order-summary-card{
  grid-area:summary!important;
  position:sticky!important;
  top:88px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:var(--co-card)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.05)!important;
}
.yr-public-flow-page .yr-checkout-main{
  grid-area:main!important;
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
}
.yr-public-flow-page .yr-flow-card{
  padding:14px!important;
  border-radius:20px!important;
  background:var(--co-card)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
.yr-public-flow-page .yr-section-head{
  margin-bottom:10px!important;
  gap:8px!important;
}
.yr-public-flow-page .yr-section-head h2{
  margin-top:2px!important;
  font-size:17px!important;
  line-height:1.15!important;
  color:var(--text,#0f172a)!important;
}
.yr-public-flow-page .yr-section-head .btn{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--card_bg,#fff) 96%,transparent)!important;
  border:1px solid var(--co-line)!important;
}

/* Basket rows */
.yr-public-flow-page .yr-cart-list{gap:8px!important}
.yr-public-flow-page .yr-cart-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding:10px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--card_bg,#fff) 98%,transparent)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:none!important;
}
.yr-public-flow-page .yr-cart-item-name{
  font-size:13.5px!important;
  font-weight:950!important;
  line-height:1.3!important;
  color:var(--text,#0f172a)!important;
}
.yr-public-flow-page .yr-cart-item-extra{
  font-size:10px!important;
  line-height:1.45!important;
  color:var(--muted,#64748b)!important;
  margin-top:3px!important;
}
.yr-public-flow-page .yr-cart-side{
  min-width:102px!important;
  display:grid!important;
  justify-items:end!important;
  gap:5px!important;
}
.yr-public-flow-page .yr-cart-actions{
  display:flex!important;
  gap:5px!important;
  justify-content:flex-end!important;
}
.yr-public-flow-page .yr-cart-actions .btn,
.yr-public-flow-page .yr-cart-actions .badge{
  width:32px!important;height:32px!important;min-width:32px!important;
  padding:0!important;border-radius:9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.yr-public-flow-page .yr-cart-remove{
  padding:4px 7px!important;
  border-radius:8px!important;
  font-size:9.5px!important;
}
.yr-public-flow-page .yr-cart-price{
  font-size:10.5px!important;
  font-weight:900!important;
  color:var(--text,#0f172a)!important;
  white-space:nowrap!important;
}
.yr-public-flow-page .yr-cart-subtotal{
  margin-top:8px!important;
  padding:10px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--co-soft),var(--co-soft2))!important;
  border:1px solid var(--co-line)!important;
  color:var(--text,#0f172a)!important;
  font-size:11px!important;
}

/* Upsell becomes a proper horizontal restaurant strip */
.yr-public-flow-page .yr-upsell-mount{margin-top:10px!important}
.yr-public-flow-page .yr-upsell-mount>.card{
  padding:10px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--page_bg,#f8fafc) 66%,var(--card_bg,#fff))!important;
  border:1px solid var(--co-line)!important;
  box-shadow:none!important;
}
.yr-public-flow-page .yr-also-list{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  padding:4px 0!important;
}
.yr-public-flow-page .yr-also-list::-webkit-scrollbar{display:none!important}
.yr-public-flow-page .yr-also-list .yr-mini-card{
  min-width:138px!important;
  max-width:138px!important;
  padding:7px!important;
  border-radius:13px!important;
  scroll-snap-align:start!important;
  background:var(--co-card)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:none!important;
}
.yr-public-flow-page .yr-also-list .yr-mini-card img,
.yr-public-flow-page .yr-also-list .yr-mini-card .ph{
  height:76px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}
.yr-public-flow-page .yr-also-list .nm{
  min-height:29px!important;
  margin-top:6px!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  color:var(--text,#0f172a)!important;
}
.yr-public-flow-page .yr-also-list .pr{
  font-size:9.8px!important;
  color:var(--text,#0f172a)!important;
}
.yr-public-flow-page .yr-also-list .btn{
  min-height:34px!important;
  border-radius:10px!important;
  padding:5px 8px!important;
}

/* Order method feels like restaurant choices, not admin tabs */
.yr-public-flow-page .yr-mode-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.yr-public-flow-page .yr-mode-pill{
  min-height:64px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  border:1px solid var(--co-line)!important;
  background:color-mix(in srgb,var(--card_bg,#fff) 97%,transparent)!important;
  box-shadow:none!important;
}
.yr-public-flow-page .yr-mode-pill:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
}
.yr-public-flow-page .yr-mode-pill.active{
  background:linear-gradient(135deg,var(--co-soft),var(--co-soft2))!important;
  border-color:color-mix(in srgb,var(--brand) 34%,var(--co-line))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 10%,transparent)!important;
}
.yr-public-flow-page .yr-mode-pill .ico{
  width:36px!important;height:36px!important;border-radius:11px!important;
  background:color-mix(in srgb,var(--brand) 8%,var(--card_bg,#fff))!important;
  font-size:18px!important;
}
.yr-public-flow-page .yr-mode-pill b{font-size:12px!important}
.yr-public-flow-page .yr-mode-pill small{font-size:9.5px!important;color:var(--muted,#64748b)!important}

/* Customer form hierarchy */
.yr-public-flow-page .yr-checkout-grid{gap:10px!important}
.yr-public-flow-page .yr-field-wrap label{
  margin-bottom:5px!important;
  font-size:10.5px!important;
  color:var(--muted,#64748b)!important;
  font-weight:900!important;
}
.yr-public-flow-page .yr-field-wrap input,
.yr-public-flow-page .yr-field-wrap select,
.yr-public-flow-page .yr-field-wrap textarea{
  min-height:44px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--card_bg,#fff) 98%,transparent)!important;
  border:1px solid var(--co-line)!important;
  color:var(--text,#0f172a)!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.yr-public-flow-page .yr-field-wrap textarea{min-height:82px!important}
.yr-public-flow-page .yr-field-wrap input:focus,
.yr-public-flow-page .yr-field-wrap select:focus,
.yr-public-flow-page .yr-field-wrap textarea:focus{
  border-color:color-mix(in srgb,var(--brand) 44%,var(--co-line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)!important;
}

/* Offers + loyalty compact */
.yr-public-flow-page .yr-offers-card .yr-section-head,
.yr-public-flow-page #yrLoyaltyCard .yr-section-head{
  align-items:center!important;
}
.yr-public-flow-page .yr-coupon-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}
.yr-public-flow-page .yr-coupon-row .btn{
  min-height:44px!important;
  border-radius:12px!important;
}
.yr-public-flow-page .yr-check-toggle{
  padding:7px 10px!important;
  border-radius:999px!important;
  background:var(--co-soft)!important;
  color:var(--text,#0f172a)!important;
}

/* Submit bar belongs to checkout column, not the whole screen */
.yr-public-flow-page .yr-submit-bar{
  position:sticky!important;
  left:auto!important;right:auto!important;
  transform:none!important;
  width:100%!important;
  bottom:10px!important;
  padding:8px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:auto minmax(190px,1fr)!important;
  gap:8px!important;
  background:color-mix(in srgb,var(--card_bg,#fff) 88%,transparent)!important;
  border:1px solid var(--co-line)!important;
  box-shadow:0 14px 30px rgba(2,6,23,.12)!important;
  backdrop-filter:blur(14px)!important;
}
.yr-public-flow-page .yr-submit-bar .btn{
  min-height:46px!important;
  border-radius:13px!important;
}
.yr-public-flow-page .yr-submit-btn{
  min-width:0!important;
  font-size:13px!important;
  font-weight:950!important;
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .menu-scope.menu-client-v5 .r8-discovery-shell{grid-template-columns:1fr!important}
  .menu-scope.menu-client-v5 .r8-contact-dock{
    max-width:none!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  .menu-scope.menu-client-v5 .r8-contact-dock::-webkit-scrollbar{display:none!important}

  .yr-public-flow-page .yr-checkout-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"summary" "main"!important;
  }
  .yr-public-flow-page .yr-order-summary-card{
    position:static!important;
    top:auto!important;
  }
}
@media(max-width:640px){
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .products-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-card{
    min-height:118px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
    grid-template-columns:minmax(0,1fr) 108px!important;
    grid-template-areas:"info media"!important;
    min-height:118px!important;
  }
  html[dir="ltr"] .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
    grid-template-columns:108px minmax(0,1fr)!important;
    grid-template-areas:"media info"!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:118px!important;
    min-height:118px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder{
    min-height:118px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-icon{
    font-size:30px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{
    min-height:118px!important;
    padding:10px 11px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-meta{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-price{
    margin-inline-start:0!important;
    text-align:start!important;
  }

  .yr-public-flow-page .yr-flow-container{
    padding:7px 8px 88px!important;
  }
  .yr-public-flow-page .yr-checkout-hero{
    padding:10px!important;
    border-radius:17px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .yr-public-flow-page .yr-checkout-brand{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .yr-public-flow-page .yr-checkout-brand img{
    width:44px!important;height:44px!important;border-radius:13px!important;
  }
  .yr-public-flow-page .yr-checkout-brand h1{
    font-size:18px!important;
  }
  .yr-public-flow-page .yr-checkout-brand p{
    display:none!important;
  }
  .yr-public-flow-page .yr-flow-steps{
    width:100%!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
    justify-content:flex-start!important;
  }
  .yr-public-flow-page .yr-flow-steps::-webkit-scrollbar{display:none!important}
  .yr-public-flow-page .yr-flow-steps span{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:6px 8px!important;
    font-size:9.5px!important;
  }
  .yr-public-flow-page .yr-order-summary-card,
  .yr-public-flow-page .yr-flow-card{
    padding:10px!important;
    border-radius:16px!important;
  }
  .yr-public-flow-page .yr-section-head h2{font-size:15.5px!important}
  .yr-public-flow-page .yr-cart-row{
    padding:9px!important;
    border-radius:13px!important;
  }
  .yr-public-flow-page .yr-cart-item-name{font-size:13px!important}
  .yr-public-flow-page .yr-cart-side{min-width:96px!important}
  .yr-public-flow-page .yr-also-list .yr-mini-card{
    min-width:124px!important;
    max-width:124px!important;
  }
  .yr-public-flow-page .yr-also-list .yr-mini-card img,
  .yr-public-flow-page .yr-also-list .yr-mini-card .ph{
    height:68px!important;
  }
  .yr-public-flow-page .yr-mode-pills{
    grid-template-columns:1fr 1fr!important;
  }
  .yr-public-flow-page .yr-mode-pill{
    min-height:56px!important;
    padding:8px!important;
  }
  .yr-public-flow-page .yr-submit-bar{
    grid-template-columns:1fr!important;
    bottom:7px!important;
    padding:7px!important;
    border-radius:15px!important;
  }
  .yr-public-flow-page .yr-submit-bar .btn{
    min-height:44px!important;
  }
}


/* R8C Classic product cards rebuild */

/* =========================================================
   R8C — Classic product card rebuild
   Fixes the remaining "empty slab / middle image / detached text"
   problem in the Classic List experience.
   Theme-safe: structure only; colors still come from Design Studio.
   ========================================================= */

/* Make the entire row occupy the complete card width. */
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--card_bg) 98%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--text) 9%,transparent)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
  display:grid!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  grid-template-columns:148px minmax(0,1fr)!important;
  grid-template-areas:"media info"!important;
  gap:0!important;
  min-height:138px!important;
  height:auto!important;
  align-items:stretch!important;
  direction:ltr!important; /* freezes physical media/content order */
}

/* Image is always at the visual left on desktop; content owns the rest.
   The content itself restores page language direction. */
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb{
  grid-area:media!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
  height:138px!important;
  min-height:138px!important;
  align-self:stretch!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  position:relative!important;
  background:color-mix(in srgb,var(--page_bg) 74%,var(--card_bg) 26%)!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb picture,
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:138px!important;
  padding:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--brand) 6%,transparent),transparent 60%),
    color-mix(in srgb,var(--page_bg) 76%,var(--card_bg) 24%)!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-icon{
  font-size:34px!important;
  line-height:1!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-label{
  font-size:9.8px!important;
  color:var(--muted)!important;
  font-weight:900!important;
  text-align:center!important;
}

/* Product content fills every remaining pixel. */
.menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{
  grid-area:info!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:138px!important;
  padding:13px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{
  direction:ltr!important;
  text-align:left!important;
}

/* Name and price become a clear stacked hierarchy instead of two floating islands. */
.menu-scope.menu-client-v5.menu-experience-classic-list .product-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-info h4{
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  font-size:15.5px!important;
  line-height:1.35!important;
  font-weight:950!important;
  color:var(--text)!important;
  overflow-wrap:anywhere!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-price{
  margin:0!important;
  width:max-content!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 8px!important;
  text-align:start!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-main,
.menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-sub{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-main{
  font-size:14.5px!important;
  font-weight:950!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-sub{
  font-size:9.5px!important;
  opacity:.78!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-desc{
  margin:1px 0 0!important;
  min-height:0!important;
  max-width:100%!important;
  font-size:10.7px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
  -webkit-line-clamp:2!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .product-badges{
  margin-top:2px!important;
  padding-top:0!important;
  gap:5px!important;
}

/* Quick add becomes a compact floating action inside the image, not a detached bubble. */
.menu-scope.menu-client-v5.menu-experience-classic-list .yr-quick-add{
  inset-inline-end:8px!important;
  inset-inline-start:auto!important;
  bottom:8px!important;
  top:auto!important;
  width:auto!important;
  min-width:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:16px!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--brand) 24%,transparent)!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .yr-quick-add .r8-add-label{
  display:inline!important;
  font-size:9.5px!important;
  font-weight:950!important;
  line-height:1!important;
}

/* More polished section rhythm. */
.menu-scope.menu-client-v5.menu-experience-classic-list .cat-block{
  margin-bottom:24px!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .yr-cat-section-card{
  padding:6px 0 9px!important;
}
.menu-scope.menu-client-v5.menu-experience-classic-list .menu-cat-title{
  font-size:21px!important;
}

/* Desktop stays 2 columns; wide screens do not over-stretch cards. */
.menu-scope.menu-client-v5.menu-experience-classic-list .products-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

/* Sticky order bar: slimmer and visually calmer. */
.menu-scope.menu-client-v5 .sticky-cart,
.menu-scope.menu-client-v5 .sticky-wa{
  max-width:520px!important;
  min-height:48px!important;
  padding:9px 13px!important;
  border-radius:16px!important;
}
.menu-scope.menu-client-v5 .sticky-cart-badge,
.menu-scope.menu-client-v5 .sticky-wa-badge{
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Tablet: single column gives the list layout enough room to breathe. */
@media(max-width:980px){
  .menu-scope.menu-client-v5.menu-experience-classic-list .products-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* Mobile: reference-style compact row; image stays attached to card edge. */
@media(max-width:640px){
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-card{
    border-radius:16px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-row{
    grid-template-columns:106px minmax(0,1fr)!important;
    grid-template-areas:"media info"!important;
    min-height:116px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-thumb{
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:116px!important;
    min-height:116px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder{
    min-height:116px!important;
    padding:8px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-food-placeholder .pfp-icon{
    font-size:29px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list.menu-layout-grid .product-info{
    min-height:116px!important;
    padding:9px 10px!important;
    gap:4px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-info h4{
    font-size:13.8px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-price{
    gap:3px 6px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-main{
    font-size:12.8px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-price .pp-sub{
    font-size:8.8px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .product-desc{
    font-size:9.8px!important;
    -webkit-line-clamp:1!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .yr-quick-add{
    min-width:32px!important;
    height:32px!important;
    padding:0 8px!important;
    bottom:7px!important;
    inset-inline-end:7px!important;
  }
  .menu-scope.menu-client-v5.menu-experience-classic-list .yr-quick-add .r8-add-label{
    font-size:8.8px!important;
  }
}