/*
 * Hungeroo storefront theme 1.0.0
 * Scoped presentation layer for the supplied Karenderia v2 theme.
 * Loaded after vendor/style/responsive/custom CSS. No business logic.
 */
:root {
  --hr-green: #173e2c;
  --hr-green-deep: #102e21;
  --hr-orange: #f49a18;
  --hr-orange-soft: #fff0d9;
  --hr-cream: #fff8ed;
  --hr-surface: #fafaf7;
  --hr-ink: #1e3027;
  --hr-muted: #65716b;
  --hr-line: #e3e7e1;
  --hr-radius: 18px;
  --hr-shadow: 0 8px 28px rgba(20, 52, 35, .055);
  --el-color-primary: #173e2c;
  --el-color-primary-light-3: #426e54;
  --el-color-primary-light-5: #7d9986;
  --el-color-primary-light-7: #bdcec1;
  --el-color-primary-light-8: #d8e3d9;
  --el-color-primary-light-9: #eff5ef;
  --el-color-primary-dark-2: #102e21;
  --el-color-success: #173e2c;
  --el-color-success-light-3: #426e54;
  --el-color-success-light-5: #7d9986;
  --el-color-success-light-7: #bdcec1;
  --el-color-success-light-8: #d8e3d9;
  --el-color-success-light-9: #eff5ef;
  --el-color-success-dark-2: #102e21;
  --el-border-radius-base: 10px;
  --el-font-size-base: 14px;
  --el-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
body.hungeroo-theme {
  color: var(--hr-ink);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
.hungeroo-theme *, .hungeroo-theme *::before, .hungeroo-theme *::after { box-sizing: border-box; }
.hungeroo-theme p, .hungeroo-theme .card, .hungeroo-theme .cart-summary { font-size: 14px !important; }
.hungeroo-theme h1, .hungeroo-theme h2, .hungeroo-theme h3, .hungeroo-theme h4,
.hungeroo-theme h5, .hungeroo-theme h6 { color: var(--hr-ink); font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
.hungeroo-theme h2 { font-size: 34px; }
.hungeroo-theme h3 { font-size: 27px; }
.hungeroo-theme h4 { font-size: 23px; }
.hungeroo-theme h5 { font-size: 18px; }
.hungeroo-theme a { color: var(--hr-green); }
.hungeroo-theme a:hover { color: var(--hr-green-deep); text-decoration: none; }
.hungeroo-theme :focus-visible { outline: 3px solid #bc6500; outline-offset: 4px; }
.hungeroo-theme [v-cloak] { display: none !important; }
.hungeroo-theme [role="main"] { scroll-margin-top: 110px; }
.hungeroo-theme [role="main"]:focus { outline: none; }
.hungeroo-theme .container { width: 100%; max-width: 1240px; padding-left: 28px; padding-right: 28px; }
.hungeroo-theme .text-muted, .hungeroo-theme .text-grey { color: var(--hr-muted) !important; }
.hungeroo-theme .text-green, .hungeroo-theme .text-success { color: var(--hr-green) !important; }
.hungeroo-theme .gold-color { color: #b45b00; }
.hungeroo-theme .grey-bg, body.hungeroo-theme.column2-layout, .hungeroo-theme .page-grey { background: var(--hr-surface); }
.hr-skip-link { position: fixed; top: -100px; left: 16px; padding: 12px 20px; border-radius: 10px; z-index: 10000; background: var(--hr-green); color: #fff !important; }
.hr-skip-link:focus { top: 12px; }

/* Navigation. Keep existing account, basket, location and language widgets. */
.hr-header { background: rgba(255,255,255,.98); border-bottom: 1px solid var(--hr-line); }
.hungeroo-theme #top-navigation { max-width: 1210px; margin-inline: auto; min-height: 92px; padding: 9px 0; border: 0; }
.hr-brand a { display: inline-flex; align-items: center; }
.hungeroo-theme .hr-brand img { display: block; width: 204px; height: 72px; max-width: 100%; max-height: none; object-fit: contain; }
.hungeroo-theme .hr-brand.footer-logo img { width: 230px; height: 84px; }
.hr-home-links { display: flex; gap: 28px; align-items: center; padding-inline-start: 20px; }
.hr-home-links a { font-size: 14px; font-weight: 650; white-space: nowrap; }
.hungeroo-theme .top-menu { display: flex; align-items: center; gap: 4px; }
.hungeroo-theme .top-menu a { padding: 9px 11px; font-size: 14px; font-weight: 650; }
.hungeroo-theme .top-menu .line-left { border: 0; }
.hungeroo-theme .top-menu .line-left > a { border: 1px solid var(--hr-line); border-radius: 28px; padding: 10px 19px; white-space: nowrap; }
.hungeroo-theme .top-menu .line-left > a:hover { border-color: var(--hr-green); background: #f4f8f2; }
.hungeroo-theme .badge-dark { background: var(--hr-green); }
.hungeroo-theme .cart-handle { border-radius: 50%; }
.hungeroo-theme #vue-widget-nav { min-width: 0; align-self: center; }
.hungeroo-theme #vue-widget-nav .el-input__wrapper { border-radius: 24px; }

/* Address-first hero. Suggestions and map dialogs are the original components. */
.hr-hero { background: var(--hr-cream); position: relative; }
.hr-hero-grid { display: grid; grid-template-columns: 1.12fr 1fr; gap: 30px; min-height: 588px; align-items: center; padding-top: 48px; padding-bottom: 46px; }
.hungeroo-theme p.hr-eyebrow { color: var(--hr-green); font-size: 11px !important; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 22px; display: flex; align-items: center; gap: 9px; }
.hr-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: var(--hr-orange); }
.hungeroo-theme .hr-hero h1 { color: var(--hr-green); font-size: clamp(45px,4.7vw,65px); font-weight: 850; letter-spacing: -.055em; line-height: 1.06; margin: 0 0 21px; }
.hungeroo-theme .hr-hero h1 span { color: #a64d0c; }
.hungeroo-theme .hr-hero-intro { max-width: 470px; color: var(--hr-muted); font-size: 16px !important; line-height: 1.65; margin: 0 0 26px; }
.hr-hero-copy { position: relative; z-index: 2; min-width: 0; }
.hr-search-card { background: #fff; border: 1px solid #ece6da; padding: 18px; border-radius: 19px; box-shadow: 0 8px 0 rgba(41,64,34,.025), 0 14px 35px rgba(80,67,31,.06); max-width: 550px; }
.hungeroo-theme .hr-search-heading { font-weight: 750; margin: 0 0 12px; font-size: 15px !important; }
.hr-search-heading i { color: #aa5300; font-size: 20px; margin-inline-end: 5px; vertical-align: middle; }
.hungeroo-theme .hr-search-wrap { width: 100%; margin: 0; }
.hr-search-wrap > .d-flex { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: stretch !important; }
.hr-search-wrap .search-geocomplete { width: 100% !important; min-width: 0; }
.hr-search-wrap .el-input__wrapper { min-height: 54px; border-radius: 11px; padding-inline: 12px; box-shadow: 0 0 0 1px #dce2d9 inset !important; background: #fff !important; }
.hr-search-wrap .el-input__inner { height: 52px; font-size: 14px; color: var(--hr-ink); }
.hr-search-wrap .el-input__wrapper.is-focus { box-shadow: 0 0 0 2px var(--hr-green) inset !important; }
.hr-search-wrap .el-input__suffix .btn { padding: 6px; border: 0; min-height: 36px; }
.hr-search-wrap .el-input__suffix .btn i { font-size: 19px; color: var(--hr-green) !important; }
.hungeroo-theme .hr-search-wrap .flex-enabled-locate > button { background: var(--hr-orange); color: var(--hr-green-deep) !important; border: 1px solid var(--hr-orange); border-radius: 11px; min-width: 114px; min-height: 54px; font-size: 15px; font-weight: 800; box-shadow: none; padding: 11px 16px !important; }
.hungeroo-theme .hr-search-wrap .flex-enabled-locate > button:hover { background: #ffb447; border-color: #ffb447; }
.hr-search-wrap .flex-enabled-locate > button[data-hr-label] > i { display: none; }
.hr-search-wrap .flex-enabled-locate > button[data-hr-label]::after { content: attr(data-hr-label); }
.hungeroo-theme .hr-search-hint { margin: 10px 1px 0; font-size: 11px !important; line-height: 1.5; color: var(--hr-muted); }
.hungeroo-theme .hr-hero-note { margin: 20px 0 0; font-size: 12px !important; color: #5c6d5c; }
.hr-hero-note i { color: var(--hr-green); margin-inline-end: 5px; }
.hr-search-wrap .el-button--success { min-height: 54px; font-weight: 750; }
.hr-search-wrap .el-select { width: 100%; }
.hr-hero-art { height: 456px; position: relative; min-width: 0; }
.hr-art-orbit { position: absolute; inset: 40px 14px 24px 34px; background: #e6edda; border-radius: 43% 57% 49% 51%; transform: rotate(-12deg); }
.hr-art-orbit::before { content: ''; position: absolute; inset: -18px; border: 1px dashed #cfb87d; border-radius: 50%; }
.hr-plate-main { width: 84%; height: 348px; object-fit: cover; border: 13px solid #fff; border-radius: 45px; position: absolute; top: 25px; right: 6px; transform: rotate(8deg); box-shadow: 0 24px 40px rgba(35,48,29,.16); }
.hr-plate-detail { position: absolute; width: 202px; height: 202px; object-fit: cover; border: 9px solid #fff; border-radius: 50%; bottom: 1px; left: 10px; transform: rotate(-10deg); box-shadow: 0 18px 36px rgba(35,48,29,.15); }
.hr-art-label { position: absolute; right: -3px; bottom: 31px; display: flex; align-items: center; gap: 11px; background: var(--hr-green); color: #fff; padding: 17px 22px; border-radius: 16px; transform: rotate(-4deg); box-shadow: 0 12px 25px rgba(23,62,44,.12); }
.hr-art-label strong { display: block; font-size: 16px; letter-spacing: -.02em; }
.hr-art-label div > span { display: block; font-size: 11px; margin-top: 2px; color: #d4dfd4; }
.hr-art-heart { font-size: 32px; color: #ffbb54; line-height: 1; }
.hr-art-spark { position: absolute; font-size: 45px; font-weight: 250; color: #cf650c; }
.hr-art-spark-one { top: 0; left: 30px; transform: rotate(15deg); }
.hr-art-spark-two { bottom: -8px; right: 22px; font-size: 30px; }
.hr-value-strip { background: #fff; border-bottom: 1px solid var(--hr-line); }
.hr-value-grid { display: grid; grid-template-columns: repeat(3,1fr); padding-top: 23px; padding-bottom: 23px; gap: 24px; }
.hr-value-grid > div { display: flex; justify-content: center; align-items: center; gap: 14px; }
.hr-value-grid > div + div { border-inline-start: 1px solid var(--hr-line); }
.hr-value-grid i { display: flex; align-items: center; justify-content: center; background: var(--hr-orange-soft); color: var(--hr-green); width: 42px; height: 42px; border-radius: 50%; font-size: 21px; flex-shrink: 0; }
.hr-value-grid strong, .hr-value-grid small { display: block; }
.hr-value-grid strong { font-size: 13px; }
.hr-value-grid small { color: var(--hr-muted); font-size: 11px; margin-top: 3px; }

/* Reusable discovery and restaurant cards. Stock swiper widths are untouched. */
.hungeroo-theme .swiperOutsideContainer { margin: 40px auto; padding-inline: 0; }
.hungeroo-theme .swiperOutsideContainer > .mb-4 { margin-bottom: 22px !important; }
.hungeroo-theme .swiperOutsideContainer h3 { font-size: 28px; font-weight: 800 !important; }
.hungeroo-theme .swiperCuisine .swiperSlide img { width: 91px; height: 91px; object-fit: cover; margin-bottom: 12px; background: var(--hr-cream); border: 6px solid var(--hr-cream); transition: transform .18s ease; }
.hungeroo-theme .swiperCuisine .swiperSlide:hover img { transform: translateY(-3px); }
.hungeroo-theme .swiperCuisine .el-link__inner { display: block; }
.hungeroo-theme .swiperCuisine .truncate { font-weight: 700; font-size: 14px; color: var(--hr-ink); }
.hungeroo-theme .swiperCuisine .swiperSlide { min-height: 132px !important; }
.hungeroo-theme .swiperResto .swiperSlide, .hungeroo-theme .rounded-box { overflow: hidden; border: 1px solid var(--hr-line); border-radius: var(--hr-radius); background: #fff; box-shadow: 0 3px 8px rgba(23,62,44,.025); transition: box-shadow .18s, border-color .18s, transform .18s; }
.hungeroo-theme .swiperResto .swiperSlide:hover, .hungeroo-theme .rounded-box:hover { border-color: #b5c5b7; box-shadow: var(--hr-shadow); }
.hungeroo-theme .swiperResto .swiperSlide { cursor: pointer; }
.hungeroo-theme .swiperResto .swiperSlide img { min-height: 170px; max-height: 170px; width: 100%; object-fit: cover; border-radius: 0; }
.hungeroo-theme .swiperResto .swiperSlide > .p-2 { padding: 16px !important; }
.hungeroo-theme .swiperResto .font-weight-bold { font-size: 17px; letter-spacing: -.025em; }
.hungeroo-theme .swiperResto .font-weight-light { font-size: 13px; color: var(--hr-muted); font-weight: 400 !important; }
.hungeroo-theme .swiperResto .row { font-size: 12px; margin-top: 12px; }
.hungeroo-theme .swiper-button-next .el-button, .hungeroo-theme .swiper-button-prev .el-button { width: 38px; height: 38px; border: 1px solid var(--hr-line); box-shadow: var(--hr-shadow); background: #fff; color: var(--hr-green); }
.hungeroo-theme .el-tag--danger { --el-tag-text-color: #854400; --el-tag-bg-color: #fff1d9; --el-tag-border-color: #ffe2b4; }
.hungeroo-theme .el-tag--warning { --el-tag-text-color: #854400; --el-tag-bg-color: #fff1d9; --el-tag-border-color: #ffe2b4; }
.hungeroo-theme .hr-discovery { max-width: 1240px; padding: 32px 28px 44px; margin-inline: auto; }
.hr-discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 4px 20px; }
.hungeroo-theme .hr-discovery-heading .hr-eyebrow { margin-bottom: 11px; }
.hungeroo-theme .hr-discovery-heading h1 { margin: 0; font-size: 38px; }
.hr-filter-trigger { display: none; align-items: center; gap: 7px; border: 1px solid var(--hr-line); background: #fff; padding: 10px 15px; border-radius: 24px; color: var(--hr-green); font-weight: 650; }
.hungeroo-theme .hr-discovery .column-1 { background: #fff; border: 1px solid var(--hr-line); border-radius: var(--hr-radius); padding: 20px; align-self: flex-start; }
.hungeroo-theme .section-filter h5 { font-size: 16px; letter-spacing: -.02em; }
.hungeroo-theme .section-filter .filter-row { padding-top: 16px !important; padding-bottom: 16px !important; border-color: var(--hr-line) !important; }
.hungeroo-theme .section-filter .custom-control-label { color: #4b5b51; font-size: 13px; cursor: pointer; }
.hungeroo-theme .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--hr-green); border-color: var(--hr-green); }
.hungeroo-theme .hr-restaurant-card { display: grid !important; grid-template-columns: 240px minmax(0,1fr); min-height: 192px !important; height: 100%; cursor: pointer; }
.hungeroo-theme .hr-restaurant-card > .position-relative { min-width: 0; min-height: 192px; height: 100%; }
.hungeroo-theme .hr-restaurant-card .el-image { height: 100%; min-height: 192px; display: block; }
.hungeroo-theme .hr-restaurant-card .el-image img { height: 100%; min-height: 192px; max-height: 242px; object-fit: cover; border-radius: 0; }
.hungeroo-theme .hr-restaurant-card > .p-2 { padding: 22px 24px !important; display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 0; }
.hungeroo-theme .hr-restaurant-name { font-size: 23px; font-weight: 800; margin: 0 0 5px; letter-spacing: -.03em; }
.hungeroo-theme .hr-restaurant-card .font-weight-bold { font-size: 22px; line-height: 1.2; }
.hungeroo-theme .hr-restaurant-card .font-weight-light { font-size: 13px; color: var(--hr-muted); }
.hungeroo-theme .hr-restaurant-card .d-flex.justify-content-between { justify-content: flex-start !important; gap: 22px; font-size: 13px; margin: 5px 0; flex-wrap: wrap; }
.hungeroo-theme .hr-restaurant-card .layer-black { min-height: 100%; max-height: none; border-radius: 0; }
.hungeroo-theme .hr-restaurant-card .with-promo { background: var(--hr-orange-soft); color: #854400; border-radius: 8px; padding: 5px 9px; top: 12px; left: 12px; font-weight: 700; }
.hungeroo-theme .fav-floating { background: #fff; border-radius: 50%; width: 36px; height: 36px; display: grid; place-items: center; box-shadow: 0 2px 10px #0001; }
.hr-discovery-note { display: flex; align-items: center; justify-content: center; gap: 17px; padding: 27px; border: 1px solid #efe6d6; background: var(--hr-cream); border-radius: 16px; margin: 24px 0; }
.hr-discovery-note i { font-size: 30px; color: #b35a06; }
.hungeroo-theme .hr-discovery-note p { color: var(--hr-muted); font-size: 12px !important; margin: 3px 0 0; }

/* Menu, basket and checkout. Existing price, variant, fulfilment and payment bindings remain. */
.hungeroo-theme .merchant-top-header { background: var(--hr-cream); padding-top: 16px; padding-bottom: 24px; border-bottom: 1px solid #efe7d9; }
.hungeroo-theme .merchant-top-header h4 { font-size: 32px; line-height: 1.12; margin: 10px 0 14px; }
.hungeroo-theme .merchant-top-header .left-info { display: flex; align-items: center; }
.hungeroo-theme .merchant-top-header .right-infox { overflow: hidden; border-radius: 20px !important; }
.hungeroo-theme .merchant-top-header .img-thumbnail { border: 1px solid var(--hr-line); border-radius: 18px; padding: 8px; background: #fff; }
.hungeroo-theme .menu-category a { display: block; padding: 12px 14px; border-radius: 10px; font-size: 14px !important; color: #526358; font-weight: 650; }
.hungeroo-theme .menu-category a.active, .hungeroo-theme .menu-category a:hover { background: var(--hr-orange-soft); color: var(--hr-green); }
.hungeroo-theme .list-item-rows { border: 1px solid var(--hr-line); border-radius: 16px; padding: 18px; margin-bottom: 12px; background: #fff; box-shadow: 0 2px 5px rgba(23,62,44,.02); }
.hungeroo-theme .list-item-rows:hover { border-color: #acbeaf; }
.hungeroo-theme .list-item-rows img, .hungeroo-theme .list-item-rows .el-image { border-radius: 12px; }
.hungeroo-theme .list-item-rows h6 { font-size: 17px !important; line-height: 1.3; }
.hungeroo-theme .list-item-rows p { color: #657169; font-size: 13px !important; line-height: 1.6; }
.hungeroo-theme .list-item-rows p.prices { color: var(--hr-ink); font-size: 15px !important; }
.hungeroo-theme .menu-center section > h4 { margin-top: 24px; margin-bottom: 18px; }
.hungeroo-theme .menu-right { padding-left: 18px !important; }
.hungeroo-theme .sticky-cart { background: #fff; border: 1px solid var(--hr-line); border-radius: 18px; box-shadow: var(--hr-shadow); padding: 20px; }
.hungeroo-theme .sticky-cart > .card { border: 0; box-shadow: none; }
.hungeroo-theme .sticky-cart h5 { font-size: 21px; margin-bottom: 19px; }
.hungeroo-theme .sticky-cart .card-body { padding: 0 0 18px; }
.hungeroo-theme .section-cart .line-items { padding-block: 13px; border-bottom: 1px solid var(--hr-line); }
.hungeroo-theme .cart-empty { min-height: 260px; }
.hungeroo-theme .cart-empty h6 { font-size: 15px !important; line-height: 1.5; }
.hungeroo-theme .cart-empty p { font-size: 12px !important; color: var(--hr-muted); }
.hungeroo-theme .cart-empty .no-results { width: 62px; height: 62px; background: #fff0d9 url('../images/shopping-bag.svg') no-repeat center/28px; border-radius: 50%; }
.hungeroo-theme .quantity .rounded-pill, .hungeroo-theme .quantity-add-cart { background: #f0f5ed; border: 1px solid #dbe5d7; color: var(--hr-green); }
.hungeroo-theme .quantity .rounded-pill:hover, .hungeroo-theme .quantity-add-cart:hover { background: var(--hr-green); color: #fff; }
.hungeroo-theme .quantity .rounded-pill { min-width: 30px; min-height: 30px; }
.hungeroo-theme .card { border: 1px solid var(--hr-line); border-radius: 17px; overflow: visible; box-shadow: 0 3px 10px rgba(23,62,44,.025); }
.hungeroo-theme .card .card { box-shadow: none; }
.hungeroo-theme .card-body { padding: 24px; }
.hungeroo-theme .chevron-section.selected { border-color: var(--hr-green); background-color: #f2f7ee; }
.hungeroo-theme .el-dialog, .hungeroo-theme .modal-content { border-radius: 20px; box-shadow: 0 24px 80px #173e2c26; }
.hungeroo-theme .el-dialog__title, .hungeroo-theme .modal-title { font-weight: 750; color: var(--hr-green); }
.hungeroo-theme .el-input__wrapper, .hungeroo-theme .form-control, .hungeroo-theme .inputs-box-grey { border-radius: 10px; }
.hungeroo-theme .form-control { border: 1px solid #d8e0d6; }
.hungeroo-theme .form-control:focus { border-color: var(--hr-green); box-shadow: 0 0 0 3px rgba(23,62,44,.10); }
.hungeroo-theme .btn { font-weight: 700; border-radius: 11px; }
.hungeroo-theme .btn-green, .hungeroo-theme .btn-black { background: var(--hr-green); color: #fff !important; border-color: var(--hr-green); }
.hungeroo-theme .btn-green:hover, .hungeroo-theme .btn-black:hover { background: var(--hr-green-deep); border-color: var(--hr-green-deep); }
.hungeroo-theme .btn-green-line { background: #fff; border-color: var(--hr-green); color: var(--hr-green); }
.hungeroo-theme .btn-green-line:hover { background: var(--hr-green); color: #fff; }
.hungeroo-theme .btn-grey { color: var(--hr-green); }
.hungeroo-theme .btn-grey:hover, .hungeroo-theme .btn-group-toggle .btn.active { background: var(--hr-green); color: #fff !important; }
.hungeroo-theme .el-button.white-color:not(.is-disabled) { background: var(--hr-green) !important; border-color: var(--hr-green) !important; }
.hungeroo-theme .el-button--success, .hungeroo-theme .el-button--primary { font-weight: 700; }
.hungeroo-theme .btn:disabled, .hungeroo-theme .btn.disabled { opacity: .5; cursor: not-allowed; }
.hungeroo-theme .section-promo, .hungeroo-theme .badge.badge-green { background: var(--hr-green); }
.hungeroo-theme #sidebar { border-color: var(--hr-line) !important; }

/* Hungeroo brand sections and footer. */
.hr-how { padding-top: 65px; padding-bottom: 66px; scroll-margin-top: 30px; }
.hungeroo-theme .hr-how > .hr-eyebrow { margin-bottom: 12px; }
.hungeroo-theme .hr-how > h2 { margin-bottom: 30px; font-size: 35px; }
.hr-how-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.hr-how-grid article { position: relative; padding: 27px; border: 1px solid var(--hr-line); border-radius: 20px; background: #fff; }
.hr-step { position: absolute; top: 23px; right: 25px; color: #d9e0d7; font-size: 31px; font-weight: 800; letter-spacing: -.06em; }
.hr-how-grid i { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--hr-orange-soft); font-size: 25px; color: var(--hr-green); margin-bottom: 25px; }
.hungeroo-theme .hr-how-grid h3 { font-size: 22px; margin-bottom: 11px; }
.hungeroo-theme .hr-how-grid p { font-size: 14px !important; color: var(--hr-muted); margin-bottom: 0; line-height: 1.7; }
.hr-partner-wrap { padding-bottom: 72px; }
.hr-partner { background: var(--hr-green); border-radius: 24px; padding: 40px 44px; display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.hungeroo-theme .hr-partner .hr-eyebrow { color: #e3b36d; margin-bottom: 14px; font-size: 10px !important; }
.hungeroo-theme .hr-partner h2 { color: #fff; max-width: 570px; font-size: 32px; margin-bottom: 12px; }
.hungeroo-theme .hr-partner p { color: #c5d4c7; max-width: 560px; margin-bottom: 0; }
.hr-button { display: inline-flex; justify-content: center; gap: 20px; align-items: center; padding: 15px 24px; border-radius: 12px; background: var(--hr-green); border: 1px solid transparent; color: #fff !important; font-size: 14px; font-weight: 750; white-space: nowrap; text-align: center; }
.hr-button:hover { background: var(--hr-green-deep); }
.hr-button-orange { background: var(--hr-orange); color: var(--hr-green-deep) !important; }
.hr-button-orange:hover { background: #ffb346; }
.hr-app { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 40px; padding-bottom: 40px; }
.hr-app-links { display: flex; gap: 12px; }
.hungeroo-theme .hr-subfooter { background: #f7f7f0; border-top: 1px solid var(--hr-line); padding-top: 25px; padding-bottom: 20px; }
.hungeroo-theme .hr-subfooter a { color: #334d3a; }
.hungeroo-theme .hr-subfooter .el-input__wrapper { min-height: 46px; background: #fff; }
.hungeroo-theme .hr-subfooter .social-list a { color: var(--hr-green); }
.hungeroo-theme .hr-footer { background: var(--hr-green-deep); color: #e5ece5; padding: 24px 0; }
.hr-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.hungeroo-theme .hr-footer p { margin: 0; color: #c6d4c9; font-size: 12px !important; }
.hr-footer-inner > div { display: flex; gap: 24px; }
.hungeroo-theme .hr-footer a { color: #e5ece5; font-size: 12px; }
.hungeroo-theme .hr-footer a:hover { text-decoration: underline; }

/* Responsive layout: no fixed minimum widths or horizontal clipping. */
@media (min-width: 992px) {
  .hungeroo-theme .hr-discovery .column-1 { flex: 0 0 250px; max-width: 250px; margin-left: 12px; }
  .hungeroo-theme .hr-discovery .column-2 { flex: 1; max-width: calc(100% - 262px); padding-left: 24px; }
  .hungeroo-theme .hr-discovery .column-2.col-lg-12 { max-width: 100%; }
  .hungeroo-theme .sticky-cart { position: sticky; top: 24px; }
  .hungeroo-theme .sticky-sidebar { position: sticky; top: 24px; }
  .hungeroo-theme .menu-left, .hungeroo-theme .menu-center, .hungeroo-theme .menu-right { padding-top: 22px; }
}
@media (max-width: 1199px) {
  .hr-hero-grid { gap: 20px; }
  .hr-hero-art { height: 414px; }
  .hr-plate-main { height: 310px; }
  .hr-plate-detail { width: 170px; height: 170px; }
  .hr-art-label { right: 0; padding: 13px 16px; }
  .hr-art-label strong { font-size: 14px; }
  .hungeroo-theme .hr-restaurant-card { grid-template-columns: 190px minmax(0,1fr); }
  .hungeroo-theme .hr-restaurant-card > .p-2 { padding: 18px !important; }
  .hungeroo-theme .merchant-top-header .left-info > .d-flex { flex-wrap: wrap; gap: 10px; }
  .hungeroo-theme .merchant-top-header .left-info .pl-3 { min-width: 0 !important; padding-left: 0 !important; }
}
@media (max-width: 991px) {
  .hungeroo-theme .container { padding-left: 24px; padding-right: 24px; }
  .hungeroo-theme #top-navigation { min-height: 82px; }
  .hungeroo-theme .hr-brand img { width: 183px; height: 62px; }
  .hr-hero-grid { grid-template-columns: 1.1fr .9fr; gap: 10px; min-height: 520px; padding-top: 42px; padding-bottom: 40px; }
  .hungeroo-theme .hr-hero h1 { font-size: 46px; }
  .hungeroo-theme .hr-hero-intro { font-size: 14px !important; }
  .hr-hero-art { height: 350px; }
  .hr-plate-main { width: 88%; height: 255px; border-width: 8px; border-radius: 30px; }
  .hr-plate-detail { width: 139px; height: 139px; border-width: 6px; left: 3px; bottom: 20px; }
  .hr-art-label { right: -3px; bottom: 0; padding: 10px 12px; gap: 8px; }
  .hr-art-label strong { font-size: 12px; }
  .hr-art-label div > span { font-size: 9px; }
  .hr-art-heart { font-size: 25px; }
  .hr-art-spark-one { left: 4px; }
  .hr-search-card { padding: 14px; }
  .hr-search-wrap > .d-flex { grid-template-columns: minmax(0,1fr); }
  .hungeroo-theme .hr-search-wrap .flex-enabled-locate > button { width: 100%; min-height: 46px; }
  .hr-search-wrap .el-input__wrapper { min-height: 48px; }
  .hr-search-wrap .el-input__inner { height: 46px; }
  .hr-value-grid { gap: 12px; }
  .hr-value-grid > div { gap: 9px; }
  .hr-value-grid i { width: 34px; height: 34px; font-size: 18px; }
  .hr-value-grid strong { font-size: 12px; }
  .hr-value-grid small { font-size: 10px; }
  .hungeroo-theme .hr-discovery { padding: 24px 24px 35px; }
  .hr-filter-trigger { display: inline-flex; }
  .hungeroo-theme .hr-discovery .column-2 { padding-inline: 15px; }
  .hungeroo-theme .hr-discovery-heading h1 { font-size: 32px; }
  .hungeroo-theme .hr-discovery-heading .hr-eyebrow { font-size: 9px !important; }
  .hr-how-grid { gap: 15px; }
  .hr-how-grid article { padding: 21px; }
  .hungeroo-theme .hr-how-grid h3 { font-size: 20px; }
  .hr-partner { padding: 30px; gap: 28px; }
  .hungeroo-theme .hr-partner h2 { font-size: 27px; }
  .hungeroo-theme .sticky-cart { position: static; }
  .hr-footer-inner { align-items: flex-start; }
  .hr-footer-inner > div { flex-direction: column; gap: 7px; }
}
@media (max-width: 639px) {
  .hungeroo-theme .container { padding-left: 20px; padding-right: 20px; }
  .hungeroo-theme #top-navigation { min-height: 76px; margin-inline: -4px; padding-block: 7px; }
  .hungeroo-theme .hr-brand img { width: 164px; height: 58px; }
  .hungeroo-theme .top-menu a { padding: 6px; }
  .hr-hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding-top: 30px; padding-bottom: 23px; }
  .hungeroo-theme .hr-hero .hr-eyebrow { font-size: 9px !important; margin-bottom: 16px; letter-spacing: .14em; }
  .hungeroo-theme .hr-hero h1 { font-size: clamp(37px,9.8vw,55px); line-height: 1.06; margin-bottom: 16px; max-width: 490px; }
  .hungeroo-theme .hr-hero-intro { font-size: 14px !important; line-height: 1.65; margin-bottom: 20px; max-width: 460px; }
  .hr-search-card { max-width: none; border-radius: 16px; padding: 15px; }
  .hungeroo-theme .hr-search-heading { font-size: 14px !important; }
  .hr-search-wrap > .d-flex { grid-template-columns: minmax(0,1fr) auto; gap: 7px; }
  .hungeroo-theme .hr-search-wrap .flex-enabled-locate > button { min-width: 90px; font-size: 13px; padding-inline: 11px !important; min-height: 50px; }
  .hr-search-wrap .el-input__wrapper { min-height: 50px; padding-inline: 10px; }
  .hr-search-wrap .el-input__inner { font-size: 12px; height: 48px; }
  .hr-search-wrap .el-input__suffix .btn { padding: 4px; }
  .hungeroo-theme .hr-search-hint { font-size: 10px !important; }
  .hungeroo-theme .hr-hero-note { font-size: 11px !important; margin-top: 14px; }
  .hr-hero-art { height: 236px; width: 310px; max-width: 92%; margin: 15px auto 0; }
  .hr-art-orbit { inset: 22px 4px 20px 24px; }
  .hr-plate-main { height: 189px; width: 235px; max-width: 90%; top: 10px; right: 0; border-width: 7px; border-radius: 25px; }
  .hr-plate-detail { width: 116px; height: 116px; left: -5px; bottom: 3px; border-width: 6px; }
  .hr-art-label { right: 0; bottom: 0; padding: 10px 12px; }
  .hr-art-label strong { font-size: 12px; }
  .hr-art-label div > span { font-size: 9px; }
  .hr-art-spark { font-size: 31px; }
  .hr-art-spark-two { display: none; }
  .hr-value-grid { padding-top: 18px; padding-bottom: 18px; gap: 9px; }
  .hr-value-grid > div { flex-direction: column; text-align: center; gap: 7px; }
  .hr-value-grid > div + div { padding-inline-start: 5px; }
  .hr-value-grid i { width: 30px; height: 30px; font-size: 16px; }
  .hr-value-grid strong { font-size: 10px; line-height: 1.4; }
  .hr-value-grid small { display: none; }
  .hungeroo-theme .swiperOutsideContainer { margin: 30px 0; }
  .hungeroo-theme .swiperOutsideContainer h3 { font-size: 23px; }
  .hungeroo-theme .swiperCuisine .swiperSlide img { width: 70px; height: 70px; border-width: 4px; }
  .hungeroo-theme .swiperCuisine .truncate { font-size: 12px; }
  .hungeroo-theme .swiperCuisine .swiperSlide { min-height: 111px !important; }
  .hungeroo-theme .swiperResto .swiperSlide img { min-height: 140px; max-height: 140px; }
  .hungeroo-theme .swiperResto .swiperSlide > .p-2 { padding: 13px !important; }
  .hungeroo-theme .hr-discovery { padding: 20px 16px 30px; }
  .hr-discovery-heading { gap: 8px; }
  .hungeroo-theme .hr-discovery-heading h1 { font-size: 29px; }
  .hungeroo-theme .hr-discovery-heading .hr-eyebrow { font-size: 8px !important; letter-spacing: .10em; line-height: 1.7; max-width: 215px; }
  .hr-filter-trigger { padding: 8px 10px; font-size: 12px; }
  .hungeroo-theme .hr-restaurant-card { grid-template-columns: 105px minmax(0,1fr); min-height: 161px !important; border-radius: 14px; }
  .hungeroo-theme .hr-restaurant-card > .position-relative, .hungeroo-theme .hr-restaurant-card .el-image { min-height: 161px; }
  .hungeroo-theme .hr-restaurant-card .el-image img { min-height: 161px; max-height: 240px; }
  .hungeroo-theme .hr-restaurant-card > .p-2 { padding: 13px !important; gap: 3px; }
  .hungeroo-theme .hr-restaurant-name, .hungeroo-theme .hr-restaurant-card .font-weight-bold { font-size: 18px; line-height: 1.25; }
  .hungeroo-theme .hr-restaurant-card .font-weight-light { font-size: 11px; }
  .hungeroo-theme .hr-restaurant-card .d-flex.justify-content-between { gap: 8px; font-size: 11px; }
  .hungeroo-theme .hr-restaurant-card .with-promo { font-size: 10px; top: 7px; left: 7px; padding: 4px 7px; }
  .hungeroo-theme .hr-restaurant-card .with-promo-icon + .text-truncate { font-size: 11px; }
  .hungeroo-theme .hr-restaurant-card .row { font-size: 11px; }
  .hungeroo-theme .hr-restaurant-card .row .col-5 { flex: 0 0 100%; max-width: 100%; margin-top: 5px; }
  .hr-discovery-note { padding: 20px; gap: 12px; }
  .hr-discovery-note strong { font-size: 13px; }
  .hungeroo-theme .list-item-rows { padding: 14px; }
  .hungeroo-theme .card-body { padding: 20px; }
  .hungeroo-theme .el-dialog { max-width: calc(100% - 24px); }
  .hr-how { padding-top: 42px; padding-bottom: 40px; }
  .hungeroo-theme .hr-how > h2 { font-size: 29px; margin-bottom: 25px; }
  .hungeroo-theme .hr-how > .hr-eyebrow { font-size: 9px !important; }
  .hr-how-grid { grid-template-columns: 1fr; gap: 13px; }
  .hr-how-grid article { padding: 22px 22px 22px 82px; }
  .hr-how-grid i { position: absolute; top: 22px; left: 20px; width: 43px; height: 43px; font-size: 21px; border-radius: 13px; }
  .hr-step { display: none; }
  .hungeroo-theme .hr-how-grid h3 { font-size: 20px; }
  .hungeroo-theme .hr-how-grid p { font-size: 13px !important; }
  .hr-partner-wrap { padding-bottom: 40px; }
  .hr-partner { flex-direction: column; align-items: stretch; padding: 28px; gap: 23px; border-radius: 20px; }
  .hungeroo-theme .hr-partner h2 { font-size: 29px; }
  .hungeroo-theme .hr-partner p { font-size: 13px !important; }
  .hr-app { flex-direction: column; align-items: flex-start; }
  .hr-app-links { flex-wrap: wrap; }
  .hungeroo-theme .hr-subfooter .hr-brand.footer-logo img { width: 176px; height: 67px; }
  .hr-footer-inner { flex-direction: column; gap: 12px; }
  .hr-footer-inner > div { flex-direction: row; flex-wrap: wrap; gap: 20px; }
}
@media (max-width: 359px) {
  .hr-search-wrap > .d-flex { grid-template-columns: minmax(0,1fr); }
  .hungeroo-theme .hr-search-wrap .flex-enabled-locate > button { width: 100%; }
  .hungeroo-theme .hr-brand img { width: 142px; height: 54px; }
  .hungeroo-theme .hr-restaurant-card { grid-template-columns: 88px minmax(0,1fr); }
}
[dir="rtl"] .hr-hero-grid { direction: rtl; }
[dir="rtl"] .hr-step { right: auto; left: 25px; }
@media (max-width: 639px) {
  [dir="rtl"] .hr-how-grid article { padding: 22px 82px 22px 22px; }
  [dir="rtl"] .hr-how-grid i { left: auto; right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html, .hungeroo-theme *, .hungeroo-theme *::before, .hungeroo-theme *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Final cross-browser detail alignment. */
.hungeroo-theme .custom-range::-webkit-slider-thumb { background: var(--hr-green); }
.hungeroo-theme .custom-range::-moz-range-thumb { background: var(--hr-green); }
.hungeroo-theme .menu-category li.active a::after,
.hungeroo-theme .menu-category li a.active::after { content: none; }
.hungeroo-theme .merchant-top-header .right-infox img { object-fit: cover !important; border-radius: 20px; }

/* Hungeroo 2.0 homepage — playful name-led concept */
:root{
  --hr2-navy:#101827;
  --hr2-orange:#ff4b10;
  --hr2-cream:#fffaf3;
  --hr2-peach:#fff0e7;
  --hr2-soft:#f7f7f8;
}
.hungeroo-theme .hr-header{background:rgba(255,255,255,.97);border-bottom:0;box-shadow:none;position:relative;z-index:20}
.hungeroo-theme #top-navigation{max-width:1380px;min-height:106px;padding:16px 18px}
.hr-wordmark{display:inline-flex;align-items:flex-start!important;font-weight:900!important;font-size:42px;line-height:1;color:var(--hr2-navy)!important;letter-spacing:-.055em;text-decoration:none!important}
.hr-wordmark-oo{color:var(--hr2-orange)}
.hr-wordmark sup{font-size:8px;line-height:1;margin:3px 0 0 4px;letter-spacing:0;color:var(--hr2-navy)}
.hr-brand{display:flex;flex-direction:column;align-items:flex-start}
.hr-brand-tagline{display:block;margin-top:8px;color:var(--hr2-navy);font-size:14px;line-height:1.2;white-space:nowrap}
.hr-home-links{gap:46px;padding-left:35px}
.hr-home-links a,.hungeroo-theme .top-menu a{color:var(--hr2-navy);font-weight:600}
.hungeroo-theme .top-menu .line-left>a{background:var(--hr2-orange);border-color:var(--hr2-orange);color:#fff!important;padding:12px 23px;box-shadow:0 9px 24px rgba(255,75,16,.16)}

.hr2-hero{background:linear-gradient(90deg,#fffdf9 0%,#fffaf3 58%,#fff7ed 100%);overflow:hidden}
.hr2-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:595px;align-items:center;padding-top:20px;padding-bottom:0;max-width:1380px!important}
.hr2-copy{position:relative;z-index:2;padding:30px 0 34px}
.hungeroo-theme .hr2-copy h1{margin:0 0 16px;color:var(--hr2-navy);font-size:clamp(56px,5.8vw,88px);font-weight:900;line-height:.98;letter-spacing:-.067em;max-width:760px}
.hr2-name>span{color:var(--hr2-orange)}
.hr2-dot{color:var(--hr2-navy)}
.hungeroo-theme .hr2-intro{font-size:19px!important;line-height:1.5;color:#2d3440;margin:0 0 25px;max-width:670px}
.hr2-search-shell{max-width:720px;background:#fff;border:1px solid #eee8e3;border-radius:999px;padding:6px 7px 6px 18px;box-shadow:0 8px 25px rgba(16,24,39,.08);margin-bottom:28px}
.hr2-search-shell .hr-search-wrap>.d-flex{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center!important}
.hr2-search-shell .search-geocomplete{width:100%!important;min-width:0}
.hr2-search-shell .el-input__wrapper{box-shadow:none!important;border-radius:999px;min-height:54px;background:transparent!important;padding-left:8px}
.hr2-search-shell .el-input__inner{font-size:16px;color:#626873}
.hr2-search-shell .flex-enabled-locate>button,.hr2-search-shell button.btn,.hr2-search-shell .btn-green{border-radius:999px!important;background:var(--hr2-orange)!important;border-color:var(--hr2-orange)!important;color:#fff!important;min-height:52px;padding:0 27px!important;font-size:16px!important;font-weight:750!important;white-space:nowrap;box-shadow:none!important}
.hr2-search-shell .flex-enabled-locate>button:hover,.hr2-search-shell button.btn:hover{background:#e9430d!important;border-color:#e9430d!important}
.hr2-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:710px}
.hr2-benefits>div{display:grid;grid-template-columns:42px 1fr;grid-template-areas:'icon title' 'icon text';column-gap:10px;align-items:start}
.hr2-benefit-icon{grid-area:icon;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffe9dc;color:var(--hr2-orange);font-size:21px}
.hr2-benefits strong{grid-area:title;color:var(--hr2-navy);font-size:14px;line-height:1.25;margin-top:2px}
.hr2-benefits small{grid-area:text;color:#525a65;font-size:12px;line-height:1.35;margin-top:3px}
.hr2-art{height:595px;align-self:end;display:flex;align-items:flex-end;justify-content:flex-end;position:relative;overflow:visible}
.hr2-art img{width:100%;max-width:690px;height:auto;display:block;object-fit:cover;object-position:center;border:0}

.hr2-restaurant-wrap{background:linear-gradient(90deg,#fff8f0,#fffdf9);padding:0 0 18px}
.hr2-restaurant-grid{display:grid;grid-template-columns:1.08fr .78fr .82fr;gap:4px;max-width:1380px!important;background:#fffaf5;border-radius:30px;overflow:hidden;padding:0!important;box-shadow:0 1px 0 rgba(16,24,39,.04)}
.hr2-restaurant-copy{padding:38px 46px 34px}
.hungeroo-theme .hr2-kicker{margin:0 0 9px;font-size:12px!important;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:var(--hr2-navy);font-weight:800}
.hungeroo-theme .hr2-restaurant-copy h2{font-size:43px;line-height:1.02;letter-spacing:-.045em;color:var(--hr2-navy);margin:0 0 12px;font-weight:900}
.hr2-restaurant-copy h2 span{color:var(--hr2-orange)}
.hungeroo-theme .hr2-restaurant-copy p:not(.hr2-kicker){font-size:15px!important;color:#303743;line-height:1.5;max-width:570px;margin:0 0 22px}
.hr2-restaurant-actions{display:flex;gap:14px;flex-wrap:wrap}
.hr2-btn{display:inline-flex;align-items:center;justify-content:center;min-width:188px;padding:13px 22px;border-radius:999px;font-weight:750;font-size:14px;text-decoration:none!important}
.hr2-btn-solid{background:var(--hr2-orange);color:#fff!important;border:2px solid var(--hr2-orange)}
.hr2-btn-outline{background:#fff;color:var(--hr2-orange)!important;border:2px solid var(--hr2-orange)}
.hr2-dashboard-card,.hr2-goodfood-card{min-height:300px;overflow:hidden;background:#eee}
.hr2-dashboard-card img,.hr2-goodfood-card img{width:100%;height:100%;object-fit:cover;display:block}

.hr2-how{padding-top:62px;padding-bottom:72px;text-align:center;max-width:1220px!important}
.hungeroo-theme .hr2-kicker-center{text-align:center;color:#6e7480;margin-bottom:10px}
.hungeroo-theme .hr2-how>h2{font-size:38px;line-height:1.15;color:var(--hr2-navy);font-weight:900;margin:0 0 35px;letter-spacing:-.04em}
.hr2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;text-align:left}
.hr2-steps article{display:grid;grid-template-columns:58px 46px 1fr;gap:12px;align-items:center}
.hr2-step-no{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:2px solid #ffcab6;background:#fff7f2;color:var(--hr2-orange);font-weight:900;font-size:18px}
.hr2-step-icon{font-size:31px;color:var(--hr2-orange)}
.hungeroo-theme .hr2-steps h3{font-size:17px;line-height:1.2;margin:0 0 4px;color:var(--hr2-navy);font-weight:800;letter-spacing:-.02em}
.hungeroo-theme .hr2-steps p{font-size:13px!important;line-height:1.4;margin:0;color:#6a717d}

@media(max-width:1100px){
  .hr2-hero-grid{grid-template-columns:1.08fr .92fr;min-height:540px}
  .hungeroo-theme .hr2-copy h1{font-size:58px}
  .hr2-art{height:520px}
  .hr2-benefits{grid-template-columns:repeat(2,1fr)}
  .hr2-restaurant-grid{grid-template-columns:1fr 1fr}.hr2-goodfood-card{display:none}
}
@media(max-width:767px){
  .hungeroo-theme #top-navigation{min-height:78px;padding:10px 8px}.hr-wordmark{font-size:31px}.hr-brand-tagline{font-size:10px;margin-top:4px}.hr-home-links{display:none}
  .hr2-hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:14px;padding-bottom:0}
  .hr2-copy{padding:22px 0 18px;width:100%}.hungeroo-theme .hr2-copy h1{font-size:clamp(44px,14vw,67px);max-width:100%}.hungeroo-theme .hr2-intro{font-size:15px!important}
  .hr2-search-shell{border-radius:20px;padding:8px 9px;margin-bottom:22px}.hr2-search-shell .hr-search-wrap>.d-flex{grid-template-columns:1fr}.hr2-search-shell .flex-enabled-locate>button,.hr2-search-shell button.btn{width:100%}
  .hr2-benefits{grid-template-columns:repeat(2,1fr);gap:18px 12px}
  .hr2-art{height:auto;width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;align-self:auto}.hr2-art img{width:100%;max-width:none}
  .hr2-restaurant-wrap{padding-top:16px}.hr2-restaurant-grid{display:block;border-radius:22px;margin-left:14px;margin-right:14px;width:auto}.hr2-restaurant-copy{padding:30px 24px}.hungeroo-theme .hr2-restaurant-copy h2{font-size:36px}.hr2-dashboard-card{min-height:240px}.hr2-goodfood-card{display:block;min-height:220px}
  .hr2-how{padding-top:48px;padding-bottom:55px}.hungeroo-theme .hr2-how>h2{font-size:31px}.hr2-steps{grid-template-columns:1fr;gap:24px}.hr2-steps article{grid-template-columns:52px 42px 1fr}
}

/* Hungeroo 2.1 — reference-match corrections */
@media (min-width: 1200px){
  .hungeroo-theme #top-navigation{max-width:1536px;min-height:100px;padding:14px 80px;}
  .hr-wordmark{font-size:40px;}
  .hr-brand-tagline{font-size:14px;margin-top:7px;}
  .hr-home-links{gap:44px;padding-left:55px;}
  .hr2-hero-grid{max-width:1536px!important;grid-template-columns:minmax(0,1.02fr) minmax(610px,.98fr);min-height:590px;padding:0 80px!important;align-items:stretch;}
  .hr2-copy{padding:68px 0 44px;align-self:center;}
  .hungeroo-theme .hr2-copy h1{font-size:78px;line-height:.99;max-width:700px;margin-bottom:18px;}
  .hungeroo-theme .hr2-intro{font-size:18px!important;margin-bottom:28px;}
  .hr2-search-shell{max-width:725px;margin-bottom:32px;}
  .hr2-benefits{max-width:720px;gap:26px;}
  .hr2-art{height:590px;align-self:end;overflow:hidden;margin-right:-80px;}
  .hr2-art img{height:100%;width:auto;max-width:none;object-fit:cover;object-position:left bottom;}
  .hr2-restaurant-grid{max-width:1536px!important;border-radius:0;grid-template-columns:1.08fr .78fr .82fr;}
  .hr2-restaurant-copy{padding:38px 80px 34px;}
  .hr2-dashboard-card,.hr2-goodfood-card{min-height:305px;}
  .hr2-how{max-width:1300px!important;padding-top:58px;padding-bottom:62px;}
}

.hr2-restaurant-wrap{padding-bottom:0;}
.hr2-restaurant-grid{box-shadow:none;}
.hr2-how{background:#fff;}

/* Keep homepage discovery content after the branded intro sections. */
#vue-home-widgets{background:#fff;}
#vue-home-widgets>.container:first-child{padding-top:20px;}

@media (max-width: 1199px) and (min-width: 768px){
  .hr2-hero-grid{padding-left:34px!important;padding-right:20px!important;}
  .hr2-art{margin-right:-20px;overflow:hidden;}
  .hr2-art img{height:100%;width:auto;max-width:none;}
}

/* v5 clean hero artwork: show the approved mascot image as a complete asset. */
.hr2-art{
  overflow:hidden;
  background:#120b08;
}
.hr2-art img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
}
@media (min-width:1200px){
  .hr2-art{margin-right:-80px;background:#120b08;}
}
@media (max-width:767px){
  .hr2-art{background:#120b08;}
  .hr2-art img{height:auto!important;object-fit:contain!important;}
}

/* Hungeroo 2.3 — approved hero artwork fix.
   Keep the existing wordmark untouched; only correct the right-side hero presentation. */
.hr2-art{
  background:#fffaf3!important;
  overflow:hidden!important;
}
.hr2-art img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center bottom!important;
  display:block;
}
@media (min-width:1200px){
  .hr2-art{
    margin-right:-80px!important;
    background:#fffaf3!important;
  }
}
@media (max-width:1199px) and (min-width:768px){
  .hr2-art{
    background:#fffaf3!important;
  }
}
@media (max-width:767px){
  .hr2-art{
    width:calc(100% + 40px)!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
    background:#fffaf3!important;
  }
  .hr2-art img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }
}


/* Hungeroo 2.4 — approved reference-layout homepage.
   Preserve the existing Hungeroo wordmark. The homepage header now overlays
   the hero so the mascot reaches the top edge exactly like the approved visual. */
@media (min-width: 1200px){
  .hungeroo-theme .hr-home-header{
    position:absolute!important;
    inset:0 0 auto 0;
    z-index:40;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .hungeroo-theme .hr-home-header #top-navigation{
    max-width:1536px!important;
    min-height:108px!important;
    padding:18px 80px!important;
  }
  .hr2-hero{
    position:relative;
    min-height:684px;
    overflow:hidden!important;
    background:linear-gradient(90deg,#fffdf9 0%,#fffaf3 60%,#fff7ed 100%);
  }
  .hr2-hero-grid{
    max-width:1536px!important;
    min-height:684px!important;
    grid-template-columns:minmax(0,1fr) minmax(700px,1fr)!important;
    align-items:stretch!important;
    padding:0 80px!important;
  }
  .hr2-copy{
    align-self:center!important;
    padding:126px 0 34px!important;
    z-index:3;
  }
  .hungeroo-theme .hr2-copy h1{
    font-size:80px!important;
    line-height:.99!important;
    max-width:700px!important;
    margin-bottom:20px!important;
  }
  .hungeroo-theme .hr2-intro{
    font-size:18px!important;
    margin-bottom:28px!important;
  }
  .hr2-search-shell{
    max-width:728px!important;
    margin-bottom:32px!important;
  }
  .hr2-benefits{
    max-width:720px!important;
    gap:28px!important;
  }
  .hr2-art{
    height:684px!important;
    align-self:start!important;
    margin-right:-80px!important;
    overflow:visible!important;
    background:transparent!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    z-index:1;
  }
  .hr2-art img{
    height:684px!important;
    width:auto!important;
    max-width:none!important;
    object-fit:initial!important;
    object-position:initial!important;
    transform:translateX(-30px);
    display:block!important;
  }

  /* The approved lower strip is one clean three-panel row. */
  .hr2-restaurant-wrap{
    position:relative;
    z-index:2;
    padding:0!important;
    margin:0!important;
    background:#fffaf5!important;
  }
  .hr2-restaurant-grid{
    max-width:1536px!important;
    display:grid!important;
    grid-template-columns:1.08fr .78fr .82fr!important;
    gap:4px!important;
    padding:0!important;
    margin:0 auto!important;
    border-radius:28px 28px 0 0!important;
    overflow:hidden!important;
    background:#fffaf5!important;
  }
  .hr2-restaurant-copy{
    min-height:329px;
    padding:38px 80px 34px!important;
    background:#fffaf5!important;
  }
  .hr2-dashboard-card,
  .hr2-goodfood-card{
    min-height:329px!important;
    height:329px!important;
    overflow:hidden!important;
    background:#fffaf5!important;
    border:0!important;
    box-shadow:none!important;
  }
  .hr2-dashboard-card img,
  .hr2-goodfood-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }
}

@media (max-width:1199px) and (min-width:768px){
  .hungeroo-theme .hr-home-header{position:relative!important;background:#fff!important;}
  .hr2-art{overflow:visible!important;background:transparent!important;}
  .hr2-art img{object-fit:contain!important;transform:none!important;}
}

@media (max-width:767px){
  .hungeroo-theme .hr-home-header{position:relative!important;background:#fff!important;}
  .hr2-art{background:transparent!important;overflow:hidden!important;}
  .hr2-art img{transform:none!important;object-fit:contain!important;}
}

/* Hungeroo 2.5 — seam + orange ellipse corrections from live-site review. */
@media (min-width:1200px){
  /* Extend the lower-left orange hero ellipse across the grid boundary so it
     reads as one complete shape behind the fourth benefit, as in the approved reference. */
  .hr2-hero{isolation:isolate;}
  .hr2-hero::after{
    content:"";
    position:absolute;
    z-index:0;
    width:360px;
    height:360px;
    border-radius:50%;
    left:calc(50% - 105px);
    bottom:-112px;
    background:linear-gradient(145deg,#ffc56d 0%,#ff9a35 58%,#ff7b20 100%);
    pointer-events:none;
  }
  .hr2-hero-grid{position:relative;z-index:1;}
  .hr2-copy{z-index:3!important;}
  .hr2-art{z-index:2!important;}

  /* Keep the feature row clean and on top of the decorative ellipse. */
  .hr2-benefits{position:relative;z-index:4;}

  /* The lower image assets were generated with rounded white corners baked in.
     Crop those edge pixels inside the cards and remove all inter-card spacing. */
  .hr2-restaurant-grid{
    gap:0!important;
    column-gap:0!important;
    row-gap:0!important;
    background:#fffaf5!important;
  }
  .hr2-dashboard-card,
  .hr2-goodfood-card{
    position:relative;
    overflow:hidden!important;
    border-radius:0!important;
  }
  .hr2-dashboard-card img{
    width:calc(100% + 18px)!important;
    max-width:none!important;
    height:calc(100% + 8px)!important;
    margin:-4px -9px!important;
    object-fit:cover!important;
    border-radius:0!important;
  }
  .hr2-goodfood-card{
    background:#0c3d30!important;
  }
  .hr2-goodfood-card img{
    width:calc(100% + 18px)!important;
    max-width:none!important;
    height:calc(100% + 8px)!important;
    margin:-4px -9px!important;
    object-fit:cover!important;
    border-radius:0!important;
  }
}

/* Hungeroo 2.6 — hero ellipse continuity + right-edge alignment */
@media (min-width:1200px){
  /* The desktop hero and the restaurant strip share the exact same outer width. */
  .hr2-hero-grid,
  .hr2-restaurant-grid{
    width:100%!important;
    max-width:1536px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Keep the copy inset on the left but let the artwork finish exactly at the
     same right edge as the two image panels below. */
  .hr2-hero-grid{
    padding-left:80px!important;
    padding-right:0!important;
    grid-template-columns:minmax(0,1fr) minmax(700px,1fr)!important;
  }
  .hr2-art{
    margin-right:0!important;
    overflow:visible!important;
  }

  /* Remove the old page-level ellipse that was being hidden by the opaque
     artwork and creating the obvious vertical cut. */
  .hr2-hero::after{display:none!important;content:none!important;}

  /* Draw the orange ellipse from the copy column itself so it remains one
     continuous rounded shape underneath the fourth benefit, like the reference. */
  .hr2-copy{
    position:relative!important;
    isolation:isolate;
  }
  .hr2-copy::after{
    content:"";
    position:absolute;
    z-index:0;
    width:350px;
    height:350px;
    border-radius:50%;
    right:-78px;
    bottom:-176px;
    background:linear-gradient(145deg,#ffc56d 0%,#ff9a35 58%,#ff7b20 100%);
    pointer-events:none;
  }
  .hr2-copy > *{position:relative;z-index:2;}
  .hr2-benefits{z-index:3!important;}
}