/* ReyDelivery V78 native layer.
   Visual-only: no auth, order, payment, ownership, or API behavior changes. */
:root{
  --rd-v78-orange:#ff5a00;
  --rd-v78-hot:#f04405;
  --rd-v78-ink:#111827;
  --rd-v78-muted:#667085;
  --rd-v78-line:#e6ebf2;
  --rd-v78-soft:#fff4ec;
  --rd-v78-shadow:0 18px 44px rgba(17,24,39,.10);
  --rd-v78-glow:0 24px 64px rgba(255,90,0,.24);
}

body.rd-v78-native:not(.rd-admin-mode){
  color:var(--rd-v78-ink);
  background:
    linear-gradient(180deg,#fff 0%,#fffaf7 38%,#ffffff 76%) !important;
}

body.rd-v78-native:not(.rd-admin-mode) *{
  letter-spacing:0 !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-landing,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-landing{
  min-height:100vh !important;
  padding:26px clamp(18px,4vw,64px) 48px !important;
  background:
    linear-gradient(90deg,rgba(255,90,0,.08),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fff7f0 52%,#ffffff 100%) !important;
  color:var(--rd-v78-ink) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-orb,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-orb{
  display:none !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-nav,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-nav{
  width:min(1180px,100%) !important;
  margin:0 auto 28px !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-nav img,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-nav img{
  height:70px !important;
  filter:drop-shadow(0 16px 28px rgba(255,90,0,.18)) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-nav .rd-btn,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-nav .rd-btn{
  background:#fff !important;
  border:1px solid rgba(255,90,0,.24) !important;
  color:var(--rd-v78-orange) !important;
  box-shadow:0 14px 30px rgba(17,24,39,.08) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-hero,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-hero{
  width:min(1180px,100%) !important;
  min-height:calc(100vh - 166px) !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,410px) !important;
  gap:clamp(28px,5vw,80px) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-copy .rd-chip,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-copy .rd-chip{
  background:#fff !important;
  color:var(--rd-v78-orange) !important;
  border:1px solid rgba(255,90,0,.20) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-copy h1,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-copy h1{
  max-width:760px !important;
  color:var(--rd-v78-ink) !important;
  font-size:clamp(44px,5.8vw,84px) !important;
  line-height:.94 !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-copy p,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-copy p{
  max-width:680px !important;
  color:var(--rd-v78-muted) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-copy small,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-copy small{
  color:#8a4b27 !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-phone-preview,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-phone-preview{
  background:#111827 !important;
  box-shadow:0 34px 86px rgba(17,24,39,.22),0 0 0 10px rgba(255,90,0,.05) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-phone-card:before,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-phone-card:before{
  background:
    url("../img/rd-ui/delivery_scooter_with_reydelivery_box.png") center / contain no-repeat,
    linear-gradient(135deg,#ff5a00,#ffb047) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-actions .rd-btn-primary,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-actions .rd-btn-primary{
  background:linear-gradient(135deg,var(--rd-v78-orange),var(--rd-v78-hot)) !important;
}

body.rd-v78-native.rd-desktop-view:not(.rd-admin-mode) .rd-desktop-actions .rd-btn-dark,
body.rd-v78-native.rd-desktop-landing-active:not(.rd-admin-mode) .rd-desktop-actions .rd-btn-dark{
  background:#111827 !important;
  color:#fff !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-native-top{
  min-height:calc(98px + env(safe-area-inset-top)) !important;
  padding:calc(16px + env(safe-area-inset-top)) 20px 14px !important;
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(230,235,242,.86) !important;
  box-shadow:0 10px 34px rgba(17,24,39,.07) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-fixed-logo{
  width:226px !important;
  height:62px !important;
  filter:drop-shadow(0 12px 22px rgba(255,90,0,.16)) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-header-actions .rd-icon-btn{
  width:58px !important;
  height:58px !important;
  background:#fff !important;
  border-color:rgba(226,232,240,.94) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-native-main{
  width:min(940px,100%) !important;
  padding-top:calc(122px + env(safe-area-inset-top)) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-address-card-v65,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-search-card-v65 .rd-input,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-category-cards-v65 button,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-shop-card,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-product-v59{
  border-color:rgba(226,232,240,.96) !important;
  box-shadow:var(--rd-v78-shadow) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-search-card-v65 .rd-btn-primary{
  border-radius:24px !important;
  background:#101827 !important;
  color:#fff !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-category-cards-v65{
  grid-template-columns:repeat(6,minmax(132px,1fr)) !important;
  gap:14px !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-category-cards-v65 button{
  min-height:126px !important;
  border-radius:22px !important;
  background:#fff !important;
  transform:translateZ(0);
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-category-cards-v65 button:hover,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-category-cards-v65 button:active{
  transform:translateY(-2px) scale(.99) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-promo-card-v65{
  min-height:188px !important;
  border-radius:26px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.16),transparent 34%),
    url("../img/rd-ui/delivery_scooter_with_reydelivery_box.png") right 18px bottom 8px / 178px auto no-repeat,
    linear-gradient(135deg,#e93400 0%,#ff5a00 48%,#ffb047 100%) !important;
  box-shadow:var(--rd-v78-glow) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-promo-card-v65 img{
  opacity:0 !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-promo-card-v65 b{
  max-width:560px !important;
  font-size:clamp(26px,7vw,42px) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-shop-row{
  scroll-snap-type:x mandatory;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-shop-card{
  scroll-snap-align:start;
  border-radius:24px !important;
  overflow:hidden !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-shop-card .rd-btn-dark{
  background:var(--rd-v78-ink) !important;
  color:#fff !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-product-v59{
  border-radius:22px !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-product-v59:active{
  transform:scale(.985) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-stepper button,
body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-mini-product button{
  border-color:rgba(255,90,0,.34) !important;
  color:var(--rd-v78-orange) !important;
  background:#fff8f3 !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-bottom-menu{
  left:14px !important;
  right:14px !important;
  bottom:calc(10px + var(--safe-bottom)) !important;
  height:90px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.94) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-cart-mochi{
  border-width:9px !important;
  box-shadow:0 24px 54px rgba(255,90,0,.30),0 0 0 12px rgba(255,90,0,.06) !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-sheet{
  border-radius:30px 30px 0 0 !important;
  max-height:92dvh !important;
}

body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-btn-primary{
  background:linear-gradient(135deg,var(--rd-v78-orange),var(--rd-v78-hot)) !important;
  border-color:transparent !important;
  box-shadow:0 16px 34px rgba(255,90,0,.22) !important;
}

@media (min-width:981px){
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-native-main{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-product-grid-v59{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:720px){
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-native-main{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-fixed-logo{
    width:196px !important;
    max-width:50vw !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-header-actions .rd-icon-btn{
    width:52px !important;
    height:52px !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-address-card-v65{
    grid-template-columns:54px minmax(0,1fr) !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-address-card-v65 .rd-btn{
    grid-column:2;
    width:max-content;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-search-inner{
    grid-template-columns:1fr !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-search-card-v65 .rd-btn-primary{
    display:none !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-promo-card-v65{
    min-height:164px !important;
    padding-right:136px !important;
    background-size:auto,142px auto,auto !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-promo-card-v65 span{
    display:none !important;
  }
}

@media (max-width:390px){
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-native-top{
    padding-left:14px !important;
    padding-right:14px !important;
    gap:8px !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-fixed-logo{
    width:168px !important;
  }
  body.rd-v78-native.rd-mobile-app-mode:not(.rd-admin-mode) .rd-header-actions{
    gap:8px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.rd-v78-native:not(.rd-admin-mode) *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}