/* eMart web — foodie-web design system (header, hero, cards, page heads, checkout, order cards…)
   Scoped under body.fd-site: only pages that include layouts/app with ['fd' => true] get it, so the
   redesign can roll out section by section. Source: foodie-web public/css/style.css lines 5187-9655. */
/* ===========================================================
   Side hamburger menu (hc-offcanvas-nav) — professional restyle.
   body-prefixed selectors so they win over the footer theme block.
   =========================================================== */
body.fd-site .hc-offcanvas-nav .nav-container{box-shadow:10px 0 44px rgba(0,0,0,.20);width:330px !important;max-width:86% !important}
body.fd-site .hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:24px}
/* branded title bar */
body.fd-site .hc-offcanvas-nav h2{
  font-size:21px !important;font-weight:800 !important;letter-spacing:.3px;
  padding:24px 22px !important;line-height:1.1}
/* menu items */
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a{
  padding:14px 22px !important;font-size:15px !important;font-weight:500 !important;color:#2b2b2b !important;
  border-bottom:1px solid #f1f1f1 !important;display:flex !important;align-items:center;
  transition:background .15s ease,color .15s ease,padding-left .15s ease}
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a i,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a img{
  width:24px !important;height:auto;margin-right:13px !important;font-size:18px !important;
  text-align:center;color:#9a9a9a;flex:none}
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a img{height:20px;object-fit:contain;vertical-align:middle}
/* hover/focus = brand fill + white text + subtle slide (keeps admin --brand colour) */
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a:focus{
  background:var(--brand,var(--brand-dark, #e23744)) !important;color:#fff !important;padding-left:27px !important}
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i,
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover img{
  color:#fff !important;filter:brightness(0) invert(1)}
/* version / referral text rows shouldn't look like clickable items */
body.fd-site .hc-offcanvas-nav li .web_version,
body.fd-site .hc-offcanvas-nav li .referral_code{padding:12px 22px;margin:0;font-size:12px;color:#9a9a9a}
/* close / back rows */
body.fd-site .hc-offcanvas-nav li.nav-close a,
body.fd-site .hc-offcanvas-nav li.nav-back a{background:#f7f7f7 !important;font-weight:600 !important;color:#555 !important}
body.fd-site .hc-offcanvas-nav li.nav-close a:hover,
body.fd-site .hc-offcanvas-nav li.nav-back a:hover{background:var(--brand,var(--brand-dark, #e23744)) !important;color:#fff !important}
/* bottom quick-nav (home/help) */
body.fd-site .hc-offcanvas-nav .bottom-nav{display:flex;border-top:1px solid #eee;margin-top:8px}
body.fd-site .hc-offcanvas-nav .bottom-nav li{flex:1;text-align:center}
body.fd-site .hc-offcanvas-nav .bottom-nav li a{flex-direction:column;justify-content:center;border:0 !important;
  font-size:12px !important;color:#666 !important;gap:4px}
body.fd-site .hc-offcanvas-nav .bottom-nav li a i{margin:0 0 2px !important;font-size:20px !important}

/* ===================================================================
   Merged from foodie-redesign.css (redesign layer)
   =================================================================== */
/* =========================================================================
   Foodie — Global redesign (Inter + Playfair, clone-2 cards, clean nav)
   :root vars + global rules apply everywhere.
   .sis-home-page rules apply to home page only.
   ========================================================================= */

/* ============================================================
   GLOBAL — body font + heading font (ALL pages)
   ============================================================ */
body.fd-site{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
body.fd-site h1,body.fd-site h2,body.fd-site h3,body.fd-site h4,body.fd-site h5,body.fd-site h6{font-family:'Plus Jakarta Sans',Georgia,serif}

/* ============================================================
   GLOBAL CARD (.list-card.fd-card) — clone-2 style, ALL pages
   ============================================================ */
body.fd-site .list-card.fd-card{border:0;border-radius:16px;overflow:visible;background:transparent;box-shadow:none;transition:transform .18s}
body.fd-site .list-card.fd-card:hover{transform:translateY(-4px)}
body.fd-site .list-card.fd-card .list-card-image{position:relative;height:185px;border-radius:16px;overflow:hidden;background:#f7f7f7}
body.fd-site .list-card.fd-card .list-card-image .item-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
body.fd-site .list-card.fd-card:hover .list-card-image .item-img{transform:scale(1.06)}
body.fd-site .list-card.fd-card .list-card-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%)}
body.fd-site .list-card.fd-card .member-plan{top:12px;left:12px;z-index:3;position:absolute}
body.fd-site .list-card.fd-card .member-plan .badge{font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;letter-spacing:.2px}
body.fd-site .list-card.fd-card .member-plan .badge.open{background:#267e3e;color:#fff}
body.fd-site .list-card.fd-card .member-plan .badge.closed{background:#9a9a9a;color:#fff}
body.fd-site .list-card.fd-card .list-card-body{padding:14px 2px 4px}
body.fd-site .list-card.fd-card .list-card-body p.text-gray.address{color:#696969!important;font-size:13px!important;margin-bottom:4px}
body.fd-site .list-card.fd-card .fd-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
body.fd-site .list-card.fd-card .fd-card__top .popul-title{flex:1;min-width:0}
body.fd-site .list-card.fd-card .fd-card__top .popul-title a{font-size:17px;font-weight:700;color:#1c1c1c!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.fd-site .list-card.fd-card .fd-card__rating{flex:none;margin-top:2px!important}
body.fd-site .list-card.fd-card .fd-card__rating .badge{background:#267e3e!important;color:#fff;font-size:13px;font-weight:700;padding:4px 7px;border-radius:6px}
body.fd-site .fd-card__fav{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#9a9a9a;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:color .15s,transform .15s}
body.fd-site .fd-card__fav:hover{color:var(--brand-dark, #e23744);transform:scale(1.08)}
body.fd-site .fd-card__fav i{font-size:17px}
body.fd-site .fd-card__fav i.fa-heart{color:var(--brand-dark, #e23744)}
body.fd-site .fd-card__off{position:absolute;left:12px;bottom:10px;z-index:4;color:#fff!important;font-weight:800;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5);background:none;padding:0}
body.fd-site .fd-card__foot,body.fd-site .fd-card__time{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid #e8e8e8;color:#696969;font-size:13px}
body.fd-site .fd-card__foot .fa,body.fd-site .fd-card__time .fa,body.fd-site .fd-card__foot .feather-clock,body.fd-site .fd-card__time .feather-clock{color:var(--brand-dark, #e23744)}

/* ============================================================
   DESKTOP NAV LINKS (header_home + header — all pages)
   ============================================================ */
body.fd-site .fd-nav__desktop-links{display:flex;align-items:center;gap:20px;flex:none}
body.fd-site .fd-nav__desktop-links a{font-size:15px;color:#363636;font-weight:500;text-decoration:none;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
body.fd-site .fd-nav__desktop-links a:hover,body.fd-site .fd-nav__desktop-links a.fd-active{color:var(--brand-dark, #e23744);text-decoration:none;border-bottom-color:var(--brand-dark, #e23744)}
@media(max-width:900px){body.fd-site .fd-nav__desktop-links{display:none!important}}

/* ============================================================
   GLOBAL NON-HOME HEADER (section.header-main)
   ============================================================ */
body.fd-site .section-header{background:#fff;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:60;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif}
body.fd-site .section-header .header-main{box-shadow:none!important;padding-top:0!important;padding-bottom:0!important}
body.fd-site .section-header .header-main .container{max-width:1200px;padding:0 20px}
body.fd-site .section-header .header-main .row{height:68px;margin:0}
body.fd-site .section-header .brand-wrap img{max-height:36px;width:auto}
body.fd-site .section-header .header-right .d-flex{gap:2px;align-items:center;height:100%;padding-right:0!important}
body.fd-site .section-header .widget-header{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;transition:background .15s,color .15s;text-decoration:none!important;color:#363636!important;font-size:15px;font-weight:500;margin-right:0!important;white-space:nowrap}
body.fd-site .section-header .widget-header:hover{background:#f7f7f7;color:var(--brand-dark, #e23744)!important}
body.fd-site .section-header .widget-header span{font-size:15px;font-weight:500;color:inherit}
body.fd-site .section-header .widget-header .feather-search,body.fd-site .section-header .widget-header .feather-shopping-cart,body.fd-site .section-header .widget-header .feather-user{font-size:20px}
body.fd-site .section-header .widget-header h6{margin:0;font-size:20px;line-height:1;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
body.fd-site .section-header .takeaway-div{padding:0 8px}
body.fd-site .section-header a.toggle{display:none!important}
@media(max-width:991px){body.fd-site .section-header a.toggle{display:inline-flex!important}}

body.fd-site{
  --fd-red:#ef4f5f;
  --fd-red-dark:var(--brand-dark, #e23744);
  /* the warm orange→red brand gradient (same as the header Search button) — used app-wide */
  --fd-grad:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));
  --fd-ink:#1c1c1c;
  --fd-muted:#696969;
  --fd-line:#e8e8e8;
  --fd-soft:#f7f7f7;
  --fd-green:#267e3e;
  --fd-shadow:0 8px 24px rgba(0,0,0,.08);
  --fd-shadow-lg:0 12px 40px rgba(0,0,0,.12);
}

body.fd-site .sis-home-page{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;color:var(--fd-ink);background:#fff}
body.fd-site .sis-home-page .fd-container{max-width:1180px;margin:0 auto;padding:0 20px}
body.fd-site .sis-home-page .ico{width:20px;height:20px;fill:currentColor;flex:none}
body.fd-site .sis-home-page .ico--red{fill:var(--fd-red-dark)}

/* keep the spinner / zone-error untouched visually */

/* ============================ HERO ============================ */
body.fd-site .sis-home-page .fd-hero{
  background:linear-gradient(180deg,rgba(var(--brand-rgb, 232, 84, 26), .07) 0%,rgba(var(--brand-rgb, 232, 84, 26), .10) 55%,rgba(var(--brand-rgb, 232, 84, 26), .04) 100%);
  border:0;border-radius:0;overflow:hidden;
  max-width:none;width:100%;margin:0}
body.fd-site .sis-home-page .fd-hero__grid{
  display:block;text-align:center;max-width:1260px;margin:0 auto;padding:58px 24px 62px}
body.fd-site .sis-home-page .fd-hero__eyebrow{
  display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.4px;
  color:var(--fd-red-dark);margin-bottom:22px;text-transform:uppercase;
  background:#fff;border:1px solid #f3d9cb;border-radius:50px;padding:7px 16px;box-shadow:0 2px 8px rgba(120,90,60,.06)}
body.fd-site .sis-home-page .fd-hero__text h1{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:52px;line-height:1.1;
  color:#211c1a;letter-spacing:-1px;margin:0}
body.fd-site .sis-home-page .fd-hero__text h1 em{font-style:normal;background:var(--fd-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.fd-site .sis-home-page .fd-hero__sub{margin:20px auto 0;font-size:17px;line-height:1.6;color:var(--fd-muted);max-width:560px}

/* --- Hero trust stats + CTA --- */
body.fd-site .sis-home-page .fd-hero__trust{display:flex;align-items:center;margin:28px 0 26px;gap:0}
body.fd-site .sis-home-page .fd-hero__trust-stat{padding:0 22px;text-align:center}
body.fd-site .sis-home-page .fd-hero__trust-stat:first-child{padding-left:0}
body.fd-site .sis-home-page .fd-hero__trust-num{display:block;font-size:30px;font-weight:800;color:var(--fd-ink);line-height:1.1;font-family:'Plus Jakarta Sans',serif}
body.fd-site .sis-home-page .fd-hero__trust-num small{font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;margin-left:2px;color:var(--fd-red)}
body.fd-site .sis-home-page .fd-hero__trust-label{display:block;font-size:12px;color:var(--fd-muted);font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
body.fd-site .sis-home-page .fd-hero__trust-sep{width:1px;height:38px;background:var(--fd-line);flex:none}
body.fd-site .sis-home-page .fd-hero__cta{display:inline-flex;align-items:center;gap:8px;background:var(--fd-grad);color:#fff;border-radius:12px;padding:14px 28px;font-weight:700;font-size:15px;text-decoration:none;transition:opacity .15s,transform .12s,box-shadow .12s;box-shadow:0 8px 20px rgba(var(--brand-rgb, 226, 55, 68),.28)}
body.fd-site .sis-home-page .fd-hero__cta:hover{background:var(--fd-grad);opacity:.94;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(var(--brand-rgb, 226, 55, 68),.32)}
body.fd-site .sis-home-page .fd-hero__cta i{font-size:18px}
body.fd-site .sis-home-page .fd-hero__search{
  display:flex;align-items:stretch;background:#fff;border:1px solid #ece4da;border-radius:14px;
  box-shadow:0 10px 30px rgba(120,90,60,.10);overflow:hidden;max-width:560px}
body.fd-site .sis-home-page .fd-hero__field{display:flex;align-items:center;gap:10px;padding:0 16px;position:relative}
body.fd-site .sis-home-page .fd-hero__field--loc{flex:0 0 42%;min-width:0}
body.fd-site .sis-home-page .fd-hero__field--q{flex:1;min-width:0}
body.fd-site .sis-home-page .fd-hero__field input{
  border:0;outline:none;font-size:15px;width:100%;font-family:inherit;color:var(--fd-ink);
  background:none;padding:16px 0;text-overflow:ellipsis}
body.fd-site .sis-home-page .fd-hero__field--loc input{cursor:pointer}
body.fd-site .sis-home-page .fd-hero__field .ico{color:var(--fd-muted)}
body.fd-site .sis-home-page .fd-hero__divider{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:26px;background:var(--fd-line)}
body.fd-site .sis-home-page .fd-hero__go{
  border:0;background:var(--fd-grad);color:#fff;font-family:inherit;font-weight:700;font-size:15px;
  padding:0 26px;cursor:pointer;transition:opacity .15s}
body.fd-site .sis-home-page .fd-hero__go:hover{opacity:.92}
body.fd-site .sis-home-page .fd-hero__stats{display:flex;gap:36px;margin-top:34px}
body.fd-site .sis-home-page .fd-hero__stats div{display:flex;flex-direction:column}
body.fd-site .sis-home-page .fd-hero__stats strong{font-family:'Plus Jakarta Sans',Georgia,serif;font-size:24px;color:#211c1a}
body.fd-site .sis-home-page .fd-hero__stats span{font-size:13px;color:var(--fd-muted);margin-top:2px}
/* hero imagery (decorative) */
body.fd-site .sis-home-page .fd-hero__media{position:relative;height:430px}
body.fd-site .sis-home-page .fd-hero__photo{
  position:absolute;border-radius:20px;background-size:cover;background-position:center;
  box-shadow:0 20px 50px rgba(80,50,30,.18)}
body.fd-site .sis-home-page .fd-hero__photo--main{inset:0 0 40px 60px;
  background-image:url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=800&q=80')}
body.fd-site .sis-home-page .fd-hero__photo--small{width:180px;height:180px;left:0;bottom:0;border:6px solid #fdfbf8;
  background-image:url('https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=400&q=80')}
body.fd-site .sis-home-page .fd-hero__badge{
  position:absolute;top:30px;right:-6px;background:#fff;border-radius:14px;padding:14px 18px;
  box-shadow:0 12px 30px rgba(80,50,30,.16);text-align:center}
body.fd-site .sis-home-page .fd-hero__badge .fd-rating{
  display:inline-flex;align-items:center;gap:6px;background:var(--fd-green);color:#fff;
  font-size:16px;font-weight:700;padding:5px 10px;border-radius:6px}
body.fd-site .sis-home-page .fd-hero__badge .fd-rating .ico{width:14px;height:14px;fill:#fff}
body.fd-site .sis-home-page .fd-hero__badge small{display:block;margin-top:6px;font-size:12px;color:var(--fd-muted);max-width:130px}

/* ============================ DYNAMIC BANNER (kept) ============================ */
/* Full-width promo banner (edge to edge, like the live site) */
body.fd-site .sis-home-page .ecommerce-banner{margin:26px 0 0;max-width:none;width:100%;padding:0}
body.fd-site .sis-home-page .ecommerce-banner .banner-img img,
body.fd-site .sis-home-page .ecommerce-banner .slick-slide img,
body.fd-site .sis-home-page .ecommerce-banner img{border-radius:0 !important;width:100%;display:block}

/* ============================ SECTION HEADS ============================ */
body.fd-site .sis-home-page .section-content .container,
body.fd-site .sis-home-page .ecommerce-content .container{max-width:1180px}
body.fd-site .sis-home-page .title{margin-bottom:20px;border:0 !important;padding:0}
body.fd-site .sis-home-page .title h5{
  font-size:26px;font-weight:700;letter-spacing:-.3px;color:#211c1a;margin:0;
  font-family:'Plus Jakarta Sans',Georgia,serif}
body.fd-site .sis-home-page .title .see-all a{
  font-size:14px;font-weight:600;color:var(--fd-red-dark)}
body.fd-site .sis-home-page .ecommerce-content > section{margin:26px 0}
/* keep empty content sections from leaving a big band */
body.fd-site .sis-home-page .ecommerce-content > section:empty,
body.fd-site .sis-home-page .ecommerce-content > .middle-banners-section:has(#middle_banner:empty),
body.fd-site .sis-home-page .ecommerce-content > .home-categories-section:has(#home_categories:empty){margin:0;padding:0;border:0}

/* ============================ FOOD REELS ============================ */
body.fd-site .sis-home-page .restaurant_stories{
  background:linear-gradient(180deg,#15100f,#1c1513);padding:54px 0 60px;margin:54px 0 0;color:#fff}
body.fd-site .sis-home-page .fd-reels__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
body.fd-site .sis-home-page .fd-reels__eyebrow{
  display:block;font-size:13px;font-weight:600;letter-spacing:.5px;color:#ff8a93;
  text-transform:uppercase;margin-bottom:6px}
body.fd-site .sis-home-page .fd-reels__head h2{
  color:#fff;font-family:'Plus Jakarta Sans',Georgia,serif;font-size:30px;margin:0;font-weight:700}
/* .fd-reels__nav and .fd-reels__arrow removed — replaced by .fd-reels__side-btn at bottom */
body.fd-site .sis-home-page .fd-reels__track{
  display:flex;gap:18px;overflow-x:auto;padding:6px 2px 14px;scroll-behavior:smooth;scrollbar-width:none}
body.fd-site .sis-home-page .fd-reels__track::-webkit-scrollbar{display:none}
body.fd-site .sis-home-page .fd-reel{
  flex:0 0 220px;aspect-ratio:9/16;border-radius:18px;position:relative;overflow:hidden;
  cursor:pointer;background:#000;box-shadow:0 14px 36px rgba(0,0,0,.5)}
body.fd-site .sis-home-page .fd-reel img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.92}
body.fd-site .sis-home-page .fd-reel:hover img{transform:scale(1.08);opacity:1}
body.fd-site .sis-home-page .fd-reel::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.78) 8%,transparent 42%,rgba(0,0,0,.25))}
body.fd-site .sis-home-page .fd-reel__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);
  width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);
  border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center;z-index:2;
  opacity:0;transition:opacity .25s,transform .25s}
body.fd-site .sis-home-page .fd-reel:hover .fd-reel__play{opacity:1;transform:translate(-50%,-50%) scale(1)}
body.fd-site .sis-home-page .fd-reel__play svg{width:22px;height:22px;fill:#fff;margin-left:3px}
body.fd-site .sis-home-page .fd-reel__meta{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}
body.fd-site .sis-home-page .fd-reel__rest{display:flex;align-items:center;gap:8px;margin-bottom:6px}
body.fd-site .sis-home-page .fd-reel__rest img{
  width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);flex:none;opacity:1}
body.fd-site .sis-home-page .fd-reel__rest b{font-size:13px;font-weight:600}
body.fd-site .sis-home-page .fd-reel__title{
  font-size:14px;font-weight:600;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* reel fullscreen player */
body.fd-site .fd-reel-player{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.94);display:none;
  align-items:center;justify-content:center}
body.fd-site .fd-reel-player.open{display:flex}
body.fd-site .fd-reel-player__box{position:relative;width:min(420px,92vw);aspect-ratio:9/16;background:#000;
  border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6)}
body.fd-site .fd-reel-player__box video{width:100%;height:100%;object-fit:cover;display:block;outline:none;background:#000}
body.fd-site .fd-reel-player__close{position:absolute;top:14px;right:14px;z-index:6;width:40px;height:40px;border:0;
  border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:22px;cursor:pointer}
/* left/right tap zones — full-height, no borders/outline/tap-highlight (was showing a seam) */
body.fd-site .fd-reel-player__nav{position:absolute;top:0;bottom:0;width:40%;z-index:4;cursor:pointer;border:0;outline:none;
  background:transparent;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
body.fd-site .fd-reel-player__nav:focus,body.fd-site .fd-reel-player__nav:active{outline:none;box-shadow:none}
body.fd-site .fd-reel-player__nav.prev{left:0}
body.fd-site .fd-reel-player__nav.next{right:0}
/* restaurant image + name, top-left while the story plays.
   The bar itself ignores clicks (so the prev/next tap zones still work), but the
   restaurant link inside is clickable and sits above them. */
body.fd-site .fd-reel-player__head{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:10px;
  padding:14px 56px 26px 16px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
body.fd-site .fd-reel-player__rest{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;
  pointer-events:auto;cursor:pointer;text-decoration:none !important}
body.fd-site .fd-reel-player__rest:hover .fd-reel-player__hname{text-decoration:underline}
body.fd-site .fd-reel-player__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;
  border:2px solid rgba(255,255,255,.9);background:#333}
body.fd-site .fd-reel-player__hname{color:#fff !important;font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.6);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============================ SHOWCASE (scroll convergence) ============================ */
body.fd-site .sis-home-page .fd-showcase{height:170vh;position:relative;background:linear-gradient(180deg,#fdfbf8,#fbf7f2)}
body.fd-site .sis-home-page .fd-showcase__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
body.fd-site .sis-home-page .fd-showcase__center{
  position:relative;z-index:1;text-align:center;max-width:560px;padding:0 20px;
  opacity:0;transform:scale(.92)}
body.fd-site .sis-home-page .fd-showcase__eyebrow{
  display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;
  color:var(--fd-red-dark);text-transform:uppercase;margin-bottom:14px}
body.fd-site .sis-home-page .fd-showcase__center h2{
  font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;font-size:50px;line-height:1.1;
  color:#211c1a;letter-spacing:-.5px;margin:0}
body.fd-site .sis-home-page .fd-showcase__center h2 em{font-style:italic;color:var(--fd-red-dark)}
body.fd-site .sis-home-page .fd-showcase__center p{margin-top:18px;font-size:17px;line-height:1.6;color:var(--fd-muted)}
body.fd-site .sis-home-page .fd-showcase__img{
  position:absolute;top:50%;left:50%;border-radius:22px;object-fit:cover;
  box-shadow:0 24px 60px rgba(80,50,30,.22);will-change:transform,opacity;opacity:0;border:5px solid #fff}
body.fd-site .sis-home-page .fd-showcase__img.s-sm{width:150px;height:150px;margin:-75px 0 0 -75px}
body.fd-site .sis-home-page .fd-showcase__img.s-md{width:190px;height:190px;margin:-95px 0 0 -95px}
body.fd-site .sis-home-page .fd-showcase__img.s-lg{width:230px;height:230px;margin:-115px 0 0 -115px}

/* ============================ QUICK TILES ============================ */
body.fd-site .sis-home-page .fd-tiles{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:46px auto;padding:0 20px}
body.fd-site .sis-home-page .fd-tile{
  border:1px solid var(--fd-line);border-radius:16px;overflow:hidden;background:#fff;
  transition:transform .18s,box-shadow .18s;color:inherit;display:block}
body.fd-site .sis-home-page .fd-tile:hover{transform:translateY(-4px);box-shadow:var(--fd-shadow-lg);text-decoration:none;color:inherit}
body.fd-site .sis-home-page .fd-tile__media{height:150px;position:relative}
body.fd-site .sis-home-page .fd-tile__media--order{background:linear-gradient(135deg,#ffd166,var(--brand, #ff8a5b))}
body.fd-site .sis-home-page .fd-tile__media--dine{background:linear-gradient(135deg,#7f7fd5,#86a8e7,#91eae4)}
body.fd-site .sis-home-page .fd-tile__media--offer{background:linear-gradient(135deg,var(--brand-dark, #e23744),#ff7a59)}
body.fd-site .sis-home-page .fd-tile__tag{
  position:absolute;top:14px;left:14px;background:#fff;color:var(--fd-red-dark);
  font-size:11px;font-weight:700;padding:5px 10px;border-radius:6px;letter-spacing:.3px}
body.fd-site .sis-home-page .fd-tile__body{padding:16px 18px}
body.fd-site .sis-home-page .fd-tile__body h3{font-size:19px;font-weight:700;margin:0 0 4px}
body.fd-site .sis-home-page .fd-tile__body p{color:var(--fd-muted);font-size:14px;margin:0}

/* ============================ HOME CATEGORY RESTAURANT SECTIONS ============================ */
/* Shimmer placeholders for the "Inspiration for your first order" tiles.
   Mirrors the real tile size (120x120 + label) so nothing shifts when data lands. */
body.fd-site .fd-cat-skel-row{display:flex;flex-wrap:nowrap;gap:18px;overflow:hidden}
body.fd-site .fd-cat-skel{flex:0 0 120px;width:120px;text-align:center}
body.fd-site .fd-cat-skel__tile{display:block;width:120px;height:120px;border-radius:18px;margin:0 0 10px}
body.fd-site .fd-cat-skel__label{display:block;width:70px;height:12px;border-radius:6px;margin:0 auto}
body.fd-site .fd-skel-block{background:#e9ecef;border-radius:8px;animation:fdSkelPulse 1.4s ease-in-out infinite}
@keyframes fdSkelPulse{0%,100%{opacity:1}50%{opacity:.55}}
body.fd-site .home-categories-section{margin:10px 0}
/* Tighter rhythm: the 52px row gap + stacked 26px section margins left large empty
   bands between the banner, each category row and "Delivery Restaurants". */
body.fd-site .home-categories-section .category-content{margin-bottom:26px}
body.fd-site .home-categories-section .category-content:last-child{margin-bottom:0}
body.fd-site .sis-home-page .ecommerce-content > .middle-banners-section{margin:14px 0}
body.fd-site .sis-home-page .ecommerce-content > .home-categories-section{margin:14px 0}
body.fd-site .sis-home-page .ecommerce-content > .all-stores-section{margin-top:14px}
body.fd-site .sis-home-page .home-categories-section .title{margin-bottom:14px}
body.fd-site .sis-home-page .home-categories-section .product-list{padding-bottom:0}
/* .ecommerce-content > section carries padding-bottom:50px (style.css:3103) — that,
   not the margins, was the big empty band under the banner / category rows. */
body.fd-site .sis-home-page .ecommerce-content > .middle-banners-section,
body.fd-site .sis-home-page .ecommerce-content > .home-categories-section{padding-bottom:0}
body.fd-site .sis-home-page .ecommerce-content > .all-stores-section{padding-bottom:24px}
body.fd-site .home-categories-section .title{display:flex;align-items:center;margin-bottom:20px;border:0!important;padding:0}
body.fd-site .home-categories-section .title h5{
  font-size:24px;font-weight:700;letter-spacing:-.3px;color:#211c1a;margin:0;
  font-family:'Plus Jakarta Sans',Georgia,serif}
body.fd-site .home-categories-section .title .see-all{margin-left:auto}
body.fd-site .home-categories-section .title .see-all a{
  font-size:14px;font-weight:600;color:var(--brand-dark, #e23744)!important;background:transparent!important;
  padding:0;display:inline;border-radius:0}
body.fd-site .home-categories-section .title .see-all a:hover{text-decoration:underline}
/* make cards in category sections identical to main grid */
body.fd-site .home-categories-section .list-card.fd-card .list-card-image{height:180px}
body.fd-site .home-categories-section .product-list{padding-bottom:12px}

/* ============================ TOP CATEGORIES → CUISINE SCROLLER ============================ */
body.fd-site .sis-home-page .top-categories-section .top_categories .row{
  display:flex;flex-wrap:nowrap;gap:26px;overflow-x:auto;padding-bottom:10px;
  scrollbar-width:thin;margin:0}
body.fd-site .sis-home-page .top-categories-section .top-cat-list{
  flex:0 0 auto;width:120px;max-width:120px;padding:0;text-align:center}
/* Square category tiles (override the legacy circular .cat-img span) */
body.fd-site .sis-home-page .top-categories-section .cat-img,
body.fd-site .sis-home-page .top-categories-section .cat-link span{
  display:inline-block !important;width:120px !important;height:120px !important;border-radius:18px !important;
  overflow:hidden;border:1px solid var(--fd-line) !important;box-shadow:0 6px 16px rgba(80,50,30,.08);margin:0 auto 10px !important}
body.fd-site .sis-home-page .top-categories-section .cat-img img,
body.fd-site .sis-home-page .top-categories-section .cat-link span img{
  width:120px !important;height:120px !important;border-radius:18px !important;object-fit:cover !important;
  transition:transform .18s;margin:0 !important}
body.fd-site .sis-home-page .top-categories-section .cat-link:hover .cat-img img{transform:scale(1.05)}
body.fd-site .sis-home-page .top-categories-section .cat-link h4{font-size:14px;font-weight:600;margin:0;color:var(--fd-ink)}

/* ============================ RESTAURANT / PRODUCT CARDS ============================ */
body.fd-site .sis-home-page .list-card{
  border:0;border-radius:16px;overflow:visible;background:transparent;box-shadow:none;
  transition:transform .18s}
body.fd-site .sis-home-page .list-card:hover{transform:translateY(-4px)}
body.fd-site .sis-home-page .list-card .list-card-image{
  position:relative;height:185px;border-radius:16px;overflow:hidden;background:var(--fd-soft)}
body.fd-site .sis-home-page .list-card .list-card-image .item-img{
  width:100%;height:100%;object-fit:cover;transform-origin:center center;will-change:transform;
  /* --sz is driven by the scroll-zoom JS (peaks when the card hits the viewport middle) */
  transform:scale(var(--sz,1));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body.fd-site .sis-home-page .list-card:hover .list-card-image .item-img{transform:scale(calc(var(--sz,1) + 0.05))}
body.fd-site .sis-home-page .list-card .list-card-image::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.45),transparent 45%)}
body.fd-site .sis-home-page .list-card .member-plan{top:12px;left:12px;z-index:3}
body.fd-site .sis-home-page .list-card .member-plan .badge{
  font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;letter-spacing:.2px}
body.fd-site .sis-home-page .list-card .member-plan .badge.open{background:var(--fd-green);color:#fff}
body.fd-site .sis-home-page .list-card .member-plan .badge.closed{background:#9a9a9a;color:#fff}
body.fd-site .sis-home-page .list-card .offer-icon{bottom:10px;left:10px;z-index:3}
body.fd-site .sis-home-page .list-card .list-card-body{padding:14px 2px 4px}
body.fd-site .sis-home-page .list-card .popul-title{margin:0 0 4px}
body.fd-site .sis-home-page .list-card .popul-title a{
  font-size:17px;font-weight:700;color:#1c1c1c !important;
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.fd-site .sis-home-page .list-card .list-card-body p.text-gray.address{
  color:var(--fd-muted) !important;font-size:13px !important;margin-bottom:4px}
body.fd-site .sis-home-page .list-card .pro-price{color:var(--fd-red-dark) !important;font-weight:600;font-size:13px}
body.fd-site .sis-home-page .list-card .star .badge,
body.fd-site .sis-home-page .list-card .star.position-relative .badge{
  background:var(--fd-green) !important;color:#fff;font-size:13px;font-weight:700;padding:3px 7px;border-radius:6px}
body.fd-site .sis-home-page .list-card .star{margin-top:8px !important}

/* offers / coupons cards keep their structure, just soften */
body.fd-site .sis-home-page .offers-coupons-section .list-card .list-card-image{height:160px}

/* loadmore button */
body.fd-site .sis-home-page .loadmore-btn{
  display:inline-block;margin:10px auto 0;border:1px solid var(--fd-line);border-radius:24px;
  padding:9px 22px;font-weight:600;color:var(--fd-red-dark);background:#fff}

/* ============================ SCROLL REVEAL ============================ */
body.fd-site .sis-home-page .fd-reveal{opacity:0;transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
body.fd-site .sis-home-page .fd-reveal.in{opacity:1;transform:none}

/* ============================================================
   SMART FOOD-SCROLL LOADER — GLOBAL (home + all inner pages).
   z-index sits ABOVE the #data-table_processing ring (9999) so the
   two never show together (fixes the double-loader bug).
   ============================================================ */
body.fd-site .fd-app-loader{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;
  background:#fff}
body.fd-site .fd-app-loader.fd-loaded{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
body.fd-site .fd-app-loader .fd-loader__box{text-align:center}
body.fd-site .fd-app-loader .fd-loader__brand{font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;font-size:36px;
  color:var(--fd-red-dark);letter-spacing:.5px;margin-bottom:20px}
body.fd-site .fd-app-loader .fd-loader__brand img{height:46px;width:auto;display:inline-block;animation:fdLogoPulse 1.4s ease-in-out infinite}
@keyframes fdLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
body.fd-site .fd-app-loader .fd-loader__food{width:230px;margin:0 auto;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
          mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
body.fd-site .fd-app-loader .fd-loader__track{display:inline-flex;gap:16px;font-size:30px;line-height:1;white-space:nowrap;
  animation:fdFoodScroll 1.1s linear infinite;will-change:transform}
@keyframes fdFoodScroll{to{transform:translateX(-50%)}}
body.fd-site .fd-app-loader .fd-loader__bar{width:180px;height:4px;border-radius:4px;background:#f0e2d2;
  margin:22px auto 12px;overflow:hidden}
body.fd-site .fd-app-loader .fd-loader__bar i{display:block;width:42%;height:100%;border-radius:4px;
  background:var(--fd-red-dark);animation:fdLoaderBar .9s ease-in-out infinite}
@keyframes fdLoaderBar{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
body.fd-site .fd-app-loader .fd-loader__text{font-size:13px;color:var(--fd-muted);font-weight:500}
@media(prefers-reduced-motion:reduce){
  body.fd-site .fd-app-loader .fd-loader__track,body.fd-site .fd-app-loader .fd-loader__bar i{animation:none}
}

/* ============================ RESPONSIVE ============================ */
@media(max-width:900px){
  body.fd-site .sis-home-page .fd-hero__grid{grid-template-columns:1fr;gap:32px;padding:42px 20px 48px}
  body.fd-site .sis-home-page .fd-hero__text h1{font-size:40px}
  body.fd-site .sis-home-page .fd-hero__media{height:300px;max-width:460px}
  body.fd-site .sis-home-page .fd-tiles{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  body.fd-site .sis-home-page .fd-hero__text h1{font-size:32px}
  body.fd-site .sis-home-page .fd-hero__search{flex-wrap:wrap}
  body.fd-site .sis-home-page .fd-hero__go{flex:1 1 100%;padding:14px}
  body.fd-site .sis-home-page .fd-hero__media{display:none}
  body.fd-site .sis-home-page .fd-tiles{grid-template-columns:1fr}
  body.fd-site .sis-home-page .title h5{font-size:22px}
  body.fd-site .sis-home-page .fd-showcase{height:auto}
  body.fd-site .sis-home-page .fd-showcase__stage{position:static;height:auto;padding:54px 0}
  body.fd-site .sis-home-page .fd-showcase__center{opacity:1;transform:none}
  body.fd-site .sis-home-page .fd-showcase__img{display:none}
}
/* ============================================================
   CLONE-2 HEADER (.fd-nav) — used only on the home page.
   This file loads ONLY on home, so other pages are untouched.
   ============================================================ */
body.fd-site .fd-nav{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--fd-line);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;transition:box-shadow .2s}
body.fd-site .fd-nav.scrolled{box-shadow:0 4px 16px rgba(0,0,0,.06)}
body.fd-site .fd-nav__inner{display:flex;align-items:center;gap:16px;height:72px;max-width:1440px}
body.fd-site .fd-nav .fd-brand{flex:none;display:flex;align-items:center}
body.fd-site .fd-nav .fd-brand img#logo_web{max-height:34px;width:auto}
/* compact location picker (quicklist-style) */
body.fd-site .fd-nav__loc{position:relative;flex:none}
body.fd-site .fd-nav__loc-trigger{
  display:flex;align-items:center;gap:7px;height:46px;padding:0 14px;background:#fff;cursor:pointer;
  border:1.5px solid var(--fd-line);border-radius:12px;font-family:inherit;max-width:200px;transition:border-color .15s}
body.fd-site .fd-nav__loc-trigger:hover{border-color:#f3d9cb}
body.fd-site .fd-nav__loc-trigger .feather-map-pin{color:var(--fd-red-dark);font-size:17px;flex:none}
body.fd-site .fd-nav__loc-label{font-size:13px;font-weight:600;color:var(--fd-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
body.fd-site .fd-nav__loc-caret{color:var(--fd-muted);font-size:15px;flex:none;margin-left:auto}
body.fd-site .fd-loc-drop--pop{
  position:absolute;top:calc(100% + 10px);left:0;width:330px;max-width:80vw;background:#fff;
  border:1px solid var(--fd-line);border-radius:14px;box-shadow:var(--fd-shadow-lg);padding:14px;z-index:90}
body.fd-site .fd-loc-drop__label{font-size:12px;font-weight:700;color:var(--fd-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:9px}
body.fd-site .fd-loc-drop__field{display:flex;align-items:center;gap:8px;border:1.5px solid var(--fd-line);border-radius:10px;padding:0 12px;height:44px;margin-bottom:10px}
body.fd-site .fd-loc-drop__field .feather-search{color:var(--fd-muted);font-size:16px;flex:none}
body.fd-site .fd-loc-drop__detect{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;font-family:inherit;
  border:1.5px dashed #f0c9b6;background:#fff7f3;color:var(--fd-red-dark);font-weight:700;font-size:13.5px;border-radius:10px;padding:12px;transition:all .15s}
body.fd-site .fd-loc-drop__detect:hover{background:#fff0e9;border-color:var(--fd-red)}
body.fd-site .fd-loc-drop__detect i{font-size:16px}
body.fd-site .fd-nav__icon--fav .feather-heart{font-size:18px}
body.fd-site .fd-nav__loc .head-loc{display:flex;align-items:center;cursor:pointer}
body.fd-site .fd-nav__loc .head-loc .feather-map-pin{color:var(--fd-red-dark);font-size:18px}
body.fd-site .fd-nav__loc input#user_locationnew{
  border:0 !important;background:none !important;outline:none;padding:0 !important;height:auto !important;
  font-size:13px;font-weight:600;color:var(--fd-ink);width:100%;text-overflow:ellipsis}
body.fd-site .fd-nav__loc input#user_locationnew::placeholder{font-weight:400;color:var(--fd-muted)}
/* search box — quicklist-style with an integrated Search button */
body.fd-site .fd-nav__search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;height:46px;
  background:#fff;border:1.5px solid var(--fd-line);border-radius:12px;padding:0 0 0 16px;overflow:hidden;transition:border-color .15s}
body.fd-site .fd-nav__search:focus-within{border-color:var(--fd-red)}
body.fd-site .fd-nav__search .fd-nav__search-ico{color:var(--fd-muted);font-size:18px;flex:none}
body.fd-site .fd-nav__search input{border:0;background:none;outline:none;width:100%;height:100%;font-size:14px;font-family:inherit;color:var(--fd-ink)}
body.fd-site .fd-nav__search-btn{
  flex:none;display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;height:100%;padding:0 24px;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-weight:700;font-size:14px;font-family:inherit;transition:opacity .15s}
body.fd-site .fd-nav__search-btn:hover{opacity:.92}
body.fd-site .fd-nav__search-btn i{font-size:15px}
/* right cluster */
body.fd-site .fd-nav__links{display:flex;align-items:center;gap:14px;flex:none}
body.fd-site .fd-nav__links a{font-size:15px;color:#363636;font-weight:500;text-decoration:none}
body.fd-site .fd-nav__links a:hover{color:var(--fd-red-dark)}
/* circular icon buttons (cart etc.) */
body.fd-site .fd-nav__icon{display:inline-flex;align-items:center;justify-content:center;color:#363636;
  width:42px;height:42px;border-radius:50%;border:1px solid var(--fd-line);transition:background .15s,border-color .15s}
body.fd-site .fd-nav__icon:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);border-color:#f3d9cb;color:var(--fd-red-dark)}
body.fd-site .fd-nav__icon .feather-shopping-cart{font-size:19px}
/* delivery / takeaway mode toggle — filled gradient so it reads as the active mode */
body.fd-site .fd-nav__mode{background:var(--fd-grad) !important;border-color:transparent !important;color:#fff !important}
body.fd-site .fd-nav__mode:hover{opacity:.92;color:#fff !important}
body.fd-site .fd-nav__mode i{font-size:18px}
/* Black tooltip for header icons — pure CSS, no JS library (sidesteps the
   Bootstrap-vs-jQuery-UI $.fn.tooltip conflict that left a native white box).
   Driven by data-tip="..." on the icon; arrow points up at the icon. */
body.fd-site .fd-nav [data-tip]{position:relative}
body.fd-site .fd-nav [data-tip]::after{
  content:attr(data-tip);
  position:absolute;top:calc(100% + 10px);left:50%;
  transform:translateX(-50%) translateY(4px);
  background:#111;color:#fff;font:600 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif;
  letter-spacing:.2px;padding:8px 12px;border-radius:7px;white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;z-index:1080;
}
body.fd-site .fd-nav [data-tip]::before{
  content:'';position:absolute;top:calc(100% + 4px);left:50%;
  transform:translateX(-50%) translateY(4px);
  border:6px solid transparent;border-bottom-color:#111;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;z-index:1081;
}
body.fd-site .fd-nav [data-tip]:hover::after,
body.fd-site .fd-nav [data-tip]:hover::before{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
/* Bootstrap tooltip fallback (any that still init) — same black + arrow */
body.fd-site .tooltip{font-family:'Plus Jakarta Sans',system-ui,sans-serif;opacity:1 !important;z-index:1080}
body.fd-site .tooltip .tooltip-inner{
  background:#111 !important;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.2px;
  padding:7px 12px;border-radius:7px;box-shadow:0 6px 18px rgba(0,0,0,.28);max-width:240px
}
body.fd-site .tooltip .arrow{width:.9rem;height:.45rem}
body.fd-site .tooltip.bs-tooltip-bottom .arrow::before,body.fd-site .tooltip[x-placement^="bottom"] .arrow::before{border-width:0 .45rem .45rem;border-bottom-color:#111 !important}
body.fd-site .tooltip.bs-tooltip-top .arrow::before,body.fd-site .tooltip[x-placement^="top"] .arrow::before{border-width:.45rem .45rem 0;border-top-color:#111 !important}
body.fd-site .tooltip.bs-tooltip-left .arrow::before,body.fd-site .tooltip[x-placement^="left"] .arrow::before{border-width:.45rem 0 .45rem .45rem;border-left-color:#111 !important}
body.fd-site .tooltip.bs-tooltip-right .arrow::before,body.fd-site .tooltip[x-placement^="right"] .arrow::before{border-width:.45rem .45rem .45rem 0;border-right-color:#111 !important}
@media(max-width:900px){
  body.fd-site .fd-nav__search-btn span{display:none}
  body.fd-site .fd-nav__search-btn{padding:0 16px}
}
body.fd-site .fd-nav__account{display:inline-flex;align-items:center}
body.fd-site .fd-nav__account .dropdown-toggle::after{display:none}
body.fd-site .fd-nav__account #dropdownMenuButton{
  display:inline-flex;align-items:center;gap:0;line-height:1;white-space:nowrap;cursor:pointer;
  font-size:15px;font-weight:600;color:var(--fd-ink) !important}
body.fd-site .fd-nav__account #dropdownMenuButton img.header-user{
  width:34px !important;height:34px !important;min-width:34px;border-radius:50%;object-fit:cover;
  margin:0 8px 0 0 !important;flex:none}
body.fd-site .fd-nav__login{padding:10px 20px;border:1.5px solid var(--fd-red-dark);border-radius:11px;background:#fff;color:var(--fd-red-dark) !important;font-weight:700;font-size:14px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}
body.fd-site .fd-nav__login:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--fd-red-dark) !important;text-decoration:none}
body.fd-site .fd-nav__signup{padding:10px 20px;border:0;border-radius:11px;background:var(--fd-grad);color:#fff !important;font-weight:700;font-size:14px;text-decoration:none;transition:opacity .15s;white-space:nowrap}
body.fd-site .fd-nav__signup:hover{opacity:.92;color:#fff !important;text-decoration:none;background:var(--fd-grad)}
/* neutralise demo.css .hc-nav-trigger leaks — reset any absolute positioning the hc-nav plugin injects */
body.fd-site .fd-nav .toggle.fd-nav__menu,body.fd-site .fd-nav .fd-nav__hamburger{
  position:relative !important;top:auto !important;right:auto !important;
  bottom:auto !important;left:auto !important;min-height:0 !important;
  transform:none !important;margin:0;flex:none;align-self:center}
@media(max-width:900px){
  body.fd-site .fd-nav__search{display:none}
  body.fd-site .fd-nav__loc{min-width:150px}
}
@media(max-width:600px){
  body.fd-site .fd-nav__inner{gap:10px}
  body.fd-site .fd-nav__loc{min-width:auto;max-width:150px}
}

/* ============================================================
   FILTER CHIPS (clone-2) — above the restaurants grid
   ============================================================ */
body.fd-site .sis-home-page .fd-filters{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}
body.fd-site .sis-home-page .fd-chip{
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--fd-line);
  background:#fff;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;color:#363636 !important;
  text-decoration:none;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.04)}
body.fd-site .sis-home-page .fd-chip:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a) !important;text-decoration:none}
body.fd-site .sis-home-page .fd-chip.active{background:var(--fd-grad);border-color:transparent;color:#fff !important;box-shadow:0 4px 12px rgba(var(--brand-rgb, 232, 84, 26),.30)}
body.fd-site .sis-home-page .fd-chip--icon{background:#1c1c28;border-color:#1c1c28;color:#fff !important;font-weight:600}
body.fd-site .sis-home-page .fd-chip .feather-sliders{font-size:15px}
body.fd-site .sis-home-page .fd-results-count{font-size:13px;color:#686b78;font-weight:500;margin:-8px 0 14px;min-height:18px}

/* ============================================================
   HIGHLIGHTS (paid advertisements) — kept, restyled to the
   clone-2 rich look. Overrides the old peach-panel UI from
   style.css (.highlights-section-inner / .profile-preview-box).
   ============================================================ */
body.fd-site .sis-home-page .highlights-section{margin:6px 0 0 !important}
body.fd-site .sis-home-page .highlights-section .highlights-section-inner{
  background:transparent !important;padding:0 !important;border-radius:0 !important}
body.fd-site .sis-home-page .highlights-section .title{border:0 !important;margin-bottom:18px}
body.fd-site .sis-home-page .highlights-slider{padding:6px 0 12px}
/* slick: ignore the stale height slick locks before ad images load, and make all
   slides equal-height via flex so variable content (logo/title/desc) is never clipped */
body.fd-site .sis-home-page .highlights-slider .slick-list{height:auto !important;overflow:hidden;padding-bottom:8px}
body.fd-site .sis-home-page .highlights-slider .slick-track{display:flex !important;align-items:stretch}
body.fd-site .sis-home-page .highlights-slider .slick-slide{height:auto !important}
body.fd-site .sis-home-page .highlights-slider .slick-slide > div,
body.fd-site .sis-home-page .highlights-slider .slick-slide .cat-item.profile-preview-box{height:100%}
body.fd-site .sis-home-page .highlights-slider .slick-slide .profile-preview-box-inner{height:100%;display:flex;flex-direction:column}
body.fd-site .sis-home-page .highlights-slider .slick-slide .profile-preview-content{flex:1}
body.fd-site .sis-home-page .highlights-slider .profile-preview-box{padding:0 12px}
/* single (non-carousel) card shouldn't stretch full width */
body.fd-site .sis-home-page .highlights-slider:not(.slick-initialized){justify-content:flex-start}
body.fd-site .sis-home-page .highlights-slider:not(.slick-initialized) .profile-preview-box{max-width:380px}
/* Once slick initializes, the base `display:flex; justify-content:center` turns .slick-list into a
   centered flex item (content-width) — that offsets the row from the heading. Force block layout so
   .slick-list is full-width & left-aligned, and negate the 12px card gutter so the first card lines
   up with the "Highlights for you" heading. */
body.fd-site .sis-home-page .highlights-slider.slick-initialized{display:block;margin-left:-12px;margin-right:-12px}

/* card shell */
body.fd-site .sis-home-page .profile-preview-box .profile-preview-box-inner{
  border:1px solid var(--fd-line) !important;border-radius:18px;background:#fff;overflow:hidden;
  box-shadow:var(--fd-shadow) !important;transition:transform .25s ease,box-shadow .25s ease;min-height:0 !important}
body.fd-site .sis-home-page .profile-preview-box .profile-preview-box-inner:hover{
  transform:translateY(-5px);box-shadow:var(--fd-shadow-lg) !important}

/* media */
body.fd-site .sis-home-page .highlights-slider .profile-preview-img img,
body.fd-site .sis-home-page .highlights-slider .profile-preview-img video{height:188px}

/* rating pill -> clone-2 green */
body.fd-site .sis-home-page .highlights-slider .review-rating-demo{
  background:var(--fd-green) !important;border:0 !important;bottom:12px;right:12px;
  border-radius:9px;padding:4px 9px;font-weight:700;font-size:13px;
  box-shadow:0 4px 12px rgba(0,0,0,.22)}
body.fd-site .sis-home-page .highlights-slider .review-rating-demo .fa-star{color:#ffd24d}

/* content */
body.fd-site .sis-home-page .highlights-slider .profile-preview-content{padding:16px 18px 18px;align-items:flex-start}
body.fd-site .sis-home-page .highlights-slider .prev-profile-image,
body.fd-site .sis-home-page .highlights-slider .prev-profile-image img{width:46px;height:46px}
body.fd-site .sis-home-page .highlights-slider .prev-profile-image{margin-right:12px;flex:none}
body.fd-site .sis-home-page .highlights-slider .prev-profile-detail{padding-right:34px}
body.fd-site .sis-home-page .highlights-slider .prev-profile-detail h3{
  font-size:16px;font-weight:700;color:var(--fd-ink);margin:0 0 4px;line-height:1.25}
body.fd-site .sis-home-page .highlights-slider .prev-profile-detail p{
  color:var(--fd-muted);font-size:13.5px;line-height:1.5;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* wishlist heart */
body.fd-site .sis-home-page .highlights-slider .profile-preview-wishlist{right:14px;top:14px}
body.fd-site .sis-home-page .highlights-slider .profile-preview-wishlist .preview-wishlist-icon{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--fd-red-dark);padding:0;border-radius:50%}

/* video CTA arrow */
body.fd-site .sis-home-page .highlights-slider .prev-profile-btn .btn{
  background:var(--fd-red-dark);border:0;border-radius:50%;width:40px;height:40px;
  display:inline-flex;align-items:center;justify-content:center;color:#fff}

/* slick arrows — .fd-hl-row replaces .row so no negative-margin overflow */
body.fd-site .sis-home-page .fd-hl-row{position:relative}
/* custom feather-icon arrow buttons */
body.fd-site .sis-home-page .fd-hl-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:50%;border:0;
  background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15);
  display:flex !important;align-items:center;justify-content:center;
  cursor:pointer;z-index:5;color:var(--fd-ink);transition:box-shadow .15s,color .15s}
body.fd-site .sis-home-page .fd-hl-btn:hover{color:var(--fd-red);box-shadow:0 6px 20px rgba(0,0,0,.2)}
body.fd-site .sis-home-page .fd-hl-btn i{font-size:20px;display:block}
body.fd-site .sis-home-page .fd-hl-btn.slick-prev{left:-23px}
body.fd-site .sis-home-page .fd-hl-btn.slick-next{right:-23px}
/* hide the default slick ::before glyph */
body.fd-site .sis-home-page .fd-hl-btn:before{display:none !important}

/* ============================================================
   CARDS — clone-2 structure (heart, rating top-right, off badge)
   ============================================================ */
body.fd-site .sis-home-page .list-card.fd-card .list-card-image{position:relative}
body.fd-site .sis-home-page .fd-card__fav{
  position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);display:grid;place-items:center;color:#9a9a9a;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.15);transition:color .15s,transform .15s}
body.fd-site .sis-home-page .fd-card__fav:hover{color:var(--fd-red-dark);transform:scale(1.08)}
body.fd-site .sis-home-page .fd-card__fav i{font-size:17px}
body.fd-site .sis-home-page .fd-card__fav i.fa-heart{color:var(--fd-red-dark)}
body.fd-site .sis-home-page .list-card.fd-card .fd-card__off{
  position:absolute;left:12px;bottom:10px;z-index:4;color:#fff !important;font-weight:800;font-size:14px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);background:none;padding:0;display:inline}
body.fd-site .sis-home-page .list-card.fd-card .offer-icon{left:auto;right:10px;bottom:10px;z-index:4}
body.fd-site .sis-home-page .fd-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
body.fd-site .sis-home-page .fd-card__top .popul-title{flex:1;min-width:0}
body.fd-site .sis-home-page .fd-card__top .popul-title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.fd-site .sis-home-page .fd-card__rating{flex:none;margin-top:2px !important}
body.fd-site .sis-home-page .fd-card__rating .badge{background:var(--fd-green) !important;color:#fff;font-size:13px;font-weight:700;padding:4px 7px;border-radius:6px}
body.fd-site .sis-home-page .fd-card__foot,
body.fd-site .sis-home-page .fd-card__time{
  display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--fd-line);
  color:var(--fd-muted);font-size:13px}
body.fd-site .sis-home-page .fd-card__foot .fa,body.fd-site .sis-home-page .fd-card__time .fa{color:var(--fd-red-dark)}

@media(prefers-reduced-motion:reduce){
  body.fd-site .sis-home-page .fd-showcase{height:auto}
  body.fd-site .sis-home-page .fd-showcase__stage{position:static;height:auto;padding:54px 0}
  body.fd-site .sis-home-page .fd-showcase__center,body.fd-site .sis-home-page .fd-showcase__img{opacity:1;transform:none;position:relative;top:auto;left:auto;margin:0}
  body.fd-site .sis-home-page .fd-showcase__img{display:none}
  body.fd-site .sis-home-page .fd-reveal{opacity:1;transform:none;transition:none}
}

/* =========================================================================
   fd2-card — exact clone-2 Zomato-style card (ALL pages)
   ========================================================================= */
body.fd-site .fd2-card{
  display:block;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #f0f0f0;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .18s,box-shadow .18s;
  text-decoration:none!important;
  color:inherit!important;
}
body.fd-site .fd2-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  text-decoration:none!important;
  color:inherit!important;
}

/* Image area */
body.fd-site .fd2-card__img{
  position:relative;
  height:180px;
  overflow:hidden;
  background:#f7f7f7;
}
body.fd-site .fd2-card__img a{display:block;height:100%}
body.fd-site .fd2-card__img img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .3s;
  display:block;
}
body.fd-site .fd2-card:hover .fd2-card__img img{transform:scale(1.06)}
body.fd-site .fd2-card__img::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.55),transparent 50%);
  pointer-events:none;
}

/* Open / Closed badge — top-left of image */
body.fd-site .fd2-card__badge{
  position:absolute;top:12px;left:12px;z-index:3;
  font-size:11px;font-weight:700;
  padding:4px 10px;border-radius:20px;
  letter-spacing:.3px;
}
body.fd-site .fd2-card__badge.open{background:#267e3e;color:#fff}
body.fd-site .fd2-card__badge.closed{background:rgba(0,0,0,.55);color:#fff}

/* Discount text — bottom-left of image over gradient */
body.fd-site .fd2-card__off{
  position:absolute;left:12px;bottom:10px;z-index:3;
  color:#fff;font-weight:800;font-size:14px;line-height:1.3;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
  pointer-events:none;
}

/* Free-delivery badge — bottom-right of image */
body.fd-site .fd2-card__img .offer-icon{
  position:absolute;bottom:8px;right:10px;z-index:3;
}

/* Heart / fav button — top-right of image */
body.fd-site .fd2-card__fav{
  position:absolute;top:12px;right:12px;z-index:4;
  width:34px;height:34px;
  border:0;border-radius:50%;
  background:rgba(255,255,255,.92);
  display:grid;place-items:center;
  cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  transition:color .15s,transform .15s;
  color:#9a9a9a;padding:0;
}
body.fd-site .fd2-card__fav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;display:block}
body.fd-site .fd2-card__fav:hover{color:var(--brand-dark, #e23744);transform:scale(1.1)}
body.fd-site .fd2-card__fav.is-fav{color:var(--brand-dark, #e23744)}
body.fd-site .fd2-card__fav.is-fav svg{fill:var(--brand-dark, #e23744);stroke:var(--brand-dark, #e23744)}
body.fd-site .fd2-card__fav i.fa-heart{color:var(--brand-dark, #e23744)}
/* Reusable food/product save heart (food list & other product cards) */
body.fd-site .fd-fav-badge{position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);color:#9a9a9a;transition:color .15s,transform .15s}
body.fd-site .fd-fav-badge:hover{color:var(--brand-dark, #e23744);transform:scale(1.1)}
body.fd-site .fd-fav-badge i{font-size:16px;line-height:1}
body.fd-site .fd-fav-badge.is-fav,body.fd-site .fd-fav-badge .fa-heart{color:var(--brand-dark, #e23744)}

/* Body */
body.fd-site .fd2-card__body{padding:14px 14px 12px}

/* Top row: name + rating */
body.fd-site .fd2-card__top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;margin-bottom:6px;
}
body.fd-site .fd2-card__name{
  font-size:16px;font-weight:700;
  color:#1c1c1c!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  flex:1;min-width:0;
  display:block;
  text-decoration:none!important;
}
body.fd-site .fd2-card__name:hover{color:var(--brand-dark, #e23744)!important;text-decoration:none!important}
body.fd-site .fd2-card__rating{
  display:inline-flex;align-items:center;gap:3px;
  background:#267e3e;color:#fff;
  font-size:13px;font-weight:700;
  padding:3px 8px;border-radius:6px;
  flex:none;white-space:nowrap;
}
body.fd-site .fd2-card__rating .fd2-ico{width:12px;height:12px;fill:#fff;vertical-align:middle}

/* Meta row: cuisine (left) + price for two (right) */
body.fd-site .fd2-card__meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#696969;font-size:13px;
  margin-bottom:0;
}
body.fd-site .fd2-card__cuisine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
body.fd-site .fd2-card__price{flex:none;white-space:nowrap;margin-left:8px;font-weight:500;color:#696969}

/* Footer row: clock + delivery time */
body.fd-site .fd2-card__foot{
  display:flex;align-items:center;gap:6px;
  margin-top:10px;padding-top:10px;
  border-top:1px solid #f0f0f0;
  color:#696969;font-size:13px;
}
body.fd-site .fd2-card__foot .fd2-ico{width:15px;height:15px;fill:var(--brand-dark, #e23744);flex:none}
body.fd-site .fd2-fast-badge{
  margin-left:auto;
  font-size:11px;font-weight:700;
  background:#fff4e6;color:#e07b00;
  padding:2px 7px;border-radius:20px;
  white-space:nowrap;
}

/* Closed-card dim */
body.fd-site .fd2-card--closed .fd2-card__img img{opacity:.6;filter:grayscale(35%)}
/* "CLOSED" rubber-stamp overlay on closed restaurant cards */
body.fd-site .fd2-card__closed-stamp{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);
  z-index:4;color:#fff;font-weight:800;font-size:18px;letter-spacing:2px;
  text-transform:uppercase;padding:6px 18px;border:3px solid rgba(255,255,255,.92);
  border-radius:6px;background:rgba(20,20,20,.42);pointer-events:none;
  box-shadow:0 2px 12px rgba(0,0,0,.32);white-space:nowrap;
}
body.fd-site .fd2-opens-at--closed{color:var(--brand-dark, #e23744);font-weight:700}

/* Inline SVG icon size helper */
body.fd-site .fd2-ico{display:inline-block;vertical-align:middle}

/* Area/location row */
body.fd-site .fd2-card__area{
  font-size:13px;color:#696969;
  margin:3px 0 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Footer row — always flex, left content + distance pinned right */
body.fd-site .fd2-card__foot{justify-content:flex-start}

/* "Opens at X" — red, left (closed restaurants) */
body.fd-site .fd2-opens-at{color:var(--brand-dark, #e23744);font-size:13px;font-weight:600}

/* Delivery time — gray, left when open */
body.fd-site .fd2-delivery-time{color:#696969;font-size:13px}

/* "Open Now" — green, left when open + no delivery time */
body.fd-site .fd2-open-now{color:#2e7d32;font-size:13px;font-weight:600}

/* Distance — always pinned to right via margin-left:auto */
body.fd-site .fd2-card__dist{
  font-size:13px;color:#696969;
  font-weight:500;
  white-space:nowrap;
  margin-left:auto;
}

/* ---- Offer pill — Zomato-style compact tag, bottom-left of image ---- */
/* Scroll-reveal animation for restaurant cards (Zomato-style entrance) */
body.fd-site .fd2-card.fd-reveal-card{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
body.fd-site .fd2-card.fd-reveal-card.fd-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  body.fd-site .fd2-card.fd-reveal-card{opacity:1 !important;transform:none !important;transition:none !important}
}

body.fd-site .fd2-offer-bar{
  position:absolute;
  bottom:12px;
  left:0;
  right:auto;           /* NOT full-width */
  z-index:3;
  background:linear-gradient(135deg,#c0370d 0%,var(--brand, #e8541a) 55%,var(--brand, #ff7043) 100%);
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:7px 16px 7px 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:0 24px 24px 0;   /* flat left, pill right */
  box-shadow:0 3px 10px rgba(200,60,10,.45);
  white-space:nowrap;
  letter-spacing:.1px;
}
body.fd-site .fd2-offer-bar strong{font-weight:900;letter-spacing:.2px}
body.fd-site .fd2-offer-bar__pct{
  width:24px;height:24px;
  background:rgba(255,255,255,.22);
  border:1.5px solid rgba(255,255,255,.55);
  border-radius:50%;
  display:grid;place-items:center;
  font-size:11px;font-weight:900;
  flex:none;
  font-style:normal;
}
/* Bottom-left overlay stack: free-delivery label sits above the flat-discount
   pill (filled by checkSelfDeliveryForVendor); both share the bottom-left corner */
body.fd-site .fd2-card__ov{position:absolute;left:0;bottom:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.fd-site .fd2-card__ov .fd2-offer-bar{position:static;bottom:auto;left:auto}
body.fd-site .fd2-free-del{position:static}
body.fd-site .fd2-free-del:empty{display:none}
body.fd-site .fd2-free-del > span{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1c7e3c,#27a24a);color:#fff;font-size:12px;font-weight:800;line-height:1;padding:7px 14px 7px 10px;border-radius:0 24px 24px 0;box-shadow:0 3px 10px rgba(20,120,50,.4);white-space:nowrap;letter-spacing:.1px}
body.fd-site .fd2-free-del img{width:15px !important;height:15px !important;object-fit:contain;filter:brightness(0) invert(1)}
/* Restaurant "About" description text */
body.fd-site .zr-desc-text{font-size:14px;line-height:1.65;color:#4a4a4a;margin:0;white-space:pre-line}


/* ============================================================
   MISC CARD FIXES
   ============================================================ */

/* Opening Soon — orange */
body.fd-site .fd2-opening-soon{color:var(--brand, #e8541a);font-size:13px;font-weight:600}

/* Heart button — proper color */
body.fd-site .fd2-card__fav{color:#555}
body.fd-site .fd2-card__fav:hover{color:var(--brand, #e8541a)}
body.fd-site .fd2-card__fav svg{display:block}
body.fd-site .fd2-card__fav.active svg,body.fd-site .fd2-card__fav.favorited svg{fill:var(--brand, #e8541a);stroke:var(--brand, #e8541a);color:var(--brand, #e8541a)}

/* Clear filter chip */
body.fd-site .fd-chip--clear{
  background:var(--fd-grad) !important;
  color:#fff !important;
  border-color:transparent !important;
  font-weight:600;
}
body.fd-site .sis-home-page .fd-chip--clear:hover,
body.fd-site .fd-chip--clear:hover{background:var(--fd-grad) !important;color:#fff !important;opacity:.92}

/* ============================================================
   LOCATION DROPDOWN (GPS detect — Zomato style)
   ============================================================ */
body.fd-site .fd-nav__loc{position:relative}
body.fd-site .fd-loc-drop{
  position:absolute;
  top:calc(100% + 8px);left:0;
  min-width:280px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 8px 30px rgba(0,0,0,.14);
  z-index:999;
  overflow:hidden;
  border:1px solid #f0f0f0;
}
body.fd-site .fd-loc-drop__item{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;cursor:pointer;
  transition:background .15s;
}
body.fd-site .fd-loc-drop__item:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .04)}
body.fd-site .fd-loc-drop__ico{
  color:var(--brand, #e8541a);font-size:20px;flex:none;
}
body.fd-site .fd-loc-drop__title{font-size:14px;font-weight:600;color:var(--brand, #e8541a)}
body.fd-site .fd-loc-drop__sub{font-size:12px;color:#888;margin-top:1px}

/* ============================================================
   HAMBURGER NAV PANEL REDESIGN
   ============================================================ */
body.fd-site #main-nav .fd-nav-panel{
  display:flex;flex-direction:column;
  height:100%;overflow-y:auto;
  font-family:'Plus Jakarta Sans',sans-serif;
}

/* Guest section */
body.fd-site #main-nav .fd-nav-panel__guest{
  padding:24px 20px;
  background:linear-gradient(135deg,var(--brand, #e8541a),#c0370d);
  color:#fff;
}
body.fd-site #main-nav .fd-nav-panel__guest-logo img{filter:brightness(0) invert(1)}
body.fd-site #main-nav .fd-nav-panel__guest-btns{
  display:flex;gap:10px;margin-top:16px;
}
body.fd-site #main-nav .fd-nav-panel__btn-login{
  flex:1;text-align:center;padding:9px;border-radius:8px;
  border:2px solid rgba(255,255,255,.7);color:#fff;
  font-weight:600;font-size:14px;text-decoration:none;
  transition:background .2s;
}
body.fd-site #main-nav .fd-nav-panel__btn-login:hover{background:rgba(255,255,255,.15);text-decoration:none;color:#fff}
body.fd-site #main-nav .fd-nav-panel__btn-signup{
  flex:1;text-align:center;padding:9px;border-radius:8px;
  background:#fff;color:var(--brand, #e8541a);
  font-weight:700;font-size:14px;text-decoration:none;
  transition:opacity .2s;
}
body.fd-site #main-nav .fd-nav-panel__btn-signup:hover{opacity:.88;text-decoration:none}

/* Auth user header */
body.fd-site #main-nav .fd-nav-panel__user{
  display:flex;align-items:center;gap:14px;
  padding:20px;
  background:linear-gradient(135deg,var(--brand, #e8541a),#c0370d);
  color:#fff;
}
body.fd-site #main-nav .fd-nav-panel__avatar{
  width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#fff;flex:none;
}
body.fd-site #main-nav .fd-nav-panel__uname{font-weight:700;font-size:16px;color:#fff}
body.fd-site #main-nav .fd-nav-panel__usub{font-size:12px;color:rgba(255,255,255,.8);margin-top:2px}
body.fd-site #main-nav .fd-nav-panel__usub p{color:rgba(255,255,255,.8)}

/* Main link list */
body.fd-site #main-nav .fd-nav-panel__list{
  list-style:none;padding:8px 0;margin:0;flex:1;
}
body.fd-site #main-nav .fd-nav-panel__group-label{
  font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;
  color:#aaa;padding:14px 20px 4px;
}
body.fd-site #main-nav .fd-nav-panel__list > li > a{
  display:flex;align-items:center;gap:14px;
  padding:12px 20px;color:#333;
  font-size:14px;font-weight:500;
  text-decoration:none;
  transition:background .15s,color .15s;
  border-radius:0;
}
body.fd-site #main-nav .fd-nav-panel__list > li > a:hover{
  background:rgba(var(--brand-rgb, 232, 84, 26), .04);color:var(--brand, #e8541a);text-decoration:none;
}
body.fd-site #main-nav .fd-nav-panel__list > li > a i{
  font-size:17px;color:#696969;flex:none;width:20px;text-align:center;
  transition:color .15s;
}
/* keep the hovered icon visible: defeat the hc-offcanvas-nav leak
   (a:hover i{color:#fff;filter:brightness(0) invert(1)}) that blanks it out */
body.fd-site #main-nav .fd-nav-panel__list > li > a:hover i{color:var(--brand, #e8541a) !important;filter:none !important}
/* The VISIBLE side menu is the hc-offcanvas-nav clone (appended to <body>),
   not #main-nav — so it needs its own override. Its hover bg comes from an
   admin section_color cookie + the library forces the icon white via
   filter:brightness(0) invert(1), which vanishes on a light hover. Force a
   legible light hover + brand icon. `body ` prefix out-specifies the leaks. */
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a:focus{
  background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand, #e8541a) !important
}
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i,
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover img,
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover span,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a:focus i{
  color:var(--brand, #e8541a) !important;filter:none !important
}
/* active (current-page) menu item — same treatment, persistent */
body.fd-site #main-nav .fd-nav-panel__list > li > a.fd-nav-active,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a.fd-nav-active{
  background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand, #e8541a) !important;font-weight:700 !important
}
body.fd-site #main-nav .fd-nav-panel__list > li > a.fd-nav-active i,
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a.fd-nav-active i{color:var(--brand, #e8541a) !important;filter:none !important}
body.fd-site #main-nav .fd-nav-panel__logout{color:var(--brand-dark, #e23744) !important}
body.fd-site #main-nav .fd-nav-panel__logout i{color:var(--brand-dark, #e23744) !important}

body.fd-site #main-nav .fd-nav-panel__version{
  padding:12px 20px;font-size:12px;color:#bbb;
  border-top:1px solid #f0f0f0;margin-top:auto;
}

/* ============================================================
   FIXES BATCH 2 — 2026-06-30
   ============================================================ */

/* highlights arrows handled by .fd-hl-btn block above */


/* --- Heart icon favorited state (JS replaces SVG with FA icon) --- */
body.fd-site .fd2-card__fav .fa-heart{color:var(--brand-dark, #e23744) !important}
body.fd-site .fd2-card__fav .fa.fa-heart{color:var(--brand-dark, #e23744) !important}

/* ============================================================
   RESTAURANT DETAIL PAGE — Zomato style  (zr-*)
   ============================================================ */
body.fd-site .zr-page{background:#f8f8f8;min-height:100vh}
/* Consistent typography: all headings on the restaurant/category pages use Inter (matches name + cards + Zomato) */
body.fd-site .zr-page h1,body.fd-site .zr-page h2,body.fd-site .zr-page h3,body.fd-site .zr-page h4,body.fd-site .zr-page h5,body.fd-site .zr-page h6,body.fd-site .zr-cat-page h1,body.fd-site .zr-cat-page h2,body.fd-site .zr-cat-page h3,body.fd-site .zr-cat-page h4,body.fd-site .zr-cat-page h5,body.fd-site .zr-card__title,body.fd-site .zr-reviews-heading,body.fd-site .zr-seo__title,body.fd-site .zr-about-block__title,body.fd-site .zr-cat-title,body.fd-site .zr-hero__name,body.fd-site .zr-side-card__title,body.fd-site .zr-cat-sidebox__title{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important}

/* Breadcrumb */
body.fd-site .zr-breadcrumb{background:#fff;border-bottom:1px solid #ebebeb;padding:10px 0;font-size:13px;color:#696969}
body.fd-site .zr-breadcrumb a{color:#696969;text-decoration:none}
body.fd-site .zr-breadcrumb a:hover{color:var(--brand, #e8541a)}
body.fd-site .zr-bc__sep{margin:0 6px;color:#bbb}
body.fd-site .zr-bc__current{color:var(--brand, #e8541a);font-weight:500}

/* Hero */
body.fd-site .zr-hero{background:#fff;padding:22px 0 16px;border-bottom:1px solid #f0f0f0}
body.fd-site .zr-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
body.fd-site .zr-hero__title-col{flex:1;min-width:0}
body.fd-site .zr-hero__name{font-size:28px;font-weight:800;color:#1c1c1c;margin:0 0 6px;line-height:1.2;letter-spacing:-.4px;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-hero__cuisine{font-size:14px;color:#7a7a7a;margin-bottom:6px}
body.fd-site .zr-hero__addr{font-size:14px;color:#7a7a7a;line-height:1.5}
body.fd-site .zr-open-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:4px;letter-spacing:.3px}
body.fd-site .zr-open-pill--open{background:#e8f5e9;color:#1c8e44}
body.fd-site .zr-open-pill--open::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#1c8e44}
body.fd-site .zr-open-pill--closed{background:#ffeaea;color:#c84040}
body.fd-site .zr-open-pill--closed::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#c84040}
body.fd-site .zr-next-open{font-size:13px;color:var(--brand-dark, #e23744);font-weight:600}
body.fd-site .zr-next-open:empty{display:none}

/* Hero meta line (open · hours | cost | phone) */
body.fd-site .zr-hero__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:14px;color:#4a4a4a}
body.fd-site .zr-hero__meta-hours{color:#1c8e44;font-weight:600}
body.fd-site .zr-hero__meta-sep{color:#d0d0d0}
body.fd-site .zr-hero__meta-cost{color:#4a4a4a}
body.fd-site .zr-hero__meta-phone{color:var(--brand, #e8541a);font-weight:600;text-decoration:none}
body.fd-site .zr-hero__meta-phone:hover{text-decoration:underline;color:var(--brand-dark, #c83d0a)}
/* Opening-hours info icon + popover */
body.fd-site .zr-hours-info-wrap{position:relative;display:inline-flex}
body.fd-site .zr-hours-info{border:0;background:none;cursor:pointer;color:#9e9e9e;padding:0;display:inline-flex;align-items:center;line-height:1}
body.fd-site .zr-hours-info:hover{color:var(--brand, #e8541a)}
body.fd-site .zr-hours-info i{font-size:15px}
body.fd-site .zr-hours-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-40px);background:#fff;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.16);border:1px solid #eee;padding:16px 18px;min-width:280px;z-index:400}
body.fd-site .zr-hours-pop::before{content:'';position:absolute;top:-7px;left:36px;width:14px;height:14px;background:#fff;border-left:1px solid #eee;border-top:1px solid #eee;transform:rotate(45deg)}
body.fd-site .zr-hours-pop__title{font-size:16px;font-weight:700;color:#1c1c1c;margin-bottom:12px;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-hours-pop__row{display:flex;justify-content:space-between;gap:24px;padding:6px 0;font-size:14px}
body.fd-site .zr-hours-pop__day{color:#1c1c1c;font-weight:600;white-space:nowrap}
body.fd-site .zr-hours-pop__time{color:#696969;text-align:right}
body.fd-site .zr-hours-pop__time--closed{color:#c84040}

/* Rating badge(s) */
body.fd-site .zr-hero__badges{flex:none;display:flex;gap:12px}
body.fd-site .zr-hero__badge-col{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
body.fd-site .zr-foodcount-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #ececec;color:#555;font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;white-space:nowrap}
body.fd-site .zr-foodcount-badge i{color:var(--brand, #e8541a);font-size:15px}
body.fd-site .zr-rating-badge{display:inline-flex;align-items:stretch;gap:0;background:#1c8e44;color:#fff;border-radius:10px;overflow:hidden}
body.fd-site .zr-rating-badge__num{font-size:18px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px}
body.fd-site .zr-rating-badge__num .fa-star{font-size:12px}
body.fd-site .zr-rating-badge__meta{display:flex;flex-direction:column;justify-content:center;line-height:1.2;border-left:1px solid rgba(255,255,255,.4);padding:6px 12px;text-align:center}
body.fd-site .zr-rating-badge__meta span{font-size:14px;font-weight:700;white-space:nowrap}
body.fd-site .zr-rating-badge__meta small{font-size:9.5px;font-weight:500;opacity:.9;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}
body.fd-site .zr-rating-badge--empty{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#7a7a7a;border:1.5px solid #ececec;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:700}
body.fd-site .zr-rating-badge--empty .fa-star{font-size:12px;color:#ffc02d}

/* Actions */
body.fd-site .zr-hero__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
body.fd-site .zr-action{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1.5px solid #d4d5d9;border-radius:8px;font-size:14px;font-weight:600;color:#4a4a4a;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-action:hover,body.fd-site .zr-action:focus{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);text-decoration:none}
body.fd-site .zr-action i{font-size:15px}
body.fd-site .zr-action--book{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a)}

/* Gallery — contained, rounded, Zomato-style */
body.fd-site .zr-gallery{background:#fff;padding:16px 0 4px}
body.fd-site .zr-gallery__grid{display:grid;grid-template-columns:1fr 300px;gap:6px;height:300px;overflow:hidden;cursor:pointer;border-radius:12px}
body.fd-site .zr-gallery__grid--closed .zr-gallery__img,
body.fd-site .zr-gallery__grid--closed .zr-gthumb{filter:brightness(.65) grayscale(.25)}
body.fd-site .zr-gallery__main{overflow:hidden;border-radius:10px;position:relative;height:300px}
body.fd-site .zr-gallery__img{width:100%;height:300px;object-fit:cover;object-position:center;display:block;transition:transform .3s}
body.fd-site .zr-gallery__main:hover .zr-gallery__img{transform:scale(1.02)}
/* height + min-height:0 keep the side column locked to the 300px row so the
   thumbnails (and the "View all photos" label on the last one) stay visible
   instead of growing to their intrinsic size and getting clipped below. */
body.fd-site .zr-gallery__side{display:grid;grid-template-rows:1fr 1fr 1fr;gap:6px;height:300px;min-height:0}
body.fd-site .zr-gallery__side .zr-gallery__thumb{border-radius:10px;min-height:0}
/* safety: no gallery image ever stretches */
body.fd-site .zr-gallery img{object-fit:cover !important}
/* single image (no thumbnails): a taller, centered banner instead of an
   extreme full-width strip that looks stretched */
body.fd-site .zr-gallery__grid--single{height:auto;max-height:440px}
body.fd-site .zr-gallery__grid--single .zr-gallery__main{height:400px;max-width:900px;width:100%;margin:0 auto}
body.fd-site .zr-gallery__grid--single .zr-gallery__img{height:400px}
/* Skeleton shimmer behind gallery images until each one has loaded — kills the
   half-loaded "messy" flash on first paint. Images stay fully opaque (never
   hidden), so a missed load event can't leave the gallery blank. */
body.fd-site .zr-gallery__main,body.fd-site .zr-gallery__side .zr-gallery__thumb{background:#ececec}
body.fd-site .zr-gallery__main::after,body.fd-site .zr-gallery__side .zr-gallery__thumb::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,#e6e6e6 30%,#f4f4f4 50%,#e6e6e6 70%);
  background-size:200% 100%;animation:zr-shimmer 1.3s linear infinite;
}
body.fd-site .zr-gallery__main.zr-img-ready::after,body.fd-site .zr-gallery__thumb.zr-img-ready::after{display:none}
body.fd-site .zr-gallery__img,body.fd-site .zr-gthumb{position:relative;z-index:1}
@keyframes zr-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* Leaflet OSM preview fills the direction map box */
body.fd-site .zr-map-wrap #zr-map-leaflet{width:100%;height:100%}
body.fd-site .zr-map-wrap .leaflet-container{width:100%;height:100%;background:#e8eef0}
body.fd-site .zr-gallery__thumb{overflow:hidden;position:relative}
body.fd-site .zr-gthumb{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s;position:relative;z-index:1}
body.fd-site .zr-gallery__thumb:hover .zr-gthumb{transform:scale(1.04)}
body.fd-site .zr-gallery__thumb--more{position:relative}
body.fd-site .zr-gallery__more-lbl{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.52);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.3px;pointer-events:none}
body.fd-site .zr-gallery__thumb--more:hover .zr-gallery__more-lbl{background:rgba(0,0,0,.65)}

/* Sticky Tabbar — sits directly below the 68px sticky site header */
body.fd-site .zr-tabbar{background:#fff;border-bottom:1.5px solid #e8e8e8;position:sticky;top:69px;z-index:55;box-shadow:0 1px 4px rgba(0,0,0,.07)}
body.fd-site .zr-tabs{display:flex;align-items:center;gap:0;overflow-x:auto}
body.fd-site .zr-tab{display:inline-flex;align-items:center;padding:15px 22px;font-size:15px;font-weight:600;color:#696969;border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s}
body.fd-site .zr-tab:hover{color:var(--brand, #e8541a);text-decoration:none}
body.fd-site .zr-tab--active{color:var(--brand, #e8541a);border-bottom-color:var(--brand, #e8541a)}

/* Body layout */
body.fd-site .zr-body{padding:20px 0 60px;background:#f8f8f8}
/* prominent "restaurant closed" banner */
body.fd-site .zr-closed-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff4ef,rgba(var(--brand-rgb, 232, 84, 26), .12));
  border:1.5px solid #f6c3b0;border-radius:14px;padding:16px 20px;margin:0 0 22px;box-shadow:0 6px 18px rgba(var(--brand-rgb, 226, 55, 68),.10)}
body.fd-site .zr-closed-banner__icon{flex:none;width:46px;height:46px;border-radius:50%;background:var(--fd-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px}
body.fd-site .zr-closed-banner__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.fd-site .zr-closed-banner__text strong{font-size:16px;color:var(--brand, #e8541a);font-weight:800}
body.fd-site .zr-closed-banner__text span{font-size:13.5px;color:#8a5a4e}
body.fd-site .zr-closed-banner__btn{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--fd-grad);color:#fff;
  font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px;text-decoration:none;transition:opacity .2s}
body.fd-site .zr-closed-banner__btn:hover{opacity:.9;color:#fff;text-decoration:none}
@media(max-width:600px){body.fd-site .zr-closed-banner{flex-wrap:wrap}body.fd-site .zr-closed-banner__btn{width:100%;justify-content:center}}
body.fd-site .zr-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
body.fd-site .zr-layout__side{position:sticky;top:130px}
body.fd-site .zr-panel{display:block}
body.fd-site .zr-panel--hidden{display:none}

/* Menu layout — separate cards (no merged card, so sticky sidebar leaves no gap) */
/* Order Online — product search (inside the items column) */
body.fd-site .zr-menu-search{position:relative;width:100%;margin-bottom:16px}
body.fd-site .zr-menu-search__ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#b5b5b5;font-size:16px;pointer-events:none}
body.fd-site .zr-menu-search__input{width:100%;height:46px;border:1.5px solid #ececec;border-radius:12px;padding:0 40px 0 42px;font-size:14px;background:#fafafa;transition:border-color .15s,background .15s,box-shadow .15s;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-menu-search__input:focus{outline:none;border-color:var(--brand, #e8541a);background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}
body.fd-site .zr-menu-search__clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:#ececec;color:#666;border-radius:50%;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s}
body.fd-site .zr-menu-search__clear:hover{background:var(--brand, #e8541a);color:#fff}
body.fd-site .zr-menu-empty{text-align:center;padding:52px 20px;color:#9a9a9a}
body.fd-site .zr-menu-empty i{font-size:36px;color:#e0e0e0;display:block;margin-bottom:12px}
body.fd-site .zr-menu-empty p{font-size:15px;font-weight:600;margin:0}

body.fd-site .zr-menu-wrap{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
body.fd-site .zr-menu-wrap.zr-menu-wrap--full{grid-template-columns:1fr}
/* sidebar — rounded pill items */
body.fd-site .zr-cats{position:sticky;top:130px;background:#fff;border:1px solid #f0f0f0;border-radius:14px;padding:8px;box-shadow:0 2px 12px rgba(0,0,0,.05);max-height:calc(100vh - 150px);overflow-y:auto}
body.fd-site .zr-cat-list{list-style:none;margin:0;padding:0}
/* scoped to the detail-page Order Online sidebar only (text categories, no thumbnails) */
body.fd-site .zr-cats .zr-cat-list .zr-cat-item{padding:11px 12px 11px 14px;font-size:13.5px;color:#4a4a4a;cursor:pointer;border-radius:10px;transition:all .12s;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;margin-bottom:3px}
body.fd-site .zr-cats .zr-cat-list .zr-cat-item:hover{background:#fff5f2;color:var(--brand, #e8541a)}
body.fd-site .zr-cats .zr-cat-list .zr-cat-item.active{background:linear-gradient(135deg,#ffe9e0,#fff2ee);color:var(--brand, #e8541a);font-weight:800;box-shadow:inset 0 0 0 1px #ffd9c9}
body.fd-site .zr-items-col{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:20px}
@media(max-width:860px){
  body.fd-site .zr-menu-wrap{grid-template-columns:1fr}
  body.fd-site .zr-cats{position:static;max-height:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden}
  body.fd-site .zr-cats .zr-cat-list{display:flex;gap:8px}
  body.fd-site .zr-cats .zr-cat-list .zr-cat-item{white-space:nowrap;margin-bottom:0}
}

/* Product items — GRID of food cards */
body.fd-site .zr-item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){body.fd-site .zr-item-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){body.fd-site .zr-item-list{grid-template-columns:1fr}}
body.fd-site .zr-food-card{border:1px solid #eee;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;flex-direction:column}
body.fd-site .zr-food-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);transform:translateY(-3px);border-color:#ffe0d3}
body.fd-site .zr-food-card__img{position:relative;height:160px;overflow:hidden}
body.fd-site .zr-food-card__img a{display:block;height:100%}
body.fd-site .zr-food-card__img img{width:100%;height:100%;object-fit:cover;display:block}
body.fd-site .zr-food-card__veg{position:absolute;top:8px;left:8px;width:16px;height:16px;background:#fff;border-radius:3px;padding:2px}
body.fd-site .zr-food-card__rating{position:absolute;bottom:8px;left:8px;background:#1c8e44;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}
body.fd-site .zr-food-card__rating .fa-star{font-size:8px}
body.fd-site .zr-food-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
body.fd-site .zr-food-card__name{font-size:15px;font-weight:600;color:#1c1c1c;margin:0 0 8px;line-height:1.35;min-height:20px}
body.fd-site .zr-food-card__name a{color:inherit;text-decoration:none}
body.fd-site .zr-food-card__name a:hover{color:var(--brand, #e8541a)}
body.fd-site .zr-food-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}
body.fd-site .zr-food-card__price{font-size:15px;font-weight:700;color:#1c1c1c}
body.fd-site .zr-food-card__price s{font-size:12px;color:#9e9e9e;font-weight:400;margin-left:4px}
/* filled/gradient ADD button + matching stepper */
body.fd-site .zr-food-card__add{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border:0;border-radius:9px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));text-decoration:none;letter-spacing:.6px;transition:opacity .12s,transform .12s,box-shadow .12s;flex:none;box-shadow:0 4px 12px rgba(var(--brand-rgb, 226, 55, 68),.25)}
body.fd-site .zr-food-card__add:hover{opacity:.95;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.32)}
body.fd-site .zr-food-card__add-slot{flex:none}
body.fd-site .zr-food-card__addbtn{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border:0;border-radius:9px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));cursor:pointer;letter-spacing:.6px;transition:opacity .12s,transform .12s,box-shadow .12s;font-family:inherit;text-transform:uppercase;box-shadow:0 4px 12px rgba(var(--brand-rgb, 226, 55, 68),.25)}
body.fd-site .zr-food-card__addbtn:hover{opacity:.95;color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.32)}
body.fd-site .zr-stepper{display:inline-flex;align-items:center;border:0;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));box-shadow:0 4px 12px rgba(var(--brand-rgb, 226, 55, 68),.25)}
body.fd-site .zr-stepper__btn{width:32px;height:34px;border:0;background:transparent;color:#fff;font-size:18px;font-weight:800;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .12s}
body.fd-site .zr-stepper__btn:hover{background:rgba(255,255,255,.18)}
body.fd-site .zr-stepper__qty{min-width:30px;text-align:center;font-size:13px;font-weight:800;color:#fff}
/* veg/non-veg mini marker inside food card (kept for compatibility, hidden — replaced by the text label) */
body.fd-site .zr-food-card__veg{display:none}
body.fd-site .zr-food-card__veg::after{content:'';display:block;width:100%;height:100%;border-radius:50%;background:#1c8e44}

/* --- enhanced food card: veg label, description, ribbons, category counts --- */
body.fd-site .zr-food-card__veglabel{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1c8e44;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
body.fd-site .zr-food-card__veglabel--nonveg{color:#c84040}
body.fd-site .zr-food-card__vegdot{width:13px;height:13px;border:1.6px solid #1c8e44;border-radius:3px;position:relative;flex:none}
body.fd-site .zr-food-card__vegdot::after{content:'';position:absolute;inset:2.5px;border-radius:50%;background:#1c8e44}
body.fd-site .zr-food-card__veglabel--nonveg .zr-food-card__vegdot{border-color:#c84040}
body.fd-site .zr-food-card__veglabel--nonveg .zr-food-card__vegdot::after{background:#c84040}
body.fd-site .zr-food-card__desc{font-size:12.5px;color:#8a8a8a;line-height:1.45;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.fd-site .zr-food-card__ribbon{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:7px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 3px 10px rgba(var(--brand-rgb, 226, 55, 68),.3);text-transform:uppercase;letter-spacing:.3px;z-index:2}
body.fd-site .zr-food-card__ribbon .fa-star{font-size:9px}
body.fd-site .zr-food-card__disc{position:absolute;bottom:8px;right:8px;background:var(--brand-dark, #e23744);color:#fff;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:7px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:2}
/* category count badge */
body.fd-site .zr-cat-count{background:#f0f0f0;color:#8a8a8a;font-size:11px;font-weight:800;min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:none}
body.fd-site .zr-cats .zr-cat-list .zr-cat-item.active .zr-cat-count{background:var(--brand, #e8541a);color:#fff}
body.fd-site .zr-food-card__veg--nonveg{border-color:#c84040}
body.fd-site .zr-food-card__veg--nonveg::after{background:#c84040}

/* Coupons */
body.fd-site .zr-offers-wrap{padding:4px 0}
body.fd-site .zr-coupon-list{display:flex;flex-direction:column;gap:14px;padding:8px 0}
body.fd-site .zr-coupon{display:flex;align-items:stretch;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.08);border:1px solid #e8e8e8}
body.fd-site .zr-coupon__tag{background:var(--brand, #e8541a);color:#fff;padding:0 16px;display:flex;align-items:center;font-size:20px}
body.fd-site .zr-coupon__body{padding:14px 18px}
body.fd-site .zr-coupon__code{font-size:15px;font-weight:800;color:#1c1c1c;letter-spacing:.5px}
body.fd-site .zr-coupon__desc{font-size:13px;color:#696969;margin-top:4px}

/* Reviews */
body.fd-site .zr-reviews-box{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 1px 6px rgba(0,0,0,.07)}
body.fd-site .zr-review-score{display:flex;align-items:center;gap:20px;margin-bottom:20px}
body.fd-site .zr-review-score__num{background:#1c8e44;color:#fff;font-size:28px;font-weight:800;padding:14px 20px;border-radius:10px;white-space:nowrap;line-height:1}
body.fd-site .zr-review-score__text strong{font-size:18px;color:#1c1c1c}
body.fd-site .zr-review-score__text span{font-size:14px;color:#696969}
body.fd-site .zr-reviews-note{font-size:14px;color:#9e9e9e;margin-top:16px}
body.fd-site .zr-reviews-heading{font-size:20px;font-weight:700;color:#1c1c1c;margin:22px 0 6px}
body.fd-site .zr-reviews-heading:empty{display:none}
body.fd-site .zr-reviews-list{margin-top:6px}
body.fd-site .zr-rv{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #f0f0f0}
body.fd-site .zr-rv:last-child{border-bottom:none}
body.fd-site .zr-rv__avatar{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:#eee}
body.fd-site .zr-rv__avatar img{width:100%;height:100%;object-fit:cover;display:block}
body.fd-site .zr-rv__avatar--letter{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand, #e8541a),#e37c00);color:#fff;font-weight:700;font-size:18px}
body.fd-site .zr-rv__body{flex:1;min-width:0}
body.fd-site .zr-rv__name{font-size:15px;font-weight:700;color:#1c1c1c}
body.fd-site .zr-rv__meta{display:flex;align-items:center;gap:10px;margin:6px 0 8px}
body.fd-site .zr-rv__badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:4px}
body.fd-site .zr-rv__badge .fa-star{font-size:9px}
body.fd-site .zr-rv__type{font-size:11px;font-weight:700;color:#9e9e9e;letter-spacing:.5px}
body.fd-site .zr-rv__ago{font-size:12px;color:#9e9e9e}
body.fd-site .zr-rv__text{font-size:14px;color:#3a3a3a;line-height:1.6;margin:0 0 10px}
/* which food the review is for + per-review attribute ratings (matches the app) */
body.fd-site .zr-rv__food{font-size:13px;color:#6a6a6a;margin:2px 0 8px;display:flex;align-items:center;gap:6px}
body.fd-site .zr-rv__food i{font-size:14px;color:var(--brand, #e8541a)}
body.fd-site .zr-rv__food strong{color:#1a1a1a;font-weight:700}
/* stacked like the app: label left, stars right */
body.fd-site .zr-rv__attrs{background:#fafafa;border-radius:10px;padding:11px 14px;margin:0 0 10px;display:flex;flex-direction:column;gap:7px;max-width:360px}
body.fd-site .zr-rv__attr{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}
body.fd-site .zr-rv__attr-name{color:#666}
body.fd-site .zr-rv__attr-stars{color:#f5a623;font-size:12.5px;letter-spacing:1px;white-space:nowrap}
body.fd-site .zr-rv__attr-stars .fa-star-o{color:#dcdcdc}
body.fd-site .zr-rv__photos{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
body.fd-site .zr-rv__photos img{width:72px;height:72px;object-fit:cover;border-radius:8px;display:block}
body.fd-site .zr-rv__actions{display:flex;gap:22px;margin-top:4px}
body.fd-site .zr-rv__actions span{font-size:13px;color:#696969;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
body.fd-site .zr-rv__actions span:hover{color:var(--brand, #e8541a)}
body.fd-site .zr-reviews-empty{text-align:center;color:#9e9e9e;padding:40px 20px}
body.fd-site .zr-reviews-empty i{font-size:34px;display:block;margin-bottom:10px;opacity:.6}
body.fd-site .zr-reviews-more{display:block;margin:20px auto 0;padding:10px 26px;border:1.5px solid var(--brand, #e8541a);background:#fff;color:var(--brand, #e8541a);font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
body.fd-site .zr-reviews-more:hover{background:var(--brand, #e8541a);color:#fff}

/* About */
body.fd-site .zr-about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
body.fd-site .zr-about-block{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 6px rgba(0,0,0,.07)}
body.fd-site .zr-about-block__title{font-size:15px;font-weight:700;color:#1c1c1c;margin:0 0 14px}
body.fd-site .zr-about-block__text{font-size:14px;color:#696969;line-height:1.6;margin:0 0 10px}
body.fd-site .zr-about-link{font-size:14px;color:var(--brand, #e8541a);text-decoration:none;font-weight:600}
body.fd-site .zr-about-link:hover{text-decoration:underline}
body.fd-site .zr-hours-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f5f5f5;font-size:13px}
body.fd-site .zr-hours-row:last-child{border-bottom:none}
body.fd-site .zr-hours-day{color:#696969}
body.fd-site .zr-hours-row--today .zr-hours-day{font-weight:700;color:#1c1c1c}
body.fd-site .zr-hours-row--today .zr-hours-time{font-weight:600;color:#1c8e44}
body.fd-site .zr-hours-time--closed{color:#c84040}

/* Right sidebar */
body.fd-site .zr-side-card{background:#fff;border-radius:10px;padding:18px 16px;box-shadow:0 1px 6px rgba(0,0,0,.07);margin-bottom:16px}
body.fd-site .zr-side-card--offers{border-top:3px solid var(--brand, #e8541a)}
body.fd-site .zr-side-card__title{font-size:14px;font-weight:700;color:#1c1c1c;margin:0 0 14px;display:flex;align-items:center;gap:7px}
body.fd-site .zr-side-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#4a4a4a;padding:9px 0;border-bottom:1px solid #f5f5f5;line-height:1.5}
body.fd-site .zr-side-row:last-of-type{border-bottom:none}
body.fd-site .zr-side-row i{font-size:14px;flex:none;margin-top:1px;color:#696969}
body.fd-site .zr-side-dir{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:700;color:var(--brand, #e8541a);text-decoration:none}
body.fd-site .zr-side-dir:hover{text-decoration:underline;color:var(--brand-dark, #c83d0a)}
body.fd-site .zr-side-coupon{font-size:13px;color:#4a4a4a;padding:8px 0;border-bottom:1px solid #f5f5f5;display:flex;align-items:center;gap:8px}
body.fd-site .zr-side-coupon:last-child{border-bottom:none}
body.fd-site .zr-side-coupon i{color:var(--brand, #e8541a);flex:none}

/* Empty state */
body.fd-site .zr-empty{text-align:center;color:#9e9e9e;font-size:14px;padding:48px 20px}

/* ---------- OVERVIEW CARDS ---------- */
body.fd-site .zr-card{background:#fff;border-radius:12px;padding:22px 24px;box-shadow:0 1px 6px rgba(0,0,0,.07);margin-bottom:20px;border:1px solid #f0f0f0}
body.fd-site .zr-card__head{margin-bottom:16px}
body.fd-site .zr-card__head--row{display:flex;align-items:center;justify-content:space-between}
body.fd-site .zr-card__title{font-size:20px;font-weight:700;color:#1c1c1c;margin:0}
body.fd-site .zr-card__sub{font-size:13px;color:#9e9e9e;margin:4px 0 0}
body.fd-site .zr-card__link{font-size:13px;color:var(--brand, #e8541a);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:2px}
body.fd-site .zr-card__link:hover{text-decoration:underline;color:var(--brand-dark, #c83d0a)}

/* Dining Offers */
body.fd-site .zr-offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.fd-site .zr-offer{border:1px dashed #cfcfff;background:linear-gradient(135deg,#eef2ff,#f7f9ff);border-radius:10px;padding:16px}
body.fd-site .zr-offer--alt{border-color:#ffd9c2;background:linear-gradient(135deg,rgba(var(--brand-rgb, 232, 84, 26), .07),rgba(var(--brand-rgb, 232, 84, 26), .04))}
body.fd-site .zr-offer__amt{font-size:16px;font-weight:800;color:#2b3a8c}
body.fd-site .zr-offer--alt .zr-offer__amt{color:var(--brand-dark, #c83d0a)}
body.fd-site .zr-offer__code{font-size:13px;color:#4a4a4a;margin-top:8px}
body.fd-site .zr-offer__code strong{letter-spacing:.5px}
body.fd-site .zr-offer__valid{font-size:12px;color:#9e9e9e;margin-top:4px}

/* Menu preview: cuisines + photos */
body.fd-site .zr-menu-cuisines{margin-bottom:18px}
body.fd-site .zr-menu-cuisines__label{display:block;font-size:14px;font-weight:600;color:#4a4a4a;margin-bottom:10px}
body.fd-site .zr-cuisine-chips{display:flex;flex-wrap:wrap;gap:8px}
body.fd-site .zr-cuisine-chip{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid #ffd0bd;background:rgba(var(--brand-rgb, 232, 84, 26), .06);color:var(--brand-dark, #c83d0a);border-radius:20px;font-size:13px;font-weight:500}
body.fd-site .zr-menu-dinein__title{font-size:14px;font-weight:700;color:var(--brand, #e8541a);margin:14px 0 12px}
body.fd-site .zr-menu-photos{display:flex;flex-wrap:wrap;gap:16px}
body.fd-site .zr-menu-photos--full{gap:18px}
body.fd-site .zr-menu-photo{width:150px;text-align:center}
body.fd-site .zr-menu-photo__lb{display:block;border:1px solid #eee;border-radius:8px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.08)}
body.fd-site .zr-menu-photo img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .2s}
body.fd-site .zr-menu-photo:hover img{transform:scale(1.03)}
body.fd-site .zr-menu-photo__lbl{display:block;font-size:13px;font-weight:600;color:#4a4a4a;margin-top:8px}
body.fd-site .zr-menu-photos--full .zr-menu-photo{width:180px}
body.fd-site .zr-menu-photos--full .zr-menu-photo img{height:200px}

/* Average Cost */
body.fd-site .zr-cost-main{font-size:15px;font-weight:600;color:#1c1c1c;margin:2px 0 6px}
body.fd-site .zr-cost-note{font-size:13px;color:#9e9e9e;margin:0}

/* More Info amenities */
body.fd-site .zr-moreinfo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px}
body.fd-site .zr-moreinfo-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a4a4a}
body.fd-site .zr-moreinfo-item i{color:#1c8e44;font-size:16px;flex:none}

/* Photos tab grid */
body.fd-site .zr-photos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.fd-site .zr-photo-cell{display:block;border-radius:8px;overflow:hidden}
body.fd-site .zr-photo-cell img{width:100%;height:170px;object-fit:cover;display:block;transition:transform .2s}
body.fd-site .zr-photo-cell:hover img{transform:scale(1.04)}

/* Reservation sidebar */
body.fd-site .zr-side-card--reserve{border:1px solid #ececff;background:linear-gradient(180deg,#f3f0ff 0%,#fff 55%)}
body.fd-site .zr-side-card__title--reserve{font-size:16px}
body.fd-site .zr-reserve-offer{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2b3a8c;background:#e7e9ff;padding:5px 10px;border-radius:6px;margin-bottom:14px}
body.fd-site .zr-reserve-meta{margin:2px 0 14px;border-top:1px solid #ececff;padding-top:12px}
body.fd-site .zr-reserve-meta__row{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#4a4a4a;padding:3px 0}
body.fd-site .zr-reserve-meta__row i{font-size:15px;color:var(--brand, #e8541a);flex:none}
body.fd-site .zr-reserve-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
body.fd-site .zr-reserve-field{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:8px;padding:8px 10px;background:#fff}
body.fd-site .zr-reserve-field i{color:#696969;font-size:14px;flex:none}
body.fd-site .zr-reserve-field select{border:0;outline:0;font-size:13px;color:#333;background:transparent;width:100%;font-family:inherit}
body.fd-site .zr-reserve-btn{display:block;text-align:center;background:var(--brand, #e8541a);color:#fff;font-weight:700;font-size:14px;padding:12px;border-radius:8px;text-decoration:none;transition:background .15s}
body.fd-site .zr-reserve-btn:hover{background:var(--brand-dark, #c83d0a);color:#fff;text-decoration:none}
body.fd-site .zr-reserve-btn--wide{max-width:280px;margin-top:8px}

/* Direction map */
body.fd-site .zr-map-wrap{width:100%;height:150px;border-radius:8px;overflow:hidden;background:#eee;margin-bottom:12px}
body.fd-site .zr-map-wrap iframe{width:100%;height:100%;border:0;display:block}
body.fd-site .zr-map-addr{font-size:13px;color:#4a4a4a;line-height:1.5;margin:0 0 12px}
body.fd-site .zr-map-btns{display:flex;gap:8px}
body.fd-site .zr-map-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border:1.5px solid #d4d5d9;border-radius:8px;font-size:13px;font-weight:600;color:#4a4a4a;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
body.fd-site .zr-map-btn:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);text-decoration:none}
body.fd-site .zr-map-btn--dir{color:var(--brand, #e8541a);border-color:#f0c4b2}

/* Book-a-table form */
body.fd-site .zr-bookform__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:10px}
body.fd-site .zr-bookform__row label{display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#4a4a4a;gap:6px}
body.fd-site .zr-bookform__row select,body.fd-site .zr-bookform__row input{border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;font-family:inherit;color:#333}
/* dine-in form additions */
body.fd-site .zr-book-error{background:#fff0f0;border:1px solid #ffd0d0;color:#c62828;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:14px}
body.fd-site .zr-book-dayline{font-size:12.5px;color:#696969;margin-bottom:18px}
body.fd-site .zr-book-dayline span{color:#333;font-weight:600}
body.fd-site .zr-book-section{margin-bottom:18px}
body.fd-site .zr-book-label{display:block;font-size:13px;font-weight:700;color:#333;margin-bottom:8px}
body.fd-site .zr-book-personal{display:flex;align-items:center;gap:12px}
body.fd-site .zr-book-personal img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#f0f0f0}
body.fd-site .zr-book-personal__txt{display:flex;flex-direction:column;line-height:1.4}
body.fd-site .zr-book-personal__txt strong{font-size:14px;color:#1a1a1a}
body.fd-site .zr-book-personal__txt span{font-size:12.5px;color:#696969}
body.fd-site .zr-book-discount{display:flex;align-items:center;gap:8px;background:#eafaf0;border:1px solid #b7e6c7;color:#1c8e44;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:18px}
body.fd-site .zr-book-discount i{font-size:15px}
body.fd-site .zr-book-radios{display:flex;gap:20px;margin-bottom:12px}
body.fd-site .zr-book-radio,body.fd-site .zr-book-check{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#4a4a4a;font-weight:500;cursor:pointer}
body.fd-site .zr-book-radio input,body.fd-site .zr-book-check input{accent-color:var(--brand, #e8541a);width:16px;height:16px;cursor:pointer}
body.fd-site .zr-book-check{margin-top:2px}
body.fd-site .zr-book-input{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;color:#333;outline:none}
body.fd-site .zr-book-input:focus{border-color:var(--brand, #e8541a)}
body.fd-site .zr-book-login{text-align:center;padding:24px;border:1px dashed #e0d4cc;border-radius:12px;background:#fdf7f4}
body.fd-site .zr-book-login i{font-size:26px;color:var(--brand, #e8541a)}
body.fd-site .zr-book-login p{font-size:14px;color:#4a4a4a;margin:10px 0 16px}
body.fd-site .zr-book-login .zr-reserve-btn{display:inline-block;padding:10px 28px}

/* ===== Dine-in "Book A Table" — redesigned two-column layout ===== */
body.fd-site .zr-book2{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
body.fd-site .zr-book2__form{background:#fff;border:1px solid #ececec;border-radius:16px;padding:26px 26px 22px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
body.fd-site .zr-book2__head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
body.fd-site .zr-book2__head-ic{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0e9,#ffe3d6);color:var(--brand, #e8541a);font-size:22px}
body.fd-site .zr-book2__title{font-size:20px;font-weight:800;color:#1a1a1a;margin:0;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-book2__sub{font-size:13px;color:#8a8a8a;margin:2px 0 0}
body.fd-site .zr-book2__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}
body.fd-site .zr-book2__field{display:flex;flex-direction:column;gap:7px}
body.fd-site .zr-book2__flabel{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
body.fd-site .zr-book2__flabel i{color:var(--brand, #e8541a);font-size:14px}
body.fd-site .zr-book2__field select{appearance:none;-webkit-appearance:none;border:1.5px solid #e3e3e3;border-radius:10px;padding:11px 30px 11px 12px;font-size:14px;font-weight:600;color:#2a2a2a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}
body.fd-site .zr-book2__field select:focus{outline:none;border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.12)}
body.fd-site .zr-book2__block{margin-bottom:20px}
body.fd-site .zr-book2__blabel{display:block;font-size:11.5px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}
body.fd-site .zr-book2__blabel small{text-transform:none;letter-spacing:0;color:#aaa;font-weight:500}
body.fd-site .zr-book2__pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
body.fd-site .zr-book2__pill{position:relative;cursor:pointer}
body.fd-site .zr-book2__pill input{position:absolute;opacity:0;pointer-events:none}
body.fd-site .zr-book2__pill span{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #e3e3e3;border-radius:24px;padding:9px 18px;font-size:13.5px;font-weight:600;color:#555;transition:all .15s;background:#fff}
body.fd-site .zr-book2__pill span i{font-size:15px}
body.fd-site .zr-book2__pill:hover span{border-color:#f0a883}
body.fd-site .zr-book2__pill input:checked + span{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);background:#fff5f0}
body.fd-site .zr-book2__switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#444;font-weight:500}
body.fd-site .zr-book2__switch input{position:absolute;opacity:0}
body.fd-site .zr-book2__switch-ui{width:40px;height:22px;border-radius:22px;background:#d9d9d9;position:relative;transition:background .2s;flex:none}
body.fd-site .zr-book2__switch-ui::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
body.fd-site .zr-book2__switch input:checked + .zr-book2__switch-ui{background:var(--brand, #e8541a)}
body.fd-site .zr-book2__switch input:checked + .zr-book2__switch-ui::after{transform:translateX(18px)}
body.fd-site .zr-book2__input{width:100%;border:1.5px solid #e3e3e3;border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;color:#2a2a2a;outline:none;resize:vertical;transition:border-color .15s,box-shadow .15s}
body.fd-site .zr-book2__input:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.12)}
body.fd-site .zr-book2__summary{position:sticky;top:80px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
body.fd-site .zr-book2__sum-head{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--brand, #e8541a);margin-bottom:14px}
body.fd-site .zr-book2__sum-rest{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px dashed #e6e6e6;margin-bottom:14px}
body.fd-site .zr-book2__sum-rest img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none;background:#f0f0f0}
body.fd-site .zr-book2__sum-rest span{font-size:15px;font-weight:800;color:#1a1a1a;line-height:1.25}
body.fd-site .zr-book2__sum-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
body.fd-site .zr-book2__sum-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}
body.fd-site .zr-book2__sum-row > span{display:inline-flex;align-items:center;gap:8px;color:#777}
body.fd-site .zr-book2__sum-row > span i{color:var(--brand, #e8541a);font-size:15px}
body.fd-site .zr-book2__sum-row b{color:#1a1a1a;font-weight:700}
body.fd-site .zr-book2__sum-row--disc b{color:#1c8e44}
body.fd-site .zr-book2__cta{display:block;text-align:center;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-weight:800;font-size:15px;padding:14px;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .15s;letter-spacing:.3px}
body.fd-site .zr-book2__cta:hover{opacity:.93;transform:translateY(-1px);color:#fff;text-decoration:none}
body.fd-site .zr-book2__cta--inline{display:inline-block;padding:11px 28px;margin-top:4px}
body.fd-site .zr-book2__note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#8a8a8a;margin:12px 0 0}
body.fd-site .zr-book2__note i{color:#1c8e44;font-size:14px}
@media(max-width:900px){
  body.fd-site .zr-book2{grid-template-columns:1fr}
  body.fd-site .zr-book2__summary{position:static;top:auto}
}
@media(max-width:600px){ body.fd-site .zr-book2__grid{grid-template-columns:1fr} }

/* ============================================================
   CATEGORY LISTING PAGE — Zomato style (zr-cat-*)
   ============================================================ */
body.fd-site .zr-cat-page{background:#f8f8f8;min-height:100vh;font-family:'Plus Jakarta Sans',system-ui,sans-serif;padding-bottom:50px}
body.fd-site .zr-cat-breadcrumb{background:#fff;border-bottom:1px solid #ebebeb;padding:10px 0;font-size:13px;color:#696969}
body.fd-site .zr-cat-breadcrumb a{color:#696969;text-decoration:none}
body.fd-site .zr-cat-breadcrumb a:hover{color:var(--brand, #e8541a)}
body.fd-site .zr-cat-title{font-size:26px;font-weight:800;color:#1c1c1c;letter-spacing:-.4px;margin:22px 0 16px;font-family:'Plus Jakarta Sans',sans-serif}

/* Filter bar */
body.fd-site .zr-cat-filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
body.fd-site .zr-fchip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;transition:all .15s;font-family:inherit}
body.fd-site .zr-fchip:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);box-shadow:0 2px 8px rgba(0,0,0,.06)}
body.fd-site .zr-fchip i{font-size:15px}
body.fd-site .zr-fchip--icon{font-weight:600}
body.fd-site .zr-fchip--active{background:#fff0ea;border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);font-weight:600}
body.fd-site .zr-fchip--clear{background:var(--fd-grad);border-color:transparent;color:#fff;font-weight:600}
body.fd-site .zr-fchip--clear:hover{background:var(--fd-grad);border-color:transparent;color:#fff;opacity:.92}
body.fd-site .zr-veg-mini{width:13px;height:13px;border:1.5px solid currentColor;border-radius:2px;position:relative;display:inline-block}
body.fd-site .zr-veg-mini::after{content:'';position:absolute;inset:2px;border-radius:50%;background:#1c8e44}
body.fd-site .zr-fchip--active .zr-veg-mini::after,body.fd-site .zr-fchip .zr-veg-mini::after{background:#1c8e44}
body.fd-site .zr-fsort{position:relative;display:inline-flex;align-items:center}
body.fd-site .zr-fsort select{appearance:none;-webkit-appearance:none;padding:8px 34px 8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;font-family:inherit}
body.fd-site .zr-fsort select:hover{border-color:var(--brand, #e8541a)}
body.fd-site .zr-fsort i{position:absolute;right:12px;pointer-events:none;color:#696969;font-size:15px}
/* custom "Sort by" dropdown (replaces the native select) */
body.fd-site .zr-fsort > i{display:none}
body.fd-site .zr-fsort > select[data-zrcs]{display:none !important}
body.fd-site .zr-fsort .zrcs{position:relative;display:inline-block}
body.fd-site .zr-fsort .zrcs__trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 36px 8px 16px;border:1px solid #d4d5d9;border-radius:22px;background:#fff;font-size:14px;font-weight:500;color:#3a3a3a;cursor:pointer;font-family:inherit;position:relative;white-space:nowrap}
body.fd-site .zr-fsort .zrcs.is-open .zrcs__trigger,body.fd-site .zr-fsort .zrcs__trigger:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a)}
body.fd-site .zr-fsort .zrcs__caret{position:absolute;right:12px;font-size:15px;color:#8a8a8a;transition:transform .15s}
body.fd-site .zr-fsort .zrcs.is-open .zrcs__caret{transform:rotate(180deg)}
body.fd-site .zr-fsort .zrcs__menu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fff;border:1.5px solid #e4e4e4;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);z-index:60;display:none;padding:4px 0;max-height:320px;overflow-y:auto;white-space:nowrap}
body.fd-site .zr-fsort .zrcs.is-open .zrcs__menu{display:block}
body.fd-site .zr-fsort .zrcs__opt{padding:9px 16px;font-size:14px;color:#2b2b2b;cursor:pointer}
body.fd-site .zr-fsort .zrcs__opt:hover{background:#fff4ef;color:var(--brand, #e8541a)}
body.fd-site .zr-fsort .zrcs__opt.is-active{background:#fdece4;color:var(--brand, #e8541a);font-weight:700}
body.fd-site .zr-cat-count{margin-left:auto;font-size:13px;color:#9e9e9e;font-weight:500}

/* Layout */
body.fd-site .zr-cat-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}
body.fd-site .zr-cat-side{position:sticky;top:88px}
body.fd-site .zr-cat-sidebox{background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
body.fd-site .zr-cat-sidebox__title{font-size:15px;font-weight:700;color:#1c1c1c;padding:16px 18px 10px;margin:0;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-cat-sidebox .zr-cat-list{list-style:none;margin:0;padding:0 0 8px;max-height:calc(100vh - 140px);overflow-y:auto}
body.fd-site .zr-cat-sidebox .zr-cat-item{display:flex !important;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;border-left:3px solid transparent;transition:background .12s,color .12s}
body.fd-site .zr-cat-sidebox .zr-cat-item:hover{background:#fff5f2}
body.fd-site .zr-cat-sidebox .zr-cat-item.active{background:#fff0ea;border-left-color:var(--brand, #e8541a)}
body.fd-site .zr-cat-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;flex:none;background:#f2f2f2;display:block}
body.fd-site .zr-cat-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.fd-site .zr-cat-label{font-size:14px;font-weight:500;color:#3a3a3a;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .zr-cat-item.active .zr-cat-label{color:var(--brand, #e8541a);font-weight:700}

/* Store grid area */
body.fd-site .zr-cat-main{min-width:0}
body.fd-site .zr-cat-loadmore{text-align:center;padding:20px;font-size:14px;color:#696969;display:flex;align-items:center;justify-content:center;gap:8px}
body.fd-site .zr-spin{width:16px;height:16px;border:2px solid #eee;border-top-color:var(--brand, #e8541a);border-radius:50%;display:inline-block;animation:zr-spin .7s linear infinite}
@keyframes zr-spin{to{transform:rotate(360deg)}}
body.fd-site .zr-cat-empty{text-align:center;padding:60px 20px;color:#9e9e9e}
body.fd-site .zr-cat-empty i{font-size:38px;display:block;margin-bottom:12px;opacity:.5}

/* Skeleton */
body.fd-site .zr-cat-skeleton{grid-template-columns:repeat(3,1fr);gap:20px}
body.fd-site .zr-sk-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.06)}
body.fd-site .zr-sk-img{height:160px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:zr-shimmer 1.2s infinite}
body.fd-site .zr-sk-line{height:12px;margin:14px 16px;border-radius:6px;background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:zr-shimmer 1.2s infinite}
body.fd-site .zr-sk-line--short{width:55%}
@keyframes zr-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

@media(max-width:991px){
  body.fd-site .zr-cat-layout{grid-template-columns:1fr}
  body.fd-site .zr-cat-side{position:static;margin-bottom:16px}
  body.fd-site .zr-cat-list{max-height:none;display:flex;overflow-x:auto;padding:8px}
  body.fd-site .zr-cat-item{flex-direction:column;border-left:none;border-bottom:3px solid transparent;min-width:78px;text-align:center;gap:6px;padding:8px}
  body.fd-site .zr-cat-item.active{border-left:none;border-bottom-color:var(--brand, #e8541a)}
  body.fd-site .zr-cat-skeleton{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  body.fd-site .zr-cat-title{font-size:20px}
  body.fd-site .zr-cat-count{width:100%;margin:4px 0 0}
  body.fd-site .zr-cat-skeleton{grid-template-columns:1fr}
}

/* SEO footer links */
body.fd-site .zr-seo{background:#fff;border-top:1px solid #f0f0f0;padding:28px 0}
body.fd-site .zr-seo__block{margin-bottom:22px}
body.fd-site .zr-seo__block:last-child{margin-bottom:0}
body.fd-site .zr-seo__title{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#4a4a4a;margin:0 0 12px}
body.fd-site .zr-seo__title .zr-seo-name,body.fd-site .zr-seo__title .zr-seo-city{color:var(--brand, #e8541a)}
body.fd-site .zr-seo__links{display:flex;flex-wrap:wrap;gap:8px;margin:0}
body.fd-site .zr-seo-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;background:#f6f6f4;border:1px solid #ececec;color:#555;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
body.fd-site .zr-seo-chip i{font-size:13px;color:#b0b0b0;transition:color .15s}
body.fd-site .zr-seo-chip:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);text-decoration:none}
body.fd-site .zr-seo-chip:hover i{color:var(--brand, #e8541a)}

/* Responsive */
@media(max-width:991px){
  body.fd-site .zr-layout{grid-template-columns:1fr}
  body.fd-site .zr-layout__side{display:none}
  body.fd-site .zr-about-grid{grid-template-columns:1fr}
  body.fd-site .zr-offers-grid{grid-template-columns:1fr 1fr}
  body.fd-site .zr-moreinfo-grid{grid-template-columns:1fr 1fr}
  body.fd-site .zr-menu-photos--full{grid-template-columns:repeat(3,1fr)}
  body.fd-site .zr-photos-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  body.fd-site .zr-hero__top{flex-direction:column;gap:14px}
  body.fd-site .zr-hero__name{font-size:22px}
  body.fd-site .zr-hero__badges{align-self:flex-start}
  body.fd-site .zr-offers-grid{grid-template-columns:1fr}
  body.fd-site .zr-menu-photos{grid-template-columns:repeat(2,1fr)}
  body.fd-site .zr-moreinfo-grid{grid-template-columns:1fr 1fr}
  body.fd-site .zr-photos-grid{grid-template-columns:repeat(2,1fr)}
  body.fd-site .zr-bookform__row{grid-template-columns:1fr}
  body.fd-site .zr-gallery__grid{grid-template-columns:1fr;height:200px}
  body.fd-site .zr-gallery__side{display:none}
  body.fd-site .zr-gallery__img{height:200px}
  body.fd-site .zr-menu-wrap{grid-template-columns:1fr}
  body.fd-site .zr-cats{position:static;border-right:none;border-bottom:1px solid #f0f0f0;max-height:none}
  body.fd-site .zr-cat-list{display:flex;overflow-x:auto;padding:4px 0;gap:0;scrollbar-width:none}
  body.fd-site .zr-cat-list::-webkit-scrollbar{display:none}
  body.fd-site .zr-cat-item{white-space:nowrap;border-left:none;border-bottom:3px solid transparent;border-radius:0}
  body.fd-site .zr-cat-item.active{border-left:none;border-bottom-color:var(--brand, #e8541a)}
  body.fd-site .zr-tab{padding:12px 14px;font-size:13px}
  body.fd-site .zr-action span{display:none}
  body.fd-site .zr-action{padding:8px 12px}
  body.fd-site .zr-about-grid{grid-template-columns:1fr}
  body.fd-site .zr-item-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  body.fd-site .zr-item-list{grid-template-columns:1fr}
}
@media(min-width:992px) and (max-width:1200px){
  body.fd-site .zr-item-list{grid-template-columns:repeat(2,1fr)}
}

/* --- Mobile hamburger: ensure visible at 991px breakpoint --- */
@media(max-width:991px){
  body.fd-site .fd-nav .toggle.fd-nav__menu{
    display:inline-flex !important;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:8px;background:transparent}
  body.fd-site .fd-nav .toggle.fd-nav__menu span,
  body.fd-site .fd-nav .toggle.fd-nav__menu span::before,
  body.fd-site .fd-nav .toggle.fd-nav__menu span::after{background:#1c1c1c}
}

/* --- hcOffcanvasNav panel — brand-matching styles --- */
body.fd-site .hc-offcanvas-nav .nav-container{
  background:#fff !important;
  box-shadow:0 0 40px rgba(0,0,0,.18) !important}
body.fd-site .hc-offcanvas-nav h2{
  background:linear-gradient(135deg,var(--brand, #e8541a),#c0370d) !important;
  color:#fff !important;font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:18px !important;font-weight:700 !important;padding:20px !important;
  letter-spacing:0 !important;height:auto !important;min-height:64px !important;
  display:flex !important;align-items:center !important}
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a{
  font-family:'Plus Jakarta Sans',sans-serif !important;font-size:14px !important;
  font-weight:500 !important;color:#333 !important;padding:13px 20px !important}
body.fd-site .hc-offcanvas-nav li:not(.custom-content) a i{color:#888 !important;width:20px !important}
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover{
  background:rgba(var(--brand-rgb, 232, 84, 26), .04) !important;color:var(--brand, #e8541a) !important}
body.fd-site .hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover i{color:var(--brand, #e8541a) !important}
body.fd-site .hc-offcanvas-nav li.fd-nav-panel__group-label{
  font-size:11px !important;font-weight:700 !important;
  letter-spacing:.7px !important;text-transform:uppercase !important;
  color:#aaa !important;padding:12px 20px 2px !important;
  pointer-events:none !important;background:transparent !important}
body.fd-site .hc-offcanvas-nav li.fd-nav-panel__group-label a{display:none !important}
body.fd-site .hc-offcanvas-nav li.nav-close a,
body.fd-site .hc-offcanvas-nav li.nav-back a{
  background:#f7f7f7 !important;font-weight:600 !important;color:#444 !important}

/* ============================================================
   LIVE SEARCH DROPDOWN (Zomato-style)
   ============================================================ */
body.fd-site .fd-nav__search-wrap{
  flex:1;min-width:0;position:relative;
}
body.fd-site .fd-nav__search-wrap .fd-nav__search{
  width:100%;
}
body.fd-site .fd-search-drop{
  position:absolute;
  top:calc(100% + 8px);left:0;right:0;
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 36px rgba(0,0,0,.15);
  border:1px solid #f0f0f0;
  z-index:999;
  overflow:hidden;
  max-height:420px;
  overflow-y:auto;
}
body.fd-site .fd-sdrop__loading{
  padding:18px 20px;color:#888;font-size:14px;
  display:flex;align-items:center;gap:10px;
}
body.fd-site .fd-sdrop__loading i{animation:fd-spin .8s linear infinite}
@keyframes fd-spin{to{transform:rotate(360deg)}}
body.fd-site .fd-sdrop__item{
  display:flex;align-items:center;gap:14px;
  padding:12px 16px;
  text-decoration:none !important;
  color:#1c1c1c !important;
  transition:background .12s;
  border-bottom:1px solid #f7f7f7;
}
body.fd-site .fd-sdrop__item:last-of-type{border-bottom:none}
body.fd-site .fd-sdrop__item:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .04);text-decoration:none !important}
body.fd-site .fd-sdrop__img{
  width:50px;height:50px;border-radius:10px;
  overflow:hidden;background:#f5f5f5;flex:none;
  display:flex;align-items:center;justify-content:center;
}
body.fd-site .fd-sdrop__img img{width:100%;height:100%;object-fit:cover}
body.fd-site .fd-sdrop__noimg{font-size:22px;color:#ccc}
body.fd-site .fd-sdrop__info{flex:1;min-width:0}
body.fd-site .fd-sdrop__name{
  font-size:14px;font-weight:600;color:#1c1c1c;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.fd-site .fd-sdrop__sub{font-size:12px;color:#888;margin-top:2px}
body.fd-site .fd-sdrop__rating{
  display:flex;align-items:center;gap:4px;
  background:#267e3e;color:#fff;
  font-size:12px;font-weight:700;
  padding:3px 8px;border-radius:6px;flex:none;
  white-space:nowrap;
}
body.fd-site .fd-sdrop__rating i{font-size:11px}
body.fd-site .fd-sdrop__empty{
  padding:18px 20px;font-size:14px;color:#888;text-align:center;
}
body.fd-site .fd-sdrop__all{
  display:flex;align-items:center;gap:6px;
  padding:13px 16px;
  font-size:13px;font-weight:600;color:var(--brand, #e8541a) !important;
  background:rgba(var(--brand-rgb, 232, 84, 26), .04);text-decoration:none !important;
  border-top:1px solid #f0f0f0;
}
body.fd-site .fd-sdrop__all:hover{background:#fff0ea;text-decoration:none !important}
body.fd-site .fd-sdrop__all i{margin-left:auto}

/* ============================================================
   SEARCH DROPDOWN — Zomato-style richer result rows
   ============================================================ */
/* Bigger image */
body.fd-site .fd-sdrop__img{
  width:68px !important;height:68px !important;border-radius:12px !important;
  flex:none !important;overflow:hidden;background:#f5f5f5;
  display:flex;align-items:center;justify-content:center;
}
body.fd-site .fd-sdrop__img img{width:100%;height:100%;object-fit:cover}
body.fd-site .fd-sdrop__noimg{font-size:26px !important;color:#ccc}

/* Name */
body.fd-site .fd-sdrop__name{font-size:15px !important;font-weight:700 !important;color:#1c1c1c;margin-bottom:4px}

/* Tags row */
body.fd-site .fd-sdrop__tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}
body.fd-site .fd-sdrop__chip{
  display:inline-flex;align-items:center;gap:3px;
  font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;
  letter-spacing:.2px;
}
body.fd-site .fd-sdrop__chip--del{background:#e8f5e9;color:#267e3e}
body.fd-site .fd-sdrop__chip--rate{background:#267e3e;color:#fff}
body.fd-site .fd-sdrop__chip--rate i{font-size:10px}
body.fd-site .fd-sdrop__chip--cuisine{background:#f5f5f5;color:#696969;font-weight:500}

/* Area */
body.fd-site .fd-sdrop__area{
  font-size:12px;color:#888;margin-bottom:4px;
  display:flex;align-items:center;gap:4px;
}
body.fd-site .fd-sdrop__area i{font-size:11px;color:#bbb;flex:none}

/* Status */
body.fd-site .fd-sdrop__status{font-size:12px;font-weight:600}
body.fd-site .fd-sdrop__status--open{color:var(--brand, #e8541a)}
body.fd-site .fd-sdrop__status--closed{color:#999;font-weight:400}
body.fd-site .fd-sdrop__deltime{color:#888;font-weight:400}

/* Row padding */
body.fd-site .fd-sdrop__item{
  padding:14px 16px !important;
  align-items:flex-start !important;
  gap:14px !important;
}

/* ============================================================
   INNER PAGE TYPOGRAPHY — consistent with Zomato header
   ============================================================ */
body.fd-site{font-family:'Plus Jakarta Sans',system-ui,sans-serif}

/* Page-level top spacing so sticky header doesn't clip */
body.fd-site .rentalcar-detail-page,body.fd-site .category-listing-page,body.fd-site .sis-popular,body.fd-site .search-page{
  padding-top:32px !important;
}

/* ============================================================
   PRODUCT DETAIL PAGE
   ============================================================ */
body.fd-site .product-detail-page .car-detail-inner{font-family:'Plus Jakarta Sans',system-ui,sans-serif}

/* Product image slider */
body.fd-site .product-detail-page .main-slider .product-image img{
  border-radius:14px;object-fit:contain;background:#f5f5f5;
}

/* Add-to-cart button */
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;
  border:0 !important;border-radius:12px !important;
  padding:12px 28px !important;font-weight:700 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;font-size:15px !important;
}
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow:hover{
  opacity:.9 !important;
}

/* Seller info card */
body.fd-site .product-detail-page .seller-info .card{
  border:1px solid #f0f0f0 !important;border-radius:14px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
body.fd-site .product-detail-page .seller-info .store_url.btn.btn-primary{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;
  border:0 !important;border-radius:10px !important;
  width:100% !important;font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:600 !important;
}
body.fd-site .product-detail-page .more-from-store .card{
  border:1px solid #f0f0f0 !important;border-radius:14px !important;
  box-shadow:0 2px 12px rgba(0,0,0,.05) !important;
}
body.fd-site .product-detail-page .review-box{
  background:#f9f9f9;border-radius:10px;padding:12px;
}

/* ============================================================
   CATEGORY LISTING PAGE
   ============================================================ */
body.fd-site .category-listing-page{background:#fff}
body.fd-site .category-listing-page .page-title h3{
  font-size:24px !important;font-weight:800 !important;
  color:#1a1a1a !important;letter-spacing:-.5px;
  padding-bottom:12px;border-bottom:2px solid #f0f0f0;
  width:100%;margin-bottom:4px;
}

/* Category sidebar items */
body.fd-site .category-listing-page #category-list .cat-item a.cat-link{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:10px;
  font-size:14px;font-weight:500;color:#333;
  text-decoration:none;transition:all .15s;
  border:1px solid transparent;
}
body.fd-site .category-listing-page #category-list .cat-item a.cat-link:hover,
body.fd-site .category-listing-page #category-list .cat-item a.cat-link.active{
  background:rgba(var(--brand-rgb, 232, 84, 26), .08);border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);
}

/* ============================================================
   ALL RESTAURANTS PAGE
   ============================================================ */
body.fd-site .sis-popular{background:#f7f7f7;padding-bottom:20px;flex:1 0 auto}
/* sticky footer: pin footer to viewport bottom on short pages (no big grey gap, no white strip).
   The grey content grows to fill so its background reaches the footer seamlessly. */
body.fd-site.fixed-bottom-bar{display:flex;flex-direction:column;min-height:100vh}
body.fd-site.fixed-bottom-bar .section-footer{margin-top:auto}
body.fd-site .sis-popular .search{padding:28px 0 !important}
body.fd-site .sis-popular .nav-tabs{border:0 !important;margin-bottom:16px}
body.fd-site .sis-popular .nav-link{
  background:#f0f0f0 !important;color:#555 !important;
  border:0 !important;border-radius:20px !important;
  font-size:14px !important;font-weight:600 !important;
  padding:8px 20px !important;font-family:'Plus Jakarta Sans',sans-serif !important;
}
body.fd-site .sis-popular .nav-link.active{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;
  color:#fff !important;
}

/* ============================================================
   LOADER / SPINNER — site-wide redesign
   NOTE: no display property here — JS controls show/hide via .show()/.hide()
   ============================================================ */
body.fd-site #data-table_processing{
  position:fixed !important;
  top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
  z-index:9999 !important;
  background:rgba(255,255,255,.88) !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;margin:0 !important;
  /* centering done via ::after pseudo element, not flexbox */
}
body.fd-site #data-table_processing::after{
  content:'';
  position:fixed;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:44px;height:44px;
  border:3px solid #f0f0f0;
  border-top-color:var(--brand, #e8541a);
  border-radius:50%;
  /* keep the centering translate inside the keyframe so it spins in place
     (plain rotate() was overwriting translate(-50%,-50%) and shifting it) */
  animation:fd-spin-center .7s linear infinite;
  pointer-events:none;
}
@keyframes fd-spin-center{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
/* Hide ALL old spinner content inside the overlay — new ring is ::after pseudo-element */
body.fd-site #data-table_processing > *{ display:none !important; }

/* ============================================================
   SELECT2 in auth forms — match fd-auth__input style
   ============================================================ */
body.fd-site .fd-auth__box .select2-container{width:100% !important}
body.fd-site .fd-auth__box .select2-container--default .select2-selection--single{
  height:46px !important;
  border:1.5px solid #e0e0e0 !important;
  border-radius:10px !important;
  display:flex !important;align-items:center !important;
}
body.fd-site .fd-auth__box .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:44px !important;padding-left:14px !important;
  font-size:14px !important;color:#333 !important;
}
body.fd-site .fd-auth__box .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:44px !important;right:10px !important;
}
body.fd-site .fd-auth__box .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--brand, #e8541a) !important;box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1) !important;
}
body.fd-site .fd-auth__phone-row .select2-container{width:120px !important;flex:none !important}

/* ============================================================
   UNIFIED FOOD / PRODUCT CARD  (.product-list .list-card)
   Used by: restaurant menu items + product-detail "Related Foods".
   Matches the home fd2-card aesthetic (rounded, shadow, hover zoom).
   ============================================================ */
body.fd-site .product-list .list-card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  transition:transform .2s,box-shadow .2s;
  height:100%;
  display:flex;flex-direction:column;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
body.fd-site .product-list .list-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
/* Image */
body.fd-site .product-list .list-card .list-card-image{
  position:relative;
  height:180px;
  overflow:hidden;
  background:#f7f7f7;
}
body.fd-site .product-list .list-card .list-card-image > a{display:block;height:100%}
body.fd-site .product-list .list-card .list-card-image img{
  width:100% !important;height:100% !important;
  object-fit:cover;display:block;
  transition:transform .35s ease;
}
body.fd-site .product-list .list-card:hover .list-card-image img{transform:scale(1.07)}
body.fd-site .product-list .list-card .list-card-image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.40),transparent 48%);
  pointer-events:none;
}
/* Veg / Non-veg badge — top-left pill */
body.fd-site .product-list .list-card .member-plan{
  position:absolute;top:10px;left:10px;z-index:3;
}
body.fd-site .product-list .list-card .member-plan .badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11px;font-weight:700;letter-spacing:.2px;
  padding:4px 10px;border-radius:20px;
  text-transform:capitalize;border:0;
}
body.fd-site .product-list .list-card .member-plan .badge::before{
  content:"";width:8px;height:8px;border-radius:2px;
  border:1.5px solid currentColor;display:inline-block;
}
body.fd-site .product-list .list-card .member-plan .badge.open{background:#e8f5e9;color:#2e7d32}
body.fd-site .product-list .list-card .member-plan .badge.closed{background:#fdecea;color:#c62828}
/* Body */
body.fd-site .product-list .list-card .list-card-body{
  padding:13px 14px 14px;
  display:flex;flex-direction:column;flex:1;
}
body.fd-site .product-list .list-card > .py-2{
  padding:0 !important;flex:1;display:flex;flex-direction:column;
}
body.fd-site .product-list .list-card .product-title{
  margin:0 0 4px;font-size:15.5px;font-weight:700;line-height:1.3;
}
body.fd-site .product-list .list-card .product-title a{
  color:#1c1c1c !important;text-decoration:none !important;
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.fd-site .product-list .list-card .product-title a:hover{color:var(--brand-dark, #e23744) !important}
body.fd-site .product-list .list-card .pro-cat{
  font-size:12.5px;font-weight:500;color:#9a9a9a;margin:0 0 6px;
}
body.fd-site .product-list .list-card .pro-cat:empty{display:none}
body.fd-site .product-list .list-card .pro-price{
  font-size:16px;font-weight:800;color:var(--brand, #e8541a);
  display:block;margin-top:2px;
}
body.fd-site .product-list .list-card .pro-price s{
  font-size:13px;font-weight:500;color:#b0b0b0;margin-left:6px;
}
/* Rating pill */
body.fd-site .product-list .list-card .star{margin-top:auto !important;padding-top:10px}
body.fd-site .product-list .list-card .star .badge.badge-success{
  display:inline-flex;align-items:center;gap:4px;
  background:#267e3e;color:#fff;border:0;
  font-size:12.5px;font-weight:700;
  padding:3px 8px;border-radius:6px;
}
body.fd-site .product-list .list-card .star .badge.badge-success i{font-size:11px}

/* ============================================================
   PRODUCT DETAIL — section headings (Related Foods etc.)
   ============================================================ */
body.fd-site .related-products > h3,
body.fd-site .more-from-store .card > h3,
body.fd-site .more-from-store h3{
  font-size:20px !important;font-weight:800 !important;
  color:#1a1a1a !important;letter-spacing:-.4px;
  margin:0 0 16px !important;font-family:'Plus Jakarta Sans',sans-serif;
}
body.fd-site .related-products{margin-top:36px !important}

/* ----- "More From The Restaurant" mini list rows ----- */
body.fd-site .more-from-store .card{padding:18px !important}
body.fd-site .more-from-store .vendor-products{display:flex;flex-direction:column;gap:4px}
body.fd-site .store-product{
  display:block;border-radius:12px;
  transition:background .15s;cursor:pointer;
  padding:8px;margin:0;
}
body.fd-site .store-product:hover{background:#fff5f0}
body.fd-site .store-product .product-content{
  display:flex;align-items:center;gap:12px;
}
body.fd-site .store-product .store-image{
  width:64px;height:64px;border-radius:10px;overflow:hidden;
  flex:none;background:#f5f5f5;
}
body.fd-site .store-product .store-image img{width:100% !important;height:100% !important;object-fit:cover}
body.fd-site .store-product .product-detail{flex:1;min-width:0}
body.fd-site .store-product .product-detail .basic{display:flex;flex-direction:column;gap:3px}
body.fd-site .store-product .flash-product-title{
  font-size:14px;font-weight:600;color:#1c1c1c;
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.fd-site .store-product .product-review{display:flex;align-items:center;gap:4px}
body.fd-site .store-product .product-review .badge.badge-success{
  display:inline-flex;align-items:center;gap:3px;
  background:#267e3e;color:#fff;border:0;
  font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;
}
body.fd-site .store-product .product-review .badge-style2{font-size:11px;color:#999}
body.fd-site .store-product .strike-price{display:flex;align-items:center;gap:8px;margin-top:2px}
body.fd-site .store-product .strike-price strike{font-size:12px;color:#b0b0b0}
body.fd-site .store-product .product-price{font-size:15px;font-weight:800;color:var(--brand, #e8541a)}

/* ============================================================
   CATEGORY LISTING PAGE — left sidebar redesign
   ============================================================ */
body.fd-site .category-listing-page .vandor-sidebar{
  background:#fff;border:1px solid #eee;border-radius:16px;
  padding:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);
  position:sticky;top:84px;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
}
body.fd-site .category-listing-page .vandor-sidebar > h3{
  font-size:13px !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.6px;
  color:#9a9a9a !important;margin:0 !important;
  padding:12px 14px 8px;border:0 !important;
}
body.fd-site .category-listing-page .vandor-sidebar > h3::after{display:none !important}
body.fd-site .category-listing-page .vandorcat-list{
  list-style:none;margin:0;padding:0;
}
body.fd-site .category-listing-page .vandorcat-list li{margin:0}
body.fd-site .category-listing-page .vandorcat-list li a{
  display:flex;align-items:center;gap:12px;
  padding:10px 12px;border-radius:12px;
  color:#3a3a3a;font-size:14.5px;font-weight:600;
  text-decoration:none;transition:background .15s,color .15s;
  border-left:3px solid transparent;
}
body.fd-site .category-listing-page .vandorcat-list li a span{
  width:40px;height:40px;border-radius:50%;overflow:hidden;
  flex:none;background:#f5f5f5;display:flex;align-items:center;justify-content:center;
  border:1px solid #f0f0f0;
}
body.fd-site .category-listing-page .vandorcat-list li a span img{
  width:100%;height:100%;object-fit:cover;
}
body.fd-site .category-listing-page .vandorcat-list li a:hover{
  background:#fff5f0;color:var(--brand, #e8541a);text-decoration:none;
}
body.fd-site .category-listing-page .vandorcat-list li.active a{
  background:#fff0ea;color:var(--brand, #e8541a);
  border-left-color:var(--brand, #e8541a);
}
body.fd-site .category-listing-page .vandorcat-list li.active a span{border-color:#f5c4ad}


/* ============================================================
   LANGUAGE SWITCHER — header nav (.fd-nav__lang)
   ============================================================ */
body.fd-site .fd-nav__lang{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border:1px solid var(--fd-line);border-radius:10px;
  background:#fff;cursor:pointer;transition:border-color .15s}
body.fd-site .fd-nav__lang:hover{border-color:var(--fd-red)}
body.fd-site .fd-nav__lang .feather-globe{color:var(--fd-muted);font-size:16px;flex:none}
body.fd-site .fd-nav__lang select{
  border:0;background:none;outline:none;font-size:14px;font-family:inherit;
  color:var(--fd-ink);cursor:pointer;padding:0;max-width:100px;
  -webkit-appearance:none;appearance:none}
@media(max-width:768px){body.fd-site .fd-nav__lang{display:none!important}}

/* ============================================================
   HERO CUISINE CHIPS (.fd-hero__cravings)
   ============================================================ */
body.fd-site .sis-home-page .fd-hero__cravings{margin:28px 0 0}
body.fd-site .sis-home-page .fd-hero__cravings-label{
  font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--fd-muted);
  text-transform:uppercase;margin:0 0 14px}
body.fd-site .sis-home-page .fd-hero__chips{
  display:flex;flex-wrap:wrap;gap:10px}
body.fd-site .sis-home-page .fd-hero__chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 16px;border:1.5px solid var(--fd-line);border-radius:50px;
  font-size:14px;font-weight:500;color:var(--fd-ink);background:#fff;
  text-decoration:none;transition:all .18s;white-space:nowrap;
  box-shadow:0 2px 6px rgba(80,50,30,.06)}
body.fd-site .sis-home-page .fd-hero__chip:hover{
  border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);background:rgba(var(--brand-rgb, 232, 84, 26), .08);
  text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 14px rgba(var(--brand-rgb, 232, 84, 26),.14)}
body.fd-site .sis-home-page .fd-hero__chip-ico{font-size:17px;line-height:1}
body.fd-site .sis-home-page .fd-hero__chip--all{
  border-color:var(--fd-red-dark);color:var(--fd-red-dark);font-weight:600}
body.fd-site .sis-home-page .fd-hero__chip--all:hover{
  background:var(--fd-red-dark);color:#fff;border-color:var(--fd-red-dark)}
body.fd-site .sis-home-page .fd-hero__chip--all .feather-chevron-right{font-size:14px}
@media(max-width:600px){
  body.fd-site .sis-home-page .fd-hero__chips{gap:8px}
  body.fd-site .sis-home-page .fd-hero__chip{font-size:13px;padding:8px 13px}
}

/* ============================================================
   LANGUAGE DROPDOWN — custom pill + floating list
   ============================================================ */
body.fd-site .fd-nav__lang-wrap{
  position:relative;display:inline-flex;align-items:center}
body.fd-site .fd-nav__lang-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border:1px solid var(--fd-line);border-radius:10px;
  background:#fff;cursor:pointer;font-size:14px;font-family:inherit;
  font-weight:500;color:var(--fd-ink);transition:border-color .15s;white-space:nowrap}
body.fd-site .fd-nav__lang-btn:hover{border-color:var(--fd-red)}
body.fd-site .fd-nav__lang-btn .feather-globe{color:var(--fd-muted);font-size:16px;flex:none}
body.fd-site .fd-nav__lang-btn .feather-chevron-down{font-size:14px;color:var(--fd-muted);transition:transform .2s;flex:none}
body.fd-site .fd-lang-list{
  position:absolute;top:calc(100% + 6px);right:0;min-width:140px;
  background:#fff;border:1px solid var(--fd-line);border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.11);list-style:none;margin:0;padding:6px 0;
  z-index:200}
body.fd-site .fd-lang-item{
  display:flex;align-items:center;gap:9px;padding:10px 16px;
  font-size:14px;font-weight:500;color:var(--fd-ink);cursor:pointer;transition:background .12s}
body.fd-site .fd-lang-item:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a)}
body.fd-site .fd-lang-item.active{color:var(--brand, #e8541a);font-weight:600}
body.fd-site .fd-lang-item__title{flex:1;white-space:nowrap}
body.fd-site .fd-lang-item .feather-check{font-size:14px;color:var(--brand, #e8541a);margin-left:auto}
body.fd-site .fd-lang-flag{width:22px;height:15px;object-fit:cover;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08);display:inline-block}
body.fd-site .fd-lang-flag--none{width:22px;height:15px;background:#eee;border-radius:3px;display:inline-block;flex:none}
@media(max-width:768px){body.fd-site .fd-nav__lang-wrap{display:none!important}}

/* ============================================================
   GOOGLE PLACES AUTOCOMPLETE — custom styling
   ============================================================ */
body.fd-site .pac-container{
  border-radius:14px !important;
  box-shadow:0 10px 32px rgba(0,0,0,.13) !important;
  border:1px solid var(--fd-line) !important;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important;
  margin-top:4px;overflow:hidden;padding:4px 0}
body.fd-site .pac-item{
  padding:10px 16px !important;font-size:14px !important;
  border-top:1px solid #f4ede6 !important;cursor:pointer;
  display:flex !important;align-items:center;gap:10px;line-height:1.4}
body.fd-site .pac-item:first-child{border-top:0 !important}
body.fd-site .pac-item:hover{background:#fff4f4 !important}
body.fd-site .pac-item-query{font-size:14px !important;font-weight:600 !important;color:var(--fd-ink) !important}
body.fd-site .pac-matched{font-weight:700 !important;color:var(--fd-red) !important}
body.fd-site .pac-icon{color:var(--fd-muted) !important;margin:0 !important;background:none !important;width:auto !important;height:auto !important}
body.fd-site .pac-logo:after{display:none !important}
/* Same look for the Places API (New) suggestions rendered by js/google-places-new.js
   (a jQuery UI autocomplete menu carrying the .fd-places-menu class) */
body.fd-site .ui-autocomplete.fd-places-menu{
  z-index:99999 !important;
  border-radius:14px;
  box-shadow:0 10px 32px rgba(0,0,0,.13);
  border:1px solid var(--fd-line);
  background:#fff;
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  margin-top:4px;padding:4px 0}
body.fd-site .ui-autocomplete.fd-places-menu .ui-menu-item{margin:0}
body.fd-site .ui-autocomplete.fd-places-menu .ui-menu-item-wrapper{
  padding:10px 16px;font-size:14px;line-height:1.4;cursor:pointer;
  margin:0;border:0;border-top:1px solid #f4ede6;border-radius:0;
  background:none;color:var(--fd-ink)}
body.fd-site .ui-autocomplete.fd-places-menu .ui-menu-item:first-child .ui-menu-item-wrapper{border-top:0}
body.fd-site .ui-autocomplete.fd-places-menu .ui-menu-item-wrapper.ui-state-active{background:#fff4f4;color:var(--fd-ink);font-weight:inherit}
body.fd-site .ui-autocomplete.fd-places-menu .fd-places-item__pin{color:var(--fd-muted);opacity:1}
body.fd-site .ui-autocomplete.fd-places-menu .fd-places-item__main{font-weight:600;color:var(--fd-ink)}
body.fd-site .ui-autocomplete.fd-places-menu .fd-places-item__secondary{color:var(--fd-muted);opacity:1}

/* HAMBURGER BUTTON — old span rules superseded by SVG block at bottom of file */

/* ============================================================
   CATEGORY SECTION — visual separation band
   ============================================================ */
body.fd-site .sis-home-page .top-categories-section{
  background:none;
  padding:34px 0 40px;margin:0;
  border:0}
body.fd-site .sis-home-page .top-categories-section .title h5{
  font-size:26px;font-weight:700;letter-spacing:-.3px;color:#211c1a}
body.fd-site .sis-home-page .top-categories-section .see-all a{
  color:var(--fd-red);font-weight:600;font-size:14px}

/* ============================================================
   HERO RESTAURANT COUNT
   ============================================================ */
body.fd-site .sis-home-page .fd-hero__rest-count{
  margin:18px 0 0;font-size:14px;color:var(--fd-muted);
  display:flex;align-items:center;gap:6px}
body.fd-site .sis-home-page .fd-hero__rest-count .feather-map-pin{color:var(--fd-red);font-size:15px}
body.fd-site .sis-home-page .fd-hero__rest-count span{font-weight:700;color:var(--fd-ink)}

/* CATEGORY CHIP icon — superseded by layered .fd-hero__chip-icon block at bottom of file */

/* ============================================================
   FOOD REELS — prevent slick arrows bleeding outside
   ============================================================ */
body.fd-site .sis-home-page .restaurant_stories{overflow:hidden}

/* ============================================================
   HAMBURGER — clean SVG icon, no border box
   ============================================================ */
body.fd-site .fd-nav__hamburger{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:36px;height:36px;padding:4px;border:0;background:none;
  cursor:pointer;color:var(--fd-ink);flex:none;border-radius:6px;
  transition:color .15s,background .15s}
body.fd-site .fd-nav__hamburger:hover{color:var(--fd-red);background:#fff4f4}
body.fd-site .fd-nav__hamburger svg{display:block}

/* ============================================================
   FOOD REELS — side carousel arrows
   ============================================================ */
body.fd-site .sis-home-page .fd-reels__track-wrap{
  position:relative;padding:0 52px}
body.fd-site .sis-home-page .fd-reels__side-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.12);backdrop-filter:blur(4px);
  color:#fff;font-size:28px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .18s,transform .18s;z-index:2}
body.fd-site .sis-home-page .fd-reels__side-btn--prev{left:0}
body.fd-site .sis-home-page .fd-reels__side-btn--next{right:0}
body.fd-site .sis-home-page .fd-reels__side-btn:hover{
  background:rgba(255,255,255,.28);transform:translateY(-50%) scale(1.08)}

/* ============================================================
   CATEGORY CHIP — stacked icon (letter always + photo overlay)
   ============================================================ */
body.fd-site .sis-home-page .fd-hero__chip-icon{
  position:relative;width:28px;height:28px;flex:none;display:inline-block}
body.fd-site .sis-home-page .fd-hero__chip-ico-letter{
  position:absolute;inset:0;border-radius:50%;
  background:linear-gradient(135deg,var(--fd-red-dark),#e05d2a);
  color:#fff;font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  text-transform:uppercase;line-height:1}
/* The category art is transparent line-art meant to sit on a light tile (same as the
   "Inspiration" section). At chip size, cover-cropping it over the orange letter tile
   clipped the icon and let the orange bleed through — so give the image its own white
   tile and CONTAIN it instead. */
body.fd-site .sis-home-page .fd-hero__chip-img-overlay{
  position:absolute;inset:0;width:100%;height:100%;
  border-radius:50%;object-fit:contain;padding:2px;
  background:#fff;border:1px solid var(--fd-line)}

/* ============================================================
   PRODUCT DETAIL — classy, theme-matched design
   Shared by the standalone product page (.product-detail-page) AND the
   quick-view popup (which loads the same page, so it also matches).
   Popup-only extras (hide chrome / related / more-from-store) stay under
   html.fd-popup.
   ============================================================ */
html.fd-popup{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;background:#fff}

/* Hidden in the quick view only (kept on the full standalone page) */
html.fd-popup #related_products,
html.fd-popup .related-products,
html.fd-popup .more-from-store{display:none !important}

/* Canvas + rhythm */
body.fd-site .product-detail-page{background:#fff}
body.fd-site .product-detail-page .car-del-top-section{padding-bottom:6px}
body.fd-site .product-detail-page .car-detail-inner{font-family:'Plus Jakarta Sans',sans-serif}

/* ---------- Product hero ---------- */
/* Boxed images: fill the frame, keep aspect ratio (never stretch). */
body.fd-site .product-detail-page .rent-cardet-left .product-image img,
body.fd-site .product-detail-page .main-slider .product-image img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  border-radius:18px;background:#f6f5f3;
  box-shadow:0 8px 30px rgba(0,0,0,.07)
}
body.fd-site .product-detail-page .nav-slider .product-image img{object-fit:cover;border-radius:10px}
body.fd-site .product-detail-page .rent-cardet-left .product-image--single{
  border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden
}
/* trim the empty gap under the (shorter) details column / before reviews */
body.fd-site .product-detail-page .rental-detailed-ratings-and-reviews{margin-top:1.25rem !important}
/* quick-view popup: smaller image box + tighter rhythm */
html.fd-popup .product-detail-page .product-image{height:300px !important}
html.fd-popup .product-detail-page .rental-detailed-ratings-and-reviews{margin-top:.5rem !important}
body.fd-site .product-detail-page .rent-cardet-right{padding-left:8px}
body.fd-site .product-detail-page .carrent-det-rg-inner{padding-top:4px}

body.fd-site .product-detail-page .car-det-title h2{
  font-family:'Plus Jakarta Sans',Georgia,serif !important;
  font-size:30px !important;font-weight:700 !important;
  color:#1a1a1a !important;letter-spacing:-.3px;line-height:1.15;margin:0 0 8px
}
body.fd-site .product-detail-page .car-det-price .price{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;font-weight:800;
  color:var(--brand, #e8541a);white-space:nowrap;line-height:1.1
}
body.fd-site .product-detail-page .car-det-price .price s{font-size:16px;color:#b5b5b5;font-weight:500;margin-left:8px}
body.fd-site .product-detail-page .car-det-price #variant_qty,
body.fd-site .product-detail-page .car-det-price span[id="variant_qty"]{
  display:block;font-size:12.5px;color:#8a8a8a;font-weight:500;margin-top:4px;letter-spacing:.2px
}

/* Rating + wishlist row */
body.fd-site .product-detail-page .rating.star{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
body.fd-site .product-detail-page .rating.star .badge.badge-success{
  background:#267e3e !important;border:0 !important;border-radius:7px !important;
  font-weight:700 !important;font-size:13px !important;padding:4px 9px !important;display:inline-flex;align-items:center;gap:4px
}
body.fd-site .product-detail-page .rating.star .count{font-size:13px;color:#7a7a7a;margin-left:10px}
/* Save (favorite) — a proper circular button next to the product title */
body.fd-site .zr-detail-fav{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:1.5px solid #ececec;box-shadow:0 2px 8px rgba(0,0,0,.08);
  transition:border-color .15s,transform .15s;text-decoration:none;
}
body.fd-site .zr-detail-fav:hover{border-color:var(--brand-dark, #e23744);transform:scale(1.05);text-decoration:none}
body.fd-site .zr-detail-fav i{color:#9a9a9a;font-size:19px;line-height:1}
body.fd-site .zr-detail-fav i.fa-heart{color:var(--brand-dark, #e23744)}

/* Store / brand line */
body.fd-site .product-detail-page .store h3,
body.fd-site .product-detail-page .brand h3{
  font-size:15px !important;font-weight:600 !important;color:#4a4a4a !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;margin:0
}
body.fd-site .product-detail-page .store .vendor_name,
body.fd-site .product-detail-page .store .vendor_name a{color:var(--brand, #e8541a) !important;font-weight:700;text-decoration:none}
body.fd-site .product-detail-page .store .vendor_name a:hover{text-decoration:underline}

/* Description */
body.fd-site .product-detail-page .description p{
  font-size:14.5px;line-height:1.75;color:#5c5c5c;
  font-family:'Plus Jakarta Sans',sans-serif;margin:0
}

/* Nutrition (grams / calories / proteins / fats) → compact wrapping chip strip */
body.fd-site .product-detail-page .quantity-row{display:inline !important;margin:0 !important;padding:0 !important}
body.fd-site .product-detail-page .quantity-row > [class*="col-"]{
  display:inline-flex !important;width:auto !important;max-width:none !important;
  flex:0 0 auto !important;padding:0 !important;margin:0 8px 8px 0 !important;vertical-align:top
}
body.fd-site .product-detail-page .grams h3,body.fd-site .product-detail-page .calories h3,body.fd-site .product-detail-page .proteins h3,body.fd-site .product-detail-page .fats h3{
  display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap;
  background:#faf8f6;border:1px solid #efeae5;border-radius:9px;padding:7px 12px;
  font-size:11px;font-weight:600;color:#9a9088;text-transform:uppercase;
  letter-spacing:.4px;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .product-detail-page .grams .quantity-count,body.fd-site .product-detail-page .calories .quantity-count,body.fd-site .product-detail-page .proteins .quantity-count,body.fd-site .product-detail-page .fats .quantity-count{
  color:#1a1a1a;font-size:13.5px;font-weight:800;text-transform:none;letter-spacing:0
}

/* Quantity stepper + addons headings */
body.fd-site .product-detail-page .quantity h3{
  font-size:13px !important;font-weight:700 !important;text-transform:uppercase;
  letter-spacing:.6px;color:#333 !important;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .product-detail-page .addons h3{
  font-family:'Plus Jakarta Sans',sans-serif !important;font-size:15px !important;
  font-weight:700 !important;color:#1a1a1a !important;margin-bottom:8px
}
body.fd-site .product-detail-page .count-number-input{font-weight:700;color:#1a1a1a}

/* Add to cart / Book now */
body.fd-site .product-detail-page .addtocart .add-to-cart.btn{
  border-radius:12px !important;font-weight:700 !important;
  padding:13px !important;font-size:15px !important;letter-spacing:.2px
}

/* ---------- Divider before reviews / seller ---------- */
body.fd-site .product-detail-page .rental-detailed-ratings-and-reviews{
  border-top:1px solid #eee;padding-top:24px !important;margin-top:14px !important
}
body.fd-site .product-detail-page .rental-review h3,
body.fd-site .product-detail-page .main-specification h3,
body.fd-site .product-detail-page #customers_ratings_and_review h3{
  font-family:'Plus Jakarta Sans',Georgia,serif !important;
  font-size:22px !important;font-weight:700 !important;color:#1a1a1a !important
}
body.fd-site .product-detail-page .no_review_fount{color:#9a9a9a;font-size:14px}

/* ---------- Seller / "More From The Restaurant" cards ---------- */
body.fd-site .product-detail-page .seller-info .card,
body.fd-site .product-detail-page .more-from-store .card{
  border:1px solid #eee !important;border-radius:16px !important;
  box-shadow:0 6px 22px rgba(0,0,0,.05) !important;padding:20px !important
}
body.fd-site .product-detail-page .seller-info .vendor_name{
  font-family:'Plus Jakarta Sans',Georgia,serif !important;
  font-size:18px;font-weight:700;color:#1a1a1a
}
body.fd-site .product-detail-page .seller-info #seller-image img{border-radius:12px !important;width:56px;height:56px;object-fit:cover}
body.fd-site .product-detail-page .seller-info .review-box{
  background:#faf8f6;border:1px solid #efeae5;border-radius:12px;padding:14px
}
body.fd-site .product-detail-page .seller-info .review-box .text-center > span:first-child{font-size:18px;font-weight:800;color:#1a1a1a}
body.fd-site .product-detail-page .seller-info .store_url.btn{
  border-radius:12px !important;padding:12px !important;font-weight:700 !important;font-size:14px !important
}
body.fd-site .product-detail-page .more-from-store h3{
  font-family:'Plus Jakarta Sans',Georgia,serif !important;font-size:19px !important;
  font-weight:700 !important;color:#1a1a1a !important
}

/* ---------- Variants / attributes (Size, etc.) → selectable pills ---------- */
body.fd-site .product-detail-page .attributes{margin-top:14px !important;margin-bottom:6px !important}
body.fd-site .product-detail-page .attribute-drp{margin-bottom:16px}
body.fd-site .product-detail-page .attribute-label{
  font-size:12px !important;font-weight:700 !important;text-transform:uppercase;
  letter-spacing:.6px;color:#8a8a8a !important;margin:0 0 9px !important;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .product-detail-page .attribute-options{display:flex;flex-wrap:wrap;gap:9px}
body.fd-site .product-detail-page .attribute-selection{
  border:0 !important;padding:0 !important;margin:0 !important;min-height:0 !important;position:relative
}
body.fd-site .product-detail-page .attribute-selection .custom-control-input{
  position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none
}
body.fd-site .product-detail-page .attribute-selection .custom-control-label{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 18px;border:1.5px solid #e4e4e4;border-radius:11px;
  font-size:14px;font-weight:600;color:#444;cursor:pointer;background:#fff;
  transition:all .15s ease;font-family:'Plus Jakarta Sans',sans-serif;min-width:46px;line-height:1
}
body.fd-site .product-detail-page .attribute-selection .custom-control-label::before,
body.fd-site .product-detail-page .attribute-selection .custom-control-label::after{display:none !important}
body.fd-site .product-detail-page .attribute-selection .custom-control-label:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a)}
/* selected size → rich filled pill (beats base .v-boxariants ... :checked rule) */
body.fd-site .product-detail-page .attribute-selection .custom-control-input:checked + .custom-control-label,
body.fd-site .product-detail-page .attribute-selection .custom-control-input:checked ~ .custom-control-label{
  border-color:transparent !important;color:#fff !important;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;
  box-shadow:0 7px 18px rgba(var(--brand-rgb, 232, 84, 26),.30) !important
}

/* ---------- Add-ons → clean selectable rows with a real check ---------- */
body.fd-site .product-detail-page .addons{margin-top:14px !important}
body.fd-site .product-detail-page .addons > h3{
  font-family:'Plus Jakarta Sans',sans-serif !important;font-size:12px !important;font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.6px;color:#8a8a8a !important;margin-bottom:10px !important
}
body.fd-site .product-detail-page .addons-option{display:block !important;width:100% !important;margin-bottom:10px !important}
body.fd-site .product-detail-page .addons-option .custom-control.custom-checkbox{
  display:block !important;width:100% !important;
  border:1.4px solid #ececec !important;border-radius:12px !important;
  padding:0 !important;margin:0 !important;background:#fff !important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease
}
body.fd-site .product-detail-page .addons-option .custom-control.custom-checkbox:hover{border-color:var(--brand, #e8541a) !important;background:#fffaf7 !important}
body.fd-site .product-detail-page .addons-option .custom-control-label{
  display:flex !important;align-items:center;justify-content:space-between;width:100%;position:relative;
  padding:13px 16px 13px 48px !important;margin:0 !important;cursor:pointer;
  font-size:14px;font-weight:600;color:#333 !important;letter-spacing:0 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;line-height:1.3
}
body.fd-site .product-detail-page .addons-option .custom-control-label span{
  color:var(--brand, #e8541a) !important;font-weight:700;font-size:13.5px;white-space:nowrap;margin-left:12px
}
/* custom check box (left) — neutralise base full-cover ::before/::after */
body.fd-site .product-detail-page .addons-option .custom-control-label::before{
  content:"" !important;left:16px !important;right:auto !important;top:50% !important;bottom:auto !important;
  transform:translateY(-50%) !important;width:20px !important;height:20px !important;max-width:20px !important;
  border-radius:6px !important;border:1.7px solid #d2d2d2 !important;background:#fff !important;display:block !important
}
body.fd-site .product-detail-page .addons-option .custom-control-label::after{
  content:"" !important;left:16px !important;right:auto !important;top:50% !important;bottom:auto !important;
  transform:translateY(-50%) !important;width:20px !important;height:20px !important;max-width:20px !important;
  border-radius:6px !important;opacity:0;display:block !important;
  background:transparent no-repeat center/12px 12px !important;border:0 !important
}
/* checked → tinted card + orange check, price/name stay readable */
body.fd-site .product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label,
body.fd-site .product-detail-page .addons-option .custom-control-label.active{color:#1a1a1a !important}
body.fd-site .product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label::before{
  background:var(--brand, #e8541a) !important;border-color:var(--brand, #e8541a) !important
}
body.fd-site .product-detail-page .addons-option .custom-control-input:checked ~ .custom-control-label::after{
  opacity:1 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important
}
body.fd-site .product-detail-page .addons-option .custom-control.custom-checkbox:has(.custom-control-input:checked){
  border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .06) !important;box-shadow:0 5px 16px rgba(var(--brand-rgb, 232, 84, 26),.13) !important
}

/* ---------- Specification (vendor-provided) → clean key/value table ---------- */
body.fd-site .product-detail-page .main-specification .specification{
  background:#fff;border:1px solid #ececec;border-radius:16px;
  box-shadow:0 6px 22px rgba(0,0,0,.05);
  padding:20px 22px 8px;margin:6px 0 22px !important
}
body.fd-site .product-detail-page .main-specification .specification > h3{
  font-family:'Plus Jakarta Sans',Georgia,serif !important;
  font-size:20px !important;font-weight:700 !important;color:#1a1a1a !important;
  margin:0 0 6px !important;padding-bottom:12px;position:relative
}
body.fd-site .product-detail-page .main-specification .specification > h3::after{
  content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:3px;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744))
}
body.fd-site .product-detail-page .main-specification .specification .row{margin:0}
body.fd-site .product-detail-page .main-specification .prospe-info-box{
  padding:0 !important;border:0 !important;margin:0 !important;width:100%
}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:13px 2px !important;border-bottom:1px solid #f1f1f1
}
body.fd-site .product-detail-page .main-specification .prospe-info-box:last-child .prospe-info-box-list{border-bottom:0}
/* remove the base grey bullet + its indent */
body.fd-site .product-detail-page .main-specification .prospe-info-box-list::before{display:none !important}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list span{
  padding-left:16px !important;position:relative;
  font-size:13.5px;color:#6f6f6f;font-weight:600;text-transform:capitalize;
  font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:0
}
/* small orange dot accent before each key */
body.fd-site .product-detail-page .main-specification .prospe-info-box-list span::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:7px;height:7px;border-radius:50%;background:var(--brand, #e8541a)
}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list label{
  margin:0;font-size:14.5px;color:#1a1a1a;font-weight:700;text-align:right;
  font-family:'Plus Jakarta Sans',sans-serif
}

/* ---------- Quantity stepper → clean pill ---------- */
body.fd-site .product-detail-page .quantity .product-item-box{align-items:center}
body.fd-site .product-detail-page .quantity .count-number{
  border:1.5px solid #e4e4e4 !important;border-radius:12px !important;overflow:hidden;
  display:inline-flex !important;align-items:center;background:#fff
}
body.fd-site .product-detail-page .quantity .count-number .btn{
  color:var(--brand, #e8541a) !important;font-size:18px !important;padding:7px 15px !important;
  background:none !important;border:0 !important;box-shadow:none !important
}
body.fd-site .product-detail-page .quantity .count-number .btn:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important}
body.fd-site .product-detail-page .quantity .count-number-input{
  width:46px !important;height:40px !important;font-size:17px !important;font-weight:700 !important;
  color:#1a1a1a !important;border:0 !important;text-align:center;padding:0 !important
}

/* ---------- Add to Cart / Buy Now → premium buttons ---------- */
body.fd-site .product-detail-page .addtocart{
  display:flex !important;gap:12px;margin:12px 0 0 !important;justify-content:stretch;align-items:stretch
}
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary{
  flex:1;width:auto !important;min-height:52px;border-radius:14px !important;
  padding:14px 16px !important;font-family:'Plus Jakarta Sans',sans-serif !important;
  font-weight:700 !important;font-size:15px !important;letter-spacing:.3px !important;
  background:#fff !important;color:var(--brand, #e8541a) !important;border:1.7px solid var(--brand, #e8541a) !important;
  box-shadow:none !important;transition:all .18s ease !important
}
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary:hover{
  background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand, #e8541a) !important;transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(var(--brand-rgb, 232, 84, 26),.18) !important;opacity:1 !important
}
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow{
  color:#fff !important;border:1.7px solid transparent !important;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;
  box-shadow:0 10px 24px rgba(var(--brand-rgb, 226, 55, 68),.30) !important
}
body.fd-site .product-detail-page .addtocart .add-to-cart.btn.btn-primary.booknow:hover{
  transform:translateY(-1px);opacity:1 !important;
  box-shadow:0 14px 32px rgba(var(--brand-rgb, 226, 55, 68),.42) !important
}

/* ---------- Reviews: "By feature" + review card polish ---------- */
body.fd-site .product-detail-page .review-user-details,
body.fd-site .product-detail-page .review-inner .card,
body.fd-site .product-detail-page #customers_ratings_and_review .card{
  border:1px solid #eee !important;border-radius:14px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.04) !important
}
body.fd-site .product-detail-page .overall-rating .badge.badge-success{
  background:#267e3e !important;border-radius:7px !important;font-weight:700 !important;padding:4px 9px !important
}
body.fd-site .product-detail-page .see_all_reviews.btn{
  border-radius:11px !important;font-weight:700 !important;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important
}

/* ============================================================
   CHECKOUT + CART  (.sis-checkout + shared cart_item partial)
   Zomato-style reskin — visual only, no markup/logic changed.
   ============================================================ */
body.fd-site .sis-checkout{background:#f6f6f4;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;min-height:82vh}
body.fd-site .sis-checkout .container{max-width:1360px;padding-left:24px;padding-right:24px}

/* Cards */
body.fd-site .sis-checkout .checkout-left-box,
body.fd-site .sis-checkout .sis-cart-item,
body.fd-site .sis-checkout .accordion.checkout-left-box{
  border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;overflow:hidden;background:#fff !important
}

/* Headings */
body.fd-site .sis-checkout .chec-out-title h6,
body.fd-site .sis-checkout .sidebar-header h3,
body.fd-site .sis-checkout .sis-card-header h6,
body.fd-site .sis-checkout h6.font-weight-bold{
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700 !important;color:#1a1a1a !important
}
body.fd-site .sis-checkout .chec-out-title span{font-size:12.5px;color:#8a8a8a}
body.fd-site .sis-checkout .chec-out-header a{color:var(--brand, #e8541a) !important;font-weight:700}
body.fd-site .sis-checkout .addres-innerbox{border:1px solid #eee;border-radius:12px;background:#faf8f6}

/* Payment options → responsive GRID of selectable cards (quicklist-style) */
body.fd-site .sis-checkout .checkout-payment-options{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  padding:18px;max-height:none;overflow:visible
}
@media(max-width:575px){
  body.fd-site .sis-checkout .checkout-payment-options{grid-template-columns:repeat(2,1fr)}
}
body.fd-site .sis-checkout .checkout-payment-options .custom-control.custom-radio{
  position:relative;border:1.5px solid #ececec !important;border-radius:14px;margin:0 !important;
  min-height:94px;padding:20px 14px !important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s
}
/* whole card is the hit area (radio fills it, invisible) */
body.fd-site .sis-checkout .checkout-payment-options .custom-control-input{
  position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2
}
body.fd-site .sis-checkout .checkout-payment-options .custom-control-label{
  font-weight:700;color:#333;cursor:pointer;font-size:14px;line-height:1.35;
  font-family:'Plus Jakarta Sans',sans-serif
}
/* hide Bootstrap's little radio dot */
body.fd-site .sis-checkout .checkout-payment-options .custom-control-label::before,
body.fd-site .sis-checkout .checkout-payment-options .custom-control-label::after{display:none !important}
body.fd-site .sis-checkout .checkout-payment-options .custom-control.custom-radio:hover{
  border-color:var(--brand, #e8541a) !important;transform:translateY(-1px)
}
body.fd-site .sis-checkout .checkout-payment-options .custom-control-input:checked ~ .custom-control-label{color:var(--brand, #e8541a)}
body.fd-site .sis-checkout .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked){
  border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .06) !important;box-shadow:0 6px 18px rgba(var(--brand-rgb, 232, 84, 26),.12) !important
}
/* selected check badge (top-right) */
body.fd-site .sis-checkout .checkout-payment-options .custom-control.custom-radio::after{
  content:'';position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;
  background:var(--brand, #e8541a) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s
}
body.fd-site .sis-checkout .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked)::after{opacity:1;transform:scale(1)}
/* disabled (e.g. wallet with no balance) */
body.fd-site .sis-checkout .checkout-payment-options .custom-control-input:disabled ~ .custom-control-label{opacity:.45}
/* Gateway logo per card (keyed by the #X_box id → no markup change).
   Keyed off .checkout-payment-options (shared by checkout, buy-giftcard AND topup-wallet)
   rather than .sis-checkout, so the logos also render on the wallet page. */
body.fd-site .checkout-payment-options .custom-control.custom-radio::before{
  content:'';display:block;width:64px;height:32px;margin-bottom:11px;
  background:center/contain no-repeat
}
body.fd-site #cod_box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E")}
body.fd-site #wallet_box::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8541a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h16v-5'/%3E%3Cpath d='M18 12a2 2 0 0 0 0 4h4v-4z'/%3E%3C/svg%3E")}
body.fd-site #razorpay_box::before{background-image:url('/img/payments/razorpay.png')}
body.fd-site #stripe_box::before{background-image:url('/img/payments/stripe.png')}
body.fd-site #paypal_box::before{background-image:url('/img/payments/paypal.png')}
body.fd-site #payfast_box::before{background-image:url('/img/payments/payfast.png')}
body.fd-site #paystack_box::before{background-image:url('/img/payments/paystack.png')}
body.fd-site #flutterWave_box::before{background-image:url('/img/payments/flutterwave.png')}
body.fd-site #mercadopago_box::before{background-image:url('/img/payments/mercadopago.png')}
body.fd-site #xendit_box::before{background-image:url('/img/payments/xendit.png')}
body.fd-site #midtrans_box::before{background-image:url('/img/payments/midtrans.png')}
body.fd-site #orangepay_box::before{background-image:url('/img/payments/orange_money.png')}
body.fd-site #phonepe_box::before{background-image:url('/img/payments/phonepe.png')}
body.fd-site #cashfree_box::before{background-image:url('/img/payments/cashfree.png')}
body.fd-site #instamojo_box::before{background-image:url('/img/payments/instamojo.png')}
body.fd-site #paymongo_box::before{background-image:url('/img/payments/payMongo.png')}
body.fd-site #foloosi_box::before{background-image:url('/img/payments/foloosi.png')}
body.fd-site #mtnmomo_box::before{background-image:url('/img/payments/mtnmom.png')}

/* Add-note + form inputs */
body.fd-site .sis-checkout .add-note{
  background:#fff;border:1px solid #ececec;border-radius:16px;
  box-shadow:0 6px 20px rgba(0,0,0,.05);padding:16px 18px;margin-bottom:16px
}
body.fd-site .sis-checkout .add-note h3,body.fd-site .sis-checkout .add-note ~ * h3{font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .sis-checkout h3{font-size:15px !important;font-weight:700 !important;color:#1a1a1a !important;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:10px}
body.fd-site .sis-checkout .add-note textarea{width:100%;min-height:72px}
body.fd-site .sis-checkout .form-control,
body.fd-site .sis-checkout .add-note textarea{
  border:1.4px solid #e4e4e4 !important;border-radius:10px !important;
  padding:10px 14px !important;font-size:14px;box-shadow:none !important;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .sis-checkout .form-control:focus,
body.fd-site .sis-checkout .add-note textarea:focus{border-color:var(--brand, #e8541a) !important;box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.10) !important}

/* ---- Cart summary partial (also used on the cart page) ---- */
body.fd-site .sis-cart-item .sidebar-header{border-bottom:1px solid #f0f0f0}
body.fd-site .sis-cart-item .sidebar-header h3{font-family:'Plus Jakarta Sans',Georgia,serif;font-weight:700;color:#1a1a1a}
body.fd-site .sis-cart-item .sidebar-item-list h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#1a1a1a}
body.fd-site .sis-cart-item .product-item.gold-members{
  border:1px solid #eee !important;border-radius:12px !important;background:#fff;
  margin-bottom:10px !important;padding:10px 8px !important
}
body.fd-site .sis-cart-item .product-name p{font-weight:600 !important;color:#1a1a1a !important;font-size:13.5px !important}
/* product thumbnail — square box */
body.fd-site .sis-cart-item .product-name .cart-item-thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;margin-right:10px;flex:0 0 46px;background:#f4f4f4;border:1px solid #eee}
/* clickable item name → opens the product on its restaurant page */
body.fd-site .sis-cart-item .product-name a.cart-item-name-link{color:inherit;text-decoration:none;transition:color .15s}
body.fd-site .sis-cart-item .product-name a.cart-item-name-link:hover{color:var(--brand, #e8541a)}
body.fd-site .sis-cart-item .extras .label,body.fd-site .sis-cart-item .size span,body.fd-site .sis-cart-item .variant .label{color:#9a9a9a;font-size:11.5px}
/* values kept small like their labels (add-ons stay on one line) */
body.fd-site .sis-cart-item .extras .value,body.fd-site .sis-cart-item .size p,body.fd-site .sis-cart-item .variant .value{color:#555;font-size:11.5px;font-weight:500;display:inline;margin:0}
body.fd-site .sis-cart-item .extras{display:flex;flex-wrap:wrap;align-items:baseline}
body.fd-site .sis-cart-item .remove_item{color:#c4c4c4 !important;cursor:pointer;transition:color .15s}
body.fd-site .sis-cart-item .remove_item:hover{color:var(--brand-dark, #e23744) !important}
/* Push qty + price to the right so the price sits next to the × (no dead gap) */
body.fd-site .sis-cart-item .count-number-box{justify-content:flex-end !important;padding-right:6px !important}
body.fd-site .sis-cart-item .cart-item-price{margin-left:12px !important}
body.fd-site .sis-cart-item .product-item .close.remove_item{flex:0 0 auto;max-width:none;width:auto;padding:0 4px !important;text-align:center}
body.fd-site .sis-cart-item .count-number{
  border:1.5px solid #e4e4e4 !important;border-radius:10px !important;overflow:hidden;
  display:inline-flex !important;align-items:center;background:#fff
}
body.fd-site .sis-cart-item .count-number .btn{color:var(--brand, #e8541a) !important;border:0 !important;box-shadow:none !important;background:none !important;padding:5px 10px !important}
body.fd-site .sis-cart-item .count-number-input{border:0 !important;text-align:center;font-weight:700;width:34px;color:#1a1a1a}
body.fd-site .sis-cart-item #apply-coupon-code{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  border-radius:0 10px 10px 0 !important;font-weight:700
}
body.fd-site .sis-cart-item #coupon_code{border-radius:10px 0 0 10px !important}
body.fd-site .sis-cart-item .tip-box .custom-control.custom-radio{
  border:1px solid #ececec !important;border-radius:10px;margin-bottom:8px;padding:9px 12px 9px 40px !important
}
body.fd-site .sis-cart-item .btm-total p,body.fd-site .sis-cart-item .btm-total h6{font-size:14px;color:#5c5c5c;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .sis-cart-item .btm-total hr{margin:9px 0;border-color:#f2f2f2}
body.fd-site .sis-cart-item .btm-total h6.font-weight-bold{font-size:17px !important;color:#1a1a1a !important;font-weight:800 !important}
body.fd-site .sis-cart-item .scheduleTime{border:1.4px solid #e4e4e4;border-radius:10px;padding:8px 12px;font-size:13.5px}

/* Pay / place-order + secondary buttons */
body.fd-site .sis-checkout .btn.btn-primary,
body.fd-site .sis-cart-item .btn.btn-primary{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  border-radius:12px !important;font-weight:700 !important;letter-spacing:.3px;
  box-shadow:0 8px 20px rgba(var(--brand-rgb, 226, 55, 68),.22) !important;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .sis-cart-item .btn.btn-primary.btn-lg.btn-block{padding:15px !important;font-size:16px !important;box-shadow:0 10px 26px rgba(var(--brand-rgb, 226, 55, 68),.28) !important}
body.fd-site .sis-checkout .btn.btn-primary:hover,body.fd-site .sis-cart-item .btn.btn-primary:hover{opacity:.95;transform:translateY(-1px)}

/* ---- Cashback offer card (green, with gift icon) ---- */
body.fd-site .sis-checkout .cashback-div{
  border:1px solid #cfe9d6 !important;border-radius:16px !important;
  background:linear-gradient(135deg,#f2fbf5,#eafaf0) !important;
  box-shadow:0 6px 20px rgba(38,126,62,.07) !important;overflow:hidden;padding:6px 0 !important;margin-bottom:16px
}
body.fd-site .sis-checkout .cashback-div > h6{
  display:flex;align-items:center;gap:8px;font-size:14px !important;font-weight:800 !important;
  color:#1a7d3a !important;margin:0 !important;padding:12px 18px 6px !important;font-family:'Plus Jakarta Sans',sans-serif !important
}
body.fd-site .sis-checkout .cashback-div > h6::before{
  content:'';width:19px;height:19px;flex:none;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a7d3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E")
}
body.fd-site .sis-checkout #cashback-offer{
  padding:0 18px 14px !important;color:#267e3e !important;font-size:13.5px !important;font-weight:600 !important;line-height:1.6;
  font-family:'Plus Jakarta Sans',sans-serif !important
}
body.fd-site .sis-checkout #cashback-offer h6{
  font-size:13px !important;font-weight:700 !important;color:#3a3a3a !important;margin:0 0 4px !important;font-family:'Plus Jakarta Sans',sans-serif !important
}

/* ---- Cart sidebar: one consistent font (icons excluded) ---- */
body.fd-site .sis-cart-item,
body.fd-site .sis-cart-item *:not(i):not(svg):not([class*="feather-"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab){
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important
}

/* ---- SweetAlert2 — brand-orange buttons everywhere (section_color overrides if the admin sets one) ---- */
body.fd-site .swal2-popup{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;border-radius:16px !important}
body.fd-site .swal2-styled.swal2-confirm{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;border-radius:10px !important;
  font-weight:700 !important;padding:10px 26px !important;box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.25) !important
}
body.fd-site .swal2-styled.swal2-confirm:focus{box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.25) !important}
body.fd-site .swal2-styled.swal2-cancel{border-radius:10px !important;font-weight:600 !important}

/* ---- Payment security badges ---- */
body.fd-site .pay-secure-badge{
  display:inline-flex;align-items:center;gap:5px;background:#eafaf0;color:#1a7d3a;
  font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;white-space:nowrap;
  font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .pay-secure-badge i{font-size:13px}
body.fd-site .pay-trust{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;
  padding:14px 18px 20px;border-top:1px solid #f2f2f2
}
/* "charged in XXX" badge — sits centered BELOW the payment method name */
body.fd-site .pay-cur-badge{
  display:block;width:-webkit-fit-content;width:fit-content;margin:6px auto 0;
  padding:2px 9px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.2px;white-space:nowrap;
  color:#b4530f;background:#fff1e8;border:1px solid rgba(var(--brand-rgb, 232, 84, 26), .32);font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .pay-trust span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#7a7a7a;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .pay-trust i{font-size:14px;color:#1a7d3a}

/* Currency symbol flush against the amount — the theme renders
   `<span class="currency-symbol-left"></span> <amount>` with HTML whitespace
   between them, which shows as "$ 156.80". Pull them together so it's "$156.80". */
body.fd-site .currency-symbol-left{margin-right:-0.26em}
body.fd-site .currency-symbol-right{margin-left:-0.26em}

/* ============================================================
   MY ORDERS  (.sis-main-body)
   ============================================================ */
body.fd-site .sis-main-body{background:#f6f6f4;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;min-height:82vh}
body.fd-site .sis-main-body .container{max-width:1140px}

/* Tab bar */
body.fd-site .sis-main-body .nav-tabsa.custom-tabsa{
  border:1px solid #ececec !important;border-radius:14px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;display:flex;gap:6px;flex-wrap:wrap
}
body.fd-site .sis-main-body .nav-tabsa .nav-item{border:0 !important}
body.fd-site .sis-main-body .nav-tabsa .nav-link{
  border-radius:10px !important;font-weight:600 !important;color:#555 !important;
  font-family:'Plus Jakarta Sans',sans-serif;padding:10px 18px !important;transition:all .15s
}
body.fd-site .sis-main-body .nav-tabsa .nav-link:hover{background:#faf8f6 !important;color:var(--brand, #e8541a) !important}
body.fd-site .sis-main-body .nav-tabsa .nav-link.active{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;color:#fff !important
}
body.fd-site .sis-main-body .nav-tabsa .nav-link.active i{color:#fff !important}

/* Order cards (JS-built: .p-3.rounded.shadow-sm.bg-white) */
body.fd-site .sis-main-body .order-body .rounded.shadow-sm.bg-white{
  border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px !important
}
body.fd-site .sis-main-body .order-body h5,
body.fd-site .sis-main-body .order-body h6{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:#1a1a1a}
body.fd-site .sis-main-body .order-body .btn.btn-primary{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  border-radius:10px !important;font-weight:700 !important;box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.20) !important
}
body.fd-site .sis-main-body .order-body .badge{border-radius:7px;font-weight:700;padding:5px 10px}
/* Restaurant thumbnail on order/booking cards */
body.fd-site .sis-main-body .order-body .order_img{width:56px;height:56px;object-fit:cover;border-radius:12px}
/* Status pills (shared by My Orders + My Dine-in booking cards) */
body.fd-site .sis-main-body .order-body .bg-pending{background:#fff3e0 !important;color:#c47d1a !important}
body.fd-site .sis-main-body .order-body .bg-success{background:#e7f6ec !important;color:#1c8e44 !important}
body.fd-site .sis-main-body .order-body .bg-rejected{background:#fdecec !important;color:#d13b3b !important}
/* status pill + date (top-right of each order card) */
body.fd-site .sis-main-body .order-body .ord-com-btn{text-align:right}
body.fd-site .sis-main-body .order-body .ord-com-btn p:first-child{display:inline-block;border-radius:999px !important;padding:5px 15px !important;font-weight:800 !important;font-size:11px !important;letter-spacing:.4px;text-transform:uppercase;margin-bottom:9px !important}
body.fd-site .sis-main-body .order-body .ord-com-btn .small{color:#9a9a9a !important;font-weight:600 !important;font-size:12px !important;text-align:right !important}
body.fd-site .sis-main-body .order-body .ord-com-btn .feather-clock{color:#c0c0c0;margin-right:3px}
/* Order ID line — labelled + styled */
body.fd-site .sis-main-body .order-body .ord-id-line{font-size:12.5px;color:#8a8a8a}
body.fd-site .sis-main-body .order-body .ord-id-label{font-weight:700;color:#6a6a6a}
body.fd-site .sis-main-body .order-body .ord-id-val{color:#1a1a1a;font-weight:600;letter-spacing:.2px}
/* Guest / request detail rows (Dine-in) */
body.fd-site .sis-main-body .order-body .request-data{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
body.fd-site .sis-main-body .order-body .sub-details{
  display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px dashed #eee;font-size:13.5px
}
body.fd-site .sis-main-body .order-body .sub-details span:first-child strong{color:#8a8a8a;font-weight:600}
body.fd-site .sis-main-body .order-body .sub-details span:last-child{color:#1a1a1a;font-weight:600;text-align:right}
body.fd-site .sis-main-body .order-body .btn.btn-outline-primary{
  border:1.5px solid var(--brand, #e8541a) !important;color:var(--brand, #e8541a) !important;border-radius:10px !important;
  font-weight:700 !important;background:#fff !important;padding:8px 20px !important
}
body.fd-site .sis-main-body .order-body .btn.btn-outline-primary:hover{background:var(--brand, #e8541a) !important;color:#fff !important}
/* Empty state ("no records") */
body.fd-site .sis-main-body .order-body .no-records{
  text-align:center;padding:56px 20px;color:#8a8a8a;font-size:15px;font-weight:600;
  background:#fff;border:1px solid #ececec;border-radius:16px
}
/* My Orders list cards — restaurant title + view-details + reorder */
body.fd-site .sis-main-body .order-body .m-d-flex .font-weight-bold a{color:#1a1a1a !important;font-size:15px;font-weight:700}
body.fd-site .sis-main-body .order-body .view-det a{color:var(--brand, #e8541a) !important;font-weight:700;font-size:12.5px}
body.fd-site .sis-main-body .order-body p{margin-bottom:3px}
body.fd-site .sis-main-body .order-body .reorder-add-to-cart{margin-bottom:4px}
@media(max-width:600px){
  body.fd-site .sis-main-body .order-body .request-data{grid-template-columns:1fr}
}

/* ============================================================
   CONTENT PAGES  (.fd-doc) — Privacy Policy, Terms of use
   Firebase injects raw HTML into #privacy_policy / #terms.
   ============================================================ */
body.fd-site .sis-doc{background:#f6f6f4;min-height:70vh}
body.fd-site .fd-doc{
  background:#fff;border:1px solid #ececec;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.05);
  padding:32px 36px;margin-bottom:40px;color:#3a3a3a;font-size:15px;line-height:1.75
}
body.fd-site .fd-doc h1,body.fd-site .fd-doc h2,body.fd-site .fd-doc h3,body.fd-site .fd-doc h4{color:#1a1a1a;font-weight:800;margin:22px 0 10px}
body.fd-site .fd-doc h1{font-size:23px}body.fd-site .fd-doc h2{font-size:19px}body.fd-site .fd-doc h3{font-size:17px}
body.fd-site .fd-doc p{margin:0 0 14px}
body.fd-site .fd-doc ul,body.fd-site .fd-doc ol{margin:0 0 14px;padding-left:22px}
body.fd-site .fd-doc li{margin-bottom:6px}
body.fd-site .fd-doc a{color:var(--brand, #e8541a);font-weight:600}
body.fd-site .fd-doc img{max-width:100%;height:auto;border-radius:10px}
body.fd-site .fd-doc:empty{display:none}
@media(max-width:600px){ body.fd-site .fd-doc{padding:22px 20px} }

/* ============================================================
   CONTACT US  (.sis-contact) — form card + map
   Form fields (.user_*_form) and action are untouched.
   ============================================================ */
body.fd-site .sis-contact{background:#f6f6f4}
body.fd-site .sis-contact .contct-form{
  border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important
}
body.fd-site .sis-contact .form-title h4{font-size:19px;font-weight:800;color:#1a1a1a}
body.fd-site .sis-contact .form-group label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
body.fd-site .sis-contact .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
body.fd-site .sis-contact .form-control:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}
body.fd-site .sis-contact textarea.form-control{min-height:110px}
body.fd-site .sis-contact .btn.btn-primary{width:100%;margin-top:6px}
body.fd-site .sis-contact .contact-map{width:100%;margin:8px 0 0;padding:0}
body.fd-site .sis-contact .contact-map .sis-cart-item-profile{
  border-radius:0;overflow:hidden;border:0;border-top:1px solid #ececec
}
body.fd-site .sis-contact .contact-map iframe{display:block;border:0;width:100%}

/* ============================================================
   PROFILE / MY ACCOUNT  (.sis-account)
   Sidebar + account form + change-password modal.
   All .user_* hooks, #edit_profile, #change_password preserved.
   ============================================================ */
body.fd-site .sis-account{background:#f6f6f4}
body.fd-site .sis-account .sticky_sidebar{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
body.fd-site .sis-account .sticky_sidebar > a{text-decoration:none}
body.fd-site .sis-account .user_image{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#f4f4f4;flex:none;display:flex;align-items:center;justify-content:center}
body.fd-site .sis-account .user_image img{width:52px !important;height:52px !important;border-radius:50% !important;object-fit:cover}
body.fd-site .sis-account .user_full_name{font-size:16px;font-weight:700;color:#1a1a1a}
body.fd-site .sis-account .user_email_show{color:#8a8a8a;font-size:13px}
body.fd-site .sis-account .sis-credits{background:#fff7f3 !important;border-top:1px solid #f3e6de;border-bottom:1px solid #f3e6de}
body.fd-site .sis-account .sis-credits p{font-weight:600;color:#555;font-size:13px}
body.fd-site .sis-account .user_wallet{color:var(--brand, #e8541a) !important;font-weight:800}
body.fd-site .sis-account .password_div a{transition:background .15s}
body.fd-site .sis-account .password_div a:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .05);text-decoration:none}
body.fd-site .sis-account .password_div h6{font-size:14px}
body.fd-site .sis-account .col-md-8 > .rounded.shadow-sm{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
body.fd-site .sis-account .col-md-8 > .rounded.shadow-sm > h5{font-size:18px;font-weight:800;color:#1a1a1a}
body.fd-site .sis-account .col-md-8 label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}
body.fd-site .sis-account .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
body.fd-site .sis-account .form-control:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}
body.fd-site .sis-account .form-control:disabled{background:#f7f7f7;color:#8a8a8a}
body.fd-site .sis-account .phone-box .form-control{margin-bottom:8px}
body.fd-site .sis-account .placeholder_img_thumb.user_image{width:84px;height:84px;border-radius:12px}
body.fd-site .sis-account .placeholder_img_thumb.user_image img{width:84px !important;height:84px !important;border-radius:12px !important}
body.fd-site .sis-account .save_user_btn{margin-top:8px}
/* modern file input */
body.fd-site .sis-account input[type="file"]{
  display:block;width:100%;font-size:13px;color:#9a9a9a;cursor:pointer;
  border:1.5px dashed #e0d5cd;border-radius:12px;padding:12px;background:#faf7f4;transition:border-color .15s,background .15s
}
body.fd-site .sis-account input[type="file"]:hover{border-color:var(--brand, #e8541a);background:rgba(var(--brand-rgb, 232, 84, 26), .08)}
body.fd-site .sis-account input[type="file"]::file-selector-button{
  border:0;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-weight:700;font-size:13px;
  padding:9px 16px;border-radius:9px;margin-right:14px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .sis-account input[type="file"]::file-selector-button:hover{opacity:.92}
body.fd-site .sis-account input[type="file"]::-webkit-file-upload-button{
  border:0;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-weight:700;font-size:13px;
  padding:9px 16px;border-radius:9px;margin-right:14px;cursor:pointer
}
body.fd-site #change_password .modal-content{border:0;border-radius:16px;overflow:hidden}
body.fd-site #change_password .modal-header{border-bottom:1px solid #f0f0f0;padding:18px 22px}
body.fd-site #change_password .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
body.fd-site #change_password .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
body.fd-site #change_password .form-control:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}

/* ============================================================
   PAYMENT METHOD GRID  — 4 per row (Buy Gift Card + Add-wallet modal)
   Options are .custom-control.custom-radio inside .checkout-payment-options;
   hidden gateways (display:none) simply don't occupy a grid cell.
   ============================================================ */
/* Gift-card buy page carries the .sis-checkout class, so its payment options
   inherit the exact checkout card design (centered logo cards, 18px inset grid).
   No gift-card-specific override here — that used to create edge border lines. */

/* Wallet top-up modal: give it the SAME centered logo-card payment design as
   checkout/gift-card, and make the grid responsive so nothing clips inside the
   modal. Per-gateway logos come from the global #x_box::before image rules —
   we use background longhands here so we don't reset those images. */
body.fd-site #add_wallet_money .modal-dialog{max-width:720px}
/* box + header styled like the checkout payment card (modal isn't under .sis-checkout) */
body.fd-site #add_wallet_money .accordion.checkout-left-box{
  border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;overflow:hidden;background:#fff !important
}
body.fd-site #add_wallet_money .sis-card-header h6{
  font-family:'Plus Jakarta Sans',sans-serif;font-weight:700 !important;color:#1a1a1a !important;margin-bottom:0
}
body.fd-site #add_wallet_money .checkout-payment-options{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio{
  position:relative;border:1.5px solid #ececec !important;border-radius:14px !important;margin:0 !important;
  min-height:94px;padding:20px 14px !important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-input{
  position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-label{
  font-weight:700;color:#333;cursor:pointer;font-size:14px;line-height:1.35;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-label::before,
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-label::after{display:none !important}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio:hover{
  border-color:var(--brand, #e8541a) !important;transform:translateY(-1px)
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-input:checked ~ .custom-control-label{color:var(--brand, #e8541a)}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked){
  border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .06) !important;box-shadow:0 6px 18px rgba(var(--brand-rgb, 232, 84, 26),.12) !important
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio::after{
  content:'';position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;
  background:var(--brand, #e8541a) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s
}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio:has(.custom-control-input:checked)::after{opacity:1;transform:scale(1)}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-input:disabled ~ .custom-control-label{opacity:.45}
/* logo box — background longhands only, so #x_box::before image survives */
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio::before{
  content:'';display:block;width:64px;height:32px;margin-bottom:11px;
  background-position:center;background-size:contain;background-repeat:no-repeat
}
@media(max-width:768px){
  body.fd-site #add_wallet_money .modal-dialog{max-width:94%;margin:1rem auto}
  body.fd-site #add_wallet_money .checkout-payment-options{grid-template-columns:repeat(2,1fr)}
}

/* ============================================================
   BUY GIFT CARD — billing summary (clean Inter, no serif)
   ============================================================ */
body.fd-site .sis-giftcard-buy .sidebar-header h3{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;font-size:18px !important;font-weight:800 !important;color:#1a1a1a !important
}
body.fd-site .sis-giftcard-buy .sidebar-header p{font-size:13px;color:#8a8a8a;margin:6px 0 0}
body.fd-site .sis-giftcard-buy #cart_list{border:1px solid #ececec !important;border-radius:16px !important;box-shadow:0 6px 20px rgba(0,0,0,.05) !important}
body.fd-site .sis-giftcard-buy .btm-total p,body.fd-site .sis-giftcard-buy .btm-total h6{font-family:'Plus Jakarta Sans',sans-serif !important;color:#1a1a1a}
body.fd-site .sis-giftcard-buy .btm-total h6{font-size:16px !important;font-weight:800 !important}
body.fd-site .sis-giftcard-buy .btm-total .btn.btn-primary,body.fd-site .sis-giftcard-buy #cart_list .btn.btn-primary{width:100%}
/* gift card banner image — same width + left edge as the blocks below it */
body.fd-site .sis-giftcard-buy .checkout-left > #gift_card_img,
body.fd-site .sis-giftcard-buy .checkout-left > .checkout-left-inner{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
body.fd-site .sis-giftcard-buy #gift_card_img{margin:0 0 16px;border-radius:16px;overflow:hidden}
body.fd-site .sis-giftcard-buy #gift_card_img .banner-item,
body.fd-site .sis-giftcard-buy #gift_card_img .banner-img,
body.fd-site .sis-giftcard-buy #gift_card_img .slick-list,
body.fd-site .sis-giftcard-buy #gift_card_img .slick-slide{padding:0;margin:0}
body.fd-site .sis-giftcard-buy #gift_card_img .banner-img img,
body.fd-site .sis-giftcard-buy #gift_card_img .slick-slide img{width:100% !important;height:230px !important;display:block;border-radius:16px;object-fit:cover}
/* amount options -> compact pill badges, one row, fully clickable */
body.fd-site .sis-giftcard-buy .delevery-partner .tip-box,
body.fd-site .sis-giftcard-buy .tip-box{display:flex !important;flex-wrap:wrap;gap:8px !important;margin:12px 0 0 !important;width:100%;align-items:stretch}
body.fd-site .sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio:not(#add_gift_amount_box),
body.fd-site .sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box){
  width:auto !important;min-width:0;flex:1 1 0;margin:0 !important;padding:0 !important;
  border:1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .32) !important;border-radius:999px !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;box-shadow:none !important;
  display:flex !important;align-items:stretch;min-height:0;cursor:pointer;transition:.15s
}
body.fd-site .sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box):hover{border-color:#ffbf99 !important;background:#ffece2 !important}
body.fd-site .sis-giftcard-buy .tip-box .custom-control-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none}
/* label fills the whole pill so clicking anywhere selects it (and no inner white box) */
body.fd-site .sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label,
body.fd-site .sis-giftcard-buy .tip-box .custom-control-label{
  position:static !important;flex:1 1 auto;display:flex !important;align-items:center;justify-content:center;width:100% !important;margin:0 !important;padding:9px 8px !important;
  background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;z-index:auto !important;
  font-size:14px !important;font-weight:700 !important;color:var(--brand, #e8541a) !important;white-space:nowrap;text-align:center;cursor:pointer;line-height:1.2}
body.fd-site .sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio .custom-control-label::before,
body.fd-site .sis-giftcard-buy .tip-box .custom-control-label::before,
body.fd-site .sis-giftcard-buy .tip-box .custom-control-label::after{content:none !important;display:none !important}
/* small gap so the currency symbol isn't jammed against the amount */
body.fd-site .sis-giftcard-buy .tip-box .custom-control-label .currency-symbol-left{margin-right:2px}
body.fd-site .sis-giftcard-buy .tip-box .custom-control-label .currency-symbol-right{margin-left:2px}
body.fd-site .sis-giftcard-buy .tip-box .custom-control.custom-radio:not(#add_gift_amount_box):has(.custom-control-input:checked){background:var(--brand, #e8541a) !important;border-color:var(--brand, #e8541a) !important}
body.fd-site .sis-giftcard-buy .delevery-partner .tip-box .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-label,
body.fd-site .sis-giftcard-buy .tip-box .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-label{color:#fff !important}
body.fd-site .sis-giftcard-buy .tip-box .this_gift_amount.tip_checked ~ .custom-control-label{color:#fff !important}
/* "Other" free-amount input row — hidden until Other clicked (JS toggles inline display); no border/box */
body.fd-site .sis-giftcard-buy .tip-box #add_gift_amount_box{flex:1 0 100%;width:100% !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;text-align:left;padding:8px 0 0 !important;min-height:0}
body.fd-site .sis-giftcard-buy .tip-box #add_gift_amount_box h3{margin-bottom:6px}
body.fd-site .sis-giftcard-buy .tip-box #add_gift_amount_box #giftAmount{width:100%;border:1.4px solid #e4e4e4;border-radius:10px;padding:10px 14px;margin-top:6px}
/* amount card's inner .add-note must NOT be its own nested card (removes the empty white strip) */
body.fd-site .sis-giftcard-buy .sis-cart-item .add-note{background:transparent !important;box-shadow:none !important;margin:0 !important;border:0 !important;border-radius:0 !important;padding:16px 18px !important}
/* headings (ADD AMOUNT / ADD MESSAGE) — match the Select Payment Option heading font */
body.fd-site .sis-giftcard-buy .add-note h3,
body.fd-site .sis-giftcard-buy .checkout-left-inner .add-note h3,
body.fd-site .sis-giftcard-buy .delevery-partner h3{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;font-size:16px !important;font-weight:800 !important;
  color:#1a1a1a !important;text-transform:none !important;letter-spacing:normal !important;margin-bottom:12px !important}

/* ============================================================
   MODAL FOOTER — clean split Close / Save bar (delivery, wallet, …)
   ============================================================ */
body.fd-site .modal-footer.p-0{border-top:1px solid #f0f0f0 !important;margin:0;flex-wrap:nowrap}
body.fd-site .modal-footer.p-0 .col-6{display:flex;padding:0 !important}
body.fd-site .modal-footer.p-0 .btn{width:100%;margin:0 !important;padding:15px !important;font-weight:700 !important;border-radius:0 !important}
body.fd-site .modal-footer.p-0 .btn.border-top{border:0 !important;border-right:1px solid #f0f0f0 !important;color:#666 !important;background:#fff !important}
body.fd-site .modal-footer.p-0 .btn.border-top:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .05) !important;color:var(--brand, #e8541a) !important}
body.fd-site .modal-footer.p-0 .btn.btn-primary{border-radius:0 !important}

/* Restaurants list — client-side load-more button */
body.fd-site .sis-rest-loadmore{justify-content:center;margin-top:10px}
body.fd-site .sis-rest-loadmore .loadmore-btn{
  display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:var(--brand, #e8541a) !important;
  border-radius:24px !important;padding:11px 30px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
body.fd-site .sis-rest-loadmore .loadmore-btn:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand-dark, #c0341f) !important}

/* ============================================================
   GLOBAL FONT CONSISTENCY
   One type system site-wide: Inter for body/UI, Playfair kept only
   where a heading explicitly opts into it. This neutralises the stray
   Poppins / Montserrat / theme fonts so every page matches.
   ============================================================ */
body.fd-site{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
body.fd-site,body.fd-site button,body.fd-site input,body.fd-site select,body.fd-site textarea,body.fd-site .btn,body.fd-site .form-control,body.fd-site .nav-link,body.fd-site .badge,body.fd-site .dropdown-item,body.fd-site p,body.fd-site a,body.fd-site span,body.fd-site li,body.fd-site small,body.fd-site label,body.fd-site strong,body.fd-site .media-body,body.fd-site .card,body.fd-site .modal-content,body.fd-site .modal-body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
}
/* Headings default to Inter as well, so every utility/legacy page matches the
   redesigned pages. NO !important on purpose: the deliberate Playfair accents
   (home hero, product-detail titles, cart header, …) are all scoped more
   specifically than a bare h1–h6, so they keep winning and are untouched. */
body.fd-site h1,body.fd-site h2,body.fd-site h3,body.fd-site h4,body.fd-site h5,body.fd-site h6{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
/* opt-in serif accent — add class="fd-serif" to a heading to make it Playfair */
body.fd-site .fd-serif{font-family:'Plus Jakarta Sans',Georgia,serif !important}
/* Icon fonts MUST keep their own family — the Inter override above targets
   span/a/li and would otherwise blank out FontAwesome glyphs rendered on a
   <span>/<a> (e.g. injected <span class="fa fa-map-marker">). */
body.fd-site .fa,body.fd-site .fas,body.fd-site .far,body.fd-site .fal,body.fd-site .fab,body.fd-site i[class^="fa-"],body.fd-site i[class*=" fa-"]{font-family:'FontAwesome' !important}
body.fd-site [class^="feather-"],body.fd-site [class*=" feather-"]{font-family:'feather' !important}

/* ============================================================
   DELIVERY ADDRESSES  (.sis-popular + .transactions-list cards)
   ============================================================ */
body.fd-site .sis-popular{background:#f6f6f4}
body.fd-site .sis-popular .add-address.btn{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  border-radius:12px !important;font-weight:700 !important;color:#fff !important;
  box-shadow:0 8px 20px rgba(var(--brand-rgb, 226, 55, 68),.22) !important;padding:12px 22px !important
}
body.fd-site .sis-popular .transactions-list-view{
  border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important
}
body.fd-site .sis-popular .transactions-list-view h6.date{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;color:#1a1a1a;line-height:1.55}
body.fd-site .sis-popular .transactions-list-view .card-icon .feather-map-pin{color:var(--brand, #e8541a)}
body.fd-site .sis-popular .transactions-list-view .badge.badge-secondary{
  background:#f0ece8 !important;color:#8a7f74 !important;border-radius:7px;font-weight:600;padding:5px 11px
}
body.fd-site .sis-popular .transactions-list-view .btn.btn-danger{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  border-radius:10px !important;font-weight:700 !important;color:#fff !important;
  box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.18) !important
}
body.fd-site .sis-popular .transactions-list-view .btn.btn-success{background:#1c8e44 !important;border:0 !important;border-radius:10px !important;font-weight:700 !important}
body.fd-site .sis-popular .transactions-list-view .btn.btn-info{
  background:#fff !important;border:1.5px solid #e4e4e4 !important;color:#555 !important;
  border-radius:10px !important;font-weight:700 !important
}
body.fd-site .sis-popular .transactions-list-view .btn.btn-primary.btn-sm{
  background:rgba(var(--brand-rgb, 232, 84, 26), .05) !important;border:1px solid #eee !important;color:var(--brand, #e8541a) !important;
  border-radius:9px !important;box-shadow:none !important
}

/* ============================================================
   CHECKOUT — Tip section → pill row
   ============================================================ */
body.fd-site .sis-cart-item .delevery-partner h3{font-size:15px !important;font-weight:700 !important;color:#1a1a1a !important}
body.fd-site .sis-cart-item .delevery-partner > .border-bottom > span{font-size:12.5px;color:#8a8a8a}
body.fd-site .sis-cart-item .tip-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
/* Each pill IS the label — no Bootstrap custom-control, no absolute overlay. */
body.fd-site .sis-cart-item .tip-pill{
  flex:1 1 0;min-width:58px;margin:0;display:flex;align-items:center;justify-content:center;
  border:1.5px solid #e4e4e4;border-radius:12px;padding:12px 6px;
  font-weight:700;color:#444;cursor:pointer;text-align:center;line-height:1;
  font-family:'Plus Jakarta Sans',sans-serif;transition:border-color .15s,background .15s,color .15s
}
/* The radio is only a state holder — visually hidden, not overlaying the text. */
body.fd-site .sis-cart-item .tip-pill input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
body.fd-site .sis-cart-item .tip-pill:hover{border-color:var(--brand, #e8541a)}
/* Selected via the PHP .is-selected class (works everywhere) + :has() progressive enhancement. */
body.fd-site .sis-cart-item .tip-pill.is-selected,
body.fd-site .sis-cart-item .tip-pill:has(input:checked){
  border-color:var(--brand, #e8541a);background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);box-shadow:inset 0 0 0 1px var(--brand, #e8541a)
}
body.fd-site .sis-cart-item .tip-box .tip-other-input{flex:1 0 100%;margin-top:2px}
body.fd-site .sis-cart-item .tip-box #tip_amount{border:1.5px solid #e4e4e4;border-radius:10px;padding:10px 14px;width:100%}

/* ============================================================
   CHECKOUT — price display polish (item price + totals)
   ============================================================ */
/* Cart line item price — prominent, single line */
body.fd-site .sis-cart-item .cart-item-price{
  font-size:15px !important;font-weight:800 !important;color:#1a1a1a !important;
  font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;letter-spacing:-.2px;margin-top:6px
}
/* Totals — clean two-column rows (label left / amount right) */
body.fd-site .sis-cart-item .btm-total{padding:16px 18px 10px !important}
body.fd-site .sis-cart-item .btm-total > p{
  display:flex !important;justify-content:space-between;align-items:baseline;gap:12px;
  margin:0 !important;padding:8px 0;font-size:13.5px !important;color:#6a6a6a !important
}
body.fd-site .sis-cart-item .btm-total > p .float-right{
  float:none !important;text-align:right;color:#1a1a1a !important;font-weight:700;white-space:nowrap
}
body.fd-site .sis-cart-item .btm-total > p.text-success,
body.fd-site .sis-cart-item .btm-total > p.text-success .float-right{color:#1c8e44 !important;font-weight:700 !important}
body.fd-site .sis-cart-item .btm-total hr{margin:0 !important;border-color:#f2f2f2 !important}
/* Tax-details subheading */
body.fd-site .sis-cart-item .btm-total > h6:not(.font-weight-bold){
  font-size:13px !important;font-weight:700 !important;color:#1a1a1a !important;margin:6px 0 2px !important
}
/* Grand total row */
body.fd-site .sis-cart-item .btm-total > h6.font-weight-bold{
  display:flex !important;justify-content:space-between;align-items:center;
  font-size:18px !important;font-weight:800 !important;color:#1a1a1a !important;
  margin:8px 0 0 !important;padding-top:14px;border-top:2px solid #f0f0f0
}
body.fd-site .sis-cart-item .btm-total > h6.font-weight-bold > p{
  float:none !important;margin:0 !important;color:var(--brand, #e8541a) !important;font-size:19px;font-weight:800;line-height:1
}

/* ============================================================
   HEADER — cart count badge
   ============================================================ */
body.fd-site .fd-nav__icon{position:relative}
body.fd-site .fd-cart-count{
  position:absolute;top:-6px;right:-9px;min-width:18px;height:18px;padding:0 5px;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;border-radius:10px;
  font-size:11px;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 2px 6px rgba(var(--brand-rgb, 226, 55, 68),.4);font-family:'Plus Jakarta Sans',sans-serif;pointer-events:none
}

/* ============================================================
   REFINEMENTS ROUND 2
   - one classy primary button used site-wide
   - product page/popup fully Inter (title included)
   - only the round spinner inside the quick-view popup
   - lighter, classier spec / add-on cards
   ============================================================ */

/* ---- ONE classy primary button, everywhere ---- */
body.fd-site .btn.btn-primary{
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;border:0 !important;
  color:#fff !important;border-radius:12px !important;font-weight:700 !important;
  letter-spacing:.2px;padding:11px 22px;font-family:'Plus Jakarta Sans',sans-serif !important;
  box-shadow:0 8px 20px rgba(var(--brand-rgb, 226, 55, 68),.20) !important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease
}
body.fd-site .btn.btn-primary:hover,body.fd-site .btn.btn-primary:focus{
  color:#fff !important;opacity:1 !important;transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(var(--brand-rgb, 226, 55, 68),.30) !important
}
body.fd-site .btn.btn-primary:active{transform:translateY(0)}
/* secondary / cancel buttons — clean neutral, matches the classy set */
body.fd-site .modal-footer .btn.border-top,
body.fd-site .modal-footer .btn:not(.btn-primary){
  border-radius:12px !important;font-weight:700 !important;color:#555 !important;
  font-family:'Plus Jakarta Sans',sans-serif !important
}

/* ---- Product page + popup: single font (Inter), nicer title ---- */
body.fd-site .product-detail-page h1,body.fd-site .product-detail-page h2,body.fd-site .product-detail-page h3,body.fd-site .product-detail-page h4,body.fd-site .product-detail-page h5,body.fd-site .product-detail-page h6,body.fd-site .product-detail-page .vendor_name,body.fd-site .product-detail-page .car-det-title h2{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif !important
}
body.fd-site .product-detail-page .car-det-title h2{
  font-size:26px !important;font-weight:800 !important;color:#161616 !important;
  letter-spacing:-.5px !important;line-height:1.2 !important;margin:0 0 8px !important
}

/* ---- Quick-view popup: hide the branded logo/emoji loader, keep the round spinner ---- */
html.fd-popup .fd-app-loader,
html.fd-popup #fd-page-loader{display:none !important}

/* ---- Add-ons → lighter, classier (less heavy than before) ---- */
body.fd-site .product-detail-page .addons-option .custom-control.custom-checkbox{
  border:1px solid #eee !important;border-radius:12px !important;
  box-shadow:none !important;background:#fff !important
}
body.fd-site .product-detail-page .addons-option .custom-control-label{
  padding:12px 16px 12px 46px !important;font-weight:600 !important;color:#3a3a3a !important
}
body.fd-site .product-detail-page .addons-option .custom-control-label::before{
  width:19px !important;height:19px !important;max-width:19px !important;left:16px !important;
  border:1.6px solid #d6d6d6 !important;border-radius:6px !important
}
body.fd-site .product-detail-page .addons-option .custom-control-label::after{width:19px !important;height:19px !important;max-width:19px !important;left:16px !important}
body.fd-site .product-detail-page .addons-option .custom-control.custom-checkbox:has(.custom-control-input:checked){
  border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .04) !important;box-shadow:none !important
}
body.fd-site .product-detail-page .addons-option .custom-control-label span{font-size:13px !important}

/* ---- Specification → clean light list (drop heavy card + dot) ---- */
body.fd-site .product-detail-page .main-specification .specification{
  background:#fff !important;border:1px solid #eee !important;border-radius:14px !important;
  box-shadow:none !important;padding:18px 20px 6px !important
}
body.fd-site .product-detail-page .main-specification .specification > h3{
  font-size:16px !important;font-weight:800 !important;padding-bottom:10px !important;letter-spacing:-.2px
}
body.fd-site .product-detail-page .main-specification .specification > h3::after{width:30px !important;height:2px !important}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list span{padding-left:0 !important;color:#8a8a8a !important;font-weight:600}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list span::before{display:none !important}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list label{font-weight:700 !important;color:#1a1a1a !important}
body.fd-site .product-detail-page .main-specification .prospe-info-box-list{padding:12px 0 !important;border-bottom:1px solid #f2f2f2 !important}

/* ============================================================
   HEADER MINI-CART DROPDOWN
   ============================================================ */
body.fd-site .fd-cart-dd{position:relative;display:inline-block}
/* Self-contained panel — no .dropdown-menu / bootstrap involvement, own animation */
body.fd-site .fd-cart-menu{
  position:absolute;top:calc(100% + 10px);right:0;left:auto;z-index:1050;
  width:360px;max-width:92vw;padding:0;border:0;border-radius:16px;
  background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  display:block;visibility:hidden;opacity:0;transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  pointer-events:none
}
body.fd-site .fd-cart-dd.open .fd-cart-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
body.fd-site .fd-cart-menu__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;border-bottom:1px solid #f0f0f0
}
body.fd-site .fd-cart-menu__title{font-weight:800;font-size:16px;color:#1a1a1a}
body.fd-site .fd-cart-menu__count{font-size:12.5px;color:#8a8a8a;font-weight:600}
body.fd-site .fd-cart-menu__body{max-height:52vh;overflow-y:auto;padding:6px 8px}
body.fd-site .fd-mc-item{
  display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;transition:background .15s
}
body.fd-site .fd-mc-item:hover{background:#faf8f6}
body.fd-site .fd-mc-item__img{
  width:46px;height:46px;border-radius:10px;flex:none;background:#f2f2f2 center/cover no-repeat;border:1px solid #eee
}
body.fd-site .fd-mc-item__info{flex:1;min-width:0}
body.fd-site .fd-mc-item__name{font-size:13.5px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.fd-site .fd-mc-item__variant{font-size:11.5px;font-weight:600;color:#8a8a8a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.fd-site .fd-mc-item__price{font-size:13px;font-weight:700;color:var(--brand, #e8541a);margin-top:2px}
body.fd-site .fd-mc-item__qty{display:inline-flex;align-items:center;border:1.4px solid #e6e6e6;border-radius:9px;overflow:hidden;flex:none}
body.fd-site .fd-mc-item__qty button{
  border:0;background:none;color:var(--brand, #e8541a);font-size:15px;font-weight:700;
  width:26px;height:28px;line-height:1;cursor:pointer;transition:background .15s;
  outline:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none
}
body.fd-site .fd-mc-item__qty button:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08)}
/* kill the default black focus ring the browser draws after a click */
body.fd-site .fd-mc-item__qty button:focus,body.fd-site .fd-mc-item__qty button:active,body.fd-site .fd-mc-remove:focus,body.fd-site .fd-mc-remove:active{outline:none !important;box-shadow:none !important}
body.fd-site .fd-mc-item__qty button:focus-visible,body.fd-site .fd-mc-remove:focus-visible{box-shadow:0 0 0 2px rgba(var(--brand-rgb, 232, 84, 26),.35) !important}
body.fd-site .fd-mc-qty{min-width:22px;text-align:center;font-size:13px;font-weight:800;color:#1a1a1a}
body.fd-site .fd-mc-remove{
  border:0;background:none;color:#c4c4c4;font-size:19px;line-height:1;cursor:pointer;flex:none;
  width:24px;height:24px;border-radius:50%;transition:all .15s;
  outline:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none
}
body.fd-site .fd-mc-remove:hover{color:var(--brand-dark, #e23744);background:#fdece9}
body.fd-site .fd-cart-menu__empty{text-align:center;padding:34px 18px;color:#b0b0b0}
body.fd-site .fd-cart-menu__empty i{font-size:30px;display:block;margin-bottom:8px}
body.fd-site .fd-cart-menu__empty p{margin:0;font-size:14px;font-weight:600;color:#9a9a9a}
body.fd-site .fd-cart-menu__foot{
  padding:14px 16px;border-top:1px solid #f0f0f0;
  display:flex;align-items:center;justify-content:space-between;gap:14px
}
body.fd-site .fd-cart-menu__subtotal{display:flex;flex-direction:column;line-height:1.25;min-width:0}
body.fd-site .fd-cart-menu__sub-label{font-size:11px;font-weight:700;color:#8a8a8a;text-transform:uppercase;letter-spacing:.5px}
body.fd-site .fd-cart-menu__sub-val{font-size:18px;font-weight:800;color:#1a1a1a;white-space:nowrap}
body.fd-site .fd-cart-menu__foot .btn.btn-primary.fd-cart-menu__view{
  width:auto;flex:none;padding:11px 20px !important;font-size:14px !important;
  white-space:nowrap;display:inline-flex;align-items:center;gap:7px
}
body.fd-site .fd-cart-menu__view i{font-size:15px}
body.fd-site [dir="rtl"] .fd-cart-menu{left:0 !important;right:auto !important}
/* tighten the cart foot (remove the empty gap around the subtotal) */
body.fd-site .fd-cart-menu__foot{padding:12px 14px}
body.fd-site .fd-cart-menu__subtotal{gap:1px}
body.fd-site .fd-cart-menu__sub-label{margin:0}
body.fd-site .fd-cart-menu__sub-val{margin:0;line-height:1.15}

/* ============================================================
   ACCOUNT DROPDOWN (quicklist-style — name header + icon items)
   ============================================================ */
body.fd-site .fd-account-menu{
  min-width:238px;padding:6px;border:1px solid var(--fd-line);border-radius:14px;
  box-shadow:var(--fd-shadow-lg);margin-top:10px
}
body.fd-site .fd-account-menu__name{
  padding:10px 14px 9px;font-size:14px;font-weight:800;color:#1a1a1a;
  border-bottom:1px solid #f0f0f0;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
body.fd-site .fd-account-menu .dropdown-item{
  display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:9px;
  font-size:14px;font-weight:500;color:#333;transition:background .12s,color .12s
}
body.fd-site .fd-account-menu .dropdown-item i{font-size:17px;color:#8a8a8a;width:20px;flex:none;transition:color .12s}
body.fd-site .fd-account-menu .dropdown-item:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--fd-red-dark)}
body.fd-site .fd-account-menu .dropdown-item:hover i{color:var(--fd-red-dark)}
body.fd-site .fd-account-menu .fd-account-menu__logout{color:var(--brand-dark, #e23744);border-top:1px solid #f0f0f0;margin-top:5px;padding-top:11px}
body.fd-site .fd-account-menu .fd-account-menu__logout i{color:var(--brand-dark, #e23744)}

/* ============================================================
   CHECKOUT — richer polish
   ============================================================ */
body.fd-site .sis-checkout .py-5.row{padding-top:26px !important}
body.fd-site .sis-checkout .checkout-left-box{margin-bottom:18px !important}
body.fd-site .sis-checkout .sis-cart-item-profile{padding:18px 20px !important}
body.fd-site .sis-checkout .chec-out-header{margin-bottom:14px !important}
body.fd-site .sis-checkout .chec-out-title h6{font-size:16px !important}
/* payment section header with an accent bar */
body.fd-site .sis-checkout .accordion.checkout-left-box .sis-card-header h6{
  padding:16px 18px 12px !important;margin:0 !important;font-size:15px !important;
  display:flex;align-items:center;gap:10px
}
body.fd-site .sis-checkout .accordion.checkout-left-box .sis-card-header h6::before{
  content:'';width:4px;height:18px;border-radius:3px;flex:none;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744))
}
/* sticky order-summary card */
body.fd-site .sis-checkout .sticky_sidebar{position:sticky;top:92px}
body.fd-site .sis-checkout .sticky_sidebar .sidebar-header{
  background:linear-gradient(135deg,rgba(var(--brand-rgb, 232, 84, 26), .06),rgba(var(--brand-rgb, 232, 84, 26), .04)) !important;
  padding:16px 18px !important;border-bottom:1px solid #f2ede9 !important
}
body.fd-site .sis-checkout .sticky_sidebar .sidebar-header h3{font-size:17px !important;margin:0}
/* cashback callout */
body.fd-site .sis-checkout .cashback-div{
  background:linear-gradient(135deg,#eafaf0,#f5fdf8) !important;border:1px solid #cdeeda !important;
  border-radius:14px !important;overflow:hidden;margin-top:14px
}
body.fd-site .sis-checkout .cashback-div h6{color:#1c8e44 !important}
/* delivery-address selected card */
body.fd-site .sis-checkout #address_box .addres-innerbox{
  border:1.5px solid var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .06) !important;border-radius:12px !important
}
/* the "add note" heading + textarea rhythm */
body.fd-site .sis-checkout .add-note h3{font-size:14px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.5px;color:#8a8a8a !important;margin-bottom:9px}

/* ============================================================
   REUSABLE PAGE SHELL
   Shared building blocks for the utility pages (Offers first,
   then Transactions, Cashbacks, Favourites, Dine-in, …).
   - .fd-page-head  : gradient page header (icon + title + subtitle)
   - .fd-empty      : empty / no-results state
   - .fd-toast      : floating success toast
   ============================================================ */
body.fd-site .fd-page-head{
  display:flex;align-items:center;gap:18px;
  background:linear-gradient(135deg,var(--brand, #e8541a) 0%,var(--brand, #f97316) 55%,var(--brand-dark, #e23744) 100%);
  border-radius:18px;padding:24px 28px;margin:22px 0 26px;color:#fff;
  box-shadow:0 12px 30px rgba(var(--brand-rgb, 226, 55, 68),.22);position:relative;overflow:hidden
}
body.fd-site .fd-page-head::after{
  content:'';position:absolute;width:230px;height:230px;border-radius:50%;
  background:rgba(255,255,255,.08);right:-70px;top:-90px;pointer-events:none
}
body.fd-site .fd-page-head__icon{
  flex:none;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;z-index:1
}
body.fd-site .fd-page-head__text{min-width:0;z-index:1}
body.fd-site .fd-page-head__title{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:-.4px}
body.fd-site .fd-page-head__sub{font-size:13.5px;color:rgba(255,255,255,.9);margin:5px 0 0;max-width:600px;line-height:1.5}

body.fd-site .fd-empty{padding:56px 20px}
body.fd-site .fd-empty__icon{
  width:74px;height:74px;border-radius:50%;margin:0 auto 16px;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);
  display:flex;align-items:center;justify-content:center;font-size:30px
}
body.fd-site .fd-empty__title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px}
body.fd-site .fd-empty__text{font-size:14px;color:#8a8a8a;margin:0 auto;max-width:420px}
/* inline tab loader (e.g. My Orders tabs) */
body.fd-site .fd-tab-loader{display:flex;justify-content:center;align-items:center;padding:56px 20px}
body.fd-site .fd-tab-spin{width:38px;height:38px;border:3px solid #f0f0f0;border-top-color:var(--brand, #e8541a);border-radius:50%;animation:fd-tab-spin-kf .7s linear infinite}
@keyframes fd-tab-spin-kf{to{transform:rotate(360deg)}}

/* ===== SEARCH PAGE ===== */
body.fd-site .sis-search{background:#f6f6f4;min-height:70vh}
body.fd-site .fd-search-head{max-width:720px;margin:0 auto;text-align:center}
body.fd-site .fd-search-head__title{font-size:26px;font-weight:800;color:#1a1a1a;letter-spacing:-.5px;margin:0 0 18px}
body.fd-site .fd-search-box{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #ececec;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:border-color .15s,box-shadow .15s}
body.fd-site .fd-search-box:focus-within{border-color:var(--brand, #e8541a);box-shadow:0 8px 26px rgba(var(--brand-rgb, 232, 84, 26),.12)}
body.fd-site .fd-search-box__ico{position:absolute;left:18px;color:#b0b0b0;font-size:18px;pointer-events:none}
body.fd-site .fd-search-box__input{flex:1;border:0;outline:none;background:none;height:54px;padding:0 62px 0 48px;font-size:15px;font-weight:500;color:#1a1a1a;font-family:'Plus Jakarta Sans',sans-serif;border-radius:14px}
body.fd-site .fd-search-box__input::placeholder{color:#a5a5a5;font-weight:400}
body.fd-site .fd-search-box__btn{position:absolute;right:8px;top:8px;bottom:8px;width:44px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}
body.fd-site .fd-search-box__btn:hover{opacity:.92}
body.fd-site .sis-search .fd-empty{max-width:520px;margin:16px auto 0}

body.fd-site .coupon_code_copied_div{position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:1080;width:auto;text-align:center}
body.fd-site .fd-toast{
  display:inline-flex;align-items:center;gap:8px;background:#1c8e44;color:#fff;font-weight:700;font-size:14px;
  padding:12px 22px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.20)
}
body.fd-site .fd-toast i{font-size:18px}

/* ============================================================
   OFFERS / COUPONS  (.sis-offers)
   Restyles the JS-generated coupon cards — no markup/JS hooks
   changed; every class below already exists in the DOM.
   ============================================================ */
body.fd-site .sis-offers{background:#f6f6f4}
body.fd-site .sis-offers .res-search-list{display:flex;flex-wrap:wrap;margin:0 -10px}
body.fd-site .sis-offers .transactions-list-wrap{width:50%;padding:0 10px;margin:0 0 20px !important}
body.fd-site .sis-offers .transactions-list-view{
  height:100%;background:#fff;border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important;
  display:flex;align-items:center;gap:14px;position:relative;
  transition:transform .16s ease,box-shadow .16s ease
}
body.fd-site .sis-offers .transactions-list-view:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10) !important}
body.fd-site .sis-offers .transactions-list{flex:1;min-width:0;width:auto !important;display:flex;align-items:center;gap:16px}
body.fd-site .sis-offers .transactions-list > img{
  width:60px !important;height:60px !important;border-radius:14px !important;object-fit:cover;
  flex:none;border:1px solid #f0f0f0;margin-right:0 !important
}
body.fd-site .sis-offers .media-body{min-width:0}
body.fd-site .sis-offers .media-body h6.date{font-size:12px;font-weight:600;color:#9a8f86;letter-spacing:.2px;margin:0 0 8px;text-transform:none}
body.fd-site .sis-offers .offer-des{font-size:15px;font-weight:700;color:#1a1a1a !important;text-transform:none;margin:8px 0 6px;line-height:1.4}
body.fd-site .sis-offers .offercoupan{
  display:inline-flex;align-items:center;gap:14px;background:#fff7f3;border:1.5px dashed #f0b49c;
  border-radius:9px;padding:6px 14px;color:var(--brand, #e8541a);font-weight:800;letter-spacing:.5px;
  text-transform:uppercase;margin:0 !important
}
body.fd-site .sis-offers .offercoupan p{margin:0 !important;font-size:13px;font-weight:800;text-transform:uppercase;color:var(--brand, #e8541a)}
body.fd-site .sis-offers .offercoupan a{color:var(--brand, #e8541a);line-height:1;display:inline-flex;padding-left:12px;border-left:1px solid #f0c9b6}
body.fd-site .sis-offers .offercoupan a:hover{color:var(--brand-dark, #c0341f)}
body.fd-site .sis-offers .offercoupan a:hover{color:var(--brand-dark, #c0341f)}
body.fd-site .sis-offers .offer-address{margin:10px 0 0 !important}
body.fd-site .sis-offers .offer-address a{
  display:inline-flex;align-items:center;gap:5px;color:#555 !important;font-weight:600;font-size:13px;text-decoration:none
}
body.fd-site .sis-offers .offer-address a:hover{color:var(--brand, #e8541a) !important}
/* "App offer" badge — inline, not absolute, so it never collides with the price */
body.fd-site .sis-offers .app-off-btn{position:static !important;margin:10px 0 0 !important}
body.fd-site .sis-offers .app-off-btn a{
  display:inline-block;background:#f0ece8;border:0;color:#8a7f74;padding:4px 12px;border-radius:20px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px
}
body.fd-site .sis-offers .app-off-btn a:hover{background:var(--brand, #e8541a);color:#fff !important}
/* discount value pill (right) */
body.fd-site .sis-offers .transactions-list-view > .float-right{position:static !important;float:none !important;flex:none;margin:0 !important}
body.fd-site .sis-offers .price{
  display:inline-block;background:linear-gradient(135deg,#267e3e,#1c8e44);color:#fff !important;
  font-size:15px !important;font-weight:800 !important;padding:7px 14px;border-radius:10px;
  box-shadow:0 6px 14px rgba(38,126,62,.22);white-space:nowrap
}
/* "No results" heading the JS injects into the list */
body.fd-site .sis-offers #coupons_list > h5{width:100%;font-size:16px;color:#8a8a8a;padding:44px 0 !important}
/* load more */
body.fd-site .sis-offers .fu-loadmore-btn{justify-content:center;margin-top:6px}
body.fd-site .sis-offers .loadmore-btn{
  display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:var(--brand, #e8541a) !important;
  border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
body.fd-site .sis-offers .loadmore-btn:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand-dark, #c0341f) !important}

@media(max-width:768px){
  body.fd-site .sis-offers .transactions-list-wrap{width:100%}
  body.fd-site .fd-page-head{padding:20px}
  body.fd-site .fd-page-head__title{font-size:20px}
  body.fd-site .fd-page-head__icon{width:48px;height:48px;font-size:22px}
}

/* ============================================================
   CASHBACK  (.sis-cashback) — twin of Offers, no image.
   Card = title + meta + cashback value pill. JS hooks untouched.
   ============================================================ */
body.fd-site .sis-cashback{background:#f6f6f4}
body.fd-site .sis-cashback .res-search-list{display:flex;flex-wrap:wrap;margin:0 -10px}
body.fd-site .sis-cashback .transactions-list-wrap{width:50%;padding:0 10px;margin:0 0 20px !important}
body.fd-site .sis-cashback .transactions-list-view{
  height:100%;background:#fff;border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;padding:18px 20px !important;
  display:flex;align-items:center;gap:14px;position:relative;
  transition:transform .16s ease,box-shadow .16s ease
}
body.fd-site .sis-cashback .transactions-list-view::before{
  content:'';position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#267e3e,#1c8e44)
}
body.fd-site .sis-cashback .transactions-list-view:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10) !important}
body.fd-site .sis-cashback .transactions-list{flex:1;min-width:0;width:auto !important}
body.fd-site .sis-cashback .media-body{min-width:0;padding-left:8px}
body.fd-site .sis-cashback .media-body h6.date{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-transform:none;line-height:1.35}
body.fd-site .sis-cashback .offer-address{font-size:13px;color:#7a7a7a !important;font-weight:500;margin:0 0 4px !important;text-transform:none}
body.fd-site .sis-cashback .text-danger{font-size:12.5px;color:var(--brand-dark, #c0341f) !important;font-weight:600;margin:0}
body.fd-site .sis-cashback .transactions-list-view > .float-right{position:static !important;float:none !important;flex:none;margin:0 !important}
body.fd-site .sis-cashback .price{
  display:inline-block;background:linear-gradient(135deg,#267e3e,#1c8e44);color:#fff !important;
  font-size:15px !important;font-weight:800 !important;padding:8px 15px;border-radius:10px;
  box-shadow:0 6px 14px rgba(38,126,62,.22);white-space:nowrap
}
body.fd-site .sis-cashback #cashback_list > h5{width:100%;font-size:16px;color:#8a8a8a;padding:44px 0 !important}
body.fd-site .sis-cashback .fu-loadmore-btn{justify-content:center;margin-top:6px}
body.fd-site .sis-cashback .loadmore-btn{
  display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:var(--brand, #e8541a) !important;
  border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important;transition:all .15s
}
body.fd-site .sis-cashback .loadmore-btn:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important;color:var(--brand-dark, #c0341f) !important}
@media(max-width:768px){
  body.fd-site .sis-cashback .transactions-list-wrap{width:100%}
}

/* ============================================================
   MY TRANSACTIONS / WALLET  (.sis-txns)
   Wallet balance hero + single-column transaction history.
   All ids/hooks (#total_payment, #add_wallet_money, #append_list1,
   prev/next, .not_found_div) are preserved.
   ============================================================ */
body.fd-site .sis-txns{background:#f6f6f4}
body.fd-site .fd-wallet{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--brand, #e8541a) 0%,var(--brand, #f97316) 55%,var(--brand-dark, #e23744) 100%);
  border-radius:18px;padding:24px 28px;margin:22px 0 22px;color:#fff;
  box-shadow:0 12px 30px rgba(var(--brand-rgb, 226, 55, 68),.22);position:relative;overflow:hidden
}
body.fd-site .fd-wallet::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;
  background:rgba(255,255,255,.08);right:-70px;top:-90px;pointer-events:none}
body.fd-site .fd-wallet__left{display:flex;align-items:center;gap:16px;z-index:1;min-width:0}
body.fd-site .fd-wallet__icon{flex:none;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}
body.fd-site .fd-wallet__balance{font-size:24px !important;font-weight:800 !important;color:#fff !important;margin:0;letter-spacing:-.3px}
body.fd-site .fd-wallet__add{
  z-index:1;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--brand, #e8541a);border:0;
  border-radius:12px;padding:12px 22px;font-weight:800;font-size:14px;cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background .15s,transform .15s
}
body.fd-site .fd-wallet__add:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);transform:translateY(-1px)}
body.fd-site .fd-wallet__add i{font-size:17px}

body.fd-site .sis-txns .res-search-list{display:block;margin:0}
body.fd-site .sis-txns .transactions-list-wrap{width:100%;padding:0;margin:0 0 12px !important}
body.fd-site .sis-txns .transactions-list-view{
  background:#fff;border:1px solid #ececec !important;border-radius:14px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.04) !important;padding:16px 20px !important;
  display:flex;align-items:center;gap:14px;transition:box-shadow .16s ease
}
body.fd-site .sis-txns .transactions-list-view:hover{box-shadow:0 10px 24px rgba(0,0,0,.08) !important}
body.fd-site .sis-txns .transactions-list{width:100%;display:flex;align-items:center;gap:14px}
body.fd-site .sis-txns .transactions-list-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0;margin:0}
body.fd-site .sis-txns .card-icon{margin-right:0 !important}
body.fd-site .sis-txns .card-icon > span{
  width:46px;height:46px;border-radius:12px;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);padding:0;
  display:flex;align-items:center;justify-content:center;font-size:18px
}
body.fd-site .sis-txns .media-body{min-width:0}
body.fd-site .sis-txns .media-body h6.date{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 3px;text-transform:none}
body.fd-site .sis-txns .media-body h6{font-size:12.5px;font-weight:500;color:#9a9a9a;margin:0 0 3px}
body.fd-site .sis-txns .media-body p.text-muted{font-size:12.5px;color:#8a8a8a !important;margin:0 !important;font-weight:500}
body.fd-site .sis-txns .media-body .badge.badge-success{
  background:#e7f6ec !important;color:#1c8e44 !important;font-weight:700;border-radius:6px;
  padding:4px 9px;margin-top:6px !important;display:inline-block
}
body.fd-site .sis-txns .float-right{position:static !important;float:none !important;flex:none;margin:0 0 0 auto !important;text-align:right}
body.fd-site .sis-txns .float-right .price,
body.fd-site .sis-txns .float-right span{font-size:17px !important;font-weight:800 !important;white-space:nowrap}
body.fd-site .sis-txns .float-right .price{color:#1c8e44 !important}
body.fd-site .sis-txns .go-arror{color:#c5c5c5 !important;font-size:20px}
body.fd-site .sis-txns .data-table_paginate .pagination{gap:10px}
body.fd-site .sis-txns .data-table_paginate .page-item .page-link{
  border-radius:10px !important;border:1.5px solid #e4e4e4 !important;color:var(--brand, #e8541a) !important;
  font-weight:700;padding:9px 20px;background:#fff !important
}
body.fd-site .sis-txns .data-table_paginate .page-item .page-link:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important}
/* Add-money modal — clean payment radios */
body.fd-site #add_wallet_money .modal-content{border:0;border-radius:16px;overflow:hidden}
body.fd-site #add_wallet_money .modal-header{border-bottom:1px solid #f0f0f0;padding:18px 22px}
body.fd-site #add_wallet_money .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control.custom-radio{padding:12px 14px 12px 40px}
body.fd-site #add_wallet_money .checkout-payment-options .custom-control-label{font-weight:600;color:#333}
@media(max-width:768px){
  body.fd-site .fd-wallet{padding:20px}
  body.fd-site .fd-wallet__balance{font-size:20px !important}
}

/* Reusable header action button (sits on the right of .fd-page-head) */
body.fd-site .fd-page-head__action{
  z-index:1;margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;
  background:#fff;color:var(--brand, #e8541a) !important;border:0;border-radius:12px;padding:11px 20px;
  font-weight:800;font-size:13.5px;text-decoration:none;white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.12);transition:background .15s,transform .15s
}
body.fd-site .fd-page-head__action:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand-dark, #c0341f) !important;transform:translateY(-1px);text-decoration:none}

/* ============================================================
   DELIVERY ADDRESS  (.sis-address)
   Cards already inherit button/badge styling from the shared
   .sis-popular block; this only adds the page background,
   icon polish and layout tidy. All JS hooks untouched.
   ============================================================ */
body.fd-site .sis-address{background:#f6f6f4}
/* ===== Delivery address cards ===== */
body.fd-site .sis-address .fd-addr{
  height:100%;display:flex;flex-direction:column;background:#fff;
  border:1px solid #ececec;border-radius:16px;padding:18px 20px;
  box-shadow:0 6px 20px rgba(0,0,0,.05);transition:transform .16s ease,box-shadow .16s ease
}
body.fd-site .sis-address .fd-addr:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.10)}
body.fd-site .sis-address .fd-addr__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
body.fd-site .sis-address .fd-addr__icon{
  flex:none;width:42px;height:42px;border-radius:12px;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);
  display:inline-flex;align-items:center;justify-content:center;font-size:19px
}
body.fd-site .sis-address .fd-addr__tag{
  background:#f4f1ee;color:#8a7f74;border-radius:7px;font-weight:800;padding:5px 11px;
  text-transform:uppercase;letter-spacing:.4px;font-size:11px;white-space:nowrap
}
body.fd-site .sis-address .fd-addr__tools{margin-left:auto;display:flex;gap:8px;flex:none}
body.fd-site .sis-address .fd-addr__tool{
  width:36px;height:36px;border-radius:10px;border:1.5px solid #ededed;background:#fff;color:#6a6a6a;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:all .15s
}
body.fd-site .sis-address .fd-addr__tool:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a);background:#fff7f4}
body.fd-site .sis-address .fd-addr__tool--del:hover{border-color:var(--brand-dark, #e23744);color:var(--brand-dark, #e23744);background:#fff5f5}
body.fd-site .sis-address .fd-addr__text{
  display:block;font-size:14.5px;font-weight:600;color:#2b2b2b !important;line-height:1.55;
  margin-bottom:16px;text-decoration:none !important
}
body.fd-site .sis-address .fd-addr__text:hover{color:var(--brand, #e8541a) !important}
/* footer: primary "deliver here" + default state chip, always aligned at the bottom */
body.fd-site .sis-address .fd-addr__foot{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.fd-site .sis-address .fd-addr__deliver{
  flex:none;text-align:center;background:var(--fd-grad);color:#fff !important;font-weight:700;font-size:12.5px;
  padding:8px 14px;border-radius:9px;text-decoration:none !important;white-space:nowrap;
  box-shadow:0 5px 14px -6px rgba(var(--brand-rgb, 226, 55, 68),.6);transition:opacity .15s
}
body.fd-site .sis-address .fd-addr__deliver:hover{opacity:.92}
body.fd-site .sis-address .fd-addr__default{
  flex:none;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:9px;white-space:nowrap;
  text-decoration:none !important;border:1.5px solid #e4e4e4;background:#fff;color:#6a6a6a !important;transition:all .15s
}
body.fd-site .sis-address .fd-addr__default:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a) !important}
/* .btn-success/.btn-info are toggled by the existing JS — style those states */
body.fd-site .sis-address .fd-addr__default.btn-success{background:#e9f7ee !important;border-color:#bfe6cd !important;color:#1c8e44 !important;cursor:default}
body.fd-site .sis-address .fd-addr__default.btn-info{background:#fff !important;border-color:#e4e4e4 !important;color:#6a6a6a !important}
@media(max-width:768px){
  body.fd-site .fd-page-head{flex-wrap:wrap}
  body.fd-site .fd-page-head__action{margin-left:0;width:100%;justify-content:center}
}

/* ============================================================
   REUSABLE PILL TABS  (.fd-tabs)  — My Gift Cards, Dine-in, Orders
   Added as an extra class on the existing .nav.custom-tabsa list.
   ============================================================ */
body.fd-site .fd-tabs{
  display:flex !important;gap:6px;background:#fff !important;border-radius:12px !important;
  padding:5px !important;box-shadow:0 4px 14px rgba(0,0,0,.05) !important;border:1px solid #f0f0f0 !important;
  overflow:visible !important;width:fit-content !important;max-width:100%;margin-left:auto;margin-right:auto
}
body.fd-site .fd-tabs .nav-item{border:0 !important;flex:0 0 auto;margin:0}
body.fd-site .fd-tabs .nav-link{
  border:0 !important;border-radius:9px !important;padding:9px 22px !important;font-weight:700 !important;font-size:14px;
  color:#6a6a6a !important;display:flex !important;align-items:center;justify-content:center;gap:8px;transition:all .15s;margin:0;white-space:nowrap
}
body.fd-site .fd-tabs .nav-link i{color:inherit !important;margin:0 !important}
body.fd-site .fd-tabs .nav-link:hover{background:rgba(var(--brand-rgb, 232, 84, 26), .05) !important;color:var(--brand, #e8541a) !important}
body.fd-site .fd-tabs .nav-link.active{background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744)) !important;color:#fff !important;box-shadow:0 6px 16px rgba(var(--brand-rgb, 226, 55, 68),.24)}

/* ============================================================
   MY GIFT CARDS  (.sis-giftcards)  — claim form + history + share
   ============================================================ */
body.fd-site .sis-giftcards{background:#f6f6f4}
/* redesigned gift-card history cards */
body.fd-site .sis-giftcards .fd-gc{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:18px 22px;margin-bottom:16px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
body.fd-site .sis-giftcards .fd-gc__icon{flex:none;width:52px;height:52px;border-radius:14px;background:#fff1ec;color:var(--brand, #e8541a);display:flex;align-items:center;justify-content:center;font-size:22px}
body.fd-site .sis-giftcards .fd-gc__body{flex:1;min-width:0}
body.fd-site .sis-giftcards .fd-gc__title{font-size:16px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
body.fd-site .sis-giftcards .fd-gc__row{font-size:13px;color:#8a8a8a;line-height:1.75}
body.fd-site .sis-giftcards .fd-gc__v{color:#3a3a3a;font-weight:600}
body.fd-site .sis-giftcards .fd-gc__eye{color:var(--brand, #e8541a);margin-left:4px;cursor:pointer}
body.fd-site .sis-giftcards .fd-gc__right{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:9px;text-align:right}
body.fd-site .sis-giftcards .fd-gc__amount{font-size:20px;font-weight:800;color:var(--brand, #e8541a)}
body.fd-site .sis-giftcards .fd-gc__status{font-size:12px;font-weight:700;padding:4px 13px;border-radius:20px;white-space:nowrap}
body.fd-site .sis-giftcards .fd-gc__status--done{background:#e7f6ec;color:#1c8e44}
body.fd-site .sis-giftcards .fd-gc__status--pending{background:#fdecea;color:var(--brand-dark, #e23744)}
body.fd-site .sis-giftcards .fd-gc__share{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e4e4e4;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:600;color:#444;cursor:pointer;transition:all .15s}
body.fd-site .sis-giftcards .fd-gc__share:hover{border-color:var(--brand, #e8541a);color:var(--brand, #e8541a)}
@media(max-width:600px){body.fd-site .sis-giftcards .fd-gc{flex-wrap:wrap}body.fd-site .sis-giftcards .fd-gc__right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}
body.fd-site .sis-giftcards .contct-form,
body.fd-site .sis-giftcards .sis-cart-item-profile{
  border:1px solid #ececec !important;border-radius:16px !important;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;max-width:520px;margin:0 auto
}
body.fd-site .sis-giftcards .form-title h4{font-size:19px;font-weight:800;color:#1a1a1a}
body.fd-site .sis-giftcards .form-group label{font-size:13px;font-weight:700;color:#444;margin-bottom:6px}
body.fd-site .sis-giftcards .form-control{border:1.5px solid #e4e4e4;border-radius:10px;padding:11px 14px;height:auto}
body.fd-site .sis-giftcards .form-control:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}
body.fd-site .sis-giftcards .redeem_giftcard{width:100%;margin-top:6px}
body.fd-site .sis-giftcards .transactions-list-wrap{width:100%;padding:0;margin:0 0 12px !important}
body.fd-site .sis-giftcards .transactions-list-view{
  background:#fff;border:1px solid #ececec !important;border-radius:14px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.04) !important;padding:16px 20px !important;
  display:flex;align-items:center;gap:14px
}
body.fd-site .sis-giftcards .transactions-list-left{display:flex;align-items:flex-start;gap:14px;flex:1;min-width:0;margin:0}
body.fd-site .sis-giftcards .card-icon{margin-right:0 !important}
body.fd-site .sis-giftcards .card-icon > span{
  width:46px;height:46px;border-radius:12px;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);padding:0;
  display:flex;align-items:center;justify-content:center;font-size:18px
}
body.fd-site .sis-giftcards .media-body h6.date{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-transform:none}
body.fd-site .sis-giftcards .media-body h6{margin:0}
body.fd-site .sis-giftcards .media-body p.text-muted{font-size:12.5px;color:#8a8a8a !important;margin:0 0 3px !important;font-weight:500}
body.fd-site .sis-giftcards .media-body .fa-eye,body.fd-site .sis-giftcards .media-body .fa-eye-slash{color:var(--brand, #e8541a)}
body.fd-site .sis-giftcards .float-right{text-align:right}
body.fd-site .sis-giftcards .float-right .price{color:#1c8e44;font-size:14px !important;font-weight:800 !important;background:none;padding:0}
body.fd-site .sis-giftcards .float-right .btn-info{margin-top:8px;border-radius:9px !important}
body.fd-site .sis-giftcards #append_list1 > h6{padding:44px 0;color:#8a8a8a;font-size:15px}
body.fd-site .sis-giftcards .data-table_paginate .page-item .page-link{
  border-radius:10px !important;border:1.5px solid #e4e4e4 !important;color:var(--brand, #e8541a) !important;font-weight:700;padding:9px 20px;background:#fff !important
}
body.fd-site .sis-giftcards .data-table_paginate .page-item .page-link:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important}
body.fd-site #socialShare .modal-content{border:0;border-radius:16px;overflow:hidden}
body.fd-site #socialShare .social-icon a{font-size:22px}
@media(max-width:600px){ body.fd-site .fd-tabs{flex-wrap:wrap} }

/* ============================================================
   FAVORITES  (.sis-favorites) — restaurants + foods
   Same .list-card grid as home; JS hooks (favourite-heart,
   rtitle_/rimage_/rprice_/rreview_, #append_list1, #loadmore) kept.
   ============================================================ */
body.fd-site .sis-favorites{background:#f6f6f4}
/* image loading shimmer (shown until the real image loads, replacing the placeholder-logo flash) */
body.fd-site .fd-imgshim{position:relative;background:#e6e6ec;overflow:hidden}
body.fd-site .fd-imgshim::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%);animation:fdImgShim 1.35s infinite;z-index:2;pointer-events:none}
@keyframes fdImgShim{100%{transform:translateX(100%)}}
body.fd-site .sis-favorites .list-card{
  border:1px solid #ececec !important;border-radius:16px !important;overflow:hidden;background:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.05) !important;transition:transform .18s ease,box-shadow .18s ease
}
body.fd-site .sis-favorites .list-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.10) !important}
body.fd-site .sis-favorites .list-card .list-card-image{position:relative;height:180px;overflow:hidden;background:#f4f4f4;border-radius:0}
body.fd-site .sis-favorites .list-card .list-card-image .item-img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
body.fd-site .sis-favorites .list-card:hover .list-card-image .item-img{transform:scale(1.05)}
body.fd-site .sis-favorites .favourite-heart{
  top:12px;right:12px;left:auto !important;width:36px;height:36px;border-radius:50%;background:#fff;
  display:flex !important;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:3
}
/* The global `a,span,…{margin-bottom:10px!important}` rule adds a 10px bottom
   margin to this flex <a>, pushing the heart up and leaving the gap below —
   zero it out so the badge centres the heart. */
body.fd-site .sis-favorites .favourite-heart a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0;margin:0 !important;padding:0 !important}
/* Use the same SVG heart as the homepage cards — an icon FONT (fa-heart) sits on
   the text baseline and rides high in the circle; an SVG has no baseline so the
   flex <a> centres it perfectly, matching the homepage. */
body.fd-site .sis-favorites .favourite-heart svg{display:block;width:17px;height:17px}
body.fd-site .sis-favorites .favourite-heart .fa-heart{
  color:var(--brand-dark, #e23744) !important;font-size:16px;line-height:1;
  width:auto;height:auto;background:none !important;border-radius:0;display:block
}
body.fd-site .sis-favorites .list-card .p-3,
body.fd-site .sis-favorites .list-card .py-2{padding:14px 16px 16px !important}
body.fd-site .sis-favorites .list-card-body{padding:0}
body.fd-site .sis-favorites .list-card-body h6{margin:0 0 4px}
/* ===== Favorites cards — eye-catchy ===== */
body.fd-site .sis-favorites .list-card.grid-card{border:1px solid #efefef !important;border-radius:18px !important;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(0,0,0,.05) !important}
body.fd-site .sis-favorites .list-card.grid-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.12) !important}
body.fd-site .sis-favorites .list-card-image{height:190px}
body.fd-site .sis-favorites .list-card-image .item-img{width:100%;height:100%;object-fit:cover}
body.fd-site .sis-favorites .list-card .p-3{display:flex;flex-wrap:wrap;align-items:center;row-gap:14px;padding:16px 18px !important}
/* title + location on their own row, with a hairline divider under */
body.fd-site .sis-favorites .list-card-body{flex:0 0 100%;margin:0;padding-bottom:14px;border-bottom:1px solid #f2f2f2}
body.fd-site .sis-favorites .list-card-body h6{margin-bottom:5px}
body.fd-site .sis-favorites .list-card-body h6 a{
  font-size:18px;font-weight:800;color:#171717 !important;display:block;letter-spacing:-.3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
body.fd-site .sis-favorites .list-card-body p{color:#9a9a9a !important;font-size:12.5px;margin-bottom:0;line-height:1.5}
/* footer row: rating pill (left) + bold gradient price (right) */
body.fd-site .sis-favorites .star{order:2;display:inline-flex;align-items:center;margin:0}
body.fd-site .sis-favorites .list-card-badge{order:2}
body.fd-site .sis-favorites .star .badge,
body.fd-site .sis-favorites .list-card-badge .star .badge{
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(135deg,#1c9e4b,#127a38) !important;color:#fff !important;
  font-size:13px;font-weight:800;padding:6px 13px;border-radius:20px;box-shadow:0 3px 8px rgba(28,142,68,.28)
}
body.fd-site .sis-favorites .star .badge .feather-star{font-size:12px;color:#ffe08a}
body.fd-site .sis-favorites .pro-price{
  order:3;margin-left:auto;text-align:right;font-weight:800;font-size:19px;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--brand, #e8541a) !important
}
body.fd-site .sis-favorites .pro-price s{color:#bbb !important;-webkit-text-fill-color:#bbb;font-weight:500;font-size:13px;margin-left:6px}
body.fd-site .sis-favorites .fu-loadmore-btn{justify-content:center;margin-top:10px}
body.fd-site .sis-favorites .loadmore-btn{
  display:inline-block;border:1.5px solid #e4e4e4 !important;background:#fff !important;color:var(--brand, #e8541a) !important;
  border-radius:24px !important;padding:11px 28px !important;font-weight:700 !important;box-shadow:none !important
}
body.fd-site .sis-favorites .loadmore-btn:hover{border-color:var(--brand, #e8541a) !important;background:rgba(var(--brand-rgb, 232, 84, 26), .08) !important}

/* ============================================================
   HOME — Stats band (reference-style trust metrics card)
   ============================================================ */
body.fd-site .sis-home-page .fd-statband{padding:10px 0 4px}
body.fd-site .sis-home-page .fd-statband__card{
  display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
  background:#fff;border:1px solid var(--fd-line);border-radius:18px;
  box-shadow:var(--fd-shadow);padding:22px 12px;max-width:780px;margin:0 auto
}
body.fd-site .sis-home-page .fd-statband__item{text-align:center;padding:4px 10px;position:relative}
body.fd-site .sis-home-page .fd-statband__item + .fd-statband__item::before{
  content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:1px;height:38px;background:var(--fd-line)
}
body.fd-site .sis-home-page .fd-statband__num{
  display:block;font-size:30px;font-weight:800;line-height:1.05;letter-spacing:-.5px;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  background:var(--fd-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent
}
body.fd-site .sis-home-page .fd-statband__num small{font-size:15px;font-weight:700;margin-left:1px}
body.fd-site .sis-home-page .fd-statband__label{
  display:block;font-size:12px;color:var(--fd-muted);font-weight:600;margin-top:6px;text-transform:uppercase;letter-spacing:.5px
}
body.fd-site .sis-home-page .fd-statband__sep{display:none}
@media(max-width:600px){
  body.fd-site .sis-home-page .fd-statband__card{grid-template-columns:repeat(2,1fr);gap:18px 0}
  body.fd-site .sis-home-page .fd-statband__num{font-size:24px}
  body.fd-site .sis-home-page .fd-statband__item:nth-child(3)::before{display:none}
}

/* ===== HOME hero — CENTERED banner (quicklist-style): search + chips centred, no side image ===== */
body.fd-site .sis-home-page .fd-hero__media{display:none !important}
body.fd-site .sis-home-page .fd-hero__search{margin:28px auto 4px;max-width:640px;width:100%}
body.fd-site .sis-home-page .fd-hero__chips-block{margin-top:18px;text-align:center}
/* single line — scrolls horizontally if there are more than fit.
   vertical padding leaves room for the chip hover lift + shadow (overflow-x clips y) */
body.fd-site .sis-home-page .fd-hero__chips{
  justify-content:center;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:12px 8px;
  scrollbar-width:none}
body.fd-site .sis-home-page .fd-hero__chips::-webkit-scrollbar{display:none}
body.fd-site .sis-home-page .fd-hero__chip{flex:0 0 auto}
/* Wider home sections (categories, highlights, stores, banners) */
body.fd-site .sis-home-page .container{max-width:1440px}
body.fd-site .sis-home-page .fd-hero__chips-label{
  display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:var(--fd-muted);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px
}
body.fd-site .sis-home-page .fd-hero__chips-label i{font-size:14px;color:var(--fd-red)}
body.fd-site .sis-home-page .fd-hero__cta{margin-top:28px}
/* trust stats card inside the hero (quicklist-style) */
body.fd-site .sis-home-page .fd-hero__stats-card{margin:36px auto 0;max-width:860px;width:100%}
@media(max-width:768px){
  body.fd-site .sis-home-page .fd-hero{border-radius:20px;margin-top:12px}
  body.fd-site .sis-home-page .fd-hero__grid{padding:38px 18px 42px}
  body.fd-site .sis-home-page .fd-hero__text h1{font-size:34px;letter-spacing:-.5px}
  body.fd-site .sis-home-page .fd-hero__sub{font-size:15px}
}
@media(max-width:600px){
  body.fd-site .sis-home-page .fd-hero__search{flex-direction:column}
  body.fd-site .sis-home-page .fd-hero__field--loc{flex:none;border-bottom:1px solid var(--fd-line)}
  body.fd-site .sis-home-page .fd-hero__field--loc .fd-hero__divider{display:none}
  body.fd-site .sis-home-page .fd-hero__go{padding:14px}
}

/* ===== Delivery Address modal (redesigned) ===== */
body.fd-site .modal-dialog.location_modal{max-width:640px !important}
body.fd-site .fd-addr-modal{border:0 !important;border-radius:20px !important;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22);font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .fd-addr-head{border:0 !important;padding:20px 24px 6px !important;position:relative}
body.fd-site .fd-addr-title{font-size:19px;font-weight:800;color:#1a1a1a;margin:0}
body.fd-site .fd-addr-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;background:#f2f2f2;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s;font-size:16px}
body.fd-site .fd-addr-close:hover{background:var(--brand, #e8541a);color:#fff}
body.fd-site .fd-addr-body{padding:8px 24px 18px !important}
body.fd-site .fd-addr-err{color:#d13b3b;font-size:13px;display:block;margin-bottom:8px;font-weight:600}
body.fd-site .fd-addr-field{position:relative;margin-bottom:12px}
body.fd-site .fd-addr-field__ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#b5b5b5;font-size:16px;pointer-events:none;z-index:1}
body.fd-site .fd-addr-input{width:100%;height:48px;border:1.5px solid #ececec;border-radius:12px;padding:0 16px 0 42px;font-size:14px;background:#fafafa;transition:border-color .15s,background .15s,box-shadow .15s;font-family:inherit}
body.fd-site .fd-addr-input:focus{outline:none;border-color:var(--brand, #e8541a);background:#fff;box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.1)}
body.fd-site .fd-addr-field--loc .fd-addr-input{padding-right:54px}
body.fd-site .fd-addr-locbtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s}
body.fd-site .fd-addr-locbtn:hover{background:var(--brand, #e8541a);color:#fff}
body.fd-site .fd-addr-saveas{margin-top:6px}
body.fd-site .fd-addr-saveas__label{display:block;font-size:13px;font-weight:700;color:#6a6a6a;margin-bottom:10px}
body.fd-site .fd-addr-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
body.fd-site .fd-addr-tag{margin:0;cursor:pointer;position:relative}
body.fd-site .fd-addr-tag input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
body.fd-site .fd-addr-tag__box{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 6px;border:1.5px solid #ececec;border-radius:12px;font-size:13px;font-weight:700;color:#5a5a5a;background:#fff;transition:.12s}
body.fd-site .fd-addr-tag__box i{font-size:14px}
body.fd-site .fd-addr-tag:hover .fd-addr-tag__box{border-color:#ffc9ad;color:var(--brand, #e8541a)}
body.fd-site .fd-addr-tag input:checked ~ .fd-addr-tag__box{border-color:var(--brand, #e8541a);background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a)}
body.fd-site .fd-addr-foot{border:0 !important;padding:6px 24px 22px !important;display:flex;gap:12px}
body.fd-site .fd-addr-btn{flex:1;height:50px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:.15s;border:0}
body.fd-site .fd-addr-btn--ghost{background:#f2f2f2;color:#555}
body.fd-site .fd-addr-btn--ghost:hover{background:#e8e8e8}
body.fd-site .fd-addr-btn--save{background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;box-shadow:0 8px 20px rgba(var(--brand-rgb, 226, 55, 68),.28)}
body.fd-site .fd-addr-btn--save:hover{opacity:.95;transform:translateY(-1px)}
@media(max-width:560px){body.fd-site .fd-addr-tags{grid-template-columns:repeat(2,1fr)}}

/* payment-method badge (transactions list) */
body.fd-site .pay-method-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--brand-rgb, 232, 84, 26), .08);color:var(--brand, #e8541a);border:1px solid rgba(var(--brand-rgb, 232, 84, 26), .32);font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;line-height:1.6;text-transform:capitalize}
body.fd-site .pay-method-badge i{font-size:12px}

/* order-list items — each product as a compact box, laid out in a wrapping grid */
/* let the items column grow so the boxes + total sit on one line with space between */
body.fd-site .m-d-flex > .small:first-child{flex:1 1 auto;min-width:0}
/* items in a single row, each box sized to its content (wraps only if it runs out of room) */
body.fd-site .ord-items{display:flex;flex-wrap:wrap;gap:8px}
body.fd-site .ord-item{flex:0 0 auto;max-width:100%;box-sizing:border-box;padding:8px 14px;border:1px solid #eee;border-radius:10px;background:#faf9f8}
body.fd-site .ord-item__name{font-size:13px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.35}
body.fd-site .ord-item__qty{color:var(--brand, #e8541a);font-weight:800;margin-left:2px;white-space:nowrap}
/* order-list item options (variants + size + extras/addons) */
body.fd-site .ord-opts{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:2px}
body.fd-site .ord-item .ord-opts{margin-top:2px}
body.fd-site .ord-opts .ord-opt{font-size:11.5px;color:#666;line-height:1.4}
body.fd-site .ord-opts .ord-opt__k{color:#9a9a9a;font-weight:600}

/* ============================================================
   ORDER DETAIL page (my_order/edit)
   ============================================================ */
/* ===== Cancel-order confirm dialog ===== */
body.fd-site .fd-swal__q{font-size:15px;color:#5a5a5a;line-height:1.55;margin:0}
body.fd-site .fd-swal__refund{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:rgba(var(--brand-rgb, 232, 84, 26), .06);border:1px solid #ffdccb;border-radius:12px;padding:13px 18px;margin:18px auto 0;max-width:330px
}
body.fd-site .fd-swal__refund-label{font-size:13.5px;color:#8a6a5a;font-weight:600}
body.fd-site .fd-swal__refund-amt{font-size:19px;font-weight:800;color:var(--brand, #e8541a);white-space:nowrap}
body.fd-site .swal2-popup .swal2-title{font-size:22px !important;font-weight:800 !important;color:#1a1a1a !important}
/* ===== Cancel order button (order detail header) ===== */
/* Matches the white Back/Print buttons that sit on the gradient header — stays white on
   hover (a solid red fill disappeared into the orange banner). */
body.fd-site .sis-order-detail .fd-od-cancel{
  display:inline-flex;align-items:center;gap:7px;background:#fff !important;border:1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .32) !important;
  color:var(--brand-dark, #e23744) !important;font-weight:700;font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;
  transition:all .15s;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .sis-order-detail .fd-od-cancel:disabled{opacity:.55;cursor:not-allowed}
/* ===== Rate food (completed order detail) ===== */
body.fd-site .fd-rate-btn-wrap{margin-top:8px}
body.fd-site .fd-rate-btn{
  display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--brand, #e8541a);
  color:var(--brand, #e8541a);font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:9px;cursor:pointer;
  white-space:nowrap;transition:all .15s
}
body.fd-site .fd-rate-btn:hover{background:var(--fd-grad);border-color:transparent;color:#fff}
body.fd-site .fd-rate-btn.is-reviewed{border-color:#1c8e44;color:#1c8e44}
body.fd-site .fd-rate-btn.is-reviewed:hover{background:#1c8e44;border-color:#1c8e44;color:#fff}
body.fd-site .fd-rate-modal .modal-content{border:0;border-radius:16px;overflow:hidden}
body.fd-site .fd-rate-modal .modal-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}
body.fd-site .fd-rate-modal .modal-title{font-size:17px;font-weight:800;color:#1a1a1a}
body.fd-site .fd-rate-modal .modal-body{padding:18px 20px}
body.fd-site .fd-rate-modal .modal-footer{border-top:1px solid #f0f0f0;padding:14px 20px}
body.fd-site .fd-rate__food{font-size:14px;font-weight:700;color:var(--brand, #e8541a);margin-bottom:12px}
body.fd-site .fd-rate__row{display:flex;align-items:center;gap:14px;margin-bottom:14px}
body.fd-site .fd-rate__row--col{flex-direction:column;align-items:flex-start;gap:7px}
body.fd-site .fd-rate__label{flex:none;min-width:120px;font-size:13.5px;font-weight:600;color:#444;margin:0}
body.fd-site .fd-rate__attrs{border-top:1px solid #f2f2f2;padding-top:14px;margin-bottom:4px}
body.fd-site .fd-stars{display:inline-flex;gap:5px;cursor:pointer}
body.fd-site .fd-stars i{font-size:20px;color:#f5a623;transition:transform .12s}
body.fd-site .fd-stars i.fa-star-o{color:#dcdcdc}
body.fd-site .fd-stars i:hover{transform:scale(1.15)}
body.fd-site .fd-rate__input{width:100%;border:1.5px solid #e4e4e4;border-radius:10px;padding:10px 13px;font-size:14px;font-family:inherit;outline:none;resize:vertical}
body.fd-site .fd-rate__input:focus{border-color:var(--brand, #e8541a);box-shadow:0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26),.12)}
body.fd-site .fd-rate__submit{background:var(--fd-grad);color:#fff;border:0;border-radius:10px;padding:11px 26px;font-weight:700;font-size:14.5px;cursor:pointer;transition:opacity .15s}
body.fd-site .fd-rate__submit:hover{opacity:.92}
body.fd-site #uploded_image ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:8px 0 0}
body.fd-site #uploded_image ul li{position:relative}
body.fd-site #uploded_image ul li img{border-radius:8px;object-fit:cover}
body.fd-site #uploded_image ul li .mdi-delete{
  position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--brand-dark, #e23744);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;line-height:1
}
body.fd-site #uploding_image{font-size:12.5px;color:#8a8a8a;margin-top:6px}

body.fd-site .sis-order-detail .fd-od-print{
  margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:0;
  background:linear-gradient(135deg,var(--brand, #e8541a),var(--brand-dark, #e23744));color:#fff;font-weight:700;
  font-size:13px;padding:9px 16px;border-radius:10px;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif
}
body.fd-site .sis-order-detail .print-btn{display:none}
body.fd-site .sis-order-detail .fd-od-actions{margin-left:auto;display:flex;gap:10px;align-items:center}
body.fd-site .sis-order-detail .fd-od-actions .fd-od-print{margin-left:0}
body.fd-site .sis-order-detail .fd-od-back{background:#fff !important;color:var(--brand, #e8541a) !important;border:1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .32) !important;text-decoration:none}
body.fd-site .sis-order-detail h3{font-size:15px !important;font-weight:800 !important;color:#1a1a1a !important;margin-bottom:14px !important;font-family:'Plus Jakarta Sans',sans-serif}
body.fd-site .sis-order-detail .order_edit-genrl,
body.fd-site .sis-order-detail .order_addre-edit{margin-bottom:20px;display:flex;flex-direction:column}
body.fd-site .sis-order-detail .order_detail-top-box,
body.fd-site .sis-order-detail .address{
  background:#fff;border:1px solid #eee;border-radius:16px;padding:20px;flex:1 1 auto;
  box-shadow:0 6px 20px rgba(0,0,0,.04)
}
/* order id in the gradient header — label + high-contrast pill */
body.fd-site .sis-order-detail .fd-page-head__text p,
body.fd-site .sis-order-detail .fd-page-head__text h1{margin:0}
body.fd-site .sis-order-detail .fd-page-head__text p{margin-top:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.fd-site .sis-order-detail .od-id-label{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.92)}
body.fd-site .sis-order-detail .od-id-badge{display:inline-block;font-size:13.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.22);padding:4px 14px;border-radius:8px;letter-spacing:.3px}
body.fd-site .sis-order-detail .fd-page-head__text h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.4px}
body.fd-site .sis-order-detail .billing-name{font-size:15px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
/* status + payment badges sit inline next to their label, vertically centered */
body.fd-site .sis-order-detail .status-row .fd-status-badge{vertical-align:middle;margin-left:3px}
body.fd-site .sis-order-detail #payment_method .pay-method-badge{vertical-align:middle}
/* clear the footer + tighten the gap down to the items card */
body.fd-site .sis-order-detail .order_detail{margin-bottom:44px}
body.fd-site .sis-order-detail .order-deta-btm{margin-top:4px !important}
/* totals: grand total, tax lines, cashback */
body.fd-site .sis-order-detail .order-totals .grand-total td{border-top:2px solid #eee;padding-top:13px}
body.fd-site .sis-order-detail .order-totals .grand-total .total_price_val{color:var(--brand, #e8541a) !important;font-size:16px;font-weight:800}
/* combined tax block — full-width band, top+bottom line only, content aligned with other rows */
body.fd-site .sis-order-detail .order-totals .tax-group-row td{border-top:0 !important;padding:0 !important}
body.fd-site .sis-order-detail .order-totals .tax-group{background:#faf8f6;padding:10px 14px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
body.fd-site .sis-order-detail .tax-group .tax-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6a6a6a;padding:4px 0}
body.fd-site .sis-order-detail .tax-group .tax-line span:last-child{font-weight:600;color:#1a1a1a}
body.fd-site .sis-order-detail .tax-group .tax-total{border-top:1px solid #e2ddd6;margin-top:7px;padding-top:9px;font-size:13.5px}
body.fd-site .sis-order-detail .tax-group .tax-total span:first-child{color:#1a1a1a;font-weight:800}
body.fd-site .sis-order-detail .tax-group .tax-total span:last-child{font-weight:800 !important;color:#1a1a1a}
body.fd-site .sis-order-detail .order-totals .cashback-row td{color:#1c8e44 !important;font-weight:700;text-align:center !important;background:#f2fbf5;border-radius:10px;padding:12px}
body.fd-site .sis-order-detail .order_detail-top-box .control-label{font-size:13px;color:#5c5c5c;display:block;margin-bottom:2px;font-weight:500}
body.fd-site .sis-order-detail .order_detail-top-box .control-label strong{color:#1a1a1a;font-weight:700}
body.fd-site .sis-order-detail .order_detail-top-box .form-group{margin:0 0 10px}
body.fd-site .sis-order-detail .address p{font-size:13px;color:#5c5c5c;margin-bottom:8px;line-height:1.55}
body.fd-site .sis-order-detail .address strong{color:#1a1a1a}
body.fd-site .sis-order-detail #order_status,
body.fd-site .sis-order-detail .fd-status-badge{display:inline-block;border:1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .32);border-radius:999px;font-size:13px;font-weight:700;color:var(--brand, #e8541a);background:rgba(var(--brand-rgb, 232, 84, 26), .08);padding:6px 16px;text-align:center;white-space:nowrap}
body.fd-site .sis-order-detail .order-items-list,
body.fd-site .sis-order-detail .resturant-detail .card{
  background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.04);overflow:hidden
}
body.fd-site .sis-order-detail .order-items-list{padding:6px 6px 10px}
body.fd-site .sis-order-detail .order-totals-items{border-top:0;margin-top:0;padding-top:0}
body.fd-site .sis-order-detail .table{margin:0}
body.fd-site .sis-order-detail .table thead th{
  background:#faf8f6;border:0 !important;color:#8a8a8a;font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.4px;padding:12px 14px
}
body.fd-site .sis-order-detail .table tbody td{border:0;border-top:1px solid #f4f4f4;padding:12px 14px;font-size:13px;color:#1a1a1a;vertical-align:middle}
body.fd-site .sis-order-detail .table.table-striped tbody tr:nth-of-type(odd){background:transparent}
body.fd-site .sis-order-detail .order-product-box img{border-radius:12px !important;object-fit:cover}
/* FOODS column absorbs the table's spare width so there's no empty column after TOTAL */
body.fd-site .sis-order-detail .table thead th:first-child,
body.fd-site .sis-order-detail #order_products td.order-product{width:100%}
body.fd-site .sis-order-detail .table thead th:not(:first-child),
body.fd-site .sis-order-detail #order_products td:not(.order-product){white-space:nowrap}
/* Rate button gets its own borderless sub-row under each item, right-aligned — so the
   price/total cells above keep their normal vertical centering. */
body.fd-site .sis-order-detail #order_products tr.od-rate-row td{
  border-top:0 !important;padding:0 14px 14px !important;text-align:right}
body.fd-site .sis-order-detail .fd-rate-btn-wrap{display:flex;justify-content:flex-end;margin:0}
/* food row: image left, name + variants/addons right */
body.fd-site .sis-order-detail .order-product .od-food{display:flex;align-items:flex-start;gap:12px}
body.fd-site .sis-order-detail .od-food__img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
body.fd-site .sis-order-detail .od-food__info{min-width:0}
body.fd-site .sis-order-detail .od-food__name{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 3px}
body.fd-site .sis-order-detail .od-food__opts{display:flex;flex-direction:column;gap:1px}
body.fd-site .sis-order-detail .od-food-opt{font-size:12px;color:#8a8a8a;line-height:1.5}
body.fd-site .sis-order-detail .od-food-opt b{color:#6a6a6a;font-weight:600}
body.fd-site .sis-order-detail .orders-tracking h6{font-size:13.5px;font-weight:700;color:#1a1a1a;margin:0}
body.fd-site .sis-order-detail .orders-tracking-item-details span{font-size:11.5px;color:#9a9a9a}
body.fd-site .sis-order-detail .order-totals{width:100%;margin-top:0;margin-bottom:6px}
body.fd-site .sis-order-detail .order-totals td{padding:9px 14px;font-size:13.5px;border-top:1px solid #f4f4f4}
body.fd-site .sis-order-detail .order-totals td{font-weight:600}
body.fd-site .sis-order-detail .order-totals td.label{color:#2b2b2b;font-weight:700}
body.fd-site .sis-order-detail .order-totals .grand-total td.label{font-weight:800}
body.fd-site .sis-order-detail .order-totals td:last-child{text-align:right;font-weight:700;color:#1a1a1a}
body.fd-site .sis-order-detail .order-totals .discount{color:#1c8e44 !important}
body.fd-site .sis-order-detail .order-totals .total_price_val{color:var(--brand, #e8541a) !important;font-size:16px;font-weight:800}
body.fd-site .sis-order-detail .resturant-detail .card-header{background:#faf8f6;border:0;padding:14px 18px}
body.fd-site .sis-order-detail .resturant-detail .card-header-title{font-size:14px;font-weight:800;color:#1a1a1a;margin:0}
body.fd-site .sis-order-detail .resturant-detail .card-body{padding:18px}
body.fd-site .sis-order-detail .resturant-img{width:60px !important;height:60px !important;border-radius:14px !important;object-fit:cover}
body.fd-site .sis-order-detail .restaurant-title{font-size:15px;font-weight:800;color:#1a1a1a}
body.fd-site .sis-order-detail .contact-info{font-size:13px;font-weight:700;color:#1a1a1a;margin:14px 0 8px}
body.fd-site .sis-order-detail .resturant-detail p{font-size:13px;color:#5c5c5c;margin-bottom:6px}
body.fd-site .sis-order-detail .resturant-detail strong{color:#1a1a1a}

/* ---- Print (printThis clones #order_detail without the .sis-order-detail wrapper,
   so style it directly here as a clean invoice) ---- */
@media print{
  body.fd-site{background:#fff !important}
  body.fd-site #order_detail{color:#1a1a1a !important;font-family:'Helvetica Neue',Arial,sans-serif !important;padding:0 !important}
  body.fd-site #order_detail h3,body.fd-site #order_detail h4,body.fd-site #order_detail .card-header-title{font-size:14px !important;font-weight:700 !important;margin:14px 0 8px !important;color:#1a1a1a !important}
  body.fd-site #order_detail .order_detail-top-box,body.fd-site #order_detail .address,body.fd-site #order_detail .resturant-detail .card,body.fd-site #order_detail .order-items-list,body.fd-site #order_detail .card,body.fd-site #order_detail .card-header{border:0 !important;box-shadow:none !important;padding:0 !important;background:#fff !important;border-radius:0 !important}
  body.fd-site #order_detail .order_detail-top .row{display:flex}
  body.fd-site #order_detail table{width:100% !important;border-collapse:collapse !important;margin:6px 0 12px !important}
  body.fd-site #order_detail table th,body.fd-site #order_detail table td{border-bottom:1px solid #ddd !important;padding:6px 8px !important;font-size:12px !important;color:#1a1a1a !important;vertical-align:middle}
  body.fd-site #order_detail table th{text-align:left;font-weight:700}
  body.fd-site #order_detail .order-totals td:last-child,body.fd-site #order_detail table td:last-child{text-align:right !important}
  body.fd-site #order_detail .order-totals .total_price_val{font-weight:800 !important}
  body.fd-site #order_detail #order_status{border:0 !important;background:transparent !important;padding:0 !important;-webkit-appearance:none !important;appearance:none !important;font-weight:700 !important;color:#000 !important;width:auto !important}
  body.fd-site #order_detail .tax-group{background:#f4f4f4 !important;padding:8px 10px !important;border:0 !important}
  body.fd-site #order_detail .tax-line{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}
  body.fd-site #order_detail .tax-total{border-top:1px solid #ccc;margin-top:6px;padding-top:6px;font-weight:800}
  body.fd-site #order_detail .cashback-row td{background:#eefaf0 !important;text-align:center !important;color:#137a37 !important;font-weight:700}
  body.fd-site #order_detail .resturant-img{width:52px !important;height:52px !important;border-radius:8px !important}
  body.fd-site #order_detail a{color:#1a1a1a !important;text-decoration:none}
  body.fd-site .fd-page-head,body.fd-site .fd-od-actions,body.fd-site .fd-od-print,body.fd-site .fd-od-back{display:none !important}
  /* restaurant info -> top-right; General/Billing kept to the left; foods full width below */
  body.fd-site #order_detail{position:relative}
  body.fd-site #order_detail .order_detail-top{width:65%;min-height:235px}
  body.fd-site #order_detail .order-deta-btm-right{position:absolute !important;top:0;right:0;width:32%;margin:0 !important;padding:0 !important}
  body.fd-site #order_detail .order-deta-btm-right .card-header{padding:0 !important}
  body.fd-site #order_detail .order-deta-btm-left{width:100% !important;max-width:100% !important;flex:0 0 100% !important}
  body.fd-site #order_detail .order-deta-btm .row{display:block}
}

/* ============================================================
   HEADER — small screens. The nav is a fixed-height flex row; at ~430px the
   logo + location + icons + auth buttons overflowed and the hamburger was
   pushed off-screen. Shrink the non-essential pieces and let the location
   pill absorb the remaining space.
   ============================================================ */
@media (max-width: 600px) {
  body.fd-site .fd-nav__inner { gap: 8px; height: 62px; padding-left: 12px; padding-right: 12px; }
  body.fd-site .fd-nav .fd-brand img#logo_web { max-height: 26px; }
  /* location pill takes the leftover width and ellipsises */
  body.fd-site .fd-nav__loc { flex: 1 1 auto; min-width: 0; max-width: none; }
  body.fd-site .fd-nav__loc-trigger { width: 100%; padding: 6px 8px; gap: 5px; }
  body.fd-site .fd-nav__loc-label { max-width: none; flex: 1 1 auto; min-width: 0; font-size: 12px; }
  /* right cluster: keep cart + account + hamburger, drop the rest */
  body.fd-site .fd-nav__links { gap: 6px; flex: none; }
  body.fd-site .fd-nav__icon { width: 34px; height: 34px; }
  /* Keep the delivery/takeaway toggle — it is a real control with no other
     entry point. Only favourites is dropped here (it lives in the menu). */
  body.fd-site .fd-nav__icon--fav { display: none !important; }
  body.fd-site .fd-nav__login, body.fd-site .fd-nav__signup { padding: 7px 12px; font-size: 12.5px; }
  body.fd-site .fd-nav__signup { display: none; }   /* Login is enough on a phone */
  body.fd-site .fd-nav__hamburger { flex: none; }
}
@media (max-width: 400px) {
  body.fd-site .fd-nav__inner { gap: 6px; }
  body.fd-site .fd-nav .fd-brand img#logo_web { max-height: 22px; }
  body.fd-site .fd-nav__login { padding: 6px 10px; font-size: 12px; }
}

/* SweetAlert dialogs must fit small screens (were overflowing the viewport) */
@media (max-width: 600px) {
  body.fd-site .swal2-popup { width: 92vw !important; max-width: 92vw !important; padding: 18px 14px !important; }
  body.fd-site .swal2-popup .swal2-title { font-size: 18px !important; }
  body.fd-site .swal2-popup .swal2-html-container,
  body.fd-site .swal2-popup #swal2-content { font-size: 14px !important; word-break: break-word; }
  body.fd-site .swal2-popup .swal2-actions { flex-wrap: wrap; gap: 8px; }
  body.fd-site .swal2-popup .swal2-actions button { margin: 0 !important; }
}

/* Location dropdown on phones: it is anchored to the location pill (absolute,
   left:0), which sits mid-header on mobile — so it ran off the right edge and
   got clipped. Detach it to the viewport and centre it under the header.
   NOTE: .fd-nav is position:sticky, which does NOT create a containing block
   for fixed elements, so this centres against the viewport as intended. */
@media (max-width: 600px) {
  body.fd-site .fd-loc-drop,
  body.fd-site .fd-loc-drop--pop {
    position: fixed;
    top: 70px;
    left: 50% !important;
    right: auto;
    transform: translateX(-50%);
    width: 92vw !important;
    max-width: 92vw !important;
    min-width: 0;
  }
  body.fd-site .fd-loc-drop__field { min-width: 0; }
  body.fd-site .fd-loc-drop__field input { min-width: 0; width: 100%; }
}

/* Cart dropdown on phones: anchored to the cart icon (absolute, right:0), which
   pushed it past the left edge on a narrow header. Centre it to the viewport,
   same treatment as the location dropdown. */
@media (max-width: 600px) {
  body.fd-site .fd-cart-menu {
    position: fixed;
    top: 70px;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(-6px);
    width: 92vw !important;
    max-width: 92vw !important;
  }
  body.fd-site .fd-cart-dd.open .fd-cart-menu { transform: translateX(-50%) translateY(0); }
}

/* Touch devices keep :hover "stuck" after a tap, which left the [data-tip]
   bubble (e.g. "Delivery") floating over the page. Suppress the tooltip there
   — the buttons still work, they just don't show a hover label. */
@media (hover: none), (max-width: 600px) {
  body.fd-site .fd-nav [data-tip]::after,
  body.fd-site .fd-nav [data-tip]::before { display: none !important; content: none !important; }
}

/* Language switcher on phones: it was hidden below 768px with no mobile
   alternative (it is not in the hamburger menu), so language could not be
   changed at all on a phone. Show it as a compact flag-only button instead.
   NOTE: only `display` is overridden — the inline visibility:hidden is cleared
   by the JS that populates the list, so an empty list still stays hidden. */
@media (max-width: 768px) {
  body.fd-site .fd-nav__lang-wrap { display: inline-flex !important; }
  body.fd-site .fd-nav__lang-btn { padding: 4px 6px !important; gap: 0 !important; border-radius: 8px; }
  body.fd-site .fd-nav__lang-btn #fdLangCurrent,
  body.fd-site .fd-nav__lang-btn .feather-chevron-down { display: none !important; }
  body.fd-site .fd-nav__lang-btn .fd-lang-flag { margin: 0; width: 22px; height: auto; }
  /* keep the popup inside the viewport */
  body.fd-site .fd-lang-list { right: 0 !important; left: auto !important; max-height: 60vh; overflow-y: auto; }
}

/* ===== eMart parcel section (foodie-web visual language) ===== */
body.fd-site .fd-nav__section .fd-nav__loc-trigger i:first-child { color: var(--brand, #e23744); }
body.fd-site .fd-nav__search-wrap--empty { flex: 1 1 auto; }
body.fd-site .sis-home-page .fd-hero__stats-card .fd-statband__num i { font-size: 26px; color: var(--brand, #e23744); }
body.fd-site .sis-home-page .fd-hero__stats-card .fd-statband__num { line-height: 1; }
body.fd-site .fd-parcel-cats-section { padding: 36px 0 44px; }
body.fd-site .fd-parcel-tile {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; height: 100%;
    padding: 22px 16px 18px; background: #fff; border: 1px solid #efefef; border-radius: 18px;
    box-shadow: 0 2px 10px rgba(0,0,0,.04); color: #1a1a1a; text-decoration: none; transition: transform .18s, box-shadow .18s, border-color .18s;
}
body.fd-site .fd-parcel-tile:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.09); border-color: rgba(var(--brand-rgb, 226, 55, 68), .35); color: #1a1a1a; text-decoration: none; }
body.fd-site .fd-parcel-tile__img { width: 92px; height: 92px; border-radius: 50%; background: rgba(var(--brand-rgb, 226, 55, 68), .08); display: flex; align-items: center; justify-content: center; overflow: hidden; }
body.fd-site .fd-parcel-tile__img img { width: 62px; height: 62px; object-fit: contain; }
body.fd-site .fd-parcel-tile__name { font-size: 16px; font-weight: 700; line-height: 1.3; }
body.fd-site .fd-parcel-tile__cta { font-size: 13px; font-weight: 600; color: var(--brand, #e23744); display: inline-flex; align-items: center; gap: 4px; }
body.fd-site .fd-parcel-tile__cta i { transition: transform .18s; }
body.fd-site .fd-parcel-tile:hover .fd-parcel-tile__cta i { transform: translateX(3px); }
body.fd-site .fd-parcel-skel .fd-skel-block { background: linear-gradient(90deg, #f1f1f1 25%, #e6e6e6 37%, #f1f1f1 63%); background-size: 400% 100%; animation: fdSkel 1.2s infinite; }
@keyframes fdSkel { 0% { background-position: 100% 0 } 100% { background-position: 0 0 } }

/* ===== eMart parcel: booking form, checkout, orders, success (foodie-web language) ===== */
body.fd-site .fd-form-card { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 22px 24px; margin-bottom: 18px; }
body.fd-site .fd-form-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
body.fd-site .fd-form-card__step { width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff; font-weight: 800; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; }
body.fd-site .fd-form-card__title { font-size: 17px; font-weight: 800; color: #1a1a1a; margin: 0; }
body.fd-site .fd-form-card__sub { font-size: 13px; color: #8a8a8a; margin: 2px 0 0; }
body.fd-site .fd-field { margin-bottom: 14px; }
body.fd-site .fd-field > label { display: block; font-size: 13px; font-weight: 600; color: #3b3b3b; margin-bottom: 6px; }
body.fd-site .fd-field .form-control, body.fd-site .fd-field input.form-control, body.fd-site .fd-field select.form-control, body.fd-site .fd-field textarea.form-control {
    width: 100%; height: 48px; border: 1.5px solid #ececec !important; border-radius: 12px !important; padding: 0 16px; font-size: 14px; background: #fafafa; box-shadow: none; color: #1a1a1a; transition: border-color .15s, background .15s, box-shadow .15s;
}
body.fd-site .fd-field textarea.form-control { height: auto; min-height: 96px; padding: 12px 16px; }
body.fd-site .fd-field .form-control:focus { outline: none; border-color: var(--brand, #e8541a) !important; background: #fff; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .1); }
body.fd-site .fd-field .form-control::placeholder { color: #b5b5b5; }
body.fd-site .fd-field--phone .fd-phone { display: flex; gap: 8px; }
body.fd-site .fd-field--phone .fd-phone .select2-container { flex: 0 0 170px; width: 170px !important; position: relative !important; left: auto !important; top: auto !important; }
body.fd-site .fd-field--phone .fd-phone .select2-container--default .select2-selection--single { height: 48px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; display: flex; align-items: center; padding: 0 6px; }
body.fd-site .fd-field--phone .fd-phone .select2-selection__rendered { line-height: 1.3 !important; font-size: 13.5px; padding-left: 6px !important; }
body.fd-site .fd-field--phone .fd-phone .select2-selection__arrow { height: 100%; }
body.fd-site .fd-field--phone .fd-phone select.country_selector { max-width: 170px; height: 48px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; }
body.fd-site .fd-field--phone .fd-phone .form-control { flex: 1 1 auto; min-width: 0; }
body.fd-site .fd-tabs--parcel { margin-bottom: 18px; }
body.fd-site .fd-tabs--parcel .nav-link img { display: none; }
body.fd-site .fd-upload { display: flex; align-items: center; gap: 14px; border: 1.5px dashed #e0e0e0; border-radius: 14px; padding: 16px 18px; background: #fafafa; cursor: pointer; position: relative; transition: border-color .15s, background .15s; }
body.fd-site .fd-upload:hover { border-color: var(--brand, #e8541a); background: #fff; }
body.fd-site .fd-upload input[type="file"] { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; }
body.fd-site .fd-upload__ico { width: 44px; height: 44px; border-radius: 12px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; flex: 0 0 44px; }
body.fd-site .fd-upload__text { font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0; }
body.fd-site .fd-upload__hint { font-size: 12.5px; color: #8a8a8a; margin: 2px 0 0; }
body.fd-site .fd-upload .uploding_image_photos { font-size: 12.5px; color: var(--brand, #e8541a); font-weight: 600; margin-left: auto; }
body.fd-site .appendParcelImages { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
body.fd-site .appendParcelImages img { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; border: 1px solid #efefef; }
body.fd-site .fd-form-actions { display: flex; justify-content: flex-end; gap: 10px; }
body.fd-site .fd-btn-brand { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff !important; border: 0; border-radius: 12px; padding: 13px 26px; font-weight: 700; font-size: 15px; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); transition: transform .15s, box-shadow .15s; text-decoration: none; cursor: pointer; }
body.fd-site .fd-btn-brand:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(var(--brand-rgb, 232, 84, 26), .36); color: #fff; text-decoration: none; }
body.fd-site .fd-btn-ghost { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #1a1a1a !important; border: 1.5px solid #e6e6e6; border-radius: 12px; padding: 12px 22px; font-weight: 700; font-size: 14px; text-decoration: none; transition: border-color .15s, color .15s; cursor: pointer; }
body.fd-site .fd-btn-ghost:hover { border-color: var(--brand, #e8541a); color: var(--brand, #e8541a) !important; text-decoration: none; }
body.fd-site .error_top { display: none; }
body.fd-site .error_top:not(:empty) { display: block; background: #fdecec; color: #c0392b; border: 1px solid #f6c9c9; border-radius: 12px; padding: 12px 16px; margin-bottom: 16px; font-size: 14px; }
body.fd-site .error_top p { margin: 0; }
body.fd-site .fd-page-head--parcel { margin-bottom: 22px; }
body.fd-site .fd-sticky-summary { position: sticky; top: 90px; }

/* checkout: route card (sender → receiver), totals, payment */
body.fd-site .fd-route { display: grid; grid-template-columns: 1fr auto 1fr; gap: 14px; align-items: stretch; }
body.fd-site .fd-route__stop { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 16px; }
body.fd-site .fd-route__stop h3 { font-size: 15px; font-weight: 800; margin: 0 0 4px; display: flex; align-items: center; gap: 8px; color: #1a1a1a; flex-wrap: wrap; }
body.fd-site .fd-route__stop h3 strong { font-weight: 700; font-size: 11.5px; letter-spacing: .4px; text-transform: uppercase; color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .1); border-radius: 50px; padding: 3px 9px; }
body.fd-site .fd-route__stop p { margin: 2px 0 0; font-size: 13.5px; color: #5a5a5a; }
body.fd-site .fd-route__arrow { display: flex; align-items: center; justify-content: center; }
body.fd-site .fd-route__arrow span { width: 38px; height: 38px; border-radius: 50%; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
body.fd-site .fd-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }
body.fd-site .fd-fact { background: #fff; border: 1px solid #efefef; border-radius: 14px; padding: 14px 16px; }
body.fd-site .fd-fact .label { display: block; font-size: 12px; font-weight: 600; color: #8a8a8a; text-transform: uppercase; letter-spacing: .4px; }
body.fd-site .fd-fact .total { display: block; font-size: 18px; font-weight: 800; color: #1a1a1a; margin-top: 4px; }
body.fd-site .fd-coupon { display: flex; gap: 8px; }
body.fd-site .fd-coupon input { flex: 1 1 auto; height: 46px; border: 1.5px solid #ececec; border-radius: 12px; padding: 0 14px; font-size: 14px; background: #fafafa; }
body.fd-site .fd-coupon input:focus { outline: none; border-color: var(--brand, #e8541a); background: #fff; }
body.fd-site .fd-coupon a { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 12px; background: #1a1a1a; color: #fff !important; font-weight: 700; font-size: 14px; text-decoration: none; }
body.fd-site .fd-choice { display: flex; gap: 10px; }
body.fd-site .fd-choice label { flex: 1 1 0; display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 14px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; font-size: 14px; font-weight: 600; color: #3b3b3b; cursor: pointer; }
body.fd-site .fd-choice label:has(input:checked) { border-color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .08); color: #1a1a1a; }
body.fd-site .fd-choice input[type="radio"] { position: static; opacity: 1; width: 16px; height: 16px; margin: 0; accent-color: var(--brand, #e8541a); }
body.fd-site .fd-totals .payment-total { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px dashed #ececec; font-size: 14px; color: #5a5a5a; }
body.fd-site .fd-totals .payment-total:last-child { border-bottom: 0; }
body.fd-site .fd-totals .payment-total label { margin: 0; font-weight: 600; }
body.fd-site .fd-totals .payment-total .price { font-weight: 700; color: #1a1a1a; }
body.fd-site .fd-totals .payment-total.fd-grand { border-top: 2px solid #1a1a1a; margin-top: 6px; padding-top: 14px; font-size: 16px; }
body.fd-site .fd-totals .payment-total.fd-grand .price { font-size: 20px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-pay-btn a, body.fd-site .fd-pay-btn button { display: flex; width: 100%; justify-content: center; }

/* orders list (existing JS card markup, restyled) */
body.fd-site .parcel_order .parcel_order-listing { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 18px 20px; }
body.fd-site .parcel_order .parcel_order-listing .card { border: 0; box-shadow: none; padding: 0; }
body.fd-site .parcel_order .sender-det, body.fd-site .parcel_order .receiver-det { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 14px 16px; margin-bottom: 10px; }
body.fd-site .parcel_order .sender-det h3, body.fd-site .parcel_order .receiver-det h3 { font-size: 15px; font-weight: 800; margin: 0 0 4px; color: #1a1a1a; }
body.fd-site .parcel_order .sender-det p, body.fd-site .parcel_order .receiver-det p { margin: 0; font-size: 13px; color: #5a5a5a; }
body.fd-site .parcel_order .order-summery { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 10px 16px; }
body.fd-site .parcel_order .payment-total { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px dashed #ececec; font-size: 13.5px; color: #5a5a5a; }
body.fd-site .parcel_order .payment-total:last-child { border-bottom: 0; }
body.fd-site .parcel_order .payment-total label { margin: 0; font-weight: 600; }
body.fd-site .parcel_order .payment-total .price { font-weight: 700; color: #1a1a1a; }
body.fd-site .parcel_order .badge-success { background: #e9f8ef; color: #1a7d3a; font-weight: 700; border-radius: 50px; padding: 5px 10px; }
body.fd-site .parcel_order .parcel_payment_total .parcel_payment-box { background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 12px 14px; margin-top: 10px; }
body.fd-site .parcel_order .parcel_payment-box .label { font-size: 12px; font-weight: 600; color: #8a8a8a; text-transform: uppercase; letter-spacing: .4px; display: block; }
body.fd-site .parcel_order .parcel_payment-box .total { font-size: 15px; font-weight: 800; color: #1a1a1a; display: block; margin-top: 3px; }
body.fd-site .parcel_order .btn-primary { background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700; padding: 9px 16px; }
body.fd-site .parcel_order .parcel-img { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; }
body.fd-site .fd-tab-loader { text-align: center; padding: 40px 0; }
body.fd-site .fd-tab-spin { display: inline-block; width: 28px; height: 28px; border: 3px solid #f1f1f1; border-top-color: var(--brand, #e8541a); border-radius: 50%; animation: fdSpin .8s linear infinite; }
@keyframes fdSpin { to { transform: rotate(360deg); } }

/* success */
body.fd-site .fd-payresult { max-width: 560px; margin: 48px auto; background: #fff; border: 1px solid #efefef; border-radius: 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 44px 32px; text-align: center; }
body.fd-site .fd-payresult__icon { font-size: 54px; line-height: 1; margin-bottom: 14px; }
body.fd-site .fd-payresult h2 { font-size: 22px; font-weight: 800; color: #1a1a1a; line-height: 1.5; margin: 0 0 8px; }
body.fd-site .fd-payresult p { color: #7c8698; font-size: 14.5px; margin: 0 0 8px; }
body.fd-site .fd-payresult .fd-btn-brand { margin-top: 16px; min-width: 220px; justify-content: center; }
@media (max-width: 767px) {
    body.fd-site .fd-route { grid-template-columns: 1fr; }
    body.fd-site .fd-route__arrow span { transform: rotate(90deg); }
    body.fd-site .fd-facts { grid-template-columns: 1fr; }
    body.fd-site .fd-sticky-summary { position: static; }
}

/* eMart header: neutralise style.css .brand-wrap (absolute white circle) on the fd nav brand, and give the account toggle a fallback avatar until footer JS fills it */
body.fd-site .fd-nav .fd-brand.brand-wrap { position: static !important; top: auto; left: auto; padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; width: auto !important; overflow: visible !important; }
body.fd-site .fd-nav .fd-brand img#logo_web { max-height: 36px !important; height: 36px; width: auto !important; max-width: none !important; }
body.fd-site .fd-nav__account #dropdownMenuButton:empty { width: 36px; height: 36px; border-radius: 50%; background: #f1f1f3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") center/18px no-repeat; }

/* eMart parcel pages: neutralise the legacy style.css parcel rules that leak into the fd layout */
body.fd-site .parcel_delivery { background: transparent; border-radius: 0; padding: 0; }
body.fd-site .parcel_delivery_content #nav-tab { background: #fff; margin-bottom: 18px; }
body.fd-site .parcel_delivery_content .tab-content { padding-left: 0; position: static; }
body.fd-site .parcel_delivery_content .tab-content::before { display: none; content: none; }
body.fd-site .tab-inner { margin-bottom: 18px; }
body.fd-site .parcelImageUploadDiv { padding-bottom: 0; }
body.fd-site .parcelImageUploadDiv::before, body.fd-site .parcelImageUploadDiv::after { display: none; content: none; }
body.fd-site .parcelImageUploadDiv input[type="file"] { max-width: none; right: 0; }
body.fd-site .parcelImageUploadDiv .uploding_image_photos { position: static; }
body.fd-site .appendParcelImages { display: flex; }
body.fd-site .appendParcelImages #parcelPhotos { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; }
body.fd-site .appendParcelImages #parcelPhotos .image-item { position: relative; }
body.fd-site .appendParcelImages #parcelPhotos .image-item img { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; border: 1px solid #efefef; }
/* checkout summary */
body.fd-site .fd-summary__title { font-size: 17px; font-weight: 800; color: #1a1a1a; margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
body.fd-site .fd-summary__title i { color: var(--brand, #e8541a); }
body.fd-site .fd-summary__block { margin-bottom: 16px; }
body.fd-site .parcel_payment_right h5, body.fd-site .fd-summary h5 { font-size: 13px; font-weight: 700; color: #3b3b3b; margin: 0 0 8px; padding: 0; border: 0; display: flex; align-items: center; gap: 8px; }
body.fd-site .payment_by, body.fd-site .select_payment { border: 0; padding: 0; margin: 0 0 16px; }
body.fd-site .fd-select { position: relative; }
body.fd-site .fd-select select, body.fd-site .select_payment-option select { width: 100%; height: 48px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; padding: 0 40px 0 14px; font-size: 14px; font-weight: 600; color: #1a1a1a; appearance: none; -webkit-appearance: none; cursor: pointer; }
body.fd-site .fd-select select:focus { outline: none; border-color: var(--brand, #e8541a); background: #fff; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .1); }
body.fd-site .fd-select__caret { position: absolute; right: 14px; top: 16px; pointer-events: none; color: #8a8a8a; }
body.fd-site .fd-summary .pay-secure-badge { margin-left: auto; }
body.fd-site .fd-pay-btn { margin-top: 16px; }
body.fd-site .fd-pay-btn .fd-btn-brand { width: 100%; justify-content: center; font-size: 16px; }
body.fd-site .fd-summary .pay-trust { margin-top: 12px; }
body.fd-site .fd-alert { border-radius: 12px; margin-bottom: 16px; }
body.fd-site .fd-route__stop p i { color: var(--brand, #e8541a); margin-right: 4px; font-size: 13px; }
body.fd-site .fd-fact .label i { margin-right: 4px; color: var(--brand, #e8541a); }
body.fd-site .parcel_payment_total.fd-facts .parcel_payment-box span { font-family: inherit; }
body.fd-site .parcel_payment_total.fd-facts .parcel_payment-box span.total.price { color: var(--brand, #e8541a); }
/* coupon list filled by JS (.coupon_detail) */
body.fd-site .parcel_payment_left .coupon_detail { margin-top: 14px; }
body.fd-site .parcel_payment_left .coupon_detail:empty { display: none; }
body.fd-site .parcel_payment_left .coupon_detail .coupon-code label { font-size: 13px; font-weight: 600; color: #8a8a8a; margin: 0 0 8px; }
body.fd-site .parcel_payment_left .coupon_detail .copupon-list ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
body.fd-site .parcel_payment_left .coupon_detail .copupon-list ul li { margin: 0; }
body.fd-site .parcel_payment_left .coupon_detail .copupon-list ul li a { display: inline-flex; align-items: center; padding: 8px 14px; border: 1.5px dashed var(--brand, #e8541a); border-radius: 50px; background: rgba(var(--brand-rgb, 232, 84, 26), .06); color: var(--brand, #e8541a) !important; font-weight: 700; font-size: 13px; letter-spacing: .4px; text-decoration: none; }
body.fd-site .parcel_payment_left .coupon_detail .copupon-list ul li a.active, body.fd-site .parcel_payment_left .coupon_detail .copupon-list ul li a:hover { background: var(--brand, #e8541a); color: #fff !important; border-style: solid; }
/* orders list: JS-built cards */
body.fd-site .parcel_order .parcel_payment-detail > div::before, body.fd-site .parcel_order .parcel_payment-detail > div::after { display: none; content: none; }
body.fd-site .parcel_order .parcel_payment-detail > div { padding-left: 16px; }
body.fd-site .parcel_order .parcel_order-listing .parcel_payment_left .card { padding: 0; border: 0; box-shadow: none; }
body.fd-site .parcel_order .parcel_payment_total { padding: 0; }
body.fd-site .parcel_order .parcel_payment_total-row { margin-top: 6px; }
body.fd-site .parcel_order .media img { border-radius: 50%; object-fit: cover; }
body.fd-site .parcel_order .reviews-members-header h6 { font-weight: 800; }
body.fd-site .parcel_order .parcel-image-wrapper { gap: 10px; }
body.fd-site .parcel_order .parcel-img { width: 84px !important; height: 84px !important; border: 1px solid #efefef; }
body.fd-site .parcel_order #completed_orders > .fd-tab-loader:not(:only-child), body.fd-site .parcel_order #pending_orders > .fd-tab-loader:not(:only-child), body.fd-site .parcel_order #rejected_orders > .fd-tab-loader:not(:only-child) { display: none; }
body.fd-site .parcel_order .top-nav .nav-item.border-top { border-top: 0 !important; }

/* eMart parcel: payment gateway pages */
body.fd-site .fd-paygate { max-width: 620px; margin: 24px auto; background: #fff; border: 1px solid #efefef; border-radius: 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 30px 32px; }
body.fd-site .fd-paygate--wide { max-width: 820px; }
body.fd-site .fd-paygate__head { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
body.fd-site .fd-paygate__head h2 { font-size: 22px; font-weight: 800; margin: 0; color: #1a1a1a; }
body.fd-site .fd-paygate__head p { margin: 3px 0 0; color: #8a8a8a; font-size: 13.5px; }
body.fd-site .fd-paygate__icon { width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; flex: 0 0 48px; }
body.fd-site .fd-paygate__amount { display: flex; align-items: center; justify-content: space-between; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 16px 18px; margin-bottom: 20px; }
body.fd-site .fd-paygate__amount span { font-size: 14px; font-weight: 600; color: #5a5a5a; }
body.fd-site .fd-paygate__amount strong { font-size: 24px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-paygate__action { display: flex; justify-content: center; }
body.fd-site .fd-paygate__action form { margin: 0; width: 100%; max-width: 420px; text-align: center; }
body.fd-site .fd-paygate__action .btn-primary.fd-btn-brand, body.fd-site .fd-paygate__action input.fd-btn-brand { width: 100%; justify-content: center; font-size: 16px; display: inline-block; text-align: center; }
body.fd-site .fd-paygate .razorpay-payment-button { display: inline-block; width: 100%; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; padding: 13px 26px !important; font-weight: 700 !important; font-size: 16px !important; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); cursor: pointer; }
body.fd-site .fd-paygate #paypal-button-container { width: 100%; max-width: 420px; }
body.fd-site .fd-paygate .pay-trust { margin-top: 18px; justify-content: center; }
body.fd-site .fd-paygate__sub { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 6px 0 12px; display: flex; align-items: center; gap: 8px; }
body.fd-site .fd-paygate__sub i { color: var(--brand, #e8541a); }
body.fd-site .fd-stripe .fd-card-element { height: 48px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; padding: 14px 16px; }
body.fd-site .fd-stripe .fd-card-element.StripeElement--focus { border-color: var(--brand, #e8541a); background: #fff; }
body.fd-site .fd-paygate__submit { width: 100%; justify-content: center; margin-top: 8px; font-size: 16px; }
body.fd-site .fd-stripe .outcome { text-align: center; padding-top: 10px; min-height: 24px; }
body.fd-site .fd-stripe .outcome .success, body.fd-site .fd-stripe .outcome .error { display: none; font-size: 13px; }
body.fd-site .fd-stripe .outcome .success.visible, body.fd-site .fd-stripe .outcome .error.visible { display: inline; }
body.fd-site .fd-stripe .outcome .error { color: #e4584c; }
body.fd-site .fd-stripe .outcome .success { color: #1a7d3a; }
@media (max-width: 767px) { body.fd-site .fd-paygate { padding: 22px 18px; } }

/* eMart parcel: polish after first screenshots */
body.fd-site .fd-btn-brand i, body.fd-site .fd-btn-ghost i, body.fd-site .fd-route__arrow span i { position: static !important; margin: 0 !important; transform: none !important; line-height: 1; top: auto; right: auto; left: auto; }
body.fd-site .fd-fact .distance-number, body.fd-site .fd-fact .distance-type { display: inline; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; }
body.fd-site .parcel_payment_left .coupon_detail:not(:has(li)) { display: none; }
body.fd-site .parcel_payment_left .coupon_detail .coupon-code label { font-size: 13px; font-weight: 600; color: #8a8a8a; border: 0; padding: 0; margin: 0 0 8px; letter-spacing: 0; }
body.fd-site .parcel_order .sender-det h3 strong, body.fd-site .parcel_order .receiver-det h3 strong { color: #1a1a1a !important; font-weight: 800; }
body.fd-site .parcel_order .sender-det, body.fd-site .parcel_order .receiver-det { position: relative; padding-left: 16px; }
body.fd-site .parcel_order .fd-stop-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .1); border-radius: 50px; padding: 3px 9px; margin-bottom: 6px; }
body.fd-site .parcel_order .receiver-det .fd-stop-tag { color: #1a7d3a; background: #e9f8ef; }
body.fd-site .parcel_order .parcel_payment_total-row { border: 0 !important; margin-top: 4px; }
body.fd-site .parcel_order .parcel_payment_total-row .parcel_payment_total { border: 0 !important; }
body.fd-site .fd-btn-brand i.feather-arrow-right, body.fd-site .fd-btn-ghost i.feather-arrow-right, body.fd-site .fd-route__arrow i, body.fd-site .fd-parcel-tile__cta i, body.fd-site .fd-page-head__action i { animation: none !important; -webkit-animation: none !important; }
@media (max-width: 575px) {
    body.fd-site .fd-field--phone .fd-phone { flex-wrap: wrap; }
    body.fd-site .fd-field--phone .fd-phone .select2-container, body.fd-site .fd-field--phone .fd-phone select.country_selector { flex: 1 1 100%; width: 100% !important; max-width: none; }
    body.fd-site .fd-field--phone .fd-phone .form-control { flex: 1 1 100%; }
}
/* keep the fd header on every width (style.css hides .section-header on phones in favour of its own mobile bar) and drop the legacy arrow bounce */
body.fd-site header.fd-nav.section-header { display: block !important; visibility: visible !important; height: auto !important; }
body.fd-site .feather-arrow-right { animation: none !important; -webkit-animation: none !important; }
@media (max-width: 575px) {
    body.fd-site .fd-tabs { flex-wrap: nowrap; overflow-x: auto !important; width: 100% !important; justify-content: flex-start; scrollbar-width: none; }
    body.fd-site .fd-tabs::-webkit-scrollbar { display: none; }
}
/* phone header: style.css re-shows .d-none blocks on small screens, so hide the compat inputs explicitly and keep the pills icon-only */
body.fd-site .fd-nav__compat, body.fd-site .fd-nav__compat *, body.fd-site select#language_dropdown { display: none !important; }
body.fd-site .fd-nav .fd-brand img#logo_web { max-height: 36px; height: auto; }
@media (max-width: 600px) {
    body.fd-site .fd-nav .fd-brand img#logo_web { max-height: 26px; }
    body.fd-site .fd-nav__loc { flex: 0 0 auto; min-width: 0; max-width: none; }
    body.fd-site .fd-nav__loc-trigger { padding: 8px 10px; }
    body.fd-site .fd-nav__loc-label { display: none; }
    body.fd-site .fd-nav__links { gap: 6px; }
    body.fd-site .fd-nav__lang-btn span { display: none; }
    body.fd-site .fd-nav__icon--fav { display: none; }
}
@media (max-width: 600px) {
    body.fd-site .fd-nav__inner { gap: 6px; padding-left: 10px; padding-right: 10px; }
    body.fd-site .fd-nav__links { gap: 4px; flex-shrink: 0; }
    body.fd-site .fd-nav__loc-trigger { padding: 6px 8px; }
    body.fd-site .fd-nav__lang-btn { padding: 6px 8px; min-width: 0; }
    body.fd-site .fd-nav__icon, body.fd-site .fd-nav__account #dropdownMenuButton:empty { width: 32px; height: 32px; }
    body.fd-site .fd-nav__hamburger, body.fd-site .fd-nav .toggle.fd-nav__menu { padding: 4px 2px; }
}

/* eMart parcel: admin-style phone country picker (js/phone-picker.js, ported from the admin panel) */
body.fd-site .ql-cc-native { display: none !important; }
body.fd-site .ql-cc { position: relative; flex: 0 0 auto; }
body.fd-site .ql-cc-btn { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 12px 0 14px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; font-size: 14px; font-weight: 700; color: #1a1a1a; cursor: pointer; white-space: nowrap; transition: border-color .15s, background .15s; }
body.fd-site .ql-cc-btn:hover, body.fd-site .ql-cc-btn:focus { border-color: var(--brand, #e8541a); background: #fff; outline: none; }
body.fd-site .ql-cc-btn:disabled { background: #f6f7fb; cursor: not-allowed; color: #9aa1b4; }
body.fd-site .ql-cc-btn img { width: 22px; height: 15px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
body.fd-site .ql-cc-btn .mdi { display: inline-block; width: 8px; height: 8px; border-right: 2px solid #9aa1b4; border-bottom: 2px solid #9aa1b4; transform: rotate(45deg); margin: -4px 2px 0 2px; }
body.fd-site .ql-cc-menu { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1060; width: 300px; max-width: 86vw; background: #fff; border: 1px solid #eee; border-radius: 14px; box-shadow: 0 14px 34px rgba(0,0,0,.12); padding: 10px; }
body.fd-site .ql-cc-search { width: 100%; height: 40px; border: 1.5px solid #ececec; border-radius: 10px; padding: 0 12px; font-size: 14px; background: #fafafa; }
body.fd-site .ql-cc-search:focus { outline: none; border-color: var(--brand, #e8541a); background: #fff; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12); }
body.fd-site .ql-cc-list { max-height: 260px; overflow-y: auto; margin-top: 6px; }
body.fd-site .ql-cc-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 14px; color: #1a1a1a; }
body.fd-site .ql-cc-item:hover { background: var(--brand, #e8541a); color: #fff; }
body.fd-site .ql-cc-item:hover .cd { color: #fff; }
body.fd-site .ql-cc-item.is-active { background: rgba(var(--brand-rgb, 232, 84, 26), .08); }
body.fd-site .ql-cc-item.is-active:hover { background: var(--brand, #e8541a); }
body.fd-site .ql-cc-item img { width: 22px; height: 15px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.08); flex-shrink: 0; }
body.fd-site .ql-cc-item .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.fd-site .ql-cc-item .cd { color: #9aa1b4; font-weight: 600; }
body.fd-site .ql-cc-empty { padding: 10px; font-size: 13px; color: #9aa1b4; }
body.fd-site .fd-field--phone .fd-phone .form-control { flex: 1 1 auto; min-width: 0; }
@media (max-width: 575px) {
    body.fd-site .fd-field--phone .fd-phone .ql-cc { flex: 0 0 auto; }
    body.fd-site .fd-field--phone .fd-phone .form-control { flex: 1 1 0; }
}
@media (max-width: 575px) {
    body.fd-site .fd-field--phone .fd-phone { flex-wrap: nowrap; }
    body.fd-site .fd-field--phone .fd-phone .form-control { flex: 1 1 0; width: auto; min-width: 0; }
}

/* eMart parcel: select2 skin for form selects (same look as the admin panel's dropdowns) */
body.fd-site .fd-field .select2-container, body.fd-site .fd-select .select2-container { width: 100% !important; }
body.fd-site .fd-field .select2-container--default .select2-selection--single, body.fd-site .fd-select .select2-container--default .select2-selection--single { height: 48px; background: #fafafa; border: 1.5px solid #ececec; border-radius: 12px; display: flex; align-items: center; transition: border-color .15s, background .15s, box-shadow .15s; }
body.fd-site .fd-field .select2-container--default .select2-selection--single .select2-selection__rendered, body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.4; padding-left: 16px; padding-right: 36px; color: #1a1a1a; font-size: 14px; font-weight: 500; }
body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 600; }
body.fd-site .fd-field .select2-container--default .select2-selection--single .select2-selection__placeholder, body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #b5b5b5; }
body.fd-site .fd-field .select2-container--default .select2-selection--single .select2-selection__arrow, body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; right: 10px; }
body.fd-site .fd-field .select2-container--default .select2-selection--single .select2-selection__arrow b, body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #8a8a8a transparent transparent transparent; }
body.fd-site .fd-field .select2-container--open .select2-selection--single, body.fd-site .fd-field .select2-container--focus .select2-selection--single, body.fd-site .fd-select .select2-container--open .select2-selection--single, body.fd-site .fd-select .select2-container--focus .select2-selection--single { border-color: var(--brand, #e8541a); background: #fff; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12); }
body.fd-site .fd-select .select2-container + .fd-select__caret { display: none; }
body.fd-site .select2-dropdown { border: 1px solid #eee; border-radius: 14px; box-shadow: 0 14px 34px rgba(0,0,0,.12); overflow: hidden; margin-top: 6px; background: #fff; }
body.fd-site .select2-container--open .select2-dropdown--above { margin-top: 0; margin-bottom: 6px; }
body.fd-site .select2-container--default .select2-search--dropdown { padding: 10px 10px 4px; }
body.fd-site .select2-container--default .select2-search--dropdown .select2-search__field { height: 40px; border: 1.5px solid #ececec; border-radius: 10px; padding: 0 12px; font-size: 14px; background: #fafafa; outline: none; }
body.fd-site .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: var(--brand, #e8541a); background: #fff; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12); }
body.fd-site .select2-results { padding: 6px; }
body.fd-site .select2-container--default .select2-results__option { padding: 9px 12px; font-size: 14px; color: #1a1a1a; border-radius: 8px; }
body.fd-site .select2-container--default .select2-results__option[aria-selected="true"], body.fd-site .select2-container--default .select2-results__option[data-selected="true"] { background: rgba(var(--brand-rgb, 232, 84, 26), .08); color: #1a1a1a; }
body.fd-site .select2-container--default .select2-results__option--highlighted[aria-selected], body.fd-site .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--brand, #e8541a); color: #fff; }
body.fd-site .select2-container--default .select2-results__option[aria-disabled="true"] { color: #b5b5b5; }
body.fd-site .select2-results__options { max-height: 260px; }
/* match the admin skin exactly: highlighted / selected options use a soft brand tint with brand text */
body.fd-site .select2-container--default .select2-results__option--highlighted[aria-selected], body.fd-site .select2-container--default .select2-results__option--highlighted[data-selected], body.fd-site .select2-container--default .select2-results__option[aria-selected="true"], body.fd-site .select2-container--default .select2-results__option[data-selected="true"] { background: rgba(var(--brand-rgb, 232, 84, 26), .12) !important; color: var(--brand, #e8541a) !important; }
/* foodie's style absolutely positions .select2-container in some places; form selects must flow in place under their label */
body.fd-site .fd-field .select2-container, body.fd-site .fd-select .select2-container { position: relative !important; top: auto !important; left: auto !important; right: auto !important; display: block; }

/* eMart parcel: phone number input (legacy style.css reserved 215px for the old select2 overlay), busy overlay and button loading state */
body.fd-site .fd-phone .form-control.senderPhone, body.fd-site .fd-phone .form-control.receiverPhone { padding-left: 16px !important; position: static; }
body.fd-site #overlay { position: fixed; inset: 0; z-index: 2000; background: rgba(255,255,255,.72); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; }
body.fd-site #overlay img { display: none; }
body.fd-site #overlay::before { content: ""; width: 54px; height: 54px; border-radius: 50%; border: 4px solid rgba(var(--brand-rgb, 232, 84, 26), .18); border-top-color: var(--brand, #e8541a); animation: fdSpin .8s linear infinite; box-shadow: 0 10px 30px rgba(0,0,0,.08); background: #fff; }
body.fd-site #overlay::after { content: attr(data-text); position: absolute; margin-top: 96px; font-size: 14px; font-weight: 700; color: #1a1a1a; letter-spacing: .2px; }
body.fd-site .fd-btn-brand.is-loading { pointer-events: none; opacity: .85; }
body.fd-site .fd-btn-brand.is-loading i { display: none; }
body.fd-site .fd-btn-brand.is-loading::after { content: ""; width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; animation: fdSpin .7s linear infinite; }
body.fd-site .error_top:not(:empty) p { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; color: #c0392b; font-weight: 600; box-shadow: none !important; }
body.fd-site .error_top:not(:empty) { display: flex; align-items: center; gap: 10px; }
body.fd-site .error_top:not(:empty)::before { content: "!"; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: #c0392b; color: #fff; font-weight: 800; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
body.fd-site .error_top:not(:empty) { flex-wrap: nowrap; }
body.fd-site .error_top:not(:empty) p { width: auto !important; flex: 1 1 auto; display: block !important; float: none !important; }
body.fd-site .error_top:not(:empty) { display: block; position: relative; padding-left: 46px; }
body.fd-site .error_top:not(:empty)::before { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); }

/* ===== eMart rental / cab / on-demand sections (foodie-web language) ===== */
/* section heads used by the home pages ("Top categories" + "See all") */
body.fd-site .sis-home-page .title { display: flex; align-items: center; margin: 0 0 18px; }
body.fd-site .sis-home-page .title h5 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; color: #1a1a1a; margin: 0; letter-spacing: -.3px; }
body.fd-site .sis-home-page .title .see-all a { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--brand, #e8541a) !important; text-decoration: none; }
body.fd-site .sis-home-page section { padding: 26px 0; }
body.fd-site .sis-home-page .ecommerce-banner { padding: 18px 0 0; }
body.fd-site .sis-home-page .banner-item .banner-img img { width: 100%; border-radius: 18px; object-fit: cover; }
body.fd-site .sis-home-page .slick-dots li button::before { color: var(--brand, #e8541a); }

/* legacy .list-card grids (on-demand services, providers, coupons) */
body.fd-site .list-card { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); overflow: hidden; height: 100%; transition: transform .15s, box-shadow .15s; }
body.fd-site .list-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.09); }
body.fd-site .list-card .list-card-image { position: relative; }
body.fd-site .list-card .list-card-image img.item-img { width: 100%; height: 170px; object-fit: cover; display: block; }
body.fd-site .list-card .member-plan { position: absolute !important; top: 10px; left: 10px; z-index: 2; }
body.fd-site .list-card .member-plan .badge { border-radius: 50px; padding: 5px 10px; font-size: 11px; font-weight: 700; letter-spacing: .3px; background: #1a1a1a; color: #fff; }
body.fd-site .list-card .member-plan .badge.open, body.fd-site .list-card .member-plan .badge.badge-success { background: #1a7d3a; }
body.fd-site .list-card .member-plan .badge.close, body.fd-site .list-card .member-plan .badge.closed { background: #c0392b; }
body.fd-site .list-card .py-2.position-relative, body.fd-site .list-card .p-3.position-relative { padding: 14px 16px 16px !important; }
body.fd-site .list-card .list-card-body h6, body.fd-site .list-card h6 { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; line-height: 1.35; }
body.fd-site .list-card h6 a, body.fd-site .list-card .list-card-body a { color: #1a1a1a !important; text-decoration: none; }
body.fd-site .list-card h6 .fa-map-marker, body.fd-site .list-card p .fa-map-marker { color: var(--brand, #e8541a); }
body.fd-site .list-card p.text-gray, body.fd-site .list-card .text-gray { font-size: 12.5px; color: #8a8a8a !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.fd-site .list-card .pro-price { display: inline-block; font-size: 15px; font-weight: 800; color: var(--brand, #e8541a); margin-top: 6px; }
body.fd-site .list-card .pro-price s { color: #b5b5b5; font-weight: 500; font-size: 12.5px; margin-left: 4px; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 { margin-top: 10px !important; font-size: 13px; color: #5a5a5a; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 a { color: #5a5a5a !important; font-weight: 600; text-decoration: none; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 img { width: 26px !important; height: 26px !important; object-fit: cover; }
body.fd-site .list-card .star { margin-top: 8px !important; }
body.fd-site .list-card .star .badge-success { background: #e9f8ef; color: #1a7d3a; font-weight: 700; border-radius: 50px; padding: 5px 9px; font-size: 12px; }
body.fd-site .list-card .star.position-absolute { top: 10px; right: 10px; z-index: 2; margin-top: 0 !important; }
body.fd-site .list-card .star .badge-success i { margin-right: 3px; }
body.fd-site .pro-list, body.fd-site .product-list, body.fd-site .brand-list { margin-bottom: 24px; }

/* category tiles (on-demand home "top categories" + categories page) */
body.fd-site .top-cat-list .cat-link { display: block; background: #fff; border: 1px solid #efefef; border-radius: 16px; padding: 14px 10px; text-decoration: none; color: #1a1a1a !important; box-shadow: 0 2px 10px rgba(0,0,0,.04); transition: transform .15s, box-shadow .15s; margin-bottom: 16px; }
body.fd-site .top-cat-list .cat-link:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(0,0,0,.09); }
body.fd-site .top-cat-list .cat-link .cat-img { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; background: rgba(var(--brand-rgb, 232, 84, 26), .08); overflow: hidden; }
body.fd-site .top-cat-list .cat-link .cat-img img { width: 40px; height: 40px; object-fit: contain; }
body.fd-site .top-cat-list .cat-link h6, body.fd-site .top-cat-list .cat-link span.cat-title, body.fd-site .top-cat-list .cat-link p { font-size: 13.5px; font-weight: 700; margin: 0; color: #1a1a1a; }
body.fd-site .brand-list .list-card { text-align: center; padding: 16px 10px; }
body.fd-site .brand-list .list-card .list-card-image img.item-img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; margin: 0 auto; }
body.fd-site .brand-list .list-card h6 { font-size: 14px; margin-top: 10px; }

/* category sidebar (services by category) */
body.fd-site .vandor-sidebar { background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 16px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
body.fd-site .vandor-sidebar h3 { font-size: 15px; font-weight: 800; margin: 0 0 10px; color: #1a1a1a; }
body.fd-site .vandor-sidebar ul.vandorcat-list { list-style: none; margin: 0; padding: 0; }
body.fd-site .vandor-sidebar ul.vandorcat-list li a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #3b3b3b !important; font-size: 14px; font-weight: 600; text-decoration: none; }
body.fd-site .vandor-sidebar ul.vandorcat-list li a:hover, body.fd-site .vandor-sidebar ul.vandorcat-list li.active a { background: rgba(var(--brand-rgb, 232, 84, 26), .08); color: var(--brand, #e8541a) !important; }
body.fd-site .vandor-sidebar ul.vandorcat-list li a span { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; background: #f4f4f4; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; }
body.fd-site .vandor-sidebar ul.vandorcat-list li a span img { width: 22px; height: 22px; object-fit: contain; }

/* "see more" + empty states produced by scripts */
body.fd-site .fu-loadmore-btn { justify-content: center; margin-top: 8px; }
body.fd-site .fu-loadmore-btn .loadmore-btn, body.fd-site #load-more { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #1a1a1a !important; border: 1.5px solid #e6e6e6; border-radius: 12px; padding: 11px 22px; font-weight: 700; font-size: 14px; text-decoration: none; }
body.fd-site .fu-loadmore-btn .loadmore-btn:hover, body.fd-site #load-more:hover { border-color: var(--brand, #e8541a); color: var(--brand, #e8541a) !important; }
body.fd-site .zone-error { background: #fff; border: 1px solid #efefef; border-radius: 20px; }

/* listing pages: section wrapper, filter bar, counts */
body.fd-site .fd-page-section { padding: 26px 0 40px; }
body.fd-site .fd-filter-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); margin-bottom: 22px; }
body.fd-site .fd-filter-bar .fd-field { margin: 0; flex: 1 1 200px; }
body.fd-site .fd-filter-bar .fd-field--search { flex: 2 1 280px; }
body.fd-site .fd-search-input { position: relative; }
body.fd-site .fd-search-input .form-control { padding-right: 46px; }
body.fd-site .fd-search-input .fd-search-btn { position: absolute; right: 6px; top: 6px; width: 36px; height: 36px; border-radius: 10px; border: 0; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
body.fd-site .fd-count-pill { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #efefef; border-radius: 50px; padding: 8px 16px; font-size: 13.5px; font-weight: 700; color: #1a1a1a; margin-bottom: 18px; }
body.fd-site .fd-count-pill i { color: var(--brand, #e8541a); }
body.fd-site .not_found_div { background: #fff; border: 1px solid #efefef; border-radius: 20px; }

/* heroes with a form / visual column (rental search, cab app promo) */
body.fd-site .fd-hero--split .fd-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; }
body.fd-site .fd-hero-card { background: #fff; border: 1px solid #efefef; border-radius: 22px; box-shadow: 0 18px 44px rgba(0,0,0,.10); padding: 24px 24px 22px; }
body.fd-site .fd-hero-card__title { font-size: 18px; font-weight: 800; color: #1a1a1a; margin: 0 0 2px; display: flex; align-items: center; gap: 8px; }
body.fd-site .fd-hero-card__title i { color: var(--brand, #e8541a); }
body.fd-site .fd-hero-card__sub { font-size: 13px; color: #8a8a8a; margin: 0 0 16px; }
body.fd-site .fd-hero-card .fd-field { margin-bottom: 12px; }
body.fd-site .fd-hero-card .fd-btn-brand { width: 100%; justify-content: center; margin-top: 4px; }
body.fd-site .fd-hero-card .noData { display: block; font-size: 13px; font-weight: 600; margin: 0 0 10px; }
body.fd-site .fd-hero-card .noData:empty { display: none; }
body.fd-site .fd-hero__visual { display: flex; align-items: center; justify-content: center; }
body.fd-site .fd-hero__visual img { max-width: 100%; max-height: 360px; object-fit: contain; filter: drop-shadow(0 24px 40px rgba(0,0,0,.14)); }
body.fd-site .fd-app-badges { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 0; }
body.fd-site .fd-app-badge { display: inline-flex; align-items: center; gap: 10px; background: #1a1a1a; color: #fff !important; border-radius: 12px; padding: 10px 16px; text-decoration: none; }
body.fd-site .fd-app-badge i { font-size: 22px; }
body.fd-site .fd-app-badge small { display: block; font-size: 10px; opacity: .8; line-height: 1; }
body.fd-site .fd-app-badge strong { display: block; font-size: 14px; line-height: 1.15; }
body.fd-site .fd-app-badge:hover { background: #333; color: #fff !important; }
body.fd-site .cabLandingPage:not(:empty) { margin-top: 10px; }
body.fd-site .cabLandingPage:not(:empty) ~ .fd-cab-fallback { display: none; }
@media (max-width: 991px) {
    body.fd-site .fd-hero--split .fd-hero__grid { grid-template-columns: 1fr; gap: 22px; }
    body.fd-site .fd-hero__visual { display: none; }
}

/* rental: booking summary + order cards (markup kept for the scripts) */
body.fd-site .carbook-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
body.fd-site .carbook-summary-box { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 14px 16px; margin: 0 !important; }
body.fd-site .carbook-summary-box h3 { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0 0 8px; }
body.fd-site .carbook-summary-box p { margin: 0 0 4px; font-size: 14px; color: #1a1a1a; font-weight: 600; display: flex; align-items: flex-start; gap: 8px; }
body.fd-site .carbook-summary-box p .icon, body.fd-site .carbook-summary-box p span { color: var(--brand, #e8541a); display: inline-flex; align-items: center; }
body.fd-site .carbook-summary-box p .icon img, body.fd-site .carbook-summary-box p span img { width: 22px; height: 22px; object-fit: contain; }
body.fd-site .carbook-summary-box p b { font-weight: 600; }
body.fd-site .rentalcar-list { background: #fff; border: 1px solid #efefef !important; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 18px 20px !important; margin-bottom: 16px; }
body.fd-site .rentalcar-list .car-img img { width: 100%; max-width: 160px; border-radius: 14px; object-fit: cover; }
body.fd-site .rentalcar-list .car-detail h3, body.fd-site .rentalcar-list .car-det-title h3 { font-size: 17px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; }
body.fd-site .rentalcar-list .car-detail p, body.fd-site .rentalcar-list .car-det-title p { font-size: 13.5px; color: #5a5a5a; margin: 0; }
body.fd-site .rentalcar-list .car-price, body.fd-site .rentalcar-list .car-price span { font-size: 18px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .rentalcar-list .badge { border-radius: 50px; padding: 5px 10px; font-weight: 700; }
body.fd-site .rentalcar-list .btn-primary, body.fd-site .rentalcar-list a.btn { background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700; padding: 9px 16px; color: #fff !important; }
body.fd-site .rentalcar-user { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #ececec; }
body.fd-site .rentalcar-user .driver_image img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
body.fd-site .rentalcar-user .drinfo { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; }
body.fd-site .rentalcar-user h5 { font-size: 15px; font-weight: 800; margin: 2px 0; color: #1a1a1a; }
body.fd-site .carbook-rg-summary-box { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 20px 22px !important; }
body.fd-site .carbook-rg-summary-box h5 { font-size: 17px; font-weight: 800; color: #1a1a1a; margin: 0 0 12px; }
body.fd-site .carbook-rg-summary-box p { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 9px 0; font-size: 14px; color: #5a5a5a; border-bottom: 1px dashed #ececec; }
body.fd-site .carbook-rg-summary-box p label { margin: 0; font-weight: 600; }
body.fd-site .carbook-rg-summary-box p .float-right { float: none !important; font-weight: 700; color: #1a1a1a; }
body.fd-site .carbook-rg-summary-box hr { display: none; }
body.fd-site .carbook-rg-summary-box h6 { display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #1a1a1a; margin-top: 8px; padding-top: 14px; font-size: 16px; font-weight: 800; color: #1a1a1a; }
body.fd-site .carbook-rg-summary-box h6 p, body.fd-site .carbook-rg-summary-box h6 .text-total-price { border: 0; padding: 0; margin: 0; font-size: 20px; font-weight: 800; color: var(--brand, #e8541a); float: none !important; }
body.fd-site .carbook-rg-summary-box .btm-total:empty { display: none; }
body.fd-site .carbook-payment-option h3 { font-size: 13px; font-weight: 700; color: #3b3b3b; margin: 14px 0 8px; }
body.fd-site .car-book-pay-btn .btn { display: flex; width: 100%; justify-content: center; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 12px !important; padding: 13px 20px !important; font-weight: 700; font-size: 15px; color: #fff !important; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); }
body.fd-site .fd-rental-summary .search-box-inner { display: flex; gap: 8px; }
body.fd-site .fd-rental-summary .search-box-inner .form-control { height: 46px; border: 1.5px solid #ececec !important; border-radius: 12px !important; padding: 0 14px; font-size: 14px; background: #fafafa; }
body.fd-site .fd-rental-summary .search-box-inner .btn { flex: 0 0 auto; border-radius: 12px !important; background: #1a1a1a !important; border: 0 !important; color: #fff !important; font-weight: 700; padding: 0 18px; }
@media (max-width: 767px) { body.fd-site .carbook-summary { grid-template-columns: 1fr; } }

/* rental: detail page pieces + order list cards built by the scripts */
body.fd-site .fd-rental-car { display: flex; align-items: center; gap: 16px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dashed #ececec; }
body.fd-site .fd-rental-car__img { flex: 0 0 120px; }
body.fd-site .fd-rental-car__img img { width: 120px; height: 90px; object-fit: cover; border-radius: 14px; background: #f4f4f4; }
body.fd-site .fd-rental-car__body { flex: 1 1 auto; min-width: 0; }
body.fd-site .fd-rental-car__body h3 { font-size: 18px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; }
body.fd-site .fd-rental-car__body p { font-size: 13.5px; color: #5a5a5a; margin: 0; }
body.fd-site .fd-rental-car__price { font-size: 20px; font-weight: 800; color: var(--brand, #e8541a); white-space: nowrap; }
body.fd-site .fd-package { margin-bottom: 16px; }
body.fd-site .fd-package h3 { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0 0 8px; }
body.fd-site .fd-package ul.package_list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 16px; }
body.fd-site .fd-package ul.package_list li { font-size: 13.5px; color: #1a1a1a; font-weight: 600; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 10px; padding: 8px 12px; }
body.fd-site .fd-package ul.package_list li label { display: block; font-size: 11.5px; color: #8a8a8a; font-weight: 600; margin: 0 0 2px; }
body.fd-site .carbook-rg-summary-box h5 i { color: var(--brand, #e8541a); margin-right: 6px; }
body.fd-site .carbook-rg-summary-box .carbook-payment-option { margin-top: 16px !important; }
body.fd-site .carbook-rg-summary-box .carbook-payment-option h3 { margin-top: 0; }
body.fd-site .carbook-rg-summary-box .car-book-pay-btn { margin-top: 14px; }
body.fd-site .carbook-rg-summary-box .car-book-pay-btn .fd-btn-brand { width: 100%; justify-content: center; }
/* coupon code + list inside any fd card (rental / on-demand reuse the parcel look) */
body.fd-site .fd-coupon__btn { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 0 18px; border: 0; border-radius: 12px; background: #1a1a1a; color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; }
body.fd-site .fd-form-card .coupon_detail { margin-top: 14px; }
body.fd-site .fd-form-card .coupon_detail:empty, body.fd-site .fd-form-card .coupon_detail:not(:has(li)) { display: none; }
body.fd-site .fd-form-card .coupon_detail .coupon-code label { font-size: 13px; font-weight: 600; color: #8a8a8a; border: 0; padding: 0; margin: 0 0 8px; letter-spacing: 0; display: block; }
body.fd-site .fd-form-card .coupon_detail .copupon-list ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
body.fd-site .fd-form-card .coupon_detail .copupon-list ul li { margin: 0; }
body.fd-site .fd-form-card .coupon_detail .copupon-list ul li a { display: inline-flex; align-items: center; padding: 8px 14px; border: 1.5px dashed var(--brand, #e8541a); border-radius: 50px; background: rgba(var(--brand-rgb, 232, 84, 26), .06); color: var(--brand, #e8541a) !important; font-weight: 700; font-size: 13px; letter-spacing: .4px; text-decoration: none; }
body.fd-site .fd-form-card .coupon_detail .copupon-list ul li a.active, body.fd-site .fd-form-card .coupon_detail .copupon-list ul li a:hover { background: var(--brand, #e8541a); color: #fff !important; border-style: solid; }
/* rental order list cards (template in rental_orders.blade.php) */
body.fd-site .order-rental-list-right .rentalcar-list { border-bottom: 1px solid #efefef !important; }
body.fd-site .order-rental-list-right .rentalcar-list .car-img img { width: 100%; max-width: 170px; height: 110px; object-fit: cover; border-radius: 14px; }
body.fd-site .order-rental-list-right .rentalcar-list .ratings .rate { font-size: 13.5px; color: #5a5a5a; }
body.fd-site .order-rental-list-right .rentalcar-list .car-feture { margin-top: 10px; }
body.fd-site .order-rental-list-right .rentalcar-list .car-feture h3 { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0 0 4px; }
body.fd-site .order-rental-list-right .rentalcar-list .car-feture p { font-size: 13.5px; color: #3b3b3b; margin: 0 0 2px; }
body.fd-site .order-rental-list-right .rentalcar-list a.btn-success { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; background: #fff !important; color: #1a1a1a !important; border: 1.5px solid #e6e6e6 !important; border-radius: 10px !important; padding: 8px 16px !important; font-weight: 700; font-size: 13.5px; }
body.fd-site .order-rental-list-right .rentalcar-list a.btn-success:hover { border-color: var(--brand, #e8541a) !important; color: var(--brand, #e8541a) !important; }
body.fd-site .order-rental-list-right .rentalcar-list .car-price { text-align: right; }
body.fd-site .order-rental-list-right .rentalcar-list .car-price .badge { background: #e9f8ef !important; color: #1a7d3a !important; font-size: 11.5px; margin-bottom: 8px; display: inline-block; }
body.fd-site .order-rental-list-right .rentalcar-list .car-price .price { display: block; font-size: 20px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .order-rental-list-right .carbook-summary { display: block; margin-top: 14px; padding-top: 14px; border-top: 1px dashed #ececec; }
body.fd-site .order-rental-list-right .carbook-summary .row { margin: 0 -7px; }
body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box { margin: 0 7px 10px !important; padding: 12px 14px; flex: 1 1 220px; max-width: none; }
body.fd-site .order-rental-list-right .carbook-summary-box p img { width: 18px; height: 18px; object-fit: contain; }
body.fd-site .order-rental-list-right .carbook-summary-box h3.otpcode_heading { margin-top: 8px; }
@media (max-width: 767px) {
    body.fd-site .fd-rental-car { flex-wrap: wrap; }
    body.fd-site .fd-package ul.package_list { grid-template-columns: 1fr; }
    body.fd-site .order-rental-list-right .rentalcar-list .car-price { text-align: left; margin-top: 10px; }
}

/* ===== eMart on-demand section ===== */
body.fd-site .fd-od-home .fd-hero { padding-bottom: 20px; }
body.fd-site .fd-toast-inline { display: inline-block; background: #e9f8ef; color: #1a7d3a; border-radius: 50px; padding: 8px 16px; font-weight: 700; font-size: 13px; margin: 0 0 14px; }
/* category tiles generic text (script builds different tags per page) */
body.fd-site .top-cat-list .cat-link > *:not(.cat-img) { font-size: 13.5px; font-weight: 700; margin: 0; color: #1a1a1a; }
/* provider card */
body.fd-site .fd-provider-card { text-align: center; }
body.fd-site .fd-provider-card__img img { width: 112px; height: 112px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); margin: 0 auto 12px; }
body.fd-site .fd-provider-card__name { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 8px; }
body.fd-site .fd-provider-card__name h2 { font-size: 20px; font-weight: 800; color: #1a1a1a; margin: 0; }
body.fd-site .fd-fav-btn { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid #eee; display: inline-flex; align-items: center; justify-content: center; color: #c0392b !important; text-decoration: none; }
body.fd-site .fd-fav-btn:hover, body.fd-site .fd-fav-btn.active { background: #c0392b; color: #fff !important; }
body.fd-site .fd-provider-card__row { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: #5a5a5a; margin: 4px 0; }
body.fd-site .fd-provider-card__row i { color: var(--brand, #e8541a); }
body.fd-site .fd-provider-card__rating { justify-content: center; }
/* service detail (script-built hero) */
body.fd-site .fd-service-hero { padding: 22px; }
body.fd-site .fd-service-hero .rent-cardet-left .product-image img { width: 100%; height: 360px; object-fit: cover; border-radius: 18px; }
body.fd-site .fd-service-hero .nav-slider .product-image img { height: 70px; border-radius: 10px; margin-top: 10px; }
body.fd-site .fd-service-hero .car-det-title h2 { font-size: 26px; font-weight: 800; color: #1a1a1a; margin: 0 0 6px; letter-spacing: -.3px; }
body.fd-site .fd-service-hero .rating.star .badge-success { background: #e9f8ef; color: #1a7d3a; font-weight: 700; border-radius: 50px; padding: 5px 10px; font-size: 12.5px; }
body.fd-site .fd-service-hero .rating.star .count { font-size: 13px; color: #8a8a8a; margin-left: 8px; }
body.fd-site .fd-service-hero .rating.star .addToFavorite, body.fd-site .fd-service-hero .rating.star .loginAlert { margin-left: 10px; color: #c0392b !important; }
body.fd-site .fd-service-hero .car-det-price .price { font-size: 24px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-service-hero .car-det-price .price s { font-size: 14px; color: #b5b5b5; font-weight: 500; margin-left: 6px; }
body.fd-site .fd-service-hero .carrent-det-rg-inner p, body.fd-site .fd-service-hero .carrent-det-rg-inner .description { font-size: 14px; color: #5a5a5a; line-height: 1.6; }
body.fd-site .fd-service-hero .carrent-det-rg-inner h3, body.fd-site .fd-service-hero .carrent-det-rg-inner h4, body.fd-site .fd-service-hero .carrent-det-rg-inner h5 { font-size: 13px; font-weight: 700; color: #8a8a8a; text-transform: uppercase; letter-spacing: .4px; margin: 14px 0 6px; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .btn-primary, body.fd-site .fd-service-hero .carrent-det-rg-inner .btn.add-to-cart { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 12px !important; padding: 12px 24px !important; font-weight: 700; color: #fff !important; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); }
body.fd-site .fd-service-hero .carrent-det-rg-inner .count-number .btn { border-radius: 10px !important; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .badge { border-radius: 50px; padding: 5px 10px; font-weight: 700; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .category_name, body.fd-site .fd-service-hero .carrent-det-rg-inner .subCategory_name { display: inline-block; background: rgba(var(--brand-rgb, 232, 84, 26), .08); color: var(--brand, #e8541a); border-radius: 50px; padding: 4px 10px; font-size: 12.5px; font-weight: 700; margin: 4px 6px 4px 0; }
body.fd-site .main-specification h3, body.fd-site .main-specification h4 { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 0 0 8px; }
body.fd-site .main-specification p, body.fd-site .main-specification li { font-size: 14px; color: #5a5a5a; line-height: 1.6; }
body.fd-site .review-inner .user-ratings { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 14px 16px; margin-bottom: 10px; }
body.fd-site .review-inner .user-ratings img { border-radius: 50%; object-fit: cover; }
body.fd-site .review-inner .user-ratings h6, body.fd-site .review-inner .user-ratings h5 { font-size: 14px; font-weight: 800; margin: 0 0 2px; }
body.fd-site .review-inner .user-ratings p { font-size: 13.5px; color: #5a5a5a; margin: 4px 0 0; }
body.fd-site .review-inner .user-ratings .photos ul { list-style: none; display: flex; gap: 8px; padding: 0; margin: 8px 0 0; flex-wrap: wrap; }
body.fd-site .review-inner .user-ratings .photos li img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; }
body.fd-site .fd-trust-card { padding: 16px 18px; }
body.fd-site .fd-trust-card__row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #ececec; font-size: 14px; font-weight: 600; color: #1a1a1a; }
body.fd-site .fd-trust-card__row:last-child { border-bottom: 0; }
body.fd-site .fd-trust-card__row i { width: 36px; height: 36px; border-radius: 10px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; font-size: 17px; flex: 0 0 36px; }
body.fd-site .fd-seller-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
body.fd-site .fd-seller-card__img img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
body.fd-site .fd-seller-card__name, body.fd-site .fd-seller-card__name a { display: block; font-size: 16px; font-weight: 800; color: #1a1a1a !important; text-decoration: none; }
body.fd-site .fd-seller-card__sub { display: block; font-size: 12.5px; color: #8a8a8a; }
body.fd-site .fd-seller-card__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
body.fd-site .fd-seller-card__stats .review-box { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 12px; padding: 10px; text-align: center; }
body.fd-site .fd-seller-card__stats .review-box span { display: block; font-size: 18px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-seller-card__stats .review-box small { font-size: 12px; color: #8a8a8a; font-weight: 600; }
body.fd-site .fd-seller-card .visit-store .fd-btn-brand { width: 100%; justify-content: center; }
body.fd-site .related-products .title h5, body.fd-site .related-products h5 { font-size: 20px; font-weight: 800; }
/* checkout: coupon list the script builds into #coupon_list */
body.fd-site #coupon_list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
body.fd-site #coupon_list ul li { display: flex; align-items: center; gap: 10px; border: 1.5px dashed var(--brand, #e8541a); border-radius: 14px; padding: 10px 14px; background: rgba(var(--brand-rgb, 232, 84, 26), .05); font-size: 13px; color: #3b3b3b; cursor: pointer; }
body.fd-site #coupon_list ul li .per-off { font-weight: 800; color: var(--brand, #e8541a); white-space: nowrap; }
body.fd-site #coupon_list ul li:hover { background: rgba(var(--brand-rgb, 232, 84, 26), .12); }
body.fd-site .fd-od-checkout .add-note { margin-bottom: 16px; }
body.fd-site .fd-od-checkout #add_address { margin-top: 6px; align-self: flex-start; }
body.fd-site .fd-od-checkout .sticky_sidebar .btn.btn-primary { background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 12px !important; font-weight: 700; }
/* bookings list cards (script-built, bootstrap utility classes) */
body.fd-site .fd-bookings #myTabContent .pb-3 > .p-3.rounded.shadow-sm.bg-white { border: 1px solid #efefef; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; padding: 18px 20px !important; }
body.fd-site .fd-bookings #myTabContent .pb-3 > .p-3.rounded.shadow-sm.bg-white .border-bottom { border-color: #ececef !important; }
body.fd-site .fd-bookings #myTabContent img { border-radius: 12px; object-fit: cover; }
body.fd-site .fd-bookings #myTabContent .btn-outline-primary { border: 1.5px solid #e6e6e6 !important; color: #1a1a1a !important; border-radius: 10px !important; font-weight: 700; padding: 8px 16px; }
body.fd-site .fd-bookings #myTabContent .btn-outline-primary:hover { border-color: var(--brand, #e8541a) !important; color: var(--brand, #e8541a) !important; background: #fff !important; }
body.fd-site .fd-bookings #myTabContent .btn-primary, body.fd-site .fd-bookings #myTabContent .btn-danger { border-radius: 10px !important; font-weight: 700; }
body.fd-site .fd-bookings #myTabContent .total_payment { font-size: 12.5px; }
body.fd-site .fd-bookings #myTabContent .total_payment span { font-size: 17px; font-weight: 800; color: var(--brand, #e8541a) !important; }
body.fd-site .fd-bookings #myTabContent .badge { border-radius: 50px; padding: 5px 10px; font-weight: 700; }
body.fd-site .fd-bookings #myTabContent h6, body.fd-site .fd-bookings #myTabContent h5 { font-weight: 800; }
body.fd-site .fd-bookings #myTabContent p.h5 { color: #8a8a8a; padding: 40px 0; }
body.fd-site .fd-bookings #pending_orders > .fd-tab-loader:not(:only-child), body.fd-site .fd-bookings #accepted_orders > .fd-tab-loader:not(:only-child), body.fd-site .fd-bookings #ongoing_orders > .fd-tab-loader:not(:only-child), body.fd-site .fd-bookings #completed_orders > .fd-tab-loader:not(:only-child), body.fd-site .fd-bookings #rejected_orders > .fd-tab-loader:not(:only-child) { display: none; }
/* booking detail pages: inner legacy markup restyled in place */
body.fd-site .fd-booking-detail section.bg-white.rounded { border: 1px solid #efefef; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; }
body.fd-site .fd-booking-detail .gendetail-row .card, body.fd-site .fd-booking-detail .resturant-detail .card { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; box-shadow: none; }
body.fd-site .fd-booking-detail .gendetail-row .card h3 { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0 0 10px; }
body.fd-site .fd-booking-detail .gendetail-col { margin-bottom: 6px; }
body.fd-site .fd-booking-detail .gendetail-col label { font-size: 14px; color: #1a1a1a; margin: 0; }
body.fd-site .fd-booking-detail .gendetail-col label strong { color: #5a5a5a; font-weight: 600; }
body.fd-site .fd-booking-detail .bill-address p { font-size: 14px; margin: 0 0 4px; }
body.fd-site .fd-booking-detail .resturant-detail .card-header { background: transparent; border: 0; padding: 14px 16px 0; }
body.fd-site .fd-booking-detail .resturant-detail .card-header-title { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0; }
body.fd-site .fd-booking-detail .resturant-detail .card-body { padding: 12px 16px 16px; }
body.fd-site .fd-booking-detail .resturant-detail .provider-img, body.fd-site .fd-booking-detail .resturant-detail .worker-img { object-fit: cover; border: 3px solid #fff; box-shadow: 0 6px 18px rgba(0,0,0,.1); }
body.fd-site .fd-booking-detail .resturant-detail h4 { font-size: 16px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; }
body.fd-site .fd-booking-detail .resturant-detail .contact-info { font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 14px 0 6px; }
body.fd-site .fd-booking-detail .resturant-detail p { font-size: 14px; margin: 0 0 4px; color: #1a1a1a; }
body.fd-site .fd-booking-detail .resturant-detail p strong { color: #5a5a5a; font-weight: 600; }
body.fd-site .fd-booking-detail .btn-primary { background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700; padding: 9px 16px; color: #fff !important; }
body.fd-site .fd-booking-detail .btn-danger, body.fd-site .fd-booking-detail .btn-secondary { border-radius: 10px !important; font-weight: 700; }
body.fd-site .fd-booking-detail .p-3.border-bottom h6.font-weight-bold { font-size: 15px; }
body.fd-site .fd-booking-detail #order-items img { border-radius: 12px; object-fit: cover; }
body.fd-site .fd-booking-detail #order-total, body.fd-site .fd-booking-detail .order-total h6 { color: var(--brand, #e8541a); font-size: 18px; }
body.fd-site .fd-booking-detail #booking-otp, body.fd-site .fd-booking-detail .otp { font-weight: 800; letter-spacing: 3px; color: var(--brand, #e8541a); }
@media (max-width: 767px) { body.fd-site .fd-service-hero .rent-cardet-left .product-image img { height: 240px; } }
/* on-demand polish after first screenshots */
body.fd-site .ecommerce-content .title .see-all a, body.fd-site .sis-home-page .title .see-all a { background: transparent !important; padding: 0 !important; border-radius: 0; color: var(--brand, #e8541a) !important; }
body.fd-site .list-card { border-color: #ececec !important; box-shadow: 0 3px 14px rgba(0,0,0,.06) !important; border-radius: 18px !important; background: #fff !important; }
body.fd-site .fd-service-hero .rating.star .badge-success, body.fd-site .fd-provider-card__rating .badge-success, body.fd-site .fd-booking-detail .provider-rating .badge-success { background: #e9f8ef !important; color: #1a7d3a !important; font-size: 12.5px !important; font-weight: 700 !important; padding: 5px 10px !important; border-radius: 50px !important; line-height: 1.2; }
body.fd-site .fd-bookings #myTabContent img.order_img { width: 80px !important; height: 80px !important; border-radius: 14px; object-fit: cover; }
body.fd-site .fd-provider-card__img:empty { display: none; }
body.fd-site .not_found_div.fd-empty { text-align: center; padding: 40px 20px; }
body.fd-site .not_found_div.fd-empty p { margin: 6px 0 0; }
body.fd-site .carbook-rg-summary-box p .float-right, body.fd-site .carbook-rg-summary-box h6 .text-total-price { white-space: nowrap; margin-left: 12px; }
body.fd-site .carbook-rg-summary-box p label { flex: 1 1 auto; }
body.fd-site .list-card { border: 1px solid #ececec !important; }
body.fd-site .list-card .list-card-image { height: auto !important; background: transparent !important; border-radius: 0 !important; }
body.fd-site .brand-list .list-card .list-card-image { display: flex; justify-content: center; padding-top: 18px; }
body.fd-site .brand-list .list-card .list-card-image img.item-img { width: 72px !important; height: 72px !important; }
body.fd-site .fd-od-checkout #item { position: relative; padding-right: 36px !important; }
body.fd-site .fd-od-checkout #item .remove_item { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: auto; padding: 0; margin: 0; flex: none; max-width: none; }
body.fd-site .list-card .list-card-image::after, body.fd-site .list-card .list-card-image::before { display: none !important; content: none !important; }

/* ===== eMart cab landing template (.emcab, content stored in Sections > Cab Service) =====
   Every section is full width (like the original template); content sits in .emcab-wrap. */
body.fd-site .emcab { display: block; }
body.fd-site .emcab section { margin: 0; }
body.fd-site .emcab-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
body.fd-site .emcab h1, body.fd-site .emcab h2, body.fd-site .emcab h3, body.fd-site .emcab h5 { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; color: #1a1a1a; letter-spacing: -.3px; margin: 0; }
body.fd-site .emcab p { color: #5a5a5a; font-size: 15px; line-height: 1.7; margin: 0; }
body.fd-site .emcab-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--brand, #e8541a); margin-bottom: 12px; }
body.fd-site .emcab-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--brand, #e8541a); }
body.fd-site .emcab-eyebrow--light { color: #fff; }
body.fd-site .emcab-eyebrow--light::before { background: #fff; }
body.fd-site .emcab-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff !important; border-radius: 12px; padding: 13px 26px; font-weight: 700; font-size: 15px; text-decoration: none !important; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); transition: transform .15s, box-shadow .15s; }
body.fd-site .emcab-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(var(--brand-rgb, 232, 84, 26), .36); }
body.fd-site .emcab-btn--ghost { background: rgba(255,255,255,.14); border: 1.5px solid rgba(255,255,255,.55); box-shadow: none; backdrop-filter: blur(4px); }
body.fd-site .emcab-sec-head { text-align: center; max-width: 720px; margin: 0 auto 40px; }
body.fd-site .emcab-sec-head h2 { font-size: 38px; margin-bottom: 12px; }
body.fd-site .emcab-sec-head p { font-size: 16px; }
/* top: the fd hero (styles come from the shared .fd-hero rules) */
body.fd-site .emcab-top .fd-app-badges { justify-content: center; }
/* photo banner */
body.fd-site .emcab-hero { position: relative; min-height: 540px; display: flex; align-items: center; justify-content: center; text-align: center; background: #0f1420; overflow: hidden; }
body.fd-site .emcab-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
body.fd-site .emcab-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,20,32,.15), rgba(15,20,32,.75)); }
body.fd-site .emcab-hero__content { position: relative; z-index: 1; padding: 70px 24px; max-width: 820px; }
body.fd-site .emcab-hero__content h2 { color: #fff; font-size: 54px; line-height: 1.1; margin-bottom: 16px; }
body.fd-site .emcab-hero__content p { color: rgba(255,255,255,.9); font-size: 18px; margin-bottom: 28px; }
body.fd-site .emcab-hero__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
/* about (white) */
body.fd-site .emcab-about { background: #fff; padding: 84px 0; }
body.fd-site .emcab-about__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
body.fd-site .emcab-about__text h2 { font-size: 44px; line-height: 1.1; margin-bottom: 18px; }
body.fd-site .emcab-about__text p { margin-bottom: 26px; font-size: 16px; }
body.fd-site .emcab-about__media { position: relative; }
body.fd-site .emcab-about__media img { width: 100%; height: 440px; object-fit: cover; border-radius: 24px; }
body.fd-site .emcab-bubble { position: absolute; left: -26px; bottom: 30px; width: 160px; height: 160px; border-radius: 50%; background: linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744)); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 16px 36px rgba(var(--brand-rgb, 232, 84, 26), .35); }
body.fd-site .emcab-bubble span { font-size: 13px; font-weight: 600; opacity: .9; }
body.fd-site .emcab-bubble strong { font-size: 36px; font-weight: 800; line-height: 1.1; }
body.fd-site .emcab-bubble small { font-size: 11.5px; opacity: .85; }
/* why choose us (dark, full width, brand checker strip at the bottom) */
body.fd-site .emcab-why { position: relative; background: #0f1420; padding: 84px 0 100px; }
body.fd-site .emcab-why::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; background: repeating-conic-gradient(var(--brand, #e8541a) 0 25%, #0f1420 0 50%) 0 0 / 36px 36px; opacity: .9; }
body.fd-site .emcab-why .emcab-sec-head h2 { color: #fff; }
body.fd-site .emcab-why__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.fd-site .emcab-feature { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; padding: 34px 26px; text-align: center; transition: transform .15s, background .15s; }
body.fd-site .emcab-feature:hover { transform: translateY(-4px); background: rgba(255,255,255,.08); }
body.fd-site .emcab-feature__icon { width: 92px; height: 92px; margin: 0 auto 20px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 28px rgba(0,0,0,.25); }
body.fd-site .emcab-feature__icon img { width: 50px; height: 50px; object-fit: contain; }
body.fd-site .emcab-feature h3 { color: #fff; font-size: 21px; margin-bottom: 10px; }
body.fd-site .emcab-feature p { color: rgba(255,255,255,.72); font-size: 14.5px; }
/* advantages (white) */
body.fd-site .emcab-adv { background: #fff; padding: 84px 0; }
body.fd-site .emcab-adv__grid { display: grid; grid-template-columns: 1fr 1.3fr 1fr; gap: 32px; align-items: center; }
body.fd-site .emcab-adv__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 26px; }
body.fd-site .emcab-adv__list li { display: flex; gap: 16px; align-items: flex-start; }
body.fd-site .emcab-adv__icon { flex: 0 0 60px; width: 60px; height: 60px; border-radius: 16px; background: #fff7f3; border: 1px solid rgba(var(--brand-rgb, 232, 84, 26), .18); display: inline-flex; align-items: center; justify-content: center; }
body.fd-site .emcab-adv__icon img { width: 32px; height: 32px; object-fit: contain; }
body.fd-site .emcab-adv__list h5 { font-size: 18px; margin-bottom: 4px; }
body.fd-site .emcab-adv__list p { font-size: 14.5px; }
body.fd-site .emcab-adv__car img { width: 100%; max-height: 320px; object-fit: contain; }
/* app download (dark, full width) */
body.fd-site .emcab-app { background: #0f1420; overflow: hidden; }
body.fd-site .emcab-app__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 30px; align-items: end; padding-top: 70px; }
body.fd-site .emcab-app__text { padding-bottom: 70px; }
body.fd-site .emcab-app__text h2 { color: #fff; font-size: 44px; line-height: 1.1; margin-bottom: 16px; }
body.fd-site .emcab-app__text p { color: rgba(255,255,255,.75); margin-bottom: 26px; font-size: 16px; }
body.fd-site .emcab-app__badges { display: flex; gap: 12px; flex-wrap: wrap; }
body.fd-site .emcab-app__badges img { height: 56px; width: auto; border-radius: 10px; }
body.fd-site .emcab-app__mockup { align-self: end; text-align: center; }
body.fd-site .emcab-app__mockup img { max-width: 100%; max-height: 420px; object-fit: contain; display: block; margin: 0 auto; }
@media (max-width: 991px) {
    body.fd-site .emcab-about__grid, body.fd-site .emcab-app__grid, body.fd-site .emcab-why__grid, body.fd-site .emcab-adv__grid { grid-template-columns: 1fr; }
    body.fd-site .emcab-adv__car { order: -1; }
    body.fd-site .emcab-hero { min-height: 420px; }
    body.fd-site .emcab-hero__content h2 { font-size: 36px; }
    body.fd-site .emcab-about__text h2, body.fd-site .emcab-app__text h2, body.fd-site .emcab-sec-head h2 { font-size: 30px; }
    body.fd-site .emcab-about, body.fd-site .emcab-adv { padding: 48px 0; }
    body.fd-site .emcab-why { padding: 48px 0 70px; }
    body.fd-site .emcab-app__grid { padding-top: 44px; }
    body.fd-site .emcab-app__text { padding-bottom: 36px; }
    body.fd-site .emcab-about__media img { height: 300px; }
    body.fd-site .emcab-bubble { left: 12px; width: 124px; height: 124px; }
    body.fd-site .emcab-bubble strong { font-size: 26px; }
}

/* rental home: search card polish (left-aligned, icon fields), ride tiles, how-it-works strip */
body.fd-site .fd-hero-card { text-align: left; }
body.fd-site .fd-hero-card__head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
body.fd-site .fd-hero-card__ico { width: 42px; height: 42px; border-radius: 12px; background: var(--fd-grad, linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744))); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex: 0 0 42px; }
body.fd-site .fd-hero-card__title { margin: 0; }
body.fd-site .fd-hero-card__sub { margin: 2px 0 0; }
body.fd-site .fd-hero-card .fd-field > label { text-align: left; }
body.fd-site .fd-field--icon .fd-field__wrap { position: relative; }
body.fd-site .fd-field--icon .fd-field__wrap > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--brand, #e8541a); font-size: 16px; pointer-events: none; }
body.fd-site .fd-field--icon .fd-field__wrap .form-control { padding-left: 42px; }
body.fd-site .fd-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.fd-site .fd-hero-card .noData { text-align: left; }
body.fd-site .fd-hero-card .fd-btn-brand { margin-top: 6px; font-size: 16px; padding: 15px 26px; }
body.fd-site .fd-rental-home .fd-hero--split .fd-hero__grid { grid-template-columns: 1fr 1.05fr; }
/* choose your ride */
body.fd-site .fd-rental-rides, body.fd-site .fd-rental-how { padding: 36px 0 10px; }
body.fd-site .fd-ride-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
body.fd-site .fd-ride-tile { display: flex; flex-direction: column; background: #fff; border: 1.5px solid #ececec; border-radius: 18px; padding: 16px; text-decoration: none !important; color: #1a1a1a !important; box-shadow: 0 3px 14px rgba(0,0,0,.05); transition: transform .15s, box-shadow .15s, border-color .15s; }
body.fd-site .fd-ride-tile:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.09); border-color: var(--brand, #e8541a); }
body.fd-site .fd-ride-tile.is-active { border-color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .05); }
body.fd-site .fd-ride-tile__img { display: flex; align-items: center; justify-content: center; height: 110px; margin-bottom: 12px; }
body.fd-site .fd-ride-tile__img img { max-width: 100%; max-height: 110px; object-fit: contain; }
body.fd-site .fd-ride-tile__name { font-size: 16px; font-weight: 800; }
body.fd-site .fd-ride-tile__desc { font-size: 13px; color: #8a8a8a; margin-top: 2px; }
body.fd-site .fd-ride-tile__cta { margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--brand, #e8541a); display: inline-flex; align-items: center; gap: 6px; }
/* how it works */
body.fd-site .fd-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
body.fd-site .fd-how-step { position: relative; background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 22px 20px 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
body.fd-site .fd-how-step__num { position: absolute; top: 14px; right: 16px; font-size: 32px; font-weight: 800; color: rgba(var(--brand-rgb, 232, 84, 26), .14); line-height: 1; }
body.fd-site .fd-how-step__ico { width: 46px; height: 46px; border-radius: 14px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 14px; }
body.fd-site .fd-how-step h4 { font-size: 16px; font-weight: 800; color: #1a1a1a; margin: 0 0 6px; }
body.fd-site .fd-how-step p { font-size: 13.5px; color: #5a5a5a; line-height: 1.6; margin: 0; }
@media (max-width: 991px) { body.fd-site .fd-how-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { body.fd-site .fd-how-grid, body.fd-site .fd-field-row { grid-template-columns: 1fr; } }

/* ===== Select Sections modal (#select_store_model) in the fd design ===== */
body.fd-site #select_store_model .modal-dialog { max-width: 760px; }
body.fd-site #select_store_model .modal-content { border: 0; border-radius: 22px; box-shadow: 0 24px 60px rgba(0,0,0,.18); overflow: hidden; }
body.fd-site #select_store_model .modal-header { position: relative; display: block; text-align: center; padding: 22px 64px 18px; border-bottom: 1px solid #f0f0f0; background: #fff; }
body.fd-site #select_store_model .modal-header h5 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; color: #1a1a1a; margin: 0; padding: 0; }
body.fd-site #select_store_model .modal-header h5::before, body.fd-site #select_store_model .modal-header h5::after, body.fd-site #select_store_model .modal-header::before { display: none !important; content: none !important; }
body.fd-site #select_store_model .modal-header::after { content: attr(data-sub); display: block; font-size: 13px; color: #8a8a8a; margin-top: 4px; position: static; }
body.fd-site #select_store_model .modal-header .close { position: absolute; right: 16px; top: 16px; width: 36px; height: 36px; margin: 0; padding: 0; border-radius: 50%; background: #f3f4f6; color: #1a1a1a; opacity: 1; font-size: 22px; font-weight: 400; line-height: 36px; text-shadow: none; float: none; transition: background .15s, transform .15s; }
body.fd-site #select_store_model .modal-header .close:hover { background: #e9eaee; transform: rotate(90deg); }
body.fd-site #select_store_model .modal-body { padding: 22px 24px 8px; background: #fafafa; }
body.fd-site #select_store_model .section_list { margin: 0 -8px; }
body.fd-site #select_store_model .section_list .section-list-inner { padding: 0 8px; margin-bottom: 16px !important; }
body.fd-site #select_store_model .section_list .section-block { border: 1.5px solid #ececec !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; padding: 20px 10px 16px !important; background: #fff; transition: transform .15s, box-shadow .15s, border-color .15s, background .15s; }
body.fd-site #select_store_model .section_list .section-block:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(0,0,0,.1) !important; border-color: var(--brand, #e8541a) !important; }
body.fd-site #select_store_model .section_list .section-selected .section-block { border-color: var(--brand, #e8541a) !important; background: rgba(var(--brand-rgb, 232, 84, 26), .06); box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .14) !important; }
body.fd-site #select_store_model .section_list .section-block .section-img { display: flex; align-items: center; justify-content: center; height: 64px; }
body.fd-site #select_store_model .section_list .section-block .section-img img { width: auto; height: 56px; object-fit: contain; }
body.fd-site #select_store_model .section_list .section-block .section-name { font-size: 14px; font-weight: 700; color: #1a1a1a; line-height: 1.3; margin-top: 10px !important; }
body.fd-site #select_store_model .section_list .section-selected .section-block .section-name { color: var(--brand, #e8541a); }
/* legacy corner checkbox -> brand check badge, top-right */
body.fd-site #select_store_model .section_list .section-block::before { display: none !important; content: none !important; }
body.fd-site #select_store_model .section_list .section-block::after { content: "" !important; position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 0 !important; background: var(--brand, #e8541a) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important; opacity: 0; transform: scale(.6); transition: opacity .15s, transform .15s; }
body.fd-site #select_store_model .section_list .section-selected .section-block::after { opacity: 1 !important; transform: scale(1); }
@media (max-width: 575px) { body.fd-site #select_store_model .modal-header { padding: 18px 56px 14px 18px; text-align: left; } body.fd-site #select_store_model .section_list .section-list-inner { flex: 0 0 50%; max-width: 50%; } }
body.fd-site #select_store_model .modal-header .text-danger, body.fd-site #select_store_model .modal-body > p, body.fd-site #select_store_model .modal-body > .text-danger { color: #8a8a8a !important; font-size: 13px; text-align: center; margin: -8px 0 12px; }
/* hero wash follows the section colour too */
body.fd-site .fd-hero { background: linear-gradient(180deg, rgba(var(--brand-rgb, 232, 84, 26), .10) 0%, rgba(var(--brand-rgb, 232, 84, 26), .04) 60%, #fff 100%) !important; }
body.fd-site #select_store_model .section_list .section-selected .section-block { cursor: default; }
body.fd-site #select_store_model .section_list .section-selected .section-block:hover { transform: none; }
/* section heads with a subline under the title */
body.fd-site .sis-home-page .title.fd-sec-head { display: block; margin-bottom: 20px; }
body.fd-site .sis-home-page .title.fd-sec-head h5 { margin-bottom: 4px; }
body.fd-site .fd-sec-sub { font-size: 14px; color: #8a8a8a; margin: 0; }
/* legacy style.css caps the select2 selected text at 107px; let it use the whole box */
body.fd-site .fd-field .select2-container--default .select2-selection--single .select2-selection__rendered, body.fd-site .fd-select .select2-container--default .select2-selection--single .select2-selection__rendered { max-width: none !important; width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; }
/* typography: legacy style.css restyles <label> (Poppins, light, grey); keep every label in the fd font */
body.fd-site label { font-family: 'Plus Jakarta Sans', sans-serif !important; letter-spacing: 0 !important; }
body.fd-site .fd-totals .payment-total, body.fd-site .fd-totals .payment-total label { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #5a5a5a !important; margin: 0; line-height: 1.4; }
body.fd-site .fd-totals .payment-total .price { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700 !important; color: #1a1a1a !important; font-size: 14px; }
body.fd-site .fd-totals .payment-total.fd-grand label { font-size: 16px !important; color: #1a1a1a !important; font-weight: 800 !important; }
body.fd-site .fd-totals .payment-total.fd-grand .price { font-size: 20px; font-weight: 800 !important; color: var(--brand, #e8541a) !important; }
body.fd-site .fd-totals .payment-total .price.text-danger { color: #c0392b !important; }
body.fd-site .fd-field > label, body.fd-site .fd-summary h5, body.fd-site .carbook-rg-summary-box p label, body.fd-site .carbook-rg-summary-box p, body.fd-site .parcel_order .payment-total label, body.fd-site .parcel_order .payment-total { font-family: 'Plus Jakarta Sans', sans-serif !important; letter-spacing: 0 !important; }
body.fd-site .fd-field > label { font-weight: 600 !important; color: #3b3b3b !important; font-size: 13px !important; }
/* page loader: the six section icons instead of system emoji */
body.fd-site .fd-loader__track span i { font-size: 26px; color: var(--brand, #e8541a); line-height: 1; display: inline-block; }
body.fd-site .fd-loader__track span { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(var(--brand-rgb, 232, 84, 26), .08); }

/* rental orders / detail polish */
/* page-head action button: keep it readable on hover (the banner is brand coloured) */
body.fd-site .fd-page-head__action:hover { background: #fff !important; color: var(--brand-dark, #c0341f) !important; box-shadow: 0 8px 22px rgba(0,0,0,.18); }
/* star ratings: legacy rule relies on FontAwesome; draw them with the feather font instead */
body.fd-site .rating__item { font-family: 'feather' !important; font-size: 14px; color: #d9d9d9; display: inline-block; cursor: default; }
body.fd-site .rating__item::after, body.fd-site .rating .rating__item:nth-child(n)::after, body.fd-site .rating .rating__item:nth-child(n):after { content: "\e9d5" !important; }
body.fd-site .rating[data-rating="5.5"] .rating__item:nth-child(-n+5), body.fd-site .rating[data-rating="5"] .rating__item:nth-child(-n+5), body.fd-site .rating[data-rating="4.5"] .rating__item:nth-child(-n+4), body.fd-site .rating[data-rating="4"] .rating__item:nth-child(-n+4), body.fd-site .rating[data-rating="3.5"] .rating__item:nth-child(-n+3), body.fd-site .rating[data-rating="3"] .rating__item:nth-child(-n+3), body.fd-site .rating[data-rating="2.5"] .rating__item:nth-child(-n+2), body.fd-site .rating[data-rating="2"] .rating__item:nth-child(-n+2), body.fd-site .rating[data-rating="1.5"] .rating__item:nth-child(1), body.fd-site .rating[data-rating="1"] .rating__item:nth-child(1) { color: #f5a623; }
body.fd-site .rating[data-rating="4.5"] .rating__item:nth-child(5), body.fd-site .rating[data-rating="3.5"] .rating__item:nth-child(4), body.fd-site .rating[data-rating="2.5"] .rating__item:nth-child(3), body.fd-site .rating[data-rating="1.5"] .rating__item:nth-child(2), body.fd-site .rating[data-rating="0.5"] .rating__item:nth-child(1) { color: #f5a623; opacity: .55; }
body.fd-site ul.rating { list-style: none; display: inline-flex; gap: 2px; margin: 0; padding: 0; }
body.fd-site .rentalcar-user .star-rating, body.fd-site .rentalcar-user .review { display: block; margin-top: 2px; }
/* payment method chip next to the payment status */
body.fd-site .fd-pay-method { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 50px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); font-size: 12px; font-weight: 700; text-transform: capitalize; vertical-align: middle; }
/* order list card: action buttons on one aligned row */
body.fd-site .order-rental-list-right .rentalcar-list .car-detail > a.btn, body.fd-site .order-rental-list-right .rentalcar-list .car-detail > .btn { display: inline-flex !important; align-items: center; vertical-align: middle; margin: 12px 8px 0 0 !important; height: 40px; padding: 0 16px !important; border-radius: 10px !important; font-weight: 700; font-size: 13.5px; line-height: 1; }
body.fd-site .order-rental-list-right .rentalcar-list .car-detail > a.btn-success { background: #fff !important; color: #1a1a1a !important; border: 1.5px solid #e6e6e6 !important; }
body.fd-site .order-rental-list-right .rentalcar-list .car-detail > a.btn-danger { background: #fdecec !important; color: #c0392b !important; border: 1.5px solid #f6c9c9 !important; }
body.fd-site .order-rental-list-right .rentalcar-list .car-detail > a.btn-danger:hover { background: #c0392b !important; color: #fff !important; }
/* rental order card: tighten the gaps (image column top-aligned, summary boxes equal height, no trailing space) */
body.fd-site .order-rental-list-right .rentalcar-list { padding: 18px 20px 14px !important; }
body.fd-site .order-rental-list-right .rentalcar-list > .row { align-items: flex-start; }
body.fd-site .order-rental-list-right .rentalcar-list .car-img { align-items: flex-start !important; padding-top: 4px; }
body.fd-site .order-rental-list-right .rentalcar-list .car-img img { width: 100%; max-width: 100%; height: 150px; object-fit: cover; border-radius: 14px; background: #f4f4f4; }
body.fd-site .order-rental-list-right .rentalcar-list .car-detail .car-det-title h3 { margin-top: 0; }
body.fd-site .order-rental-list-right .carbook-summary { margin-top: 12px; padding-top: 12px; }
body.fd-site .order-rental-list-right .carbook-summary > .row { display: flex; flex-wrap: wrap; align-items: stretch; margin: 0 -6px; }
body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box { flex: 1 1 260px !important; max-width: none !important; margin: 0 6px !important; }
body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box + .carbook-summary-box { margin-top: 0 !important; }
body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box p:last-child { margin-bottom: 0; }
@media (max-width: 767px) { body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box { margin: 0 6px 10px !important; } body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box:last-child { margin-bottom: 0 !important; } }
body.fd-site .order-rental-list-right .rentalcar-list .car-img img { object-fit: contain; padding: 10px; }
body.fd-site .rating__item::after { font-family: 'feather' !important; color: inherit; opacity: 1; font-size: 14px; display: inline-block; line-height: 1; visibility: visible; }
/* rental order card summary row: grid with equal-height boxes, independent of the legacy row/col rules */
body.fd-site .order-rental-list-right .carbook-summary { padding: 12px !important; margin-top: 12px !important; border-radius: 14px; }
body.fd-site .order-rental-list-right .carbook-summary > .row { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin: 0 !important; align-items: stretch; }
body.fd-site .order-rental-list-right .carbook-summary > .row::before, body.fd-site .order-rental-list-right .carbook-summary > .row::after { display: none; content: none; }
body.fd-site .order-rental-list-right .carbook-summary .carbook-summary-box { width: auto !important; max-width: none !important; min-height: 100%; height: auto !important; flex: none !important; margin: 0 !important; align-self: stretch !important; box-sizing: border-box; }
body.fd-site .order-rental-list-right .rentalcar-list { padding-bottom: 18px !important; }
/* on-demand category tiles: bigger icon in the circle (legacy rule shrinks the image) */
body.fd-site .top-cat-list .cat-link .cat-img { width: 84px !important; height: 84px !important; }
body.fd-site .top-cat-list .cat-link .cat-img img { width: 52px !important; height: 52px !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: contain; }
body.fd-site .top-cat-list .cat-link { padding: 18px 10px 16px; }

/* ===== service / provider / coupon cards (script-built .list-card markup) — foodie card look ===== */
body.fd-site .list-card { position: relative; display: flex; flex-direction: column; border: 1px solid #ececec !important; border-radius: 18px !important; box-shadow: 0 3px 14px rgba(0,0,0,.06) !important; overflow: hidden; height: 100%; }
body.fd-site .list-card .list-card-image { position: relative; margin: 0; padding: 0 !important; height: 168px !important; background: #f3f4f6; overflow: hidden; border-radius: 0 !important; }
body.fd-site .list-card .list-card-image a { display: block; height: 100%; }
body.fd-site .list-card .list-card-image img, body.fd-site .list-card .list-card-image .img-fluid, body.fd-site .pro-list .list-card-image .img-fluid { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: cover !important; display: block; margin: 0 !important; border-radius: 0 !important; transition: transform .25s; }
body.fd-site .list-card:hover .list-card-image img { transform: scale(1.04); }
body.fd-site .list-card .member-plan { position: absolute !important; top: 10px; left: 10px; z-index: 2; margin: 0 !important; }
body.fd-site .list-card .member-plan .badge { border-radius: 50px; padding: 5px 11px; font-size: 11px; font-weight: 700; letter-spacing: .3px; background: #fff; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,.14); display: inline-flex; align-items: center; gap: 5px; }
body.fd-site .list-card .member-plan .badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #1a7d3a; }
body.fd-site .list-card .member-plan .badge.close::before, body.fd-site .list-card .member-plan .badge.closed::before { background: #c0392b; }
/* rating pill moves onto the image (top-right) */
body.fd-site .list-card .star { position: absolute !important; top: 10px; right: 10px; z-index: 2; margin: 0 !important; }
body.fd-site .list-card .star .badge-success { background: #fff !important; color: #1a1a1a !important; font-weight: 800; border-radius: 50px; padding: 5px 10px; font-size: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.14); display: inline-flex; align-items: center; gap: 4px; }
body.fd-site .list-card .star .badge-success i { color: #f5a623; margin: 0; }
/* body */
body.fd-site .list-card > .py-2, body.fd-site .list-card > .p-3 { padding: 14px 16px 14px !important; display: flex; flex-direction: column; flex: 1 1 auto; }
body.fd-site .list-card .list-card-body { display: flex; flex-direction: column; flex: 1 1 auto; }
body.fd-site .list-card .list-card-body h6 { font-size: 15.5px; font-weight: 800; color: #1a1a1a; margin: 0 0 6px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.fd-site .list-card .list-card-body h6 a { color: #1a1a1a !important; text-decoration: none; }
body.fd-site .list-card .list-card-body h6:has(.fa-map-marker), body.fd-site .list-card .list-card-body h6 ~ h6 { font-size: 12.5px; font-weight: 500; color: #8a8a8a; margin: 0 0 8px; display: flex; align-items: center; gap: 5px; }
body.fd-site .list-card .list-card-body h6 .fa-map-marker { color: var(--brand, #e8541a); font-size: 13px; margin: 0 !important; }
body.fd-site .list-card .list-card-body p.text-gray, body.fd-site .list-card .list-card-body .text-gray.small { font-size: 12.5px; color: #8a8a8a !important; margin: 0 0 8px; display: flex; align-items: center; gap: 5px; }
body.fd-site .list-card .list-card-body .text-gray .fa-map-marker { color: var(--brand, #e8541a); }
body.fd-site .list-card .pro-price { display: block; font-size: 16px; font-weight: 800; color: var(--brand, #e8541a); margin: 0 0 10px; line-height: 1.2; }
body.fd-site .list-card .pro-price s { color: #b5b5b5; font-weight: 500; font-size: 12.5px; margin-left: 6px; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 { margin: auto 0 0 !important; padding-top: 10px; border-top: 1px dashed #ececec; font-size: 13px; color: #5a5a5a; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 img { width: 24px !important; height: 24px !important; object-fit: cover; border-radius: 50%; margin-right: 8px !important; background: #f3f4f6; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 a { color: #5a5a5a !important; font-weight: 600; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* coupon / offer cards: logo-style image on a soft tint, code as a dashed chip (click copies) */
body.fd-site .vendor-offer-section .list-card .list-card-image, body.fd-site #offers_coupons .list-card .list-card-image { height: 150px !important; background: rgba(var(--brand-rgb, 232, 84, 26), .06); display: flex; align-items: center; justify-content: center; padding: 16px !important; }
body.fd-site .vendor-offer-section .list-card .list-card-image img, body.fd-site #offers_coupons .list-card .list-card-image img { object-fit: contain !important; width: auto !important; max-width: 100% !important; height: 100% !important; border-radius: 10px !important; }
body.fd-site .vendor-offer-section .list-card:hover .list-card-image img, body.fd-site #offers_coupons .list-card:hover .list-card-image img { transform: none; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray { display: block; margin: 0; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1.5px dashed var(--brand, #e8541a); border-radius: 50px; background: rgba(var(--brand-rgb, 232, 84, 26), .06); color: var(--brand, #e8541a) !important; font-weight: 800; font-size: 13.5px; letter-spacing: .6px; text-decoration: none; cursor: pointer; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a:hover { background: var(--brand, #e8541a); color: #fff !important; border-style: solid; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a .fa { font-size: 13px; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a::after { content: attr(data-hint); }
body.fd-site #offers_coupons .list-card .list-card-body h6:empty { display: none; }
/* grid spacing */
body.fd-site .pro-list, body.fd-site .product-list { margin-bottom: 24px; }
@media (max-width: 767px) { body.fd-site .list-card .list-card-image { height: 150px !important; } }
/* "Open" badge: drop the legacy icon glyph; our own status dot only */
body.fd-site .list-card .member-plan .badge i, body.fd-site .list-card .member-plan .badge .fa, body.fd-site .list-card .member-plan .badge .feather { display: none !important; }
body.fd-site .list-card .member-plan .badge { background: #fff !important; color: #1a1a1a !important; }
body.fd-site .list-card .member-plan .badge.close, body.fd-site .list-card .member-plan .badge.closed { color: #c0392b !important; }
/* category sidebar: no coloured left border on the active item */
body.fd-site .vandor-sidebar ul.vandorcat-list li, body.fd-site .vandor-sidebar ul.vandorcat-list li a, body.fd-site .vandor-sidebar ul.vandorcat-list li.active, body.fd-site .vandor-sidebar ul.vandorcat-list li.active a { border: 0 !important; box-shadow: none !important; }
body.fd-site .vandor-sidebar ul.vandorcat-list li::before, body.fd-site .vandor-sidebar ul.vandorcat-list li a::before, body.fd-site .vandor-sidebar ul.vandorcat-list li::after { display: none !important; content: none !important; }
/* card fixes: rating pill anchors to the card (over the image), white pill, centred coupon logos, no empty sidebars */
body.fd-site .list-card > .py-2.position-relative, body.fd-site .list-card > .p-3.position-relative { position: static !important; }
body.fd-site .list-card .list-card-body .star .badge.badge-success, body.fd-site .list-card .star .badge.badge-success { background: #fff !important; color: #1a1a1a !important; border: 0 !important; }
body.fd-site .list-card .list-card-body .star .badge.badge-success i { color: #f5a623 !important; }
body.fd-site .vendor-offer-section .list-card .list-card-image, body.fd-site #offers_coupons .list-card .list-card-image { display: flex !important; align-items: center !important; justify-content: center !important; }
body.fd-site .vendor-offer-section .list-card .list-card-image img, body.fd-site #offers_coupons .list-card .list-card-image img { width: auto !important; max-width: 100% !important; margin: 0 auto !important; }
body.fd-site .vandor-sidebar:not(:has(li)) { display: none; }
body.fd-site .vendor-offer-section .list-card .list-card-image img, body.fd-site #offers_coupons .list-card .list-card-image img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; }
body.fd-site .list-card .d-flex.align-items-center.mr-2.mt-3 img { border: 1px solid #ececec; }
/* category page cards (.product-list): legacy pins the price bottom-right over the provider row; keep it in flow */
body.fd-site .product-list .list-card-body, body.fd-site .list-card .list-card-body { position: static !important; padding: 0 !important; }
body.fd-site .product-list .list-card-body .pro-price, body.fd-site .list-card .list-card-body .pro-price { position: static !important; right: auto; bottom: auto; order: 5; }
body.fd-site .list-card .list-card-body .d-flex.align-items-center.mr-2.mt-3 { order: 10; }
body.fd-site .list-card .list-card-body h6 { order: 1; }
body.fd-site .list-card .list-card-body h6:has(.fa-map-marker), body.fd-site .list-card .list-card-body h6 ~ h6 { order: 2; }
body.fd-site .list-card .list-card-body .text-gray { order: 3; }
body.fd-site .list-card .list-card-body .star { order: 4; }

/* ===== service detail: info block built by the page script ===== */
body.fd-site .fd-service-hero .carrent-det-rg-inner .store { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 !important; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .store h3 { margin: 0 !important; font-size: 14px; font-weight: 600; color: #5a5a5a; text-transform: none; letter-spacing: 0; display: inline-flex; align-items: center; gap: 6px; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .store h3:has(> span:empty) { display: none; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .store h3 .fa-map-marker { color: var(--brand, #e8541a); font-size: 15px; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .category_name, body.fd-site .fd-service-hero .carrent-det-rg-inner .subCategory_name { margin: 0 !important; font-size: 12px; padding: 5px 12px; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .category_name:empty, body.fd-site .fd-service-hero .carrent-det-rg-inner .subCategory_name:empty { display: none; }
body.fd-site .fd-service-hero .store a.time, body.fd-site .fd-service-hero .store a.fd-info-row { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; text-decoration: none !important; }
body.fd-site .fd-service-hero .fd-status-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 50px; background: #fdecec; color: #c0392b !important; font-size: 12.5px; font-weight: 700 !important; }
body.fd-site .fd-service-hero .fd-status-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #c0392b; }
body.fd-site .fd-service-hero .fd-status-pill.is-open { background: #e9f8ef; color: #1a7d3a !important; }
body.fd-site .fd-service-hero .fd-status-pill.is-open::before { background: #1a7d3a; }
body.fd-site .fd-service-hero .fd-status-pill.fd-days-label { background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a) !important; }
body.fd-site .fd-service-hero .fd-status-pill.fd-days-label::before { display: none; }
body.fd-site .fd-service-hero .fd-time-label { font-size: 13px; color: #8a8a8a !important; font-weight: 600 !important; }
body.fd-site .fd-service-hero .fd-time-label::after { content: ":"; }
body.fd-site .fd-service-hero .fd-time-text { font-size: 14px; font-weight: 700 !important; color: #1a1a1a !important; }
body.fd-site .fd-service-hero .fd-day-chip { display: inline-block; padding: 4px 10px; border-radius: 50px; background: #f3f4f6; color: #3b3b3b !important; font-size: 12.5px; font-weight: 600 !important; }
body.fd-site .fd-service-hero .description { margin: 14px 0 !important; }
body.fd-site .fd-service-hero .description p { font-size: 14.5px; color: #5a5a5a; line-height: 1.7; margin: 0; }
/* quantity + book now */
body.fd-site .fd-service-hero .quantity { margin: 16px 0 12px !important; }
body.fd-site .fd-service-hero .quantity .product-item-box { background: #fafafa; border: 1px solid #f0f0f0; border-radius: 14px; padding: 10px 14px; }
body.fd-site .fd-service-hero .quantity h3 { font-size: 12px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: #8a8a8a; margin: 0; }
body.fd-site .fd-service-hero .count-number { display: inline-flex; align-items: center; border: 1.5px solid #ececec; border-radius: 12px; background: #fff; overflow: hidden; }
body.fd-site .fd-service-hero .count-number .btn { width: 38px; height: 38px; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: var(--brand, #e8541a) !important; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; box-shadow: none !important; }
body.fd-site .fd-service-hero .count-number .btn:hover { background: rgba(var(--brand-rgb, 232, 84, 26), .08) !important; }
body.fd-site .fd-service-hero .count-number .count-number-input { width: 44px; height: 38px; border: 0; text-align: center; font-weight: 800; font-size: 15px; color: #1a1a1a; background: #fff; }
body.fd-site .fd-service-hero .addtocart { margin: 0 !important; }
body.fd-site .fd-service-hero .addtocart .booknow { display: flex; width: 100%; justify-content: center; align-items: center; gap: 8px; background: var(--fd-grad, linear-gradient(135deg, var(--brand, #e8541a), var(--brand-dark, #e23744))) !important; border: 0 !important; border-radius: 12px !important; padding: 15px 24px !important; font-weight: 700; font-size: 16px; color: #fff !important; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .28); margin: 0; }
body.fd-site .fd-service-hero .car-det-head { margin-bottom: 6px !important; }
body.fd-site .fd-service-hero .car-det-price .price { white-space: nowrap; }
/* service detail head polish: rating pill, favourite button, chips, no "days" label */
body.fd-site .fd-service-hero .rating.star { gap: 10px !important; margin: 6px 0 12px !important; }
body.fd-site .fd-service-hero .rating.star .badge.badge-success { display: inline-flex !important; align-items: center; gap: 5px; background: #fff !important; color: #1a1a1a !important; border: 1px solid #ececec !important; border-radius: 50px !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
body.fd-site .fd-service-hero .rating.star .badge.badge-success i { color: #f5a623 !important; font-size: 13px; margin: 0 !important; }
body.fd-site .fd-service-hero .rating.star .count { margin: 0 !important; font-size: 13.5px; color: #8a8a8a; }
body.fd-site .fd-service-hero .rating.star .addToFavorite, body.fd-site .fd-service-hero .rating.star .loginAlert { width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid #ececec; display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; color: #c0392b !important; font-size: 17px; box-shadow: 0 2px 8px rgba(0,0,0,.06); transition: background .15s, color .15s; }
body.fd-site .fd-service-hero .rating.star .addToFavorite i, body.fd-site .fd-service-hero .rating.star .loginAlert i { font-size: 17px !important; line-height: 1; }
body.fd-site .fd-service-hero .rating.star .addToFavorite:hover, body.fd-site .fd-service-hero .rating.star .addToFavorite.active, body.fd-site .fd-service-hero .rating.star .addToFavorite.is-favorite { background: #c0392b; color: #fff !important; border-color: #c0392b; }
body.fd-site .fd-service-hero .carrent-det-rg-inner .category_name, body.fd-site .fd-service-hero .carrent-det-rg-inner .subCategory_name { background: rgba(var(--brand-rgb, 232, 84, 26), .1) !important; color: var(--brand, #e8541a) !important; border: 0 !important; font-weight: 700 !important; font-size: 12.5px !important; padding: 5px 12px !important; border-radius: 50px !important; display: inline-block !important; }
body.fd-site .fd-service-hero .fd-status-pill.fd-days-label { display: none !important; }
/* reviews block: the script's own "Customer Reviews" heading is the only title */
body.fd-site .review-inner #customers_ratings_and_review > h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 20px; font-weight: 800; color: #1a1a1a; margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
body.fd-site .review-inner #customers_ratings_and_review > h3::before { content: "\e991"; font-family: 'feather'; color: var(--brand, #e8541a); font-weight: 400; }
body.fd-site .review-inner .overall-rating { display: inline-flex; align-items: center; gap: 10px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 50px; padding: 6px 14px 6px 6px; margin: 0 0 14px !important; }
body.fd-site .review-inner .overall-rating:empty { display: none; }
body.fd-site .review-inner .overall-rating .badge-success { background: #fff !important; color: #1a1a1a !important; border: 1px solid #ececec; border-radius: 50px; padding: 5px 10px; font-weight: 800; display: inline-flex; align-items: center; gap: 4px; }
body.fd-site .review-inner .overall-rating .badge-success i { color: #f5a623 !important; }
body.fd-site .review-inner .overall-rating .count { font-size: 13px; color: #8a8a8a; }
body.fd-site .review-inner .no_review_fount { background: #fafafa; border: 1px dashed #e6e6e6; border-radius: 14px; padding: 18px; text-align: center; color: #8a8a8a !important; font-weight: 600 !important; margin: 0; }
body.fd-site .fd-service-hero .rating.star .badge.badge-success i, body.fd-site .fd-service-hero .rating.star .badge.badge-success .feather-star { display: inline-block !important; width: auto !important; height: auto !important; }
body.fd-site .product-detail-page .fd-service-hero .car-det-title .rating.star .badge.badge-success i, body.fd-site .fd-service-hero .rating.star .badge.badge-success > i.feather-star { color: #f5a623 !important; font-size: 13px !important; }
body.fd-site .product-detail-page .review-inner .overall-rating .badge.badge-success { background: #fff !important; color: #1a1a1a !important; border: 1px solid #ececec !important; }
body.fd-site .product-detail-page .review-inner .overall-rating .badge.badge-success i { color: #f5a623 !important; }
body.fd-site .review-inner .user-ratings:empty, body.fd-site .review-inner .user-ratings:not(:has(*)), body.fd-site .review-inner .overall-rating:not(:has(*)) { display: none !important; }
/* service detail page: white page (like foodie detail pages), single-level cards, flat review list */
body.fd-site .fd-od-service.sis-main-body { background: #fff !important; }
body.fd-site .fd-od-service .car-detail-inner { background: transparent !important; padding: 0 !important; box-shadow: none !important; }
body.fd-site .fd-od-service .rental-detailed-ratings-and-reviews { margin-top: 24px !important; padding: 0 !important; border: 0 !important; }
body.fd-site .fd-od-service .fd-form-card { margin-bottom: 20px; }
body.fd-site .review-inner .user-ratings { background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important; display: block; }
body.fd-site .review-inner .user-ratings:not(:has(*)) { display: none !important; }
body.fd-site .rental-review .reviews-members { background: #fafafa !important; border: 1px solid #f0f0f0 !important; border-radius: 14px !important; padding: 14px 16px !important; margin: 0 0 12px !important; }
body.fd-site .rental-review .reviews-members:last-child { margin-bottom: 0 !important; }
body.fd-site .rental-review .reviews-members .media img { width: 44px; height: 44px; border-radius: 50% !important; object-fit: cover; background: #f3f4f6; }
body.fd-site .rental-review .reviews-members h6, body.fd-site .rental-review .reviews-members h6 a { font-size: 14.5px; font-weight: 800; color: #1a1a1a !important; margin: 0 0 2px; text-decoration: none; }
body.fd-site .rental-review .reviews-members .star-rating .feather-star { font-size: 13px; color: #d9d9d9; }
body.fd-site .rental-review .reviews-members .star-rating .feather-star.text-warning { color: #f5a623 !important; }
body.fd-site .rental-review .reviews-members .media-body > div:last-child, body.fd-site .rental-review .reviews-members .media-body .ml-auto, body.fd-site .rental-review .reviews-members .text-muted { font-size: 12.5px; color: #8a8a8a !important; }
body.fd-site .rental-review .reviews-members p { font-size: 14px; color: #3b3b3b; margin: 10px 0 0; line-height: 1.6; }
body.fd-site .rental-review .reviews-members hr, body.fd-site .rental-review .reviews-members .border-bottom { border-color: #ececec !important; }
body.fd-site .fd-od-service .related-products { margin-top: 10px !important; padding: 0 !important; }
body.fd-site .fd-od-service .related-products h3 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; color: #1a1a1a; letter-spacing: -.3px; border: 0 !important; padding: 0 !important; margin: 0 0 18px !important; }
/* service detail gallery: no inner box/shadow (the hero card is the only frame), neat thumbnails */
body.fd-site .fd-service-hero .main-slider, body.fd-site .fd-service-hero .nav-slider { margin: 0 !important; }
body.fd-site .fd-service-hero .main-slider .product-image { padding: 0 !important; }
body.fd-site .fd-service-hero .rent-cardet-left .product-image img, body.fd-site .fd-service-hero .main-slider .product-image img { box-shadow: none !important; background: #f3f4f6 !important; border-radius: 16px !important; height: 420px !important; width: 100% !important; object-fit: cover !important; }
body.fd-site .fd-service-hero .nav-slider { margin-top: 10px !important; }
body.fd-site .fd-service-hero .nav-slider .product-image { padding: 0 4px !important; }
body.fd-site .fd-service-hero .nav-slider .product-image img { height: 64px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 2px solid transparent !important; border-radius: 10px !important; box-shadow: none !important; background: #f3f4f6 !important; object-fit: cover !important; cursor: pointer; opacity: .75; transition: opacity .15s, border-color .15s; }
body.fd-site .fd-service-hero .nav-slider .product-image:hover img, body.fd-site .fd-service-hero .nav-slider .slick-current img { opacity: 1; border-color: var(--brand, #e8541a) !important; }
body.fd-site .fd-service-hero .nav-slider .slick-prev, body.fd-site .fd-service-hero .nav-slider .slick-next { z-index: 2; width: 28px; height: 28px; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
body.fd-site .fd-service-hero .nav-slider .slick-prev { left: -8px; } body.fd-site .fd-service-hero .nav-slider .slick-next { right: -8px; }
body.fd-site .fd-service-hero .nav-slider .slick-prev::before, body.fd-site .fd-service-hero .nav-slider .slick-next::before { color: #1a1a1a; font-size: 14px; opacity: 1; }
@media (max-width: 767px) { body.fd-site .fd-service-hero .rent-cardet-left .product-image img, body.fd-site .fd-service-hero .main-slider .product-image img { height: 260px !important; } }
/* status badge: one look on every page (round dot, white pill) */
body.fd-site .list-card .member-plan .badge::before, body.fd-site .product-list .list-card .member-plan .badge::before, body.fd-site .pro-list .list-card .member-plan .badge::before, body.fd-site .siddhi-popular .list-card .member-plan .badge::before, body.fd-site .related-products .list-card .member-plan .badge::before { content: "" !important; display: inline-block !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #1a7d3a !important; margin: 0 !important; position: static !important; }
body.fd-site .list-card .member-plan .badge.close::before, body.fd-site .list-card .member-plan .badge.closed::before, body.fd-site .product-list .list-card .member-plan .badge.closed::before { background: #c0392b !important; }
body.fd-site .product-list .list-card .member-plan .badge, body.fd-site .product-list .list-card .member-plan .badge.open, body.fd-site .product-list .list-card .member-plan .badge.closed { background: #fff !important; color: #1a1a1a !important; }
body.fd-site .product-list .list-card .member-plan .badge.closed { color: #c0392b !important; }
/* status dot: no outline (foodie's product-list rule draws a currentColor border) */
body.fd-site .list-card .member-plan .badge::before, body.fd-site .product-list .list-card .member-plan .badge::before { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
/* on-demand listing pages on white, like the home page */
body.fd-site .fd-od-categories.sis-main-body, body.fd-site .fd-od-services.sis-main-body, body.fd-site .fd-od-bycategory.sis-main-body, body.fd-site .fd-od-provider.sis-main-body, body.fd-site .fd-od-search.sis-main-body { background: #fff !important; }
/* on-demand checkout: legacy .checkout-left-inner indents the left column by 75px; align with the page head */
body.fd-site .fd-od-checkout .checkout-left-inner { padding: 0 !important; margin: 0 !important; }
/* on-demand cart: coupon input and Apply button share one 46px row */
body.fd-site #service_cart_list .input-group { align-items: stretch; height: auto; }
body.fd-site #service_cart_list .input-group #coupon_code, body.fd-site #service_cart_list .input-group .form-control { height: 46px !important; min-height: 46px; padding: 0 14px !important; font-size: 14px; border: 1.5px solid #ececec !important; border-right: 0 !important; border-radius: 12px 0 0 12px !important; background: #fafafa; box-shadow: none !important; }
body.fd-site #service_cart_list .input-group #coupon_code:focus { border-color: var(--brand, #e8541a) !important; background: #fff; }
body.fd-site #service_cart_list .input-group-append { height: 46px; }
body.fd-site #service_cart_list .input-group-append #apply-coupon-code, body.fd-site .sis-cart-item #apply-coupon-code { height: 46px !important; display: inline-flex !important; align-items: center; gap: 6px; padding: 0 18px !important; border-radius: 0 12px 12px 0 !important; line-height: 1; }
/* offers: ticket-style coupon cards (image stub on the left, code on the right, tap to copy) */
body.fd-site #offers_coupons .list-card { flex-direction: row !important; align-items: stretch; min-height: 118px; height: 100%; background: #fff !important; border: 1.5px dashed rgba(var(--brand-rgb, 232, 84, 26), .45) !important; box-shadow: none !important; overflow: visible !important; position: relative; }
body.fd-site #offers_coupons .list-card:hover { transform: none; box-shadow: 0 8px 22px rgba(var(--brand-rgb, 232, 84, 26), .12) !important; }
body.fd-site #offers_coupons .list-card::before, body.fd-site #offers_coupons .list-card::after { content: ""; position: absolute; left: 110px; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 1.5px dashed rgba(var(--brand-rgb, 232, 84, 26), .45); z-index: 2; }
body.fd-site #offers_coupons .list-card::before { top: -9px; border-top-color: transparent; border-left-color: transparent; }
body.fd-site #offers_coupons .list-card::after { bottom: -9px; border-bottom-color: transparent; border-right-color: transparent; }
body.fd-site #offers_coupons .list-card .list-card-image { flex: 0 0 118px; width: 118px; height: auto !important; min-height: 118px; padding: 0 !important; margin: 0; background: rgba(var(--brand-rgb, 232, 84, 26), .06) !important; border-radius: 16px 0 0 16px !important; border-right: 1.5px dashed rgba(var(--brand-rgb, 232, 84, 26), .45); display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
body.fd-site #offers_coupons .list-card .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
body.fd-site #offers_coupons .list-card > .py-2 { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 14px 16px !important; min-width: 0; }
body.fd-site #offers_coupons .list-card .list-card-body { justify-content: center; }
body.fd-site #offers_coupons .list-card .list-card-body h6:empty { display: none; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray { margin: 0; display: block; overflow: visible; white-space: normal; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1.5px dashed var(--brand, #e8541a); border-radius: 10px; background: rgba(var(--brand-rgb, 232, 84, 26), .06); color: var(--brand, #e8541a) !important; font-size: 15px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; max-width: 100%; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a .fa { font-size: 13px; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray::after { content: attr(data-hint); display: block; margin-top: 8px; font-size: 12px; color: #8a8a8a; font-weight: 600; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray:not([data-hint])::after { content: "Tap the code to copy"; }
@media (max-width: 575px) { body.fd-site #offers_coupons .list-card .list-card-image { flex-basis: 96px; width: 96px; min-height: 100px; } body.fd-site #offers_coupons .list-card::before, body.fd-site #offers_coupons .list-card::after { left: 88px; } }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray a { font-size: 13.5px; letter-spacing: .6px; padding: 8px 12px; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
body.fd-site #offers_coupons .list-card .list-card-body .text-gray::after { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.fd-site #offers_coupons .list-card > .py-2 { padding: 12px 14px !important; }
body.fd-site #offers_coupons .list-card .list-card-image { flex-basis: 100px; width: 100px; }
body.fd-site #offers_coupons .list-card::before, body.fd-site #offers_coupons .list-card::after { left: 92px; }
/* sections modal close button: static, no rotate/bounce */
body.fd-site #select_store_model .modal-header .close, body.fd-site #select_store_model .modal-header .close:hover, body.fd-site #select_store_model .modal-header .close:focus { transform: none !important; transition: background .15s !important; animation: none !important; outline: 0; box-shadow: none; margin: 0 !important; padding: 0 !important; float: none !important; position: absolute !important; right: 16px !important; top: 16px !important; width: 36px !important; height: 36px !important; line-height: 36px !important; }
body.fd-site #select_store_model .modal-header .close span { display: inline-block; transform: none !important; animation: none !important; line-height: 36px; }
body.fd-site #select_store_model .modal-header .close:hover { background: #e9eaee !important; }

/* ===== eMart ecommerce section (foodie-web clone) ===== */
/* home: trust tiles + help links */
body.fd-site .fd-trust-section, body.fd-site .fd-links-section { padding: 26px 0 10px; }
body.fd-site .fd-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
body.fd-site .fd-trust-tile { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); font-size: 14.5px; font-weight: 700; color: #1a1a1a; }
body.fd-site .fd-trust-tile img { width: 44px; height: 44px; object-fit: contain; flex: 0 0 44px; }
body.fd-site .fd-links-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 30px; }
body.fd-site .fd-link-tile { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 16px 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); font-size: 14.5px; font-weight: 700; color: #1a1a1a !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s, border-color .15s; }
body.fd-site .fd-link-tile:hover { transform: translateY(-2px); border-color: var(--brand, #e8541a); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
body.fd-site .fd-link-tile__ico { width: 40px; height: 40px; border-radius: 12px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex: 0 0 40px; }
body.fd-site .fd-link-tile__arrow { margin-left: auto; color: #b5b5b5; }
body.fd-site .fd-shop-home .fu-loadmore-btn .loadmore-btn i { margin-left: 4px; }
/* store cards built by the home / lists (pro-list variant with popul-title, location h6 and pr-discount) */
body.fd-site .list-card .list-card-body h6.popul-title { font-size: 15.5px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; }
body.fd-site .list-card .list-card-body h6.popul-title a { color: #1a1a1a !important; }
body.fd-site .list-card .list-card-body h6.pr-discount, body.fd-site .list-card .list-card-body h6.pro-cat { font-size: 12.5px; font-weight: 600; color: var(--brand, #e8541a); margin: 0 0 6px; }
body.fd-site .list-card .list-card-body h6.pr-discount:empty, body.fd-site .list-card .list-card-body h6.pro-cat:empty { display: none; }
body.fd-site .list-card .most-pop-bottom { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1 1 auto; }
body.fd-site .list-card .list-card-body .star.position-relative { position: absolute !important; }
body.fd-site .list-card .offer-icon { position: absolute !important; bottom: 10px; left: 10px; z-index: 2; }
body.fd-site .list-card .offer-icon:empty { display: none; }
body.fd-site .list-card .offer-icon img, body.fd-site .list-card .offer-icon span { display: inline-flex; align-items: center; background: #fff; border-radius: 50px; padding: 4px 9px; font-size: 11px; font-weight: 700; color: #1a7d3a; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
/* brand tiles (home + brands page) */
body.fd-site .brand-list .list-card { padding: 16px 10px 14px; align-items: center; }
body.fd-site .brand-list .list-card .brand-title, body.fd-site .brand-list .list-card > .p-2 { padding: 10px 6px 0 !important; text-align: center; }
body.fd-site .brand-list .list-card .list-card-body h6 { font-size: 13.5px; white-space: normal; }
/* favourites: heart on the image, cards same as everywhere */
body.fd-site .sis-favorites .favourite-heart { position: absolute !important; top: 10px; right: 10px; z-index: 3; width: 34px; height: 34px; border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
body.fd-site .sis-favorites .favourite-heart a { color: #c0392b !important; font-size: 15px; line-height: 1; }
body.fd-site .sis-favorites .fd-tabs .nav-link { text-decoration: none; }
body.fd-site .sis-favorites .grid-card .list-card-body h6 a { color: #1a1a1a !important; }
/* listing pages on white, vendor sidebar spacing */
body.fd-site .fd-shop-bycategory #brand-list + #category-list, body.fd-site .fd-shop-products #brand-list + #category-list { margin-top: 14px; }
body.fd-site .fd-shop-products #brand-list .vandor-sidebar { margin-bottom: 14px; }
/* product detail: trust rows reuse the on-demand card look */
body.fd-site .fd-shop-product .fd-trust-card { border: 1px solid #efefef !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; padding: 16px 18px !important; }
body.fd-site .fd-shop-product .fd-trust-card .fd-trust-card__row { padding: 10px 0; }
/* hero chips fallback spacing on the shop home */
body.fd-site .fd-shop-home .fd-hero__chips:empty { display: none; }
@media (max-width: 991px) { body.fd-site .fd-trust-grid { grid-template-columns: 1fr 1fr; } body.fd-site .fd-links-grid { grid-template-columns: 1fr; } }
@media (max-width: 575px) { body.fd-site .fd-trust-grid { grid-template-columns: 1fr; } }
/* shop home: top categories as the foodie cuisine scroller (eMart wraps the tiles in #append_categories) */
body.fd-site .fd-shop-home .top-categories-section #append_categories .row { display: flex; flex-wrap: nowrap; gap: 26px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; margin: 0; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link:hover { transform: none; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img { width: 120px !important; height: 120px !important; border-radius: 18px !important; background: #fff; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img img { width: 120px !important; height: 120px !important; object-fit: cover !important; }
body.fd-site .fd-shop-home .top-categories-section .fd-cat-skel-row { display: flex; gap: 26px; overflow: hidden; }
/* shop home banners: edge to edge but capped, middle banners as rounded tiles */
body.fd-site .fd-shop-home .ecommerce-banner img { max-height: 440px; object-fit: cover; }
body.fd-site .fd-shop-home .middle_banner .slick-slide { padding: 0 8px; }
body.fd-site .fd-shop-home .middle_banner img { width: 100%; height: 200px; object-fit: cover; border-radius: 16px; }
/* favourites: left aligned text, price under the title */
body.fd-site .sis-favorites .list-card .p-3, body.fd-site .sis-favorites .list-card .py-2 { text-align: left; }
body.fd-site .sis-favorites .list-card-body { border-bottom: 0; padding-bottom: 0; }
body.fd-site .sis-favorites .product-list .pro-price { display: block; margin: 4px 0 0; text-align: left; font-size: 17px; }
body.fd-site .sis-favorites .list-card .list-card-body { display: block !important; flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; text-align: left !important; }

/* ===== eMart ecommerce: orders list + order detail ===== */
body.fd-site .fd-shop-orders .order-body .pb-3 > .p-3 { border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; padding: 18px 20px !important; }
body.fd-site .fd-shop-orders .order-body .view-det a { color: var(--brand, #e8541a) !important; font-weight: 700; text-decoration: none; }
body.fd-site .fd-shop-orders .order-body .btn-outline-primary { border-radius: 10px !important; border: 1.5px solid #e4e4e4 !important; color: #1a1a1a !important; font-weight: 700; padding: 8px 18px !important; }
body.fd-site .fd-shop-orders .order-body .btn-outline-primary:hover { border-color: var(--brand, #e8541a) !important; color: var(--brand, #e8541a) !important; background: #fff !important; }
body.fd-site .fd-shop-orders .order-body .variant-info ul { list-style: none; padding: 0; margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
body.fd-site .fd-shop-orders .order-body .variant-info li { font-size: 11.5px; background: #f6f6f6; border-radius: 6px; padding: 2px 8px; color: #555; }
body.fd-site .fd-shop-orders .order-body .variant-info .label { font-weight: 700; margin-right: 3px; }
body.fd-site .fd-shop-orders .order-body .fd-tab-loader { padding: 40px 0; text-align: center; }
/* order detail */
body.fd-site .fd-shop-order .fd-tabs { margin-bottom: 22px !important; }
body.fd-site .fd-shop-order .fd-tabs .nav-link { text-decoration: none; }
body.fd-site .fd-shop-order .order-items-list { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 16px 18px !important; margin-bottom: 18px; }
body.fd-site .fd-shop-order .fd-od-items-title { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
body.fd-site .fd-shop-order .fd-od-items-title i { color: var(--brand, #e8541a); }
body.fd-site .fd-shop-order #order-items table { width: 100%; margin: 0; border-collapse: collapse; }
body.fd-site .fd-shop-order #order-items th { font-size: 11.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #9a9a9a; padding: 8px 10px; border-bottom: 1px solid #f0f0f0; text-align: left; }
body.fd-site .fd-shop-order #order-items td { padding: 12px 10px; border-top: 1px solid #f4f4f4; font-size: 13.5px; color: #1a1a1a; vertical-align: middle; }
body.fd-site .fd-shop-order #order-items tr:first-child td { border-top: 0; }
body.fd-site .fd-shop-order #order-items td.ord-photo { width: 64px; }
body.fd-site .fd-shop-order #order-items .order_img { width: 52px; height: 52px; object-fit: cover; border-radius: 12px; }
body.fd-site .fd-shop-order #order-items td.price, body.fd-site .fd-shop-order #order-items th.price { white-space: nowrap; }
body.fd-site .fd-shop-order #order-items .btn, body.fd-site .fd-shop-order .addreview-btn .btn { border-radius: 10px !important; font-weight: 700; font-size: 12.5px; padding: 6px 12px !important; }
body.fd-site .fd-shop-order .fd-od-totals { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 8px 18px 14px; }
body.fd-site .fd-shop-order .fd-od-totals__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f4f4f4; font-size: 13.5px; color: #555; }
body.fd-site .fd-shop-order .fd-od-totals__row strong { color: #1a1a1a; font-weight: 700; white-space: nowrap; }
body.fd-site .fd-shop-order .fd-od-totals__row strong:empty { display: none; }
body.fd-site .fd-shop-order .fd-od-totals__row--discount strong { color: #1c8e44; }
body.fd-site .fd-shop-order .fd-od-totals__row--total { border-bottom: 0; padding-top: 14px; font-size: 15px; font-weight: 800; color: #1a1a1a; }
body.fd-site .fd-shop-order .fd-od-totals__row--total strong { font-size: 20px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-shop-order .fd-od-totals__tax #order-tax .d-flex, body.fd-site .fd-shop-order .fd-od-totals__tax #order-tax p { font-size: 12.5px; color: #8a8a8a; padding: 6px 0; margin: 0; display: flex; justify-content: space-between; border-bottom: 1px dashed #f0f0f0; }
body.fd-site .fd-shop-order .fd-od-totals__tax #order-tax h6 { font-size: 12.5px; font-weight: 600; margin: 0; }
body.fd-site .fd-shop-order .fd-od-thanks { margin: 12px 0 0; font-size: 12.5px; color: #9a9a9a; display: flex; align-items: center; gap: 6px; }
body.fd-site .fd-shop-order .fd-od-thanks i { color: var(--brand, #e8541a); }
body.fd-site .fd-shop-order .resturant-detail { margin-bottom: 16px; }
body.fd-site .fd-shop-order .resturant-detail .card { border: 1px solid #efefef !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; overflow: hidden; }
body.fd-site .fd-shop-order .resturant-detail .card-header { background: #fff; border-bottom: 1px solid #f2f2f2; padding: 12px 18px; }
body.fd-site .fd-shop-order .resturant-detail .card-header-title { font-size: 14px; font-weight: 800; margin: 0; color: #1a1a1a; }
body.fd-site .fd-shop-order .resturant-detail .card-body { padding: 16px 18px; }
body.fd-site .fd-shop-order .resturant-detail .card-body > a.row { align-items: center; text-decoration: none; margin: 0 0 12px; }
body.fd-site .fd-shop-order .resturant-detail .card-body > a.row > div { padding: 0; }
body.fd-site .fd-shop-order .resturant-detail .card-body > a.row .col-9 { padding-left: 12px; }
body.fd-site .fd-shop-order .resturant-detail .card-body h4 { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 0; }
body.fd-site .fd-shop-order .resturant-detail .resturant-img, body.fd-site .fd-shop-order .resturant-detail .driver-img { width: 56px !important; height: 56px !important; object-fit: cover; }
body.fd-site .fd-shop-order .resturant-detail .contact-info { font-size: 11.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #9a9a9a; margin: 0 0 6px; }
body.fd-site .fd-shop-order .resturant-detail p { font-size: 13px; color: #555; margin: 0 0 4px; }
body.fd-site .fd-shop-order .resturant-detail p strong { color: #1a1a1a; }
body.fd-site .fd-shop-order .fd-od-courier { background: #fff; border: 1px solid #efefef; border-radius: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 14px 18px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
body.fd-site .fd-shop-order .fd-od-courier p { flex: 0 0 100%; margin: 0 0 4px; color: #9a9a9a; text-transform: uppercase; letter-spacing: .4px; font-size: 11.5px; }
body.fd-site .fd-shop-order .fd-od-courier img { width: 34px; height: 34px; object-fit: contain; }
body.fd-site .fd-shop-order .fd-od-courier span { color: var(--brand, #e8541a) !important; font-size: 13px; }
body.fd-site .fd-shop-order #order-note-box .order-note { font-size: 13.5px; color: #555; }
body.fd-site .fd-shop-order .addreview-btn { margin-top: 10px; }
/* checkout tweaks */
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .count-number-box { justify-content: flex-end; }
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .remove_item { font-size: 14px; opacity: .7; text-align: right; }
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .remove_item:hover { opacity: 1; color: #d13b3b; }
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .variant-info ul, body.fd-site .fd-shop-checkout .sis-cart-item .product-item .extras, body.fd-site .fd-shop-checkout .sis-cart-item .product-item .item-tax { font-size: 11.5px; color: #777; }
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .variant-info ul { list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
body.fd-site .fd-shop-checkout .sis-cart-item .product-item .variant-info li { background: #f6f6f6; border-radius: 6px; padding: 2px 8px; }
body.fd-site .fd-shop-checkout .sis-cart-item .schedule-order input[type="datetime-local"] { width: 100%; height: 42px; border: 1.5px solid #ececec; border-radius: 12px; padding: 0 12px; font-size: 13.5px; }
body.fd-site .fd-shop-result .fd-payresult p { max-width: 520px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { body.fd-site .fd-shop-order .order-deta-btm-right { margin-top: 18px; } }

/* ===== eMart ecommerce: store page (zr layout on the eMart script markup) ===== */
body.fd-site .fd-shop-store .zr-hero__addr i { color: var(--brand, #e8541a); margin-right: 4px; }
body.fd-site .fd-shop-store .zr-open-pill:empty { display: none; }
body.fd-site .fd-shop-store .zr-open-pill.open { background: #e8f5e9; color: #1c8e44; }
body.fd-site .fd-shop-store .zr-open-pill.open::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #1c8e44; }
body.fd-site .fd-shop-store .zr-open-pill.close { background: #ffeaea; color: #c84040; opacity: 1; float: none; font-size: 12px; text-shadow: none; }
body.fd-site .fd-shop-store .zr-open-pill.close::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #c84040; }
body.fd-site .fd-shop-store .zr-hero__meta-hours { font-size: 13px; color: #555; }
body.fd-site .fd-shop-store .zr-hero__meta-hours .time { color: #8a8a8a; font-weight: 600; }
body.fd-site .fd-shop-store .zr-hero__badges { align-items: center; background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 8px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
body.fd-site .fd-shop-store .zr-hero__badges:empty { display: none; }
body.fd-site .fd-shop-store .zr-hero__badges .rating { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; }
body.fd-site .fd-shop-store .zr-hero__badges .label-rating { margin: 0 0 0 8px !important; color: #8a8a8a; font-size: 12.5px; }
body.fd-site .fd-shop-store .zr-hero__actions .zr-action { text-decoration: none; }
body.fd-site .fd-shop-store .zr-gallery__grid { cursor: default; }
body.fd-site .fd-shop-store .zr-gallery__main img.restaurant-pic { width: 100%; height: 300px; object-fit: cover; border-radius: 10px; display: block; }
body.fd-site .fd-shop-store .zr-gallery__side { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 6px; height: 300px; }
body.fd-site .fd-shop-store .zr-gallery__side > .col-md-6 { display: contents; }
body.fd-site .fd-shop-store .resturant-banner-right-block { position: relative; overflow: hidden; border-radius: 10px; min-height: 0; background: #ececec; margin: 0; }
body.fd-site .fd-shop-store .resturant-banner-right-block img.banner-small-pic { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 !important; border-radius: 0; }
body.fd-site .fd-shop-store .resturant-banner-right-block .see-gallary { position: absolute; inset: 0; z-index: 2; background: rgba(0,0,0,.52); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; }
body.fd-site .fd-shop-store .zr-body { padding: 24px 0 10px; background: #fff; }
body.fd-site .fd-shop-store .fd-store-offers .coupon_detail:empty { display: none; }
body.fd-site .fd-shop-store .fd-store-offers .coupon_detail { background: #fff; border: 1px solid #efefef; border-radius: 18px; padding: 18px 20px; box-shadow: 0 2px 10px rgba(0,0,0,.04); margin-bottom: 22px; }
body.fd-site .fd-shop-store .coupon_detail .coupon-code label { font-size: 15px; font-weight: 800; color: #1a1a1a; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
body.fd-site .fd-shop-store .coupon_detail .coupon-code label::before { content: '\e9c1'; font-family: 'feather' !important; color: var(--brand, #e8541a); }
body.fd-site .fd-shop-store .coupon_detail .copupon-list ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
body.fd-site .fd-shop-store .coupon_detail .copupon-list li { display: flex; flex-direction: column; gap: 4px; border: 1.5px dashed rgba(var(--brand-rgb, 232, 84, 26), .5); background: rgba(var(--brand-rgb, 232, 84, 26), .05); border-radius: 14px; padding: 12px 14px; font-size: 12.5px; color: #555; cursor: pointer; }
body.fd-site .fd-shop-store .coupon_detail .copupon-list li .per-off { font-size: 16px; font-weight: 800; color: var(--brand, #e8541a); }
body.fd-site .fd-shop-store .fd-store-products__head { margin-bottom: 16px; }
body.fd-site .fd-shop-store .fd-store-products__head .zr-card__title { display: flex; align-items: center; gap: 8px; font-size: 22px; font-weight: 800; margin: 0 0 4px; color: #1a1a1a; }
body.fd-site .fd-shop-store .fd-store-products__head .zr-card__title i { color: var(--brand, #e8541a); }
body.fd-site .fd-shop-store .vendor-detail-left { margin-bottom: 18px; }
body.fd-site .fd-shop-store #vendorContactModal .modal-content { border: 0; border-radius: 18px; }
/* ===== account: profile ===== */
body.fd-site .fd-shop-account .phone-box { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
body.fd-site .fd-shop-account .phone-box select { flex: 0 0 160px; height: 46px; border: 1.5px solid #ececec; border-radius: 12px; padding: 0 10px; background: #fafafa; font-size: 13.5px; color: #555; }
body.fd-site .fd-shop-account .phone-box input.user_phone { flex: 1 1 160px; padding-left: 14px !important; }
body.fd-site .fd-shop-account .phone-box .err { flex: 0 0 100%; }
body.fd-site .fd-shop-account .form-group.form-material { display: block; }
body.fd-site .fd-shop-account .form-group.form-material .control-label { padding: 0; max-width: none; flex: none; width: auto; display: block; margin-bottom: 6px; }
body.fd-site .fd-shop-account .form-group.form-material .col-12 { padding: 0; max-width: none; }
body.fd-site .fd-shop-account .profile-details a { text-decoration: none; transition: background .15s; }
body.fd-site .fd-shop-account .profile-details a:hover { background: #fff7f3; }
body.fd-site .fd-shop-account .profile-details a:last-child { border-bottom: 0 !important; }
body.fd-site .fd-shop-account .profile-details h6 { font-size: 14px; }
body.fd-site .fd-shop-account .profile-details .feather-chevron-right { color: #b5b5b5; }
/* ===== account: addresses (eMart card markup) ===== */
body.fd-site .sis-address .fd-page-head { margin-bottom: 24px; }
body.fd-site .sis-address .transactions-list-wrap { padding: 0 10px; margin: 0 0 20px !important; }
body.fd-site .sis-address .transactions-list-view { border: 1px solid #efefef !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; padding: 18px 20px !important; height: 100%; margin: 0 !important; }
body.fd-site .sis-address .transactions-list { align-items: flex-start !important; flex-wrap: wrap; gap: 8px; }
body.fd-site .sis-address .transactions-list-left { flex: 1 1 60%; min-width: 0; }
body.fd-site .sis-address .card-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(var(--brand-rgb, 232, 84, 26), .1); display: inline-flex; align-items: center; justify-content: center; flex: none; }
body.fd-site .sis-address .card-icon a { color: var(--brand, #e8541a) !important; }
body.fd-site .sis-address .card-icon i { font-size: 20px !important; margin: 0; }
body.fd-site .sis-address .media-body h6.date { font-size: 14.5px; font-weight: 700; color: #1a1a1a; margin: 0 0 4px; line-height: 1.45; }
body.fd-site .sis-address .media-body > a { text-decoration: none; }
body.fd-site .sis-address .media-body .d-flex.mt-2 { gap: 8px; flex-wrap: wrap; }
body.fd-site .sis-address .media-body .d-flex.mt-2 > div { padding: 0; width: auto; flex: none; max-width: none; }
body.fd-site .sis-address .btn-danger.change-address { background: var(--fd-grad, linear-gradient(135deg, #e8541a, #e23744)) !important; border: 0 !important; border-radius: 10px !important; font-size: 12.5px; font-weight: 700; padding: 7px 14px !important; color: #fff !important; }
body.fd-site .sis-address a[name="mark-as-default"] { border-radius: 10px !important; font-size: 12.5px; font-weight: 700; padding: 7px 14px !important; margin-left: 0 !important; }
body.fd-site .sis-address a[name="mark-as-default"].btn-success { background: #e9f7ee !important; border: 1.5px solid #bfe6cd !important; color: #1c8e44 !important; }
body.fd-site .sis-address a[name="mark-as-default"].btn-info { background: #fff !important; border: 1.5px solid #e4e4e4 !important; color: #6a6a6a !important; }
body.fd-site .sis-address .transactions-list > .badge { margin-left: auto; background: #f3f3f3 !important; color: #555 !important; border-radius: 8px; padding: 6px 10px; font-weight: 700; font-size: 11.5px; text-transform: uppercase; letter-spacing: .3px; }
body.fd-site .sis-address .transactions-list > a.btn-sm { width: 34px; height: 34px; border-radius: 10px !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; background: #fff !important; border: 1.5px solid #e4e4e4 !important; color: #555 !important; margin-left: 8px !important; }
body.fd-site .sis-address .transactions-list > a.btn-sm:hover { border-color: var(--brand, #e8541a) !important; color: var(--brand, #e8541a) !important; }
body.fd-site .sis-address .transactions-list > a.btn-sm i { margin: 0; font-size: 13px; }
/* ===== account: wallet (eMart row markup) ===== */
body.fd-site .fd-shop-wallet .fd-page-head { margin-bottom: 18px; }
body.fd-site .fd-shop-wallet .transactions-list .badge { border-radius: 8px; padding: 4px 9px; font-size: 11px; margin: 4px 0; display: inline-block; }
body.fd-site .fd-shop-wallet .transactions-list .text-muted { font-size: 12.5px; }
body.fd-site .fd-shop-wallet .pagination .page-link { border: 1.5px solid #e4e4e4; border-radius: 10px !important; margin: 0 4px; color: #1a1a1a; font-weight: 700; font-size: 13px; padding: 8px 16px; }
body.fd-site .fd-shop-wallet .pagination .page-link:hover { border-color: var(--brand, #e8541a); color: var(--brand, #e8541a); background: #fff; }
/* ===== account: gift cards ===== */
body.fd-site .fd-shop-giftcards .fd-page-head { margin-bottom: 18px; }
body.fd-site .fd-shop-giftcards .contct-form { border: 1px solid #efefef !important; border-radius: 18px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; max-width: 560px; margin: 0 auto; }
body.fd-site .fd-shop-giftcards .contct-form .form-title h4 { font-size: 18px; font-weight: 800; }
body.fd-site .fd-shop-giftcards .contct-form .form-control { height: 46px; border: 1.5px solid #ececec; border-radius: 12px; background: #fafafa; }
body.fd-site .fd-shop-giftcards .contct-form .form-control:focus { border-color: var(--brand, #e8541a); background: #fff; box-shadow: none; }
body.fd-site .fd-shop-giftcards .contct-form .btn-primary { width: 100%; border-radius: 12px !important; font-weight: 700; padding: 12px !important; }
body.fd-site .fd-shop-giftcards .gift_pin .fa-eye { color: var(--brand, #e8541a); cursor: pointer; }
body.fd-site .fd-shop-giftcard .tip-box .custom-control-label { font-weight: 600; }
@media (max-width: 767px) { body.fd-site .fd-shop-store .zr-gallery__side { height: 160px; } body.fd-site .fd-shop-store .zr-gallery__main img.restaurant-pic { height: 220px; } }
/* profile phone: keep the country box in flow next to the number (legacy rule floats select2 over the input) */
body.fd-site .fd-shop-account .phone-box .select2.select2-container, body.fd-site .fd-shop-account .phone-box .select2-container { position: relative !important; left: auto !important; top: auto !important; flex: 0 0 150px; width: 150px !important; margin: 0 !important; }
body.fd-site .fd-shop-account .phone-box .select2-container .select2-selection--single { height: 46px; border: 1.5px solid #ececec; border-radius: 12px; display: flex; align-items: center; background: #fafafa; }
body.fd-site .fd-shop-account .phone-box .select2-container .select2-selection__rendered { line-height: normal; padding-left: 12px; max-width: none; }
body.fd-site .fd-shop-account .phone-box .select2-container .select2-selection__arrow { height: 100%; }
html body.fd-site .sis-address .transactions-list a.btn[name="mark-as-default"].btn-success { background: #e9f7ee !important; border: 1.5px solid #bfe6cd !important; color: #1c8e44 !important; -webkit-text-fill-color: #1c8e44; }
html body.fd-site .sis-address .transactions-list a.btn[name="mark-as-default"].btn-info { background: #fff !important; border: 1.5px solid #e4e4e4 !important; color: #6a6a6a !important; -webkit-text-fill-color: #6a6a6a; }
body.fd-site .fd-shop-store .zr-gallery__main::after, body.fd-site .fd-shop-store .zr-gallery__thumb::after, body.fd-site .fd-shop-store .resturant-banner-right-block::after { display: none !important; }
/* multivendor home: offers block holds normal store cards (the script builds .pro-list cards there) */
body.fd-site .fd-mv-home #offers_coupons .list-card { flex-direction: column !important; }
body.fd-site .fd-mv-home #offers_coupons .list-card .list-card-image { flex: none !important; width: 100% !important; height: 180px !important; background: #f4f4f4 !important; }
body.fd-site .fd-mv-home #offers_coupons .list-card .list-card-image img { object-fit: cover !important; width: 100% !important; height: 100% !important; }
body.fd-site .fd-mv-home #offers_coupons .list-card .py-2 { padding: 14px 16px 16px !important; }
/* store status pill: "open" always wins, whatever class order the script leaves behind */
body.fd-site .fd-shop-store .zr-open-pill.open, body.fd-site .fd-shop-store .zr-open-pill.open.close, body.fd-site .fd-shop-store .zr-open-pill.open.zr-open-pill--closed { background: #e8f5e9 !important; color: #1c8e44 !important; }
body.fd-site .fd-shop-store .zr-open-pill.open::before, body.fd-site .fd-shop-store .zr-open-pill.open.close::before, body.fd-site .fd-shop-store .zr-open-pill.open.zr-open-pill--closed::before { background: #1c8e44 !important; }
/* shop homes: store cards the script builds with .most-pop-bottom (legacy pulled the footer over a circular image with white text) */
body.fd-site .fd-shop-home .list-card .most-pop-bottom, body.fd-site .fd-mv-home .list-card .most-pop-bottom { margin: 0 !important; padding: 14px 16px 16px !important; min-height: 0 !important; background: #fff !important; box-shadow: none !important; text-align: left !important; width: 100% !important; position: static !important; }
body.fd-site .fd-shop-home .most-pop-bottom .list-card-body, body.fd-site .fd-mv-home .most-pop-bottom .list-card-body { width: 100% !important; text-align: left !important; align-items: flex-start !important; }
body.fd-site .fd-shop-home .most-pop-bottom .list-card-body h6, body.fd-site .fd-shop-home .most-pop-bottom .list-card-body h6 a, body.fd-site .fd-shop-home .most-pop-bottom .list-card-body p, body.fd-site .fd-mv-home .most-pop-bottom .list-card-body h6, body.fd-site .fd-mv-home .most-pop-bottom .list-card-body h6 a { color: #1a1a1a !important; font-size: 15.5px; font-weight: 800; text-align: left; letter-spacing: 0; line-height: 1.35; }
body.fd-site .fd-shop-home .most-pop-bottom .list-card-body h6.arv-discount, body.fd-site .fd-mv-home .most-pop-bottom .list-card-body h6.arv-discount { color: var(--brand, #e8541a) !important; font-size: 12.5px; font-weight: 600; margin-top: 4px; }
body.fd-site .fd-shop-home .most-pop-bottom .list-card-body h6.arv-discount:empty { display: none; }
body.fd-site .fd-shop-home .list-card.align-items-center, body.fd-site .fd-mv-home .list-card.align-items-center { align-items: stretch !important; }
body.fd-site .fd-shop-home #most_sale1 .list-card .list-card-image, body.fd-site .fd-shop-home .new-arrivals .list-card .list-card-image, body.fd-site .fd-shop-home #all-stores .list-card .list-card-image, body.fd-site .fd-mv-home .list-card .list-card-image { width: 100% !important; margin: 0 !important; height: 180px !important; min-height: 0 !important; }
body.fd-site .fd-shop-home #most_sale1 .list-card .list-card-image img, body.fd-site .fd-shop-home .new-arrivals .list-card .list-card-image img, body.fd-site .fd-shop-home #all-stores .list-card .list-card-image img, body.fd-site .fd-mv-home .list-card .list-card-image img { min-height: 0 !important; max-height: none !important; height: 180px !important; width: 100% !important; border-radius: 0 !important; object-fit: cover !important; display: block !important; }
/* shop homes: the legacy "all stores" card body floated a narrow centred white panel over the image */
body.fd-site .fd-shop-home .pro-list .list-card .list-card-body, body.fd-site .fd-mv-home .pro-list .list-card .list-card-body, body.fd-site .fd-shop-home .product-list .list-card .list-card-body, body.fd-site .fd-mv-home .product-list .list-card .list-card-body { margin: 0 !important; width: 100% !important; max-width: none !important; background: transparent !important; text-align: left !important; box-shadow: none !important; padding: 0 !important; align-items: flex-start !important; }
body.fd-site .fd-shop-home .pro-list .list-card .list-card-body h6, body.fd-site .fd-mv-home .pro-list .list-card .list-card-body h6 { text-align: left !important; }
body.fd-site .fd-shop-home .pro-list .list-card .py-2, body.fd-site .fd-mv-home .pro-list .list-card .py-2 { padding: 14px 16px 16px !important; }

/* ===== Landing page (set-location): admin template settings/homepageTemplate rendered into #home ===== */
body.fd-site .fd-landing { font-family: 'Plus Jakarta Sans', sans-serif; color: #1a1a1a; background: #fff; overflow: hidden; }
body.fd-site .fd-landing .container { max-width: 1200px; }
body.fd-site .fd-landing__header { position: relative; z-index: 5; }
body.fd-site .fd-landing__nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 15px; }
body.fd-site .fd-landing__nav #logo_web img, body.fd-site .fd-landing__nav #logo_web .logo_web { height: 44px; width: auto; max-width: 180px; object-fit: contain; }
body.fd-site .fd-landing__links { display: flex; align-items: center; gap: 26px; }
body.fd-site .fd-landing__links a { font-size: 14px; font-weight: 600; color: #444 !important; text-decoration: none !important; transition: color .15s; }
body.fd-site .fd-landing__links a:hover { color: var(--brand, #e8541a) !important; }
body.fd-site .fd-landing__links .fd-landing__signin { display: inline-flex; align-items: center; gap: 6px; border: 1.5px solid #e4e4e4; border-radius: 50px; padding: 8px 16px; color: #1a1a1a !important; }
body.fd-site .fd-landing__links .fd-landing__signin:hover { border-color: var(--brand, #e8541a); color: var(--brand, #e8541a) !important; }
/* hero */
body.fd-site .fd-landing__hero { position: relative; padding: 34px 0 54px; background: linear-gradient(180deg, rgba(var(--brand-rgb, 232, 84, 26), .08) 0%, rgba(var(--brand-rgb, 232, 84, 26), .02) 70%, #fff 100%); }
body.fd-site .fd-landing__blob { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; pointer-events: none; }
body.fd-site .fd-landing__blob--a { width: 420px; height: 420px; background: var(--brand, #e8541a); top: -160px; right: -80px; }
body.fd-site .fd-landing__blob--b { width: 320px; height: 320px; background: #ffd166; bottom: -120px; left: 30%; opacity: .25; }
body.fd-site .fd-landing__hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 40px; align-items: center; position: relative; z-index: 1; }
body.fd-site .fd-landing__eyebrow { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid rgba(var(--brand-rgb, 232, 84, 26), .25); color: var(--brand, #e8541a); font-size: 12.5px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; border-radius: 50px; padding: 7px 14px; margin-bottom: 18px; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
body.fd-site .fd-landing__eyebrow--light { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.35); color: #fff; box-shadow: none; }
body.fd-site .fd-landing__hero h1 { font-size: 50px; line-height: 1.08; font-weight: 800; letter-spacing: -1.2px; margin: 0 0 16px; color: #1a1a1a; }
body.fd-site .fd-landing__hero h1 em { font-style: normal; background: var(--fd-grad, linear-gradient(135deg, #e8541a, #e23744)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body.fd-site .fd-landing__lead { font-size: 16.5px; line-height: 1.6; color: #666; margin: 0 0 24px; max-width: 540px; }
body.fd-site .fd-landing__search .location-group { display: flex; align-items: center; background: #fff; border: 1.5px solid #ececec; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.07); padding: 6px 6px 6px 16px; max-width: 560px; position: relative; }
body.fd-site .fd-landing__search .location-group:focus-within { border-color: var(--brand, #e8541a); box-shadow: 0 10px 30px rgba(var(--brand-rgb, 232, 84, 26), .14); }
body.fd-site .fd-landing__search-ico { color: var(--brand, #e8541a); font-size: 18px; margin-right: 10px; flex: none; }
body.fd-site .fd-landing__search input#user_locationnew { flex: 1 1 auto; min-width: 0; height: 46px; border: 0 !important; outline: none !important; box-shadow: none !important; background: transparent !important; font-size: 15px; font-weight: 500; color: #1a1a1a; padding: 0 !important; margin: 0 !important; width: auto !important; }
body.fd-site .fd-landing__search input#user_locationnew::placeholder { color: #a5a5a5; font-weight: 400; }
body.fd-site .fd-landing__locate { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 42px; padding: 0 16px; border-radius: 12px; background: #1a1a1a; color: #fff; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: background .15s; white-space: nowrap; }
body.fd-site .fd-landing__locate:hover { background: var(--brand, #e8541a); }
body.fd-site .fd-landing__sections-head { display: flex; align-items: baseline; gap: 10px; margin: 26px 0 12px; }
body.fd-site .fd-landing__sections-head span { font-size: 15px; font-weight: 800; color: #1a1a1a; }
body.fd-site .fd-landing__sections-head small { font-size: 12.5px; color: #8a8a8a; }
/* section tiles (built by layer.blade.php: .cat-item[data-color] > a.cat-link > span.fd-sec-ico > img + p) */
body.fd-site .fd-sections { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; max-width: 560px; }
body.fd-site .fd-sections .cat-item { padding: 0 !important; margin: 0; }
body.fd-site .fd-sections .cat-item .cat-link { display: flex !important; flex-direction: column; align-items: center; gap: 10px; background: #fff !important; border: 1.5px solid #ececec; border-radius: 16px; padding: 14px 8px 12px !important; box-shadow: 0 2px 10px rgba(0,0,0,.04) !important; text-decoration: none !important; position: relative; transition: transform .15s, border-color .15s, box-shadow .15s; cursor: pointer; }
body.fd-site .fd-sections .cat-item .cat-link:hover { transform: translateY(-3px); border-color: var(--sec, var(--brand, #e8541a)); box-shadow: 0 12px 26px rgba(0,0,0,.09) !important; }
body.fd-site .fd-sections .cat-item .fd-sec-ico { width: 56px; height: 56px; border-radius: 16px; background: color-mix(in srgb, var(--sec, var(--brand, #e8541a)) 12%, #fff); display: flex; align-items: center; justify-content: center; }
body.fd-site .fd-sections .cat-item .cat-link img { width: 34px !important; height: 34px !important; object-fit: contain; margin: 0 !important; }
body.fd-site .fd-sections .cat-item .cat-link p { font-size: 12.5px !important; font-weight: 700; color: #1a1a1a; margin: 0 !important; text-align: center; line-height: 1.25; }
body.fd-site .fd-sections .cat-item.section-selected .cat-link { border-color: var(--sec, var(--brand, #e8541a)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--sec, var(--brand, #e8541a)) 18%, transparent), 0 12px 26px rgba(0,0,0,.09) !important; }
body.fd-site .fd-sections .cat-item.section-selected .cat-link::after { content: '\e92b'; font-family: 'feather' !important; position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; border-radius: 50%; background: var(--sec, var(--brand, #e8541a)); color: #fff; font-size: 12px; display: flex; align-items: center; justify-content: center; }
body.fd-site .fd-sections .cat-item.section-selected .cat-link p { color: var(--sec, var(--brand, #e8541a)); }
body.fd-site .fd-landing__cta-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 22px !important; }
body.fd-site .fd-landing__continue { display: inline-flex !important; align-items: center; gap: 8px; height: 50px; padding: 0 28px !important; border-radius: 14px !important; border: 0 !important; background: var(--fd-grad, linear-gradient(135deg, #e8541a, #e23744)) !important; color: #fff !important; font-size: 15px; font-weight: 700; box-shadow: 0 10px 24px rgba(var(--brand-rgb, 232, 84, 26), .28); transition: transform .15s, box-shadow .15s; }
body.fd-site .fd-landing__continue:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(var(--brand-rgb, 232, 84, 26), .34); }
body.fd-site .fd-landing__trust { font-size: 12.5px; color: #8a8a8a; display: inline-flex; align-items: center; gap: 6px; }
body.fd-site .fd-landing__trust i { color: #1c8e44; }
/* hero art */
body.fd-site .fd-landing__hero-art { position: relative; min-height: 460px; display: flex; align-items: center; justify-content: center; }
body.fd-site .fd-landing__art-ring { position: absolute; width: 440px; height: 440px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(var(--brand-rgb, 232, 84, 26), .22), rgba(var(--brand-rgb, 232, 84, 26), .05) 60%, transparent 70%); }
body.fd-site .fd-landing__art-ring::after { content: ''; position: absolute; inset: 28px; border-radius: 50%; border: 1.5px dashed rgba(var(--brand-rgb, 232, 84, 26), .35); animation: fdSpin 40s linear infinite; }
@keyframes fdSpin { to { transform: rotate(360deg); } }
body.fd-site .fd-landing__art-img { position: relative; width: 100%; max-width: 480px; height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.14)); animation: fdFloat 6s ease-in-out infinite; }
@keyframes fdFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
body.fd-site .fd-landing__float { position: absolute; display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px 14px; box-shadow: 0 12px 30px rgba(0,0,0,.12); animation: fdFloat 7s ease-in-out infinite; }
body.fd-site .fd-landing__float i { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(var(--brand-rgb, 232, 84, 26), .12); color: var(--brand, #e8541a); font-size: 17px; }
body.fd-site .fd-landing__float strong { display: block; font-size: 14px; font-weight: 800; color: #1a1a1a; line-height: 1.1; }
body.fd-site .fd-landing__float span { font-size: 11.5px; color: #8a8a8a; }
body.fd-site .fd-landing__float--a { top: 40px; left: 0; animation-delay: -2s; }
body.fd-site .fd-landing__float--b { top: 50%; right: -10px; animation-delay: -4s; }
body.fd-site .fd-landing__float--c { bottom: 30px; left: 40px; animation-delay: -1s; }
/* stats strip */
body.fd-site .fd-landing__stats { position: relative; z-index: 2; margin-top: -26px; }
body.fd-site .fd-landing__stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border: 1px solid #efefef; border-radius: 20px; box-shadow: 0 14px 40px rgba(0,0,0,.08); overflow: hidden; }
body.fd-site .fd-landing__stat { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 22px 16px; border-right: 1px solid #f2f2f2; }
body.fd-site .fd-landing__stat:last-child { border-right: 0; }
body.fd-site .fd-landing__stat i { font-size: 22px; color: var(--brand, #e8541a); margin-bottom: 4px; }
body.fd-site .fd-landing__stat strong { font-size: 18px; font-weight: 800; color: #1a1a1a; }
body.fd-site .fd-landing__stat span { font-size: 12.5px; color: #8a8a8a; }
/* section heads */
body.fd-site .fd-landing__sec-head { text-align: center; max-width: 560px; margin: 0 auto 34px; }
body.fd-site .fd-landing__sec-head h2 { font-size: 32px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 8px; color: #1a1a1a; }
body.fd-site .fd-landing__sec-head p { font-size: 15px; color: #777; margin: 0; }
/* how it works */
body.fd-site .fd-landing__how { padding: 80px 0 40px; }
body.fd-site .fd-landing__steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.fd-site .fd-landing__step { position: relative; background: #fff; border: 1px solid #efefef; border-radius: 22px; padding: 30px 26px 26px; box-shadow: 0 2px 12px rgba(0,0,0,.04); transition: transform .18s, box-shadow .18s; }
body.fd-site .fd-landing__step:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.09); }
body.fd-site .fd-landing__step-no { position: absolute; top: 18px; right: 20px; font-size: 44px; font-weight: 800; color: rgba(var(--brand-rgb, 232, 84, 26), .12); line-height: 1; }
body.fd-site .fd-landing__step-ico { width: 56px; height: 56px; border-radius: 16px; background: var(--fd-grad, linear-gradient(135deg, #e8541a, #e23744)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 18px; box-shadow: 0 8px 20px rgba(var(--brand-rgb, 232, 84, 26), .3); }
body.fd-site .fd-landing__step h3 { font-size: 18px; font-weight: 800; margin: 0 0 8px; color: #1a1a1a; }
body.fd-site .fd-landing__step p { font-size: 14px; line-height: 1.6; color: #777; margin: 0; }
/* features */
body.fd-site .fd-landing__services { padding: 40px 0 70px; }
body.fd-site .fd-landing__features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
body.fd-site .fd-landing__feature { text-align: center; background: linear-gradient(180deg, rgba(var(--brand-rgb, 232, 84, 26), .07), #fff 60%); border: 1px solid #f0f0f0; border-radius: 22px; padding: 30px 26px; transition: transform .18s, box-shadow .18s; }
body.fd-site .fd-landing__feature:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.09); }
body.fd-site .fd-landing__feature img { height: 110px; width: auto; object-fit: contain; margin-bottom: 18px; }
body.fd-site .fd-landing__feature h3 { font-size: 18px; font-weight: 800; margin: 0 0 8px; color: #1a1a1a; }
body.fd-site .fd-landing__feature p { font-size: 14px; line-height: 1.6; color: #777; margin: 0; }
/* app */
body.fd-site .fd-landing__app { padding: 0 0 80px; }
body.fd-site .fd-landing__app-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; background: var(--fd-grad, linear-gradient(135deg, #e8541a, #e23744)); border-radius: 28px; padding: 50px 54px; color: #fff; box-shadow: 0 24px 60px rgba(var(--brand-rgb, 232, 84, 26), .3); }
body.fd-site .fd-landing__app-card::before { content: ''; position: absolute; width: 420px; height: 420px; border-radius: 50%; background: rgba(255,255,255,.08); right: -140px; top: -180px; }
body.fd-site .fd-landing__app-text { position: relative; }
body.fd-site .fd-landing__app-text h2 { font-size: 34px; font-weight: 800; letter-spacing: -.6px; margin: 0 0 12px; color: #fff; }
body.fd-site .fd-landing__app-text p { font-size: 15.5px; line-height: 1.6; color: rgba(255,255,255,.88); margin: 0 0 24px; max-width: 460px; }
body.fd-site .fd-landing__badges { display: flex; gap: 12px; flex-wrap: wrap; }
body.fd-site .fd-landing__badges img { height: 48px; width: auto; border-radius: 10px; transition: transform .15s; }
body.fd-site .fd-landing__badges a:hover img { transform: translateY(-2px); }
body.fd-site .fd-landing__app-art { position: relative; text-align: center; }
body.fd-site .fd-landing__app-art img { max-width: 100%; height: auto; max-height: 360px; filter: drop-shadow(0 20px 40px rgba(0,0,0,.25)); }
@media (max-width: 991px) {
    body.fd-site .fd-landing__hero-grid { grid-template-columns: 1fr; }
    body.fd-site .fd-landing__hero-art { min-height: 0; margin-top: 10px; }
    body.fd-site .fd-landing__art-ring { width: 320px; height: 320px; }
    body.fd-site .fd-landing__hero h1 { font-size: 38px; }
    body.fd-site .fd-landing__stats-grid { grid-template-columns: 1fr 1fr; }
    body.fd-site .fd-landing__stat:nth-child(2) { border-right: 0; }
    body.fd-site .fd-landing__stat:nth-child(-n+2) { border-bottom: 1px solid #f2f2f2; }
    body.fd-site .fd-landing__steps, body.fd-site .fd-landing__features { grid-template-columns: 1fr; }
    body.fd-site .fd-landing__app-card { grid-template-columns: 1fr; padding: 36px 28px; }
    body.fd-site .fd-landing__links a:not(.fd-landing__signin) { display: none; }
}
@media (max-width: 575px) {
    body.fd-site .fd-landing__hero { padding: 16px 0 46px; }
    body.fd-site .fd-landing__hero h1 { font-size: 31px; letter-spacing: -.6px; }
    body.fd-site .fd-sections { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    body.fd-site .fd-landing__search .location-group { flex-wrap: wrap; padding: 8px; }
    body.fd-site .fd-landing__search input#user_locationnew { flex: 1 1 100%; padding-left: 4px !important; }
    body.fd-site .fd-landing__locate { width: 100%; justify-content: center; margin-top: 6px; }
    body.fd-site .fd-landing__search-ico { display: none; }
    body.fd-site .fd-landing__float--a, body.fd-site .fd-landing__float--c { display: none; }
    body.fd-site .fd-landing__float--b { right: 0; }
    body.fd-site .fd-landing__stats-grid { grid-template-columns: 1fr 1fr; }
    body.fd-site .fd-landing__sec-head h2, body.fd-site .fd-landing__app-text h2 { font-size: 26px; }
    body.fd-site .fd-landing__how { padding-top: 56px; }
}
body.fd-site .fd-shop-home .pro-list .list-card .list-card-body h6:not(.popul-title):not(.pr-discount):not(.pro-cat), body.fd-site .fd-mv-home .pro-list .list-card .list-card-body h6:not(.popul-title):not(.pr-discount):not(.pro-cat) { white-space: normal !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12.5px !important; font-weight: 500 !important; color: #8a8a8a !important; line-height: 1.45; margin: 0 0 4px; }
body.fd-site .fd-shop-home .pro-list .list-card .list-card-body h6.popul-title, body.fd-site .fd-mv-home .pro-list .list-card .list-card-body h6.popul-title { white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
body.fd-site .fd-landing #logo_web { display: inline-flex; align-items: center; height: 48px; }
body.fd-site .fd-landing #logo_web img, body.fd-site .fd-landing .brand-wrap img, body.fd-site .fd-landing img.logo_web { height: 44px !important; width: auto !important; max-width: 180px !important; max-height: 44px !important; object-fit: contain; margin: 0 !important; }
body.fd-site .fd-landing #logo_web.brand-wrap, body.fd-site .fd-landing .brand-wrap { position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
/* brand tiles: logo box hugs the logo instead of the 180px card image height */
body.fd-site .brand-list .list-card .list-card-image, body.fd-site .brand-list .list-card .list-card-image a { height: auto !important; min-height: 0 !important; max-height: none !important; background: transparent !important; }
body.fd-site .brand-list .list-card .list-card-image { padding: 6px 0 0 !important; display: flex !important; justify-content: center; align-items: center; }
body.fd-site .brand-list .list-card { padding: 18px 10px 16px !important; justify-content: center; }
body.fd-site .brand-list .list-card .brand-title, body.fd-site .brand-list .list-card > .p-2 { padding: 12px 6px 0 !important; }
/* ONE rating badge everywhere: white pill, gold star, dark text (cards on home, lists, search, favourites, store page) */
body.fd-site .list-card .star .badge, body.fd-site .list-card .star .badge.badge-success, body.fd-site .sis-home-page .list-card .star .badge, body.fd-site .sis-home-page .list-card .star.position-relative .badge, body.fd-site .sis-favorites .star .badge, body.fd-site .sis-favorites .list-card-badge .star .badge, body.fd-site .list-card .list-card-badge .badge-success, body.fd-site .grid-card .star .badge, body.fd-site .res-search-list-1 .list-card .star .badge, body.fd-site .list-card .star.position-absolute .badge { display: inline-flex !important; align-items: center; gap: 4px; background: #fff !important; background-image: none !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a; border: 0 !important; border-radius: 50px !important; padding: 5px 10px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important; text-shadow: none; }
body.fd-site .list-card .star .badge i, body.fd-site .list-card .star .badge .feather-star, body.fd-site .sis-favorites .star .badge i, body.fd-site .sis-favorites .star .badge .feather-star, body.fd-site .grid-card .star .badge i, body.fd-site .list-card .list-card-badge .badge i { color: #f5a623 !important; -webkit-text-fill-color: #f5a623; font-size: 12px !important; margin: 0 !important; }
body.fd-site .list-card .list-card-body .star.position-relative, body.fd-site .list-card .star.position-absolute, body.fd-site .list-card .list-card-image .star { position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important; margin: 0 !important; z-index: 3; width: auto !important; height: auto !important; }
/* shop home category tiles: category artwork is not square, so contain it on a soft tile instead of cropping */
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img, body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img { background: rgba(var(--brand-rgb, 232, 84, 26), .06) !important; border: 1px solid rgba(var(--brand-rgb, 232, 84, 26), .12) !important; padding: 14px !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; transition: background .15s, border-color .15s; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img img, body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 0 !important; background: transparent; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link:hover .cat-img, body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link:hover .cat-img { background: rgba(var(--brand-rgb, 232, 84, 26), .12) !important; border-color: rgba(var(--brand-rgb, 232, 84, 26), .3) !important; }
/* highlights slider rating: same white pill as every other card */
body.fd-site .profile-preview-box .review-rating-demo { display: inline-flex !important; align-items: center; gap: 4px; background: #fff !important; background-image: none !important; color: #1a1a1a !important; border: 0 !important; border-radius: 50px !important; padding: 5px 10px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important; }
body.fd-site .profile-preview-box .review-rating-demo .rating-text, body.fd-site .profile-preview-box .review-rating-demo .rating-number, body.fd-site .profile-preview-box .review-rating-demo .review--text, body.fd-site .profile-preview-box .review-rating-demo #rating_data { color: #1a1a1a !important; font-size: 12px !important; font-weight: 800 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
body.fd-site .profile-preview-box .review-rating-demo .fa-star { color: #f5a623 !important; font-size: 12px !important; margin: 0 3px 0 0 !important; }
html body.fd-site .sis-home-page .highlights-slider .profile-preview-box .review-rating-demo, html body.fd-site .sis-home-page .highlights-slider .profile-preview-box .profile-preview-img .review-rating-demo { background: #fff !important; background-color: #fff !important; }
/* category artwork draws the icon in the lower half of a circle: crop in on that area so the icon sits centred */
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img, body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img { padding: 0 !important; overflow: hidden; }
body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img img, body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img img { object-fit: cover !important; object-position: 50% 72% !important; transform: scale(1.3); transform-origin: 50% 72%; transition: transform .18s; }
body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img img, body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img img { transform: scale(1.38) !important; }

/* categories page: same tinted tile + icon crop as the home top categories (artwork draws the icon in the lower half) */
body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image { width: 120px; height: 120px !important; border-radius: 18px; background: rgba(var(--brand-rgb, 232, 84, 26), .06) !important; border: 1px solid rgba(var(--brand-rgb, 232, 84, 26), .12); padding: 0 !important; overflow: hidden; margin: 0 auto; transition: background .15s, border-color .15s; }
body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image a { display: block; width: 100%; height: 100% !important; }
body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image img.item-img { width: 100% !important; height: 100% !important; border-radius: 0; object-fit: cover; object-position: 50% 72%; transform: scale(1.3); transform-origin: 50% 72%; transition: transform .18s; }
body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image { background: rgba(var(--brand-rgb, 232, 84, 26), .12) !important; border-color: rgba(var(--brand-rgb, 232, 84, 26), .3); }
body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image img.item-img { transform: scale(1.38); }
/* new arrivals / all products: full-width page, so four cards per row on desktop (the script emits col-md-4) */
@media (min-width: 992px) { body.fd-site .fd-shop-arrivals .product-list { flex: 0 0 25%; max-width: 25%; } }
/* search page: hide a result group while its list is empty (the not-found block covers the no-results case) */
body.fd-site .fd-shop-search .fd-search-group:has(.res-search-list-1:empty) { display: none; }
/* trending: empty state only while the list has no cards */
body.fd-site .fd-shop-trending .fd-trending-empty { display: none; }
body.fd-site .fd-shop-trending #trendingList:empty + .fd-trending-empty { display: block; }
/* categories page tile corners (a legacy rule zeroes the radius) */
body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image { border-radius: 18px !important; }
/* store page category sidebar: same icon crop as the tiles so the artwork's icon is visible */
body.fd-site .vandor-sidebar ul.vandorcat-list li a span:has(img) { width: 36px !important; height: 36px !important; border-radius: 10px !important; overflow: hidden; padding: 0 !important; display: inline-flex !important; flex: 0 0 36px; background: rgba(var(--brand-rgb, 232, 84, 26), .06) !important; }
body.fd-site .vandor-sidebar ul.vandorcat-list li a span img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 72%; transform: scale(1.3); transform-origin: 50% 72%; }
/* product detail: title rating + "More from the store" ratings use the same white pill as every card */
html body.fd-site .car-det-title .rating.star .badge.badge-success, html body.fd-site .product-detail .product-review .badge.badge-success { display: inline-flex !important; align-items: center; gap: 4px; background: #fff !important; background-image: none !important; color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a; border: 1px solid #ececec !important; border-radius: 50px !important; padding: 4px 9px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2; box-shadow: 0 1px 4px rgba(0,0,0,.08) !important; }
html body.fd-site .car-det-title .rating.star .badge.badge-success i, html body.fd-site .product-detail .product-review .badge.badge-success i { color: #f5a623 !important; -webkit-text-fill-color: #f5a623; font-size: 12px !important; margin: 0 !important; }
/* landing: legacy hover painted the tile name white; keep it readable (section colour when hovered/selected) */
html body.fd-site .fd-landing .fd-sections .cat-item .cat-link p, html body.fd-site .fd-landing .fd-sections .cat-item .cat-link:hover p { color: #1a1a1a !important; -webkit-text-fill-color: currentColor; }
html body.fd-site .fd-landing .fd-sections .cat-item .cat-link:hover p, html body.fd-site .fd-landing .fd-sections .cat-item.section-selected .cat-link p { color: var(--sec, var(--brand, #e8541a)) !important; }
/* landing: locate button in the brand tint instead of black */
html body.fd-site .fd-landing .fd-landing__locate { background: rgba(var(--brand-rgb, 232, 84, 26), .1) !important; color: var(--brand, #e8541a) !important; border: 1px solid rgba(var(--brand-rgb, 232, 84, 26), .22); }
html body.fd-site .fd-landing .fd-landing__locate:hover { background: var(--brand, #e8541a) !important; color: #fff !important; }
/* landing: legacy pins .locate-me absolute at top:0 with a 56px line-height; keep it in the flex row, vertically centred */
html body.fd-site .fd-landing .location-box .location-group .locate-me.fd-landing__locate { position: static !important; top: auto !important; bottom: auto !important; right: auto !important; line-height: 1 !important; height: 42px; align-self: center; margin: 0 0 0 8px; letter-spacing: 0; }

/* ===== Category images: shown whole, as the circle the artwork is drawn as (replaces the earlier zoom/offset crop) ===== */
html body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img,
html body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img,
html body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image,
html body.fd-site .vandor-sidebar ul.vandorcat-list li a span:has(img) {
    border-radius: 50% !important; padding: 0 !important; overflow: hidden !important; background: #f3f3f5 !important;
    border: 1px solid #ececec !important; box-shadow: 0 2px 8px rgba(0,0,0,.05) !important;
    display: flex !important; align-items: center; justify-content: center;
}
html body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img img,
html body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img img,
html body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image img.item-img,
html body.fd-site .vandor-sidebar ul.vandorcat-list li a span img {
    width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 50% !important;
    transform: none !important; border-radius: 50% !important; margin: 0 !important; padding: 0 !important; transition: transform .18s;
}
/* wide images (the default placeholder): fit inside the circle with breathing room */
html body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img img.fd-img-wide,
html body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img img.fd-img-wide,
html body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image img.item-img.fd-img-wide,
html body.fd-site .vandor-sidebar ul.vandorcat-list li a span img.fd-img-wide {
    object-fit: contain !important; padding: 22% !important; border-radius: 0 !important;
}
html body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img,
html body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img,
html body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image {
    border-color: rgba(var(--brand-rgb, 232, 84, 26), .45) !important; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12) !important;
}
html body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img img,
html body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img img,
html body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image img.item-img { transform: scale(1.05) !important; }
html body.fd-site .vandor-sidebar ul.vandorcat-list li a span:has(img) { width: 36px !important; height: 36px !important; flex: 0 0 36px; }
/* category hover: no zoom (it shifted the artwork against the circle) and the ring is drawn inside the circle,
   because the scrolling row clips anything outside it */
html body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img img,
html body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img img,
html body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image img.item-img { transform: none !important; }
html body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img,
html body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img,
html body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image { position: relative; box-shadow: none !important; transition: border-color .15s; }
html body.fd-site .fd-shop-home .top-categories-section .top-cat-list .cat-link .cat-img::after,
html body.fd-site .fd-mv-home .top-categories-section .top-cat-list .cat-link .cat-img::after,
html body.fd-site .fd-shop-categories .brand-list .list-card .list-card-image::after { content: ''; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 3px transparent; transition: box-shadow .15s; pointer-events: none; }
html body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img,
html body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img,
html body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image { box-shadow: none !important; border-color: var(--brand, #e8541a) !important; }
html body.fd-site .fd-shop-home .top-categories-section .cat-link:hover .cat-img::after,
html body.fd-site .fd-mv-home .top-categories-section .cat-link:hover .cat-img::after,
html body.fd-site .fd-shop-categories .brand-list .list-card:hover .list-card-image::after { box-shadow: inset 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .22); }

/* ===== Delivery address popup (#locationModalAddress) in the fd design ===== */
body.fd-site #locationModalAddress .modal-dialog { max-width: 520px; }
body.fd-site #locationModalAddress .modal-content { border: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.18); }
body.fd-site #locationModalAddress .modal-header { border-bottom: 1px solid #f0f0f0; padding: 20px 24px 16px; align-items: center; }
body.fd-site #locationModalAddress .modal-title { text-transform: none !important; letter-spacing: 0 !important; font-size: 19px !important; font-weight: 800 !important; color: #1a1a1a; display: flex; align-items: center; gap: 10px; }
body.fd-site #locationModalAddress .modal-title::before { content: '\e98c'; font-family: 'feather' !important; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .1); }
body.fd-site #locationModalAddress .modal-body { padding: 18px 24px 6px; }
body.fd-site #locationModalAddress .form-group { margin-bottom: 14px; }
body.fd-site #locationModalAddress .form-label { font-size: 13px; font-weight: 700; color: #3a3a3a; margin-bottom: 6px; }
body.fd-site #locationModalAddress .form-control { height: 46px; border: 1.5px solid #e9e9ec; border-radius: 12px !important; font-size: 14.5px; padding: 0 14px; box-shadow: none; background: #fff; }
body.fd-site #locationModalAddress .form-control:focus { border-color: var(--brand, #e8541a); box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12); }
body.fd-site #locationModalAddress .input-group { flex-wrap: nowrap; gap: 8px; }
body.fd-site #locationModalAddress .input-group > .form-control { border-radius: 12px !important; }
body.fd-site #locationModalAddress .input-group-append .btn { width: 46px; height: 46px; border-radius: 12px !important; border: 1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .25); background: rgba(var(--brand-rgb, 232, 84, 26), .08); color: var(--brand, #e8541a); display: inline-flex; align-items: center; justify-content: center; box-shadow: none; }
body.fd-site #locationModalAddress .input-group-append .btn:hover { background: var(--brand, #e8541a); color: #fff; }
body.fd-site #locationModalAddress .modal-footer { padding: 6px 24px 22px !important; }
body.fd-site #locationModalAddress .modal-footer .btn-block { height: 50px; border-radius: 14px !important; border: 0; background: var(--fd-grad, var(--brand, #e8541a)); font-size: 15.5px; font-weight: 800; box-shadow: 0 10px 24px rgba(var(--brand-rgb, 232, 84, 26), .28); }
@media (max-width: 575px) { body.fd-site #locationModalAddress .modal-dialog { margin: 12px; } }
/* delivery support FAQ: section headings in the fd type scale */
body.fd-site .fd-support #basics h5.font-weight-semi-bold, body.fd-site .fd-support #account h5.font-weight-semi-bold, body.fd-site .fd-support h5.font-weight-semi-bold { font-size: 18px; font-weight: 800; color: #1a1a1a; margin: 18px 0 4px; }
/* dine-in list: the page head already names the list; the legacy all-caps tab pill only repeats it */
body.fd-site .fd-dinein-list .search > #myTab { display: none; }
body.fd-site .fd-dinein-list .search { padding-top: 0; }
/* dine-in store page: banner height and title size in line with the store page */
body.fd-site .fd-dinein-store .resturant-banner-inner { border-radius: 20px; overflow: hidden; height: 360px; }
body.fd-site .fd-dinein-store .resturant-banner-inner img { width: 100%; height: 100% !important; object-fit: cover; }
body.fd-site .rest-basic-detail #vendor_title { font-size: 26px !important; font-weight: 800 !important; color: #1a1a1a; margin: 8px 0 6px; }
body.fd-site .rest-basic-detail #vendor_address { color: #6b6b6b !important; font-size: 14px; }
@media (max-width: 767px) { body.fd-site .fd-dinein-store .resturant-banner-inner { height: 220px; } body.fd-site .rest-basic-detail #vendor_title { font-size: 21px !important; } }

/* =====================================================================================================
   Ecommerce home in the 6amMart "shop" layout (.sx-home): sticky sidebar + carded main column.
   Script-built markup (category tiles, store cards, product rows, brands) is restyled here.
   ===================================================================================================== */
html body.fd-site .sx-home { background: #f5f6f8; padding: 22px 0 40px; }
html body.fd-site .sx-home .sx-wrap { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: 26px; align-items: start; }

/* ---------- sidebar ---------- */
html body.fd-site .sx-side { position: sticky; top: 92px; }
html body.fd-site .sx-side__card { background: #fff; border-radius: 18px; box-shadow: 0 2px 14px rgba(16, 24, 40, .06); padding: 10px; max-height: calc(100vh - 112px); overflow-y: auto; scrollbar-width: thin; }
html body.fd-site .sx-side__quick { display: flex; flex-direction: column; padding-bottom: 8px; border-bottom: 1px solid #eef0f3; }
html body.fd-site .sx-side__quick a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; font-size: 15px; font-weight: 500; color: #1f2430; text-decoration: none; transition: background .15s; }
html body.fd-site .sx-side__quick a:hover { background: #f4f5f7; }
html body.fd-site .sx-ico { font-size: 17px; width: 20px; text-align: center; }
html body.fd-site .sx-ico--orange { color: #f59e0b; } html body.fd-site .sx-ico--blue { color: #3b82f6; } html body.fd-site .sx-ico--amber { color: #eab308; }
html body.fd-site .sx-ico--pink { color: #ec4899; } html body.fd-site .sx-ico--violet { color: #8b5cf6; } html body.fd-site .sx-ico--green { color: #10b981; }
html body.fd-site .sx-side__cats { padding: 12px 2px 4px; }
html body.fd-site .sx-side__title { font-size: 17px; font-weight: 800; color: #6b7280; padding: 4px 12px 8px; }
html body.fd-site .sx-side__cat { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; border-radius: 12px; font-size: 15px; color: #1f2430; text-decoration: none; }
html body.fd-site .sx-side__cat span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.fd-site .sx-side__cat i { color: #b0b6c0; font-size: 15px; flex: none; transition: transform .15s, color .15s; }
html body.fd-site .sx-side__cat:hover { background: rgba(var(--brand-rgb, 232, 84, 26), .07); color: var(--brand, #e8541a); }
html body.fd-site .sx-side__cat:hover i { color: var(--brand, #e8541a); transform: translateX(2px); }
html body.fd-site .sx-side__skel { display: block; height: 16px; margin: 14px 12px; border-radius: 6px; }
html body.fd-site .sx-side__all { display: inline-flex; align-items: center; gap: 6px; margin: 6px 12px 8px; font-size: 13.5px; font-weight: 700; color: var(--brand, #e8541a); text-decoration: none; }

/* ---------- main column ---------- */
html body.fd-site .sx-main { min-width: 0; }
html body.fd-site .sx-home .sx-sec { padding: 0 !important; margin: 0 0 34px !important; background: none; border: 0; }
html body.fd-site .sx-home .sx-sec > .container, html body.fd-site .sx-home .sx-sec .container { max-width: none; padding: 0; }
html body.fd-site .sx-sec__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
html body.fd-site .sx-sec__head h2 { font-size: 24px; font-weight: 800; color: #111827; margin: 0; letter-spacing: -.4px; display: flex; align-items: center; gap: 10px; }
html body.fd-site .sx-sec__sub { font-size: 14px; color: #6b7280; margin: 4px 0 0; }
html body.fd-site .sx-sec__more { flex: none; font-size: 14px; font-weight: 700; color: var(--brand, #e8541a); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
html body.fd-site .sx-tag { font-size: 12px; font-weight: 600; color: #6b7280; background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 3px 10px; letter-spacing: 0; }
html body.fd-site .sx-accent { color: var(--brand-dark, #c2410c) !important; }
html body.fd-site .sx-arrows { display: flex; gap: 8px; flex: none; }
html body.fd-site .sx-arrows button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid #e5e7eb; background: #fff; color: #374151; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
html body.fd-site .sx-arrows button:hover { border-color: var(--brand, #e8541a); color: var(--brand, #e8541a); }
html body.fd-site .sx-panel { border-radius: 22px; padding: 24px 26px 26px !important; }
html body.fd-site .sx-panel--warm { background: #fff8e7 !important; }
html body.fd-site .sx-panel--cool { background: #eef4ff !important; border: 1px solid #e3ebfb !important; }

/* hero: search card */
html body.fd-site .sx-hero { background: #fff; border-radius: 22px; box-shadow: 0 2px 14px rgba(16, 24, 40, .06); padding: 30px 32px 32px; margin-bottom: 26px; text-align: center; position: relative; overflow: hidden; }
html body.fd-site .sx-hero::before { content: ''; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(var(--brand-rgb, 232, 84, 26), .07); top: -140px; right: -80px; }
html body.fd-site .sx-hero__title { font-size: 30px; font-weight: 800; color: #111827; letter-spacing: -.6px; margin: 0 0 6px; position: relative; }
html body.fd-site .sx-hero__title em { font-style: normal; color: var(--brand, #e8541a); }
html body.fd-site .sx-hero__sub { font-size: 15px; color: #6b7280; margin: 0 auto 20px; max-width: 620px; position: relative; }
html body.fd-site .sx-hero__search { display: flex; align-items: center; gap: 10px; max-width: 760px; margin: 0 auto; background: #f1f3f6; border-radius: 999px; padding: 6px 6px 6px 22px; position: relative; border: 1.5px solid transparent; transition: border-color .15s, background .15s; }
html body.fd-site .sx-hero__search:focus-within { border-color: var(--brand, #e8541a); background: #fff; }
html body.fd-site .sx-hero__search i { color: #9ca3af; font-size: 18px; }
html body.fd-site .sx-hero__search input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; outline: none; box-shadow: none !important; height: 44px; font-size: 15.5px; color: #111827; padding: 0 !important; }
html body.fd-site .sx-hero__search button { flex: none; height: 44px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--fd-grad, var(--brand, #e8541a)); color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }

/* banners */
html body.fd-site .sx-home .sx-banner { margin: 0 0 30px !important; padding: 0 !important; }
html body.fd-site .sx-home #top_banner, html body.fd-site .sx-home #middle_banner { border-radius: 20px; overflow: hidden; }
html body.fd-site .sx-home #top_banner img, html body.fd-site .sx-home #middle_banner img { border-radius: 20px; width: 100%; object-fit: cover; }
html body.fd-site .sx-home #middle_banner .slick-slide { padding: 0 8px; }
html body.fd-site .sx-home #middle_banner .slick-list { margin: 0 -8px; }

/* explore categories: circles in one scrolling row */
html body.fd-site .sx-home #append_categories .row { display: flex !important; flex-wrap: nowrap !important; gap: 20px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 8px; scrollbar-width: none; }
html body.fd-site .sx-home #append_categories .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-home .top-categories-section .top-cat-list { flex: 0 0 104px !important; max-width: 104px !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-home .top-categories-section .top-cat-list .cat-link { background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
html body.fd-site .sx-home .top-categories-section .top-cat-list .cat-link .cat-img { width: 100px !important; height: 100px !important; margin: 0 auto 10px !important; }
html body.fd-site .sx-home .top-categories-section .top-cat-list .cat-link h4 { font-size: 15px !important; font-weight: 600 !important; color: #1f2430 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin: 0 !important; }
html body.fd-site .sx-home .top-categories-section .top-cat-list .cat-link:hover h4 { color: var(--brand, #e8541a) !important; }

/* promo strip */
html body.fd-site .sx-promo { display: flex; align-items: center; gap: 16px; background: #fff6d9; border: 1px solid #fbe9a9; border-radius: 18px; padding: 18px 24px; margin: 0 0 34px; text-decoration: none !important; color: #1f2430; transition: transform .15s, box-shadow .15s; }
html body.fd-site .sx-promo:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(234, 179, 8, .18); }
html body.fd-site .sx-promo__ico { width: 46px; height: 46px; border-radius: 50%; flex: none; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #fbbf24, #f97316); color: #fff; font-size: 20px; }
html body.fd-site .sx-promo__text { flex: 1; display: flex; flex-direction: column; }
html body.fd-site .sx-promo__text strong { font-size: 17px; font-weight: 800; }
html body.fd-site .sx-promo__text small { font-size: 14px; color: #6b7280; }
html body.fd-site .sx-promo__go { font-size: 20px; color: #1f2430; }

/* horizontal rows */
html body.fd-site .sx-row { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x proximity; padding: 2px 2px 6px; scrollbar-width: none; }
html body.fd-site .sx-row::-webkit-scrollbar { display: none; }

/* product card (special offers) */
html body.fd-site .sx-pcard { flex: 0 0 188px; position: relative; scroll-snap-align: start; }
html body.fd-site .sx-pcard__img { display: flex; align-items: center; justify-content: center; height: 188px; background: #fff; border: 1px solid #edeef1; border-radius: 16px; padding: 18px; overflow: hidden; }
html body.fd-site .sx-pcard__img img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .25s; }
html body.fd-site .sx-pcard:hover .sx-pcard__img img { transform: scale(1.05); }
html body.fd-site .sx-pcard__add { position: absolute; top: 140px; right: 10px; width: 36px; height: 36px; border-radius: 10px; background: #fff; color: #111827; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.12); font-size: 18px; text-decoration: none !important; transition: background .15s, color .15s; }
html body.fd-site .sx-pcard__add:hover { background: var(--brand, #e8541a); color: #fff; }
html body.fd-site .sx-pcard__body { padding: 10px 4px 0; }
html body.fd-site .sx-pcard__meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 12.5px; }
html body.fd-site .sx-pcard__store { color: #6b7280; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html body.fd-site .sx-pcard__store i { color: #3b82f6; font-size: 13px; flex: none; }
html body.fd-site .sx-pcard__rate { color: #374151; font-weight: 700; flex: none; display: inline-flex; align-items: center; gap: 3px; }
html body.fd-site .sx-pcard__rate i { color: #f59e0b; }
html body.fd-site .sx-pcard__name { display: block; font-size: 15.5px; color: #111827; margin: 4px 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
html body.fd-site .sx-pcard__price { display: flex; align-items: baseline; gap: 6px; }
html body.fd-site .sx-pcard__price b { font-size: 18px; font-weight: 800; color: #111827; }
html body.fd-site .sx-pcard__price s { font-size: 13px; color: #9ca3af; }
html body.fd-site .sx-off { display: inline-block; margin-top: 5px; background: #ef4444; color: #fff; font-size: 12px; font-weight: 800; border-radius: 999px; padding: 2px 8px; }

/* what's new (#most_sale1): newest stores as horizontal chips */
html body.fd-site .sx-home #most_sale1 .row { display: flex !important; flex-wrap: nowrap !important; gap: 16px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 6px; scrollbar-width: none; }
html body.fd-site .sx-home #most_sale1 .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-home #most_sale1 .row > [class*="col-"] { flex: 0 0 290px !important; max-width: 290px !important; padding: 0 !important; }
html body.fd-site .sx-home #most_sale1 .list-card { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 14px; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 16px !important; padding: 14px 16px !important; box-shadow: none !important; height: auto !important; min-height: 0 !important; }
html body.fd-site .sx-home #most_sale1 .list-card .list-card-image { flex: 0 0 56px !important; width: 56px !important; height: 56px !important; min-height: 0 !important; border-radius: 14px !important; overflow: hidden; margin: 0 !important; }
html body.fd-site .sx-home #most_sale1 .list-card .list-card-image img { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 14px !important; }
html body.fd-site .sx-home #most_sale1 .list-card .list-card-image::after { display: none !important; }
html body.fd-site .sx-home #most_sale1 .most-pop-bottom { position: static !important; background: none !important; padding: 0 !important; min-width: 0; flex: 1; }
html body.fd-site .sx-home #most_sale1 .most-pop-bottom .list-card-body { padding: 0 !important; float: none !important; width: auto !important; background: none !important; }
html body.fd-site .sx-home #most_sale1 .arv-title { font-size: 15.5px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
html body.fd-site .sx-home #most_sale1 .arv-discount { font-size: 13px !important; color: #6b7280 !important; margin: 2px 0 0 !important; }
html body.fd-site .sx-home #most_sale1 .star { position: static !important; display: none; }

/* store cards with a cover image: recommended (#most_popular) + explore stores (#all-stores) */
html body.fd-site .sx-home #most_popular .row { display: flex !important; flex-wrap: nowrap !important; gap: 18px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 6px; scrollbar-width: none; }
html body.fd-site .sx-home #most_popular .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-home #most_popular .row > .pro-list { flex: 0 0 300px !important; max-width: 300px !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-home #all-stores .row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 22px; margin: 0 !important; }
html body.fd-site .sx-home #all-stores .row > .pro-list { max-width: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; flex: none !important; }
html body.fd-site .sx-home #most_popular .list-card, html body.fd-site .sx-home #all-stores .list-card { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; height: auto !important; }
html body.fd-site .sx-home #most_popular .list-card:hover, html body.fd-site .sx-home #all-stores .list-card:hover { transform: none !important; }
html body.fd-site .sx-home #most_popular .list-card-image, html body.fd-site .sx-home #all-stores .list-card-image { height: 170px !important; border-radius: 18px !important; overflow: hidden !important; background: #e9ecf1; }
html body.fd-site .sx-home #all-stores .list-card-image { height: 190px !important; }
html body.fd-site .sx-home #most_popular .list-card-image img, html body.fd-site .sx-home #all-stores .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .3s; }
html body.fd-site .sx-home #most_popular .list-card:hover .list-card-image img, html body.fd-site .sx-home #all-stores .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-home #most_popular .list-card-image::after, html body.fd-site .sx-home #all-stores .list-card-image::after { display: none !important; }
html body.fd-site .sx-home #most_popular .list-card .py-2, html body.fd-site .sx-home #all-stores .list-card .py-2 { padding: 10px 2px 0 !important; position: static !important; }
html body.fd-site .sx-home #most_popular .list-card-body, html body.fd-site .sx-home #all-stores .list-card-body { padding: 0 !important; float: none !important; width: auto !important; }
html body.fd-site .sx-home #most_popular .popul-title, html body.fd-site .sx-home #all-stores .popul-title { font-size: 17px !important; font-weight: 800 !important; margin: 0 0 3px !important; display: flex; align-items: center; gap: 6px; }
html body.fd-site .sx-home #most_popular .popul-title::before, html body.fd-site .sx-home #all-stores .popul-title::before { content: '\e92b'; font-family: 'feather'; font-size: 13px; font-weight: 400; color: #fff; background: #3b82f6; border-radius: 50%; width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; flex: none; }
html body.fd-site .sx-home #most_popular .popul-title a, html body.fd-site .sx-home #all-stores .popul-title a { color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-home #most_popular .list-card-body h6:not(.popul-title), html body.fd-site .sx-home #all-stores .list-card-body h6:not(.popul-title) { font-size: 13.5px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: unset; }
html body.fd-site .sx-home #most_popular .list-card-body h6.pr-discount:not(:empty), html body.fd-site .sx-home #all-stores .list-card-body h6.pr-discount:not(:empty) { display: inline-block; margin-top: 6px !important; color: #ef4444 !important; background: #fee2e2; border-radius: 999px; padding: 2px 9px; font-weight: 700 !important; font-size: 12px !important; }
html body.fd-site .sx-home #most_popular .list-card .star, html body.fd-site .sx-home #all-stores .list-card .star { position: absolute !important; top: 12px; right: 12px; margin: 0 !important; z-index: 2; }

/* top brands */
html body.fd-site .sx-home #brands .row { display: flex !important; flex-wrap: nowrap !important; gap: 16px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 6px; scrollbar-width: none; }
html body.fd-site .sx-home #brands .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-home #brands .brand-list { flex: 0 0 118px !important; max-width: 118px !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-home #brands .brand-list .list-card { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
html body.fd-site .sx-home #brands .brand-list .list-card .list-card-image { width: 104px !important; height: 104px !important; margin: 0 auto !important; padding: 18px !important; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 18px !important; display: flex !important; align-items: center; justify-content: center; transition: border-color .15s, box-shadow .15s; }
html body.fd-site .sx-home #brands .brand-list .list-card:hover .list-card-image { border-color: rgba(var(--brand-rgb, 232, 84, 26), .4) !important; box-shadow: 0 6px 18px rgba(16, 24, 40, .08); }
html body.fd-site .sx-home #brands .brand-list .list-card .list-card-image img.item-img { width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: contain !important; }
html body.fd-site .sx-home #brands .brand-list .brand-title { padding: 8px 2px 0 !important; text-align: center; }
html body.fd-site .sx-home #brands .brand-list .list-card-body h6 { font-size: 14.5px !important; font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 !important; }

/* category product rows (#home_categories): one white panel per category */
html body.fd-site .sx-home #home_categories .category-content { background: #fff; border-radius: 22px; box-shadow: 0 2px 14px rgba(16, 24, 40, .05); padding: 22px 24px 18px; margin: 0 0 26px !important; }
html body.fd-site .sx-home #home_categories .category-content .title { margin: 0 0 16px !important; padding: 0 !important; border: 0 !important; }
html body.fd-site .sx-home #home_categories .category-content .title h5 { font-size: 22px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 !important; }
html body.fd-site .sx-home #home_categories .see-all a { font-size: 14px; font-weight: 700; color: var(--brand, #e8541a) !important; }
html body.fd-site .sx-home #home_categories .row { display: flex !important; flex-wrap: nowrap !important; gap: 16px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 4px; scrollbar-width: none; }
html body.fd-site .sx-home #home_categories .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-home #home_categories .product-list { flex: 0 0 196px !important; max-width: 196px !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; height: auto !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card-image { height: 190px !important; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 16px !important; padding: 18px !important; display: flex !important; align-items: center; justify-content: center; overflow: hidden !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card-image > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100% !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card-image img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; object-fit: contain !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card-image::after { display: none !important; }
html body.fd-site .sx-home #home_categories .product-list .py-2 { padding: 10px 4px 0 !important; position: static !important; }
html body.fd-site .sx-home #home_categories .product-list .list-card-body { padding: 0 !important; }
html body.fd-site .sx-home #home_categories .product-list .product-title { margin: 0 0 2px !important; }
html body.fd-site .sx-home #home_categories .product-list .product-title a { font-size: 15.5px !important; font-weight: 500 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
html body.fd-site .sx-home #home_categories .product-list .pro-cat { font-size: 12.5px !important; color: #6b7280 !important; margin: 0 0 2px !important; }
html body.fd-site .sx-home #home_categories .product-list .pro-price { font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
html body.fd-site .sx-home #home_categories .product-list .pro-price s { font-size: 13px !important; font-weight: 500; color: #9ca3af !important; }
html body.fd-site .sx-home #home_categories .product-list .star { position: absolute !important; top: 10px; right: 10px; margin: 0 !important; z-index: 2; }

/* load more */
html body.fd-site .sx-loadmore { text-align: center; margin-top: 26px; }
html body.fd-site .sx-loadmore a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 999px; border: 1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .35); color: var(--brand, #e8541a); font-weight: 700; font-size: 14.5px; text-decoration: none; background: #fff; }
html body.fd-site .sx-loadmore a:hover { background: var(--brand, #e8541a); color: #fff; }

/* responsive */
@media (max-width: 1199px) { html body.fd-site .sx-home #all-stores .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) {
    html body.fd-site .sx-home .sx-wrap { grid-template-columns: 1fr; }
    html body.fd-site .sx-side { display: none; }
}
@media (max-width: 575px) {
    html body.fd-site .sx-home { padding-top: 14px; }
    html body.fd-site .sx-hero { padding: 22px 16px; }
    html body.fd-site .sx-hero__title { font-size: 23px; }
    html body.fd-site .sx-hero__search button { padding: 0 16px; }
    html body.fd-site .sx-home #all-stores .row { grid-template-columns: 1fr; }
    html body.fd-site .sx-sec__head h2 { font-size: 20px; }
    html body.fd-site .sx-panel { padding: 18px 16px !important; }
    html body.fd-site .sx-home #home_categories .category-content { padding: 18px 16px; }
}
/* sx home fixes: category section sits on the page (legacy white box), product rows fill the panel in 4 columns, names clip */
html body.fd-site .sx-home .top-categories-section { background: transparent !important; box-shadow: none !important; }
html body.fd-site .sx-home #home_categories .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; overflow: visible; }
html body.fd-site .sx-home #home_categories .product-list { flex: none !important; max-width: none !important; width: auto !important; min-width: 0; }
html body.fd-site .sx-home #home_categories .product-list .list-card-image { height: 210px !important; }
html body.fd-site .sx-home #home_categories .product-list .py-2, html body.fd-site .sx-home #home_categories .product-list .list-card-body { min-width: 0; width: 100% !important; overflow: hidden; float: none !important; }
html body.fd-site .sx-home #home_categories .product-list .product-title { max-width: 100%; overflow: hidden; }
@media (max-width: 767px) { html body.fd-site .sx-home #home_categories .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html body.fd-site .sx-home .sx-sec.sx-panel { padding: 24px 26px 26px !important; }
html body.fd-site .sx-home .ecommerce-content, html body.fd-site .sx-home .multi-vendore-content, html body.fd-site .sx-home .ecommerce-banner { background: transparent !important; }
html body.fd-site .sx-pcard { width: 188px; min-width: 0; max-width: 188px; }
html body.fd-site .sx-home #most_popular .list-card-body h6:not(.popul-title):not(.pr-discount), html body.fd-site .sx-home #all-stores .list-card-body h6:not(.popul-title):not(.pr-discount) { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; -webkit-line-clamp: unset !important; max-height: none !important; }
@media (max-width: 575px) { html body.fd-site .sx-home .sx-sec.sx-panel { padding: 18px 16px !important; } }
html body.fd-site .sx-home #most_popular .list-card-body h6, html body.fd-site .sx-home #all-stores .list-card-body h6 { width: auto !important; max-width: 100% !important; }
/* sx home on phones: the single column must not grow to the width of its scrolling rows */
@media (max-width: 991px) { html body.fd-site .sx-home .sx-wrap { grid-template-columns: minmax(0, 1fr); } }
html body.fd-site .sx-home .sx-sec, html body.fd-site .sx-home .ecommerce-content { min-width: 0; max-width: 100%; }
/* narrow phones: header items fit inside the screen */
@media (max-width: 420px) { body.fd-site .fd-nav__links { gap: 4px; } body.fd-site .fd-nav__links .fd-lang, body.fd-site .fd-nav__links .dropdown-lang, body.fd-site .fd-nav__links [class*="lang"] { display: none !important; } }
html body.fd-site .sx-home #all-stores .row > .pro-list, html body.fd-site .sx-home #all-stores .list-card, html body.fd-site .sx-home #all-stores .py-2, html body.fd-site .sx-home #all-stores .list-card-body { min-width: 0 !important; max-width: 100% !important; overflow: hidden; }
html body.fd-site .sx-home #all-stores .list-card .star { overflow: visible; }
/* sx home: rating pill sits 12px in from the image's top-right corner (an older rule pinned the badge itself to the corner) */
html body.fd-site .sx-home #all-stores .list-card, html body.fd-site .sx-home #most_popular .list-card, html body.fd-site .sx-home #home_categories .list-card { position: relative !important; }
html body.fd-site .sx-home #all-stores .list-card .star, html body.fd-site .sx-home #most_popular .list-card .star, html body.fd-site .sx-home #home_categories .list-card .star { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; z-index: 3; }
html body.fd-site .sx-home #all-stores .list-card .star .badge, html body.fd-site .sx-home #most_popular .list-card .star .badge, html body.fd-site .sx-home #home_categories .list-card .star .badge { position: static !important; top: auto !important; right: auto !important; margin: 0 !important; }
html body.fd-site .sx-home #all-stores .list-card .star, html body.fd-site .sx-home #most_popular .list-card .star, html body.fd-site .sx-home #home_categories .list-card .star { top: 22px !important; right: 22px !important; }

/* ===== 6amMart inner shop pages (.sx-inner): category / brand products, search ===== */
html body.fd-site .sx-hero__em { color: var(--brand, #e8541a); }
html body.fd-site .sx-inner .sx-hero { padding: 40px 32px 42px; }
html body.fd-site .sx-toolbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 6px 0 24px; }
html body.fd-site .sx-crumbs { display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: #374151; flex: 1 1 auto; min-width: 0; }
html body.fd-site .sx-crumbs a { color: #374151; text-decoration: underline; text-underline-offset: 4px; display: inline-flex; align-items: center; gap: 6px; }
html body.fd-site .sx-crumbs a:hover { color: var(--brand, #e8541a); }
html body.fd-site .sx-crumbs > i { color: #9ca3af; font-size: 13px; }
html body.fd-site .sx-crumbs span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-count { font-size: 15px; color: #6b7280; }
html body.fd-site .sx-count:empty { display: none; }
html body.fd-site .sx-tabs { display: flex; align-items: center; gap: 8px; flex: none; }
html body.fd-site .sx-tabs > button { height: 40px; padding: 0 18px; border-radius: 10px; border: 0; background: #eceef1; color: #1f2430; font-weight: 700; font-size: 14.5px; cursor: pointer; transition: background .15s, color .15s; }
html body.fd-site .sx-tabs > button:hover { background: #e2e5ea; }
html body.fd-site .sx-tabs > button.is-on { background: var(--brand, #e8541a); color: #fff; }
html body.fd-site .sx-sort { position: relative; }
html body.fd-site .sx-sort__btn { width: 40px; height: 40px; border-radius: 10px; border: 1px solid #e5e7eb; background: #fff; color: #1f2430; font-size: 17px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
html body.fd-site .sx-sort__menu { display: none; position: absolute; right: 0; top: 46px; z-index: 30; min-width: 210px; background: #fff; border-radius: 14px; box-shadow: 0 14px 34px rgba(16, 24, 40, .16); padding: 6px; }
html body.fd-site .sx-sort.is-open .sx-sort__menu { display: block; }
html body.fd-site .sx-sort__menu button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 10px 12px; border-radius: 9px; font-size: 14px; color: #1f2430; cursor: pointer; }
html body.fd-site .sx-sort__menu button:hover { background: #f4f5f7; }
html body.fd-site .sx-sort__menu button.is-on { color: var(--brand, #e8541a); font-weight: 700; }
html body.fd-site .sx-side__cat.is-active { font-weight: 800; color: #111827; background: #f4f5f7; }

/* favourite heart on product cards */
html body.fd-site .sx-pcard { position: relative; }
html body.fd-site .sx-fav { position: absolute; top: 10px; right: 10px; z-index: 2; width: 32px; height: 32px; border-radius: 50%; border: 0; background: #fff; color: #ef4444; box-shadow: 0 2px 8px rgba(0,0,0,.1); display: inline-flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; transition: transform .15s; }
html body.fd-site .sx-fav:hover { transform: scale(1.08); }
html body.fd-site .sx-fav.is-on { background: #ef4444; color: #fff; }
html body.fd-site .sx-pcard--skel .sx-pcard__img { display: block; height: 188px; border: 0; }

/* store card with item strip */
html body.fd-site .sx-row--stores { gap: 22px; }
html body.fd-site .sx-scard { flex: 0 0 372px; max-width: 372px; background: #fff; border-radius: 20px; box-shadow: 0 2px 14px rgba(16, 24, 40, .06); padding: 22px 18px 18px; scroll-snap-align: start; }
html body.fd-site .sx-scard__head { display: flex; align-items: center; gap: 14px; text-decoration: none !important; margin-bottom: 16px; }
html body.fd-site .sx-scard__logo { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; flex: none; background: #f3f4f6; border: 1px solid #eef0f3; }
html body.fd-site .sx-scard__logo img { width: 100%; height: 100%; object-fit: cover; }
html body.fd-site .sx-scard__info { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
html body.fd-site .sx-scard__info strong { font-size: 17px; font-weight: 800; color: #111827; display: flex; align-items: center; gap: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-verified { color: #3b82f6; font-size: 15px; flex: none; }
html body.fd-site .sx-scard__info small { font-size: 13.5px; color: #4b5563; display: flex; gap: 12px; flex-wrap: wrap; }
html body.fd-site .sx-scard__info small span { display: inline-flex; align-items: center; gap: 5px; }
html body.fd-site .sx-gold { color: #f59e0b; }
html body.fd-site .sx-scard__items { display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; }
html body.fd-site .sx-scard__items::-webkit-scrollbar { display: none; }
html body.fd-site .sx-scard__item { flex: 0 0 96px; min-width: 0; text-decoration: none !important; color: #111827; display: flex; flex-direction: column; }
html body.fd-site .sx-scard__thumb { width: 96px; height: 96px; border-radius: 14px; border: 1px solid #edeef1; background: #fff; display: flex; align-items: center; justify-content: center; padding: 10px; margin-bottom: 8px; overflow: hidden; }
html body.fd-site .sx-scard__thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }
html body.fd-site .sx-scard__iname { font-size: 13px; line-height: 1.3; color: #374151; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
html body.fd-site .sx-scard__item b { font-size: 16.5px; font-weight: 800; margin-top: 6px; }
html body.fd-site .sx-scard__item s { font-size: 12.5px; color: #9ca3af; }

/* views: All = rows, Items = item grid only, Stores = store grid only */
html body.fd-site .sx-inner .is-empty { display: none !important; }
html body.fd-site .sx-inner[data-view="items"] .sx-stores-sec, html body.fd-site .sx-inner[data-view="stores"] .sx-items-sec { display: none !important; }
html body.fd-site .sx-inner[data-view="items"] #sx-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); gap: 22px 18px; overflow: visible; }
html body.fd-site .sx-inner[data-view="items"] #sx-items .sx-pcard { width: auto; max-width: none; }
html body.fd-site .sx-inner[data-view="stores"] #sx-stores { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 22px; overflow: visible; }
html body.fd-site .sx-inner[data-view="stores"] #sx-stores .sx-scard { max-width: none; }
html body.fd-site .sx-inner[data-view="items"] .sx-arrows, html body.fd-site .sx-inner[data-view="stores"] .sx-arrows { display: none; }
html body.fd-site .sx-inner .sx-empty { background: #fff; border-radius: 20px; padding: 40px 20px; }

@media (max-width: 767px) {
    html body.fd-site .sx-toolbar { gap: 10px; }
    html body.fd-site .sx-crumbs { flex-basis: 100%; }
    html body.fd-site .sx-tabs { width: 100%; }
    html body.fd-site .sx-tabs > button { flex: 1; padding: 0 10px; }
    html body.fd-site .sx-scard { flex-basis: 300px; }
    html body.fd-site .sx-inner[data-view="items"] #sx-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    html body.fd-site .sx-inner[data-view="items"] #sx-items .sx-pcard__img { height: 150px; }
    html body.fd-site .sx-inner[data-view="items"] #sx-items .sx-pcard__add { top: 102px; }
}
html body.fd-site .sx-pcard__rate i, html body.fd-site .sx-gold { color: #f59e0b !important; -webkit-text-fill-color: #f59e0b; }
html body.fd-site .sx-count--lead { flex: 1 1 auto; font-size: 20px; color: #4b5563; }
html body.fd-site .sx-scard__info small { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
html body.fd-site .sx-scard__info small span { margin-right: 12px; }

/* ===== 6amMart listing pages (.sx-listing): all stores, stores by category, categories, brands ===== */
html body.fd-site .sx-grid { display: grid; gap: 26px 22px; }
html body.fd-site .sx-grid--stores { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.fd-site .sx-grid--tiles { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 26px 18px; }
html body.fd-site .sx-grid--brands { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 22px 18px; }
html body.fd-site .sx-skel-card { height: 220px; border-radius: 18px; }
html body.fd-site .sx-grid--tiles .sx-skel-card, html body.fd-site .sx-grid--brands .sx-skel-card { height: 150px; }

/* store card with cover image */
html body.fd-site .sx-ccard { display: flex; flex-direction: column; min-width: 0; text-decoration: none !important; color: #111827; }
html body.fd-site .sx-ccard__img { position: relative; display: block; height: 190px; border-radius: 18px; overflow: hidden; background: #e9ecf1; }
html body.fd-site .sx-ccard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
html body.fd-site .sx-ccard:hover .sx-ccard__img img { transform: scale(1.04); }
html body.fd-site .sx-ccard__rate { position: absolute; top: 12px; right: 12px; background: #fff; border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 800; color: #1a1a1a; display: inline-flex; align-items: center; gap: 4px; box-shadow: 0 2px 8px rgba(0,0,0,.14); }
html body.fd-site .sx-ccard__name { display: flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 800; margin: 12px 2px 3px; min-width: 0; }
html body.fd-site .sx-ccard__name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-ccard:hover .sx-ccard__name { color: var(--brand, #e8541a); }
html body.fd-site .sx-ccard__sub { font-size: 13.5px; color: #6b7280; margin: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-ccard__meta { font-size: 13px; color: #374151; margin: 5px 2px 0; display: inline-flex; align-items: center; gap: 5px; }

/* category / brand tiles */
html body.fd-site .sx-tile { display: flex; flex-direction: column; align-items: center; text-align: center; text-decoration: none !important; color: #1f2430; min-width: 0; }
html body.fd-site .sx-tile__img { display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; transition: border-color .15s, box-shadow .15s, transform .15s; }
html body.fd-site .sx-tile--round .sx-tile__img { width: 120px; height: 120px; border-radius: 50%; background: #f3f3f5; border: 1px solid #ececec; }
html body.fd-site .sx-tile--round .sx-tile__img img { width: 100%; height: 100%; object-fit: cover; }
html body.fd-site .sx-tile:not(.sx-tile--round) .sx-tile__img { width: 100%; aspect-ratio: 1 / 1; max-width: 150px; border-radius: 20px; border: 1px solid #edeef1; padding: 22px; }
html body.fd-site .sx-tile:not(.sx-tile--round) .sx-tile__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
html body.fd-site .sx-tile:hover .sx-tile__img { border-color: rgba(var(--brand-rgb, 232, 84, 26), .45); box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12); }
html body.fd-site .sx-tile__name { margin-top: 12px; font-size: 15.5px; font-weight: 700; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-tile:hover .sx-tile__name { color: var(--brand, #e8541a); }
html body.fd-site .sx-tile__sub { font-size: 12.5px; color: #6b7280; }

@media (max-width: 1199px) { html body.fd-site .sx-grid--stores { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) {
    html body.fd-site .sx-grid--stores { grid-template-columns: 1fr; }
    html body.fd-site .sx-grid--tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 10px; }
    html body.fd-site .sx-tile--round .sx-tile__img { width: 92px; height: 92px; }
    html body.fd-site .sx-grid--brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 10px; }
    html body.fd-site .sx-tile:not(.sx-tile--round) .sx-tile__img { padding: 14px; border-radius: 16px; }
    html body.fd-site .sx-tile__name { font-size: 13.5px; }
}
/* wallet: one card (title + balance + sub + add button) */
body.fd-site .fd-shop-wallet .fd-wallet { margin-top: 28px; padding: 28px 30px; }
body.fd-site .fd-wallet__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.fd-site .fd-wallet__title { font-size: 15px !important; font-weight: 600 !important; color: rgba(255,255,255,.85) !important; margin: 0 !important; letter-spacing: .2px; }
body.fd-site .fd-wallet__text .fd-wallet__balance { font-size: 30px !important; }
body.fd-site .fd-wallet__sub { font-size: 13.5px; color: rgba(255,255,255,.8); margin: 2px 0 0; }
/* add button stays white on hover so the brand-coloured label remains readable */
html body.fd-site .fd-wallet__add:hover, html body.fd-site .fd-wallet__add:focus { background: #fff !important; color: var(--brand-dark, var(--brand, #e8541a)) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18); transform: translateY(-1px); }
html body.fd-site .sx-side__quick .sx-ico { margin: 0 !important; width: 20px; flex: none; } html body.fd-site .sx-side__quick .sx-ico--amber { color: #eab308 !important; -webkit-text-fill-color: #eab308; }

/* ===== Store page in the 6amMart layout (.sx-store) ===== */
html body.fd-site .sx-store { background: #f5f6f8; padding: 18px 0 50px; }
html body.fd-site .sx-store .sx-store__crumbs { margin: 0 0 16px; }

/* cover: the store photo as a wide banner, gallery thumbs float bottom-right */
html body.fd-site .sx-store .sx-store__cover { position: relative; margin: 0 !important; padding: 0 !important; background: none !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__grid { display: block !important; position: relative; height: 300px; border-radius: 22px; overflow: hidden; background: #e5e7eb; margin: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__main { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; border-radius: 0 !important; margin: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__main img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__main::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.35), transparent 55%); pointer-events: none; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side { position: absolute !important; right: 18px; bottom: 18px; z-index: 2; display: flex !important; flex-direction: row !important; gap: 8px; width: auto !important; height: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side > * { width: 64px !important; height: 64px !important; flex: none !important; margin: 0 !important; border-radius: 12px !important; overflow: hidden; border: 2px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.25); position: relative; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side a, html body.fd-site .sx-store .sx-store__cover .zr-gallery__side span { font-size: 11px !important; line-height: 1.2 !important; }

/* store card overlapping the cover */
html body.fd-site .sx-store__card { position: relative; z-index: 3; display: flex; align-items: center; gap: 20px; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px rgba(16, 24, 40, .1); padding: 20px 24px; margin: -56px 28px 0; }
html body.fd-site .sx-store__logo { width: 92px; height: 92px; border-radius: 20px; overflow: hidden; flex: none; background: #f3f4f6; border: 3px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.12); margin-top: -46px; }
html body.fd-site .sx-store__logo img { width: 100%; height: 100%; object-fit: cover; }
html body.fd-site .sx-store__logo img:not([src]), html body.fd-site .sx-store__logo img[src=""] { visibility: hidden; }
html body.fd-site .sx-store__info { flex: 1 1 auto; min-width: 0; }
html body.fd-site .sx-store .sx-store__name { font-size: 26px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 0 4px !important; letter-spacing: -.4px; line-height: 1.2; }
html body.fd-site .sx-store__addr { font-size: 14px; color: #6b7280; display: flex; align-items: center; gap: 6px; }
html body.fd-site .sx-store__addr i { color: var(--brand, #e8541a); }
html body.fd-site .sx-store__meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
html body.fd-site .sx-store .sx-store__rating { margin: 0 !important; padding: 4px 12px !important; background: #fff8e7 !important; border: 1px solid #fde9b4 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; gap: 6px; box-shadow: none !important; min-height: 0 !important; }
html body.fd-site .sx-store .sx-store__rating * { font-size: 12.5px !important; }
html body.fd-site .sx-store__hours { font-size: 13px; color: #4b5563; display: inline-flex; align-items: center; gap: 5px; }
html body.fd-site .sx-store__actions { display: flex; align-items: center; gap: 10px; flex: none; }
html body.fd-site .sx-store .sx-store__btn { height: 44px; min-width: 44px; padding: 0 14px; border-radius: 12px !important; border: 1px solid #e5e7eb !important; background: #fff !important; color: #1f2430 !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; font-weight: 700; font-size: 14.5px; text-decoration: none !important; margin: 0 !important; transition: border-color .15s, color .15s, background .15s; }
html body.fd-site .sx-store .sx-store__btn i { font-size: 17px; margin: 0 !important; }
html body.fd-site .sx-store .sx-store__btn:hover { border-color: var(--brand, #e8541a) !important; color: var(--brand, #e8541a) !important; }
html body.fd-site .sx-store .sx-store__btn--primary { background: var(--brand, #e8541a) !important; border-color: var(--brand, #e8541a) !important; color: #fff !important; padding: 0 20px; }
html body.fd-site .sx-store .sx-store__btn--primary:hover { background: var(--brand-dark, var(--brand, #e8541a)) !important; color: #fff !important; }

/* offers */
html body.fd-site .sx-store .sx-store__offers { margin: 28px 0 0 !important; }

/* body: category list + products */
html body.fd-site .sx-store__body { display: grid; grid-template-columns: 252px minmax(0, 1fr); gap: 26px; align-items: start; margin-top: 30px; padding: 0 !important; background: none !important; }
html body.fd-site .sx-store__side { position: sticky; top: 92px; padding: 0 !important; max-width: none !important; }
html body.fd-site .sx-store #category-list .vandor-sidebar { background: #fff !important; border: 0 !important; border-radius: 18px !important; box-shadow: 0 2px 14px rgba(16, 24, 40, .06) !important; padding: 12px 10px !important; margin: 0 !important; max-height: calc(100vh - 112px); overflow-y: auto; }
html body.fd-site .sx-store #category-list .vandor-sidebar h3 { font-size: 17px !important; font-weight: 800 !important; color: #6b7280 !important; padding: 6px 12px 10px !important; margin: 0 !important; border: 0 !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list { margin: 0 !important; padding: 0 !important; list-style: none; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li { margin: 0 0 2px !important; padding: 0 !important; border: 0 !important; background: none !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li a { display: flex !important; align-items: center; gap: 12px; padding: 9px 12px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 500 !important; color: #1f2430 !important; background: none !important; text-decoration: none !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li a:hover { background: #f4f5f7 !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li.active a { background: rgba(var(--brand-rgb, 232, 84, 26), .09) !important; color: var(--brand, #e8541a) !important; font-weight: 700 !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li a span:has(img) { width: 34px !important; height: 34px !important; border-radius: 50% !important; flex: 0 0 34px; overflow: hidden; background: #f3f3f5 !important; border: 1px solid #ececec; padding: 0 !important; display: inline-flex !important; }
html body.fd-site .sx-store #category-list ul.vandorcat-list li a span img { width: 100% !important; height: 100% !important; object-fit: cover !important; transform: none !important; border-radius: 50% !important; }

html body.fd-site .sx-store__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
html body.fd-site .sx-store__title { font-size: 22px; font-weight: 800; color: #111827; margin: 0; }
html body.fd-site .sx-store__search { display: flex; align-items: center; gap: 10px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 999px; padding: 0 16px; height: 44px; width: 320px; max-width: 100%; transition: border-color .15s; }
html body.fd-site .sx-store__search:focus-within { border-color: var(--brand, #e8541a); }
html body.fd-site .sx-store__search i { color: #9ca3af; }
html body.fd-site .sx-store__search input { flex: 1; min-width: 0; border: 0 !important; outline: none; background: transparent !important; box-shadow: none !important; font-size: 14.5px; padding: 0 !important; height: 100%; }

/* product grid */
html body.fd-site .sx-store #product-list .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 24px 18px; margin: 0 !important; }
html body.fd-site .sx-store #product-list .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-store #product-list .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; height: auto !important; position: relative !important; }
html body.fd-site .sx-store #product-list .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-store #product-list .list-card-image { height: 200px !important; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 16px !important; padding: 16px !important; display: flex !important; align-items: center; justify-content: center; overflow: hidden !important; transition: border-color .15s, box-shadow .15s; }
html body.fd-site .sx-store #product-list .list-card:hover .list-card-image { border-color: rgba(var(--brand-rgb, 232, 84, 26), .35) !important; box-shadow: 0 8px 22px rgba(16, 24, 40, .08); }
html body.fd-site .sx-store #product-list .list-card-image > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100% !important; }
html body.fd-site .sx-store #product-list .list-card-image img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 8px !important; }
html body.fd-site .sx-store #product-list .list-card-image::after { display: none !important; }
html body.fd-site .sx-store #product-list .list-card .py-2, html body.fd-site .sx-store #product-list .list-card > div:not(.list-card-image) { padding: 10px 4px 0 !important; position: static !important; }
html body.fd-site .sx-store #product-list .list-card-body { padding: 0 !important; min-width: 0; }
html body.fd-site .sx-store #product-list .list-card-body h6, html body.fd-site .sx-store #product-list .list-card-body h6 a { font-size: 15.5px !important; font-weight: 500 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 2px !important; display: block; }
html body.fd-site .sx-store #product-list .pro-price { font-size: 18px !important; font-weight: 800 !important; color: #111827 !important; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
html body.fd-site .sx-store #product-list .pro-price s { font-size: 13px !important; font-weight: 500; color: #9ca3af !important; }
html body.fd-site .sx-store #product-list .list-card .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-store #product-list .list-card .star .badge { position: static !important; margin: 0 !important; }

@media (max-width: 991px) {
    html body.fd-site .sx-store__body { grid-template-columns: minmax(0, 1fr); }
    html body.fd-site .sx-store__side { position: static; }
    html body.fd-site .sx-store #category-list .vandor-sidebar { max-height: none; }
    html body.fd-site .sx-store #category-list ul.vandorcat-list { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
    html body.fd-site .sx-store #category-list ul.vandorcat-list li { flex: none; }
    html body.fd-site .sx-store #category-list ul.vandorcat-list li a { white-space: nowrap; border: 1px solid #ececec; }
}
@media (max-width: 767px) {
    html body.fd-site .sx-store .sx-store__cover .zr-gallery__grid { height: 190px; border-radius: 16px; }
    html body.fd-site .sx-store .sx-store__cover .zr-gallery__side { display: none !important; }
    html body.fd-site .sx-store__card { flex-wrap: wrap; margin: -40px 10px 0; padding: 16px; gap: 14px; }
    html body.fd-site .sx-store__logo { width: 70px; height: 70px; margin-top: -36px; }
    html body.fd-site .sx-store .sx-store__name { font-size: 21px !important; }
    html body.fd-site .sx-store__actions { width: 100%; }
    html body.fd-site .sx-store .sx-store__btn--primary { flex: 1; }
    html body.fd-site .sx-store__search { width: 100%; }
    html body.fd-site .sx-store #product-list .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    html body.fd-site .sx-store #product-list .list-card-image { height: 150px !important; }
}
/* store cover gallery: flat row of thumbs at the top-right (the store card covers the bottom edge) */
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side { top: 18px !important; bottom: auto !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side > * { width: auto !important; height: auto !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; border-radius: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side .row { display: flex !important; flex-wrap: nowrap !important; gap: 8px; margin: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .zr-gallery__side .row > [class*="col-"] { display: flex !important; gap: 8px; flex: none !important; max-width: none !important; width: auto !important; padding: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .resturant-banner-right-block { position: relative; width: 64px !important; height: 64px !important; margin: 0 !important; border-radius: 12px !important; overflow: hidden; border: 2px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.25); cursor: pointer; }
html body.fd-site .sx-store .sx-store__cover .resturant-banner-right-block img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; }
html body.fd-site .sx-store .sx-store__cover .view-all-blc .see-gallary { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; justify-content: center; text-align: center; background: rgba(0,0,0,.55); color: #fff; font-size: 11px !important; font-weight: 700; line-height: 1.2 !important; padding: 4px; }
/* store card rating: stars and "(n Review)" on one centred line */
html body.fd-site .sx-store .sx-store__rating { height: 32px; padding: 0 12px !important; gap: 8px !important; flex-wrap: nowrap !important; }
html body.fd-site .sx-store .sx-store__rating ul.rating { display: inline-flex !important; align-items: center; gap: 2px; margin: 0 !important; padding: 0 !important; height: auto !important; line-height: 1 !important; }
html body.fd-site .sx-store .sx-store__rating ul.rating li { margin: 0 !important; padding: 0 !important; line-height: 1 !important; display: inline-flex !important; align-items: center; }
html body.fd-site .sx-store .sx-store__rating .label-rating { margin: 0 !important; padding: 0 !important; line-height: 1 !important; font-size: 12.5px !important; font-weight: 700; color: #92400e !important; white-space: nowrap; }
/* store products: price ranges stay on one line */
html body.fd-site .sx-store #product-list .pro-price { font-size: 16.5px !important; white-space: nowrap; flex-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; }
html body.fd-site .sx-store #product-list .pro-price s { margin-left: 6px; }
/* store contact popup in the fd design */
body.fd-site #vendorContactModal .modal-dialog { max-width: 440px; }
body.fd-site #vendorContactModal .modal-content { border: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.18); }
body.fd-site #vendorContactModal .modal-header { border-bottom: 1px solid #f0f0f0; padding: 18px 22px; align-items: center; }
body.fd-site #vendorContactModal .modal-title { font-size: 18px !important; font-weight: 800 !important; color: #111827; text-transform: none !important; letter-spacing: 0 !important; display: flex; align-items: center; gap: 10px; }
body.fd-site #vendorContactModal .modal-title::before { content: '\e9a7'; font-family: 'feather' !important; font-weight: 400; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: var(--brand, #e8541a); background: rgba(var(--brand-rgb, 232, 84, 26), .1); }
body.fd-site #vendorContactModal .modal-header .close { width: 34px; height: 34px; border-radius: 50%; padding: 0 !important; margin: 0 !important; opacity: 1; background: #f3f4f6; color: #374151; font-size: 22px; font-weight: 400; line-height: 34px; text-shadow: none; display: inline-flex; align-items: center; justify-content: center; }
body.fd-site #vendorContactModal .modal-header .close:hover { background: #e5e7eb; }
body.fd-site #vendorContactModal .modal-body { padding: 8px 22px 20px; text-align: left !important; }
body.fd-site #vendorContactModal .modal-body p { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 13px 0; border-bottom: 1px solid #f3f4f6; font-size: 15px; color: #111827; text-align: left !important; }
body.fd-site #vendorContactModal .modal-body p:last-child { border-bottom: 0; }
body.fd-site #vendorContactModal .modal-body p strong { flex: 0 0 64px; font-size: 13px; font-weight: 600; color: #6b7280; }
body.fd-site #vendorContactModal .modal-body p span { font-weight: 600; word-break: break-all; }
body.fd-site #vendorContactModal .modal-body p > i { display: none; }
/* product variants: equal chips (same height, width and gap; the border-bottom/py-2 utility classes are neutralised) */
html body.fd-site .product-detail-page .attribute-drp { margin: 0 0 18px !important; padding: 0 !important; border: 0 !important; }
html body.fd-site .product-detail-page .attribute-options { display: flex !important; flex-wrap: wrap; gap: 10px !important; align-items: center; }
html body.fd-site .product-detail-page .attribute-selection, html body.fd-site .product-detail-page .attribute-selection.border-bottom { border: 0 !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; }
html body.fd-site .product-detail-page .attribute-selection .custom-control-label { height: 42px; min-width: 64px; padding: 0 18px !important; margin: 0 !important; box-sizing: border-box; line-height: 1 !important; border-radius: 10px !important; }
html body.fd-site .product-detail-page .attribute-selection .custom-control-input:checked + .custom-control-label { box-shadow: 0 6px 14px rgba(var(--brand-rgb, 232, 84, 26), .25) !important; }

/* related products: same card as the shop pages (image box, name, price, rating pill) */
html body.fd-site #related_products .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 18px; margin: 0 !important; }
html body.fd-site #related_products .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site #related_products .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; height: auto !important; position: relative !important; }
html body.fd-site #related_products .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site #related_products .list-card-image { height: 220px !important; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 16px !important; padding: 18px !important; display: flex !important; align-items: center; justify-content: center; overflow: hidden !important; transition: border-color .15s, box-shadow .15s; }
html body.fd-site #related_products .list-card:hover .list-card-image { border-color: rgba(var(--brand-rgb, 232, 84, 26), .35) !important; box-shadow: 0 8px 22px rgba(16, 24, 40, .08); }
html body.fd-site #related_products .list-card-image > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100% !important; }
html body.fd-site #related_products .list-card-image img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
html body.fd-site #related_products .list-card-image::after { display: none !important; }
html body.fd-site #related_products .list-card .py-2 { padding: 10px 4px 0 !important; position: static !important; }
html body.fd-site #related_products .list-card-body { padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site #related_products .product-title, html body.fd-site #related_products .product-title a { font-size: 15.5px !important; font-weight: 500 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin: 0 0 2px !important; }
html body.fd-site #related_products .pro-price { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; }
html body.fd-site #related_products .pro-price s { font-size: 13px !important; font-weight: 500; color: #9ca3af !important; margin-left: 6px; }
html body.fd-site #related_products .list-card .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site #related_products .list-card .star .badge { position: static !important; margin: 0 !important; }
@media (max-width: 991px) { html body.fd-site #related_products .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html body.fd-site .sx-store .sx-store__cover .resturant-banner-right-block:not(.view-all-blc) { display: none !important; }
html body.fd-site .sx-grid--products { grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); gap: 24px 18px; }
html body.fd-site .sx-grid--products .sx-pcard { width: auto; max-width: none; }
@media (max-width: 575px) { html body.fd-site .sx-grid--products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-grid--products .sx-pcard__img { height: 150px; } html body.fd-site .sx-grid--products .sx-pcard__add { top: 102px; } }
/* offers inside the shop layout */
html body.fd-site .sx-offers-page #coupons_list .row { margin: 0 -9px; }
/* store card logo: vertically centred with the name block (no pull-up over the cover) */
html body.fd-site .sx-store__logo { margin-top: 0 !important; align-self: center; width: 88px; height: 88px; border-radius: 18px; }
html body.fd-site .sx-store__card { align-items: center !important; }
@media (max-width: 767px) { html body.fd-site .sx-store__logo { width: 64px; height: 64px; } }
/* header cart count badge (as on foodie) */
body.fd-site .fd-nav__icon--cart { position: relative; }
body.fd-site .fd-cart-count { position: absolute; top: -4px; right: -4px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 800; line-height: 19px; text-align: center; border: 2px solid #fff; box-sizing: content-box; pointer-events: none; }
body.fd-site .tip-pill .currency-symbol-left, body.fd-site .tip-pill .currency-symbol-right { margin: 0 !important; }
/* checkout promo code: input and Apply button share one height and form a single control */
html body.fd-site .sis-cart-item .input-group:has(#coupon_code) { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; height: 46px; margin-bottom: 8px !important; }
html body.fd-site .sis-cart-item #coupon_code { height: 46px !important; min-height: 46px !important; margin: 0 !important; border: 1.5px solid #e4e4e4 !important; border-right: 0 !important; border-radius: 12px 0 0 12px !important; padding: 0 14px !important; font-size: 14.5px !important; box-shadow: none !important; }
html body.fd-site .sis-cart-item #coupon_code:focus { border-color: var(--brand, #e8541a) !important; }
html body.fd-site .sis-cart-item .input-group:has(#coupon_code) .input-group-append { margin: 0 !important; display: flex; }
html body.fd-site .sis-cart-item #apply-coupon-code { height: 46px !important; min-height: 0 !important; margin: 0 !important; padding: 0 20px !important; border-radius: 0 12px 12px 0 !important; box-shadow: none !important; transform: none !important; display: inline-flex !important; align-items: center; gap: 6px; font-size: 14.5px !important; line-height: 1 !important; white-space: nowrap; }
/* currency symbols with no space after them in the cart totals */
body.fd-site .sis-cart-item .float-right > .currency-symbol-left, body.fd-site .sis-cart-item .text-success > .currency-symbol-left { margin-right: 0 !important; }
html body.fd-site .fd-cart-count { top: 2px !important; right: 2px !important; min-width: 15px !important; height: 15px !important; padding: 0 4px !important; font-size: 9.5px !important; line-height: 15px !important; border-width: 1.5px !important; }

/* ===== Header mini-cart dropdown (foodie-web, brand colour from the section) ===== */
body.fd-site .fd-cart-dd { position: relative; display: inline-block; }
body.fd-site .fd-cart-menu { position: absolute; top: calc(100% + 10px); right: 0; left: auto; z-index: 1050; width: 360px; max-width: 92vw; padding: 0; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 18px 50px rgba(0,0,0,.18); overflow: hidden; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; display: block; visibility: hidden; opacity: 0; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; pointer-events: none; text-align: left; }
body.fd-site .fd-cart-dd.open .fd-cart-menu { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
body.fd-site .fd-cart-dd.open .fd-nav__icon--cart[data-tip]::after, body.fd-site .fd-cart-dd.open .fd-nav__icon--cart[data-tip]::before { display: none !important; }
body.fd-site .fd-cart-menu__head { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid #f0f0f0; }
body.fd-site .fd-cart-menu__title { font-weight: 800; font-size: 16px; color: #1a1a1a; }
body.fd-site .fd-cart-menu__count { font-size: 12.5px; color: #8a8a8a; font-weight: 600; }
body.fd-site .fd-cart-menu__body { max-height: 52vh; overflow-y: auto; padding: 6px 8px; }
body.fd-site .fd-mc-item { display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 12px; transition: background .15s, opacity .15s; }
body.fd-site .fd-mc-item:hover { background: #f8f8fa; }
body.fd-site .fd-mc-item.is-busy { opacity: .5; pointer-events: none; }
body.fd-site .fd-mc-item__img { width: 46px; height: 46px; border-radius: 10px; flex: none; background: #f2f2f2 center/cover no-repeat; border: 1px solid #eee; }
body.fd-site .fd-mc-item__info { flex: 1; min-width: 0; }
body.fd-site .fd-mc-item__name { font-size: 13.5px; font-weight: 700; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.fd-site .fd-mc-item__variant { font-size: 11.5px; font-weight: 600; color: #8a8a8a; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.fd-site .fd-mc-item__price { font-size: 13px; font-weight: 700; color: var(--brand, #e8541a); margin-top: 2px; }
body.fd-site .fd-mc-item__qty { display: inline-flex; align-items: center; border: 1.4px solid #e6e6e6; border-radius: 9px; overflow: hidden; flex: none; }
body.fd-site .fd-mc-item__qty button { border: 0; background: none; color: var(--brand, #e8541a); font-size: 15px; font-weight: 700; width: 26px; height: 28px; line-height: 1; cursor: pointer; transition: background .15s; outline: none; padding: 0; }
body.fd-site .fd-mc-item__qty button:hover { background: rgba(var(--brand-rgb, 232, 84, 26), .08); }
body.fd-site .fd-mc-item__qty button:focus, body.fd-site .fd-mc-remove:focus { outline: none !important; box-shadow: none !important; }
body.fd-site .fd-mc-qty { min-width: 22px; text-align: center; font-size: 13px; font-weight: 800; color: #1a1a1a; }
body.fd-site .fd-mc-remove { border: 0; background: none; color: #c4c4c4; font-size: 19px; line-height: 1; cursor: pointer; flex: none; width: 24px; height: 24px; border-radius: 50%; transition: all .15s; padding: 0; }
body.fd-site .fd-mc-remove:hover { color: #e23744; background: #fdece9; }
body.fd-site .fd-cart-menu__empty { text-align: center; padding: 34px 18px; color: #b0b0b0; }
body.fd-site .fd-cart-menu__empty i { font-size: 30px; display: block; margin-bottom: 8px; }
body.fd-site .fd-cart-menu__empty p { margin: 0; font-size: 14px; font-weight: 600; color: #9a9a9a; }
body.fd-site .fd-cart-menu__foot { padding: 12px 14px; border-top: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
body.fd-site .fd-cart-menu__subtotal { display: flex; flex-direction: column; gap: 1px; line-height: 1.25; min-width: 0; }
body.fd-site .fd-cart-menu__sub-label { font-size: 11px; font-weight: 700; color: #8a8a8a; text-transform: uppercase; letter-spacing: .5px; margin: 0; }
body.fd-site .fd-cart-menu__sub-val { font-size: 18px; font-weight: 800; color: #1a1a1a; white-space: nowrap; margin: 0; line-height: 1.15; }
html body.fd-site .fd-cart-menu__foot .btn.btn-primary.fd-cart-menu__view { width: auto; flex: none; padding: 11px 20px !important; font-size: 14px !important; white-space: nowrap; display: inline-flex; align-items: center; gap: 7px; margin: 0 !important; border-radius: 12px !important; }
[dir="rtl"] body.fd-site .fd-cart-menu { left: 0 !important; right: auto !important; }
@media (max-width: 600px) {
    body.fd-site .fd-cart-menu { position: fixed; top: 70px; left: 50% !important; right: auto !important; transform: translateX(-50%) translateY(-6px); width: 92vw !important; max-width: 92vw !important; }
    body.fd-site .fd-cart-dd.open .fd-cart-menu { transform: translateX(-50%) translateY(0); }
}
/* cart badge: a small round dot on the icon's top-right corner, the cart glyph stays fully visible */
html body.fd-site .fd-nav__icon--cart { position: relative !important; overflow: visible !important; }
html body.fd-site .fd-nav__icon--cart .fd-cart-count { position: absolute !important; top: -3px !important; right: -3px !important; left: auto !important; bottom: auto !important; width: 18px !important; height: 18px !important; min-width: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 2px solid #fff !important; box-sizing: border-box !important; background: #ef4444 !important; color: #fff !important; font-size: 9.5px !important; font-weight: 800 !important; line-height: 14px !important; text-align: center !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,.2) !important; margin: 0 !important; transform: none !important; }
/* product page: hidden until the product, slider and store details are ready (see fdRevealProduct) */
body.fd-site .fd-shop-product.fd-pd-loading .car-detail-inner, body.fd-site .fd-shop-product.fd-pd-loading .related-products { visibility: hidden; }
body.fd-site .fd-shop-product.fd-pd-loading { min-height: 70vh; }
/* slider images before slick starts: one image, never a stack */
body.fd-site .fd-shop-product .main-slider:not(.slick-initialized) > *:not(:first-child) { display: none; }
body.fd-site .fd-shop-product .nav-slider:not(.slick-initialized) { display: flex; gap: 8px; overflow: hidden; }
html body.fd-site .fd-landing #logo_web, html body.fd-site .fd-landing .brand-wrap { border-radius: 0 !important; box-shadow: none !important; background: transparent !important; overflow: visible !important; padding: 0 !important; width: auto !important; }

/* ===== Favourites in the shop layout (.sx-fav-page): tabs as link pills, cards like the shop cards ===== */
html body.fd-site .sx-tabs .sx-tab { height: 40px; padding: 0 16px; border-radius: 10px; background: #eceef1; color: #1f2430 !important; font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; text-decoration: none !important; transition: background .15s, color .15s; white-space: nowrap; }
html body.fd-site .sx-tabs .sx-tab:hover { background: #e2e5ea; }
html body.fd-site .sx-tabs .sx-tab.is-on { background: var(--brand, #e8541a); color: #fff !important; }
html body.fd-site .sx-fav-page .tab-content { margin: 0 !important; padding: 0 !important; background: none !important; }

/* grid */
html body.fd-site .sx-fav-page #append_list1.row { display: grid !important; gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-fav-page--stores #append_list1.row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.fd-site .sx-fav-page--products #append_list1.row { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
html body.fd-site .sx-fav-page #append_list1 > [class*="col-"] { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }

/* card shell: no box, image carries the shape (as on the shop pages) */
html body.fd-site .sx-fav-page #append_list1 .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; height: auto !important; position: relative !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-image { position: relative !important; overflow: hidden !important; height: 190px !important; border-radius: 18px !important; background: #e9ecf1 !important; margin: 0 !important; }
html body.fd-site .sx-fav-page--products #append_list1 .list-card-image { height: 200px !important; background: #fff !important; border: 1px solid #edeef1 !important; border-radius: 16px !important; padding: 16px !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-image > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100% !important; }
html body.fd-site .sx-fav-page--stores #append_list1 .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform .3s; }
html body.fd-site .sx-fav-page--products #append_list1 .list-card-image img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-fav-page #append_list1 .list-card-image::after { display: none !important; }

/* filled heart, top-left, same pill as the shop's favourite button */
html body.fd-site .sx-fav-page #append_list1 .favourite-heart { position: absolute !important; top: 12px !important; left: 12px !important; right: auto !important; z-index: 3; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; background: none !important; }
html body.fd-site .sx-fav-page #append_list1 .favourite-heart a { width: 34px; height: 34px; border-radius: 50%; background: #ef4444 !important; display: inline-flex !important; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.18); transition: transform .15s; }
html body.fd-site .sx-fav-page #append_list1 .favourite-heart a:hover { transform: scale(1.08); }
html body.fd-site .sx-fav-page #append_list1 .favourite-heart i { color: #fff !important; font-size: 15px !important; margin: 0 !important; }

/* text */
html body.fd-site .sx-fav-page #append_list1 .list-card > .p-3, html body.fd-site .sx-fav-page #append_list1 .list-card > .py-2 { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body { padding: 0 !important; min-width: 0; float: none !important; width: auto !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body h6 { margin: 0 0 3px !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body h6 a { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
html body.fd-site .sx-fav-page--products #append_list1 .list-card-body h6 a { font-size: 15.5px !important; font-weight: 500 !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p { font-size: 13.5px !important; color: #6b7280 !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p .fa-map-marker { color: var(--brand, #e8541a); margin-right: 5px; }
html body.fd-site .sx-fav-page #append_list1 .pro-price { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; }
html body.fd-site .sx-fav-page #append_list1 .pro-price s { font-size: 13px !important; font-weight: 500; color: #9ca3af !important; margin-left: 6px; }

/* rating pill on the image's top-right */
html body.fd-site .sx-fav-page #append_list1 .list-card-badge { position: static !important; padding: 0 !important; margin: 0 !important; background: none !important; }
html body.fd-site .sx-fav-page #append_list1 .star { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; bottom: auto !important; margin: 0 !important; z-index: 3; }
html body.fd-site .sx-fav-page #append_list1 .star .badge { position: static !important; margin: 0 !important; }

/* load more */
html body.fd-site .sx-fav-page .fu-loadmore-btn { display: flex; justify-content: center; margin: 26px 0 0 !important; }
html body.fd-site .sx-fav-page .loadmore-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px !important; border-radius: 999px !important; border: 1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .35) !important; color: var(--brand, #e8541a) !important; font-weight: 700; background: #fff !important; }
html body.fd-site .sx-fav-page .loadmore-btn:hover { background: var(--brand, #e8541a) !important; color: #fff !important; }

@media (max-width: 1199px) { html body.fd-site .sx-fav-page--stores #append_list1.row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) {
    html body.fd-site .sx-fav-page--stores #append_list1.row { grid-template-columns: 1fr; }
    html body.fd-site .sx-fav-page--products #append_list1.row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
    html body.fd-site .sx-fav-page--products #append_list1 .list-card-image { height: 150px !important; }
    html body.fd-site .sx-tabs .sx-tab { flex: 1; justify-content: center; padding: 0 10px; font-size: 13px; }
}
html body.fd-site .sx-fav-page .tab-content:has(#append_list1:empty) .fu-loadmore-btn { display: none !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card > .p-3, html body.fd-site .sx-fav-page #append_list1 .list-card-body, html body.fd-site .sx-fav-page #append_list1 .list-card-body h6, html body.fd-site .sx-fav-page #append_list1 .list-card-body p { text-align: left !important; margin-left: 0 !important; padding-left: 0 !important; left: auto !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p .fa-map-marker { margin-left: 0 !important; }
/* account pages in the shop layout (My gift cards): bootstrap tabs as toolbar pills, form as a clean card */
html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav { display: flex !important; gap: 8px; flex-wrap: nowrap; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; width: auto !important; }
html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-item { margin: 0 !important; border: 0 !important; flex: none; }
html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-link { height: 40px; padding: 0 16px !important; border-radius: 10px !important; background: #eceef1 !important; color: #1f2430 !important; font-weight: 700; font-size: 14px; display: inline-flex !important; align-items: center; gap: 8px; box-shadow: none !important; white-space: nowrap; }
html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-link.active { background: var(--brand, #e8541a) !important; color: #fff !important; }
html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-link i { margin: 0 !important; color: inherit !important; background: none !important; width: auto !important; height: auto !important; font-size: 15px; }
html body.fd-site .sx-account-page .contac-fotm-wrap { max-width: 560px; margin: 0; }
html body.fd-site .sx-account-page .contac-fotm-wrap > .contct-form, html body.fd-site .sx-account-page .sis-cart-item-profile { border-radius: 20px !important; box-shadow: 0 2px 14px rgba(16, 24, 40, .06) !important; padding: 26px 28px !important; border: 0 !important; }
html body.fd-site .sx-account-page #claim_giftcard .col-md-12, html body.fd-site .sx-account-page .order-body { padding: 0 !important; }
html body.fd-site .sx-form-title { font-size: 20px !important; font-weight: 800 !important; color: #111827; margin: 0 0 4px !important; text-align: left !important; }
html body.fd-site .sx-form-sub { font-size: 14px; color: #6b7280; margin: 0 0 20px; }
html body.fd-site .sx-account-page .redeem_giftcard { width: 100%; height: 48px; border-radius: 12px !important; text-transform: none !important; font-weight: 700; margin-top: 4px; }
@media (max-width: 767px) { html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav { width: 100% !important; } html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-item { flex: 1; } html body.fd-site .sx-account-page .sx-toolbar--tabs > ul.nav .nav-link { width: 100%; justify-content: center; font-size: 13px; } }
html body.fd-site .sx-fav-page #append_list1 .list-card > .p-3, html body.fd-site .sx-fav-page #append_list1 .list-card > .py-2 { display: block !important; align-items: stretch !important; text-align: left !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body { width: 100% !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p { display: flex !important; align-items: center; gap: 6px; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p .fa-map-marker { margin: 0 !important; flex: none; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p { position: relative !important; padding-left: 0 !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body p .fa-map-marker, html body.fd-site .sx-fav-page #append_list1 .list-card-body p span:first-child { position: static !important; display: inline-block !important; left: auto !important; top: auto !important; transform: none !important; }

/* ===== Multivendor home (.sx-mv-home): its ids hold different content than on the Ecommerce home ===== */
/* popular items (#most_sale1): product cards in a scrolling row, not the compact store chips */
html body.fd-site .sx-mv-home #most_sale1 .row > [class*="col-"] { flex: 0 0 196px !important; max-width: 196px !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0; background: none !important; border: 0 !important; padding: 0 !important; position: relative !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card .list-card-image { flex: none !important; width: 100% !important; height: 190px !important; border-radius: 16px !important; background: #fff !important; border: 1px solid #edeef1 !important; padding: 16px !important; display: flex !important; align-items: center; justify-content: center; }
html body.fd-site .sx-mv-home #most_sale1 .list-card .list-card-image > a { display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100% !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card .list-card-image img { width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; border-radius: 10px !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card .py-2 { padding: 10px 4px 0 !important; position: static !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body { padding: 0 !important; float: none !important; width: auto !important; min-width: 0; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body h6 { margin: 0 0 2px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body h6 a { font-size: 15.5px !important; font-weight: 500 !important; color: #111827 !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body .cat-title { font-size: 12.5px !important; color: #6b7280 !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body .price, html body.fd-site .sx-mv-home #most_sale1 .list-card-body .pro-price { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; }
html body.fd-site .sx-mv-home #most_sale1 .list-card-body .price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-mv-home #most_sale1 .star { display: block !important; position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-mv-home #most_sale1 .star .badge { position: static !important; margin: 0 !important; }

/* what's new (#new_arrival) and explore stores (#all_stores): cover-image store cards, photo first */
html body.fd-site .sx-mv-home #new_arrival .row { display: flex !important; flex-wrap: nowrap !important; gap: 18px; overflow-x: auto; margin: 0 !important; padding: 2px 2px 6px; scrollbar-width: none; }
html body.fd-site .sx-mv-home #new_arrival .row::-webkit-scrollbar { display: none; }
html body.fd-site .sx-mv-home #new_arrival .row > [class*="col-"] { flex: 0 0 280px !important; max-width: 280px !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-mv-home #all_stores .row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 22px; margin: 0 !important; }
html body.fd-site .sx-mv-home #all_stores .row > [class*="col-"] { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-mv-home #new_arrival .list-card, html body.fd-site .sx-mv-home #all_stores .list-card { display: flex !important; flex-direction: column !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; overflow: visible !important; height: auto !important; position: relative !important; }
html body.fd-site .sx-mv-home #new_arrival .list-card:hover, html body.fd-site .sx-mv-home #all_stores .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-mv-home #new_arrival .list-card-image, html body.fd-site .sx-mv-home #all_stores .list-card-image { order: -1; height: 180px !important; width: 100% !important; border-radius: 18px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; background: #e9ecf1; }
html body.fd-site .sx-mv-home #new_arrival .list-card-image img, html body.fd-site .sx-mv-home #all_stores .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-mv-home #new_arrival .list-card:hover .list-card-image img, html body.fd-site .sx-mv-home #all_stores .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-mv-home #new_arrival .list-card-image::after, html body.fd-site .sx-mv-home #all_stores .list-card-image::after { display: none !important; }
html body.fd-site .sx-mv-home #new_arrival .list-card > div:not(.list-card-image), html body.fd-site .sx-mv-home #all_stores .list-card > div:not(.list-card-image) { padding: 10px 2px 0 !important; position: static !important; background: none !important; }
html body.fd-site .sx-mv-home #new_arrival .list-card-body, html body.fd-site .sx-mv-home #all_stores .list-card-body, html body.fd-site .sx-mv-home #new_arrival .list-card-top { padding: 0 !important; float: none !important; width: auto !important; min-width: 0; position: static !important; }
html body.fd-site .sx-mv-home #new_arrival h6, html body.fd-site .sx-mv-home #all_stores h6 { margin: 0 0 3px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; font-size: 13.5px !important; color: #6b7280 !important; font-weight: 500 !important; }
html body.fd-site .sx-mv-home #new_arrival h6 a, html body.fd-site .sx-mv-home #all_stores h6 a, html body.fd-site .sx-mv-home #new_arrival .list-card-top h6:first-child, html body.fd-site .sx-mv-home #all_stores .popul-title { font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; }
html body.fd-site .sx-mv-home #new_arrival .star, html body.fd-site .sx-mv-home #all_stores .star { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-mv-home #new_arrival .star .badge, html body.fd-site .sx-mv-home #all_stores .star .badge { position: static !important; margin: 0 !important; }
@media (max-width: 1199px) { html body.fd-site .sx-mv-home #all_stores .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { html body.fd-site .sx-mv-home #all_stores .row { grid-template-columns: 1fr; } }
html body.fd-site .sx-mv-home .restaurant_stories { margin-bottom: 26px !important; }
html body.fd-site .sx-mv-home .restaurant_stories .container { padding: 0 !important; max-width: none; }
@media (max-width: 420px) { body.fd-site .fd-nav__links .fd-nav__icon { width: 36px; height: 36px; } body.fd-site .fd-nav__links { gap: 3px !important; } body.fd-site .fd-nav__inner { padding-left: 10px !important; padding-right: 10px !important; } }
@media (max-width: 420px) { body.fd-site .fd-nav__links .offer-link { display: none !important; } }
/* store hours: one pill next to Open/Closed; each slot's line break and spacer become a dot separator */
html body.fd-site .sx-store__hours { display: inline-flex !important; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 999px; background: #f3f4f6; color: #374151; font-size: 12.5px; font-weight: 700; line-height: 1; white-space: nowrap; }
html body.fd-site .sx-store__hours i { font-size: 13px; color: #6b7280; }
html body.fd-site .sx-store__hours .time { display: none !important; }
html body.fd-site .sx-store #vendor_open_time { display: inline-flex; align-items: center; margin: 0 !important; padding: 0 !important; font-size: 12.5px !important; font-weight: 700; color: #374151 !important; line-height: 1; }
html body.fd-site .sx-store #vendor_open_time br { display: none; }
html body.fd-site .sx-store #vendor_open_time .margine { margin: 0 !important; }
html body.fd-site .sx-store #vendor_open_time .margine::before { content: '\00b7'; margin: 0 6px; color: #9ca3af; }
html body.fd-site .sx-store #vendor_open_time .margine:last-child::before { content: none; }
html body.fd-site .sx-store .sx-store__meta .zr-open-pill { height: 28px; display: inline-flex !important; align-items: center; margin: 0 !important; }
html body.fd-site .sx-store .sx-store-none { background: #fff; border-radius: 20px; padding: 46px 20px; text-align: center; box-shadow: 0 2px 14px rgba(16, 24, 40, .05); }
/* verified ticks follow the section colour (were a fixed blue) and sit beside the name, never on top of it */
html body.fd-site .sx-verified, html body.fd-site .sx-pcard__store i, html body.fd-site .sx-ccard__name .sx-verified { color: var(--brand, #e8541a) !important; -webkit-text-fill-color: var(--brand, #e8541a); }
html body.fd-site .sx-home #most_popular .popul-title::before, html body.fd-site .sx-home #all-stores .popul-title::before { background: var(--brand, #e8541a) !important; }
html body.fd-site .sx-ccard__name .sx-verified, html body.fd-site .sx-scard__info .sx-verified, html body.fd-site .sx-pcard__store i { position: static !important; display: inline-block !important; flex: none !important; margin: 0 !important; width: auto !important; left: auto !important; top: auto !important; transform: none !important; }
html body.fd-site .sx-ccard__name { display: flex !important; align-items: center; gap: 6px; }
/* store page coupons card: no leftover divider / empty strip under the coupons */
html body.fd-site .sx-store .sx-store__offers, html body.fd-site .sx-store .sx-store__offers .coupon_detail, html body.fd-site .sx-store .copupon-list, html body.fd-site .sx-store .copupon-list ul { border-bottom: 0 !important; margin-bottom: 0 !important; }
html body.fd-site .sx-store .copupon-list, html body.fd-site .sx-store .copupon-list ul { padding-bottom: 0 !important; }
html body.fd-site .sx-store .copupon-list ul { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 !important; }
html body.fd-site .sx-store .copupon-list ul li { margin: 0 !important; }
html body.fd-site .sx-store .copupon-list::after, html body.fd-site .sx-store .copupon-list ul::after, html body.fd-site .sx-store .coupon_detail::after, html body.fd-site .sx-store .coupon_detail hr { display: none !important; }
html body.fd-site .sx-store .sx-store__offers { padding-bottom: 22px !important; }
html body.fd-site .sx-store .sx-store__offers .coupon_detail { border: 0 !important; padding-bottom: 0 !important; }
html body.fd-site .sx-store .sx-store__offers .coupon_detail { padding-bottom: 22px !important; }
html body.fd-site .sx-store .sx-store__offers .coupon_detail { padding-bottom: 4px !important; }
html body.fd-site .sx-store .sx-store__offers .coupon_detail { padding-bottom: 0 !important; }
html body.fd-site .sx-store .sx-store__offers .copupon-list { padding-bottom: 22px !important; margin-bottom: 0 !important; }
/* store page products: every photo fills its box at the same size (cover), whatever its shape */
html body.fd-site .sx-store #product-list .list-card-image { padding: 0 !important; }
html body.fd-site .sx-store #product-list .list-card-image > a { display: block !important; width: 100% !important; height: 100% !important; }
html body.fd-site .sx-store #product-list .list-card-image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-store #product-list .list-card:hover .list-card-image img { transform: scale(1.04); }

/* ===== Product cards on the store page and "Related products": styled like the store cards
   (full rounded photo, no box, name + price underneath), all photos the same size ===== */
html body.fd-site .sx-store #product-list .list-card-image,
html body.fd-site #related_products .list-card-image { height: 200px !important; padding: 0 !important; background: #e9ecf1 !important; border: 0 !important; border-radius: 18px !important; box-shadow: none !important; overflow: hidden !important; display: block !important; }
html body.fd-site .sx-store #product-list .list-card:hover .list-card-image,
html body.fd-site #related_products .list-card:hover .list-card-image { box-shadow: none !important; border: 0 !important; }
html body.fd-site .sx-store #product-list .list-card-image > a,
html body.fd-site #related_products .list-card-image > a { display: block !important; width: 100% !important; height: 100% !important; }
html body.fd-site .sx-store #product-list .list-card-image img,
html body.fd-site #related_products .list-card-image img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-store #product-list .list-card:hover .list-card-image img,
html body.fd-site #related_products .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site #related_products .list-card .py-2, html body.fd-site .sx-store #product-list .list-card .py-2 { padding: 12px 2px 0 !important; }
html body.fd-site #related_products .product-title a, html body.fd-site .sx-store #product-list .list-card-body h6 a { font-size: 16px !important; font-weight: 700 !important; }
html body.fd-site #related_products .row { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
html body.fd-site #related_products > h5, html body.fd-site #related_products .title { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 16px !important; }
@media (max-width: 767px) { html body.fd-site .sx-store #product-list .list-card-image, html body.fd-site #related_products .list-card-image { height: 150px !important; } }
html body.fd-site #related_products > :first-child, html body.fd-site #related_products > :first-child * { border-bottom: 0 !important; }
html body.fd-site .fd-od-favs .sx-toolbar { margin-top: 4px; }
html body.fd-site .sx-fav-page:not(.sx-home) .tab-content:has(#append_list1:empty) .fu-loadmore-btn { display: none !important; }
/* favourites: Load More follows the page script (shown only when more items exist) - no forced display */
html body.fd-site .sx-fav-page .loadmore-btn { display: inline-flex; }
html body.fd-site .sx-fav-page .loadmore-btn[style*="none"] { display: none !important; }
html body.fd-site .sx-fav-page .fu-loadmore-btn:not(:has(.loadmore-btn:not([style*="none"]))) { display: none !important; }
/* provider contact lines: icon + text with a gap, icon in the section colour */
html body.fd-site .sx-fav-page #append_list1 .list-card-body .d-flex { display: flex !important; align-items: center; gap: 8px; margin: 0 0 4px !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body .d-flex > .fa { flex: 0 0 16px; width: 16px; text-align: center; color: var(--brand, #e8541a) !important; font-size: 14px; margin: 0 !important; position: static !important; }
html body.fd-site .sx-fav-page #append_list1 .list-card-body .d-flex > p { margin: 0 !important; min-width: 0; }

/* ===== Provider details (On Demand): provider card centred and consistent, service cards like the shop product cards ===== */
html body.fd-site .fd-od-provider .fd-provider-card { display: flex !important; flex-direction: column; align-items: center; text-align: center; padding: 28px 24px 24px !important; border-radius: 20px !important; border: 0 !important; box-shadow: 0 2px 14px rgba(16, 24, 40, .06) !important; background: #fff !important; position: sticky; top: 92px; }
html body.fd-site .fd-od-provider .fd-provider-card__img { width: 112px !important; height: 112px !important; margin: 0 auto 14px !important; border-radius: 50% !important; overflow: hidden; border: 4px solid #fff; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
html body.fd-site .fd-od-provider .fd-provider-card__img img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; }
html body.fd-site .fd-od-provider .fd-provider-card__name { display: flex !important; align-items: center; justify-content: center; gap: 10px; margin: 0 0 12px !important; }
html body.fd-site .fd-od-provider .fd-provider-card__name h2 { font-size: 22px !important; font-weight: 800 !important; color: #111827 !important; margin: 0 !important; letter-spacing: -.3px; }
html body.fd-site .fd-od-provider .fd-fav-btn { width: 34px; height: 34px; border-radius: 50%; border: 1px solid #e5e7eb; display: inline-flex !important; align-items: center; justify-content: center; background: #fff; color: #ef4444 !important; flex: none; }
html body.fd-site .fd-od-provider .fd-provider-card__row { display: flex !important; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: #4b5563; margin: 0 0 6px !important; }
html body.fd-site .fd-od-provider .fd-provider-card__row i { color: var(--brand, #e8541a); font-size: 15px; }
html body.fd-site .fd-od-provider .fd-provider-card__row span { font-weight: 600 !important; color: #374151; }
html body.fd-site .fd-od-provider .fd-provider-card__rating { justify-content: center; margin: 10px 0 0 !important; padding: 5px 14px !important; background: #fff8e7; border: 1px solid #fde9b4; border-radius: 999px; gap: 6px; }
html body.fd-site .fd-od-provider .fd-provider-card__rating * { font-size: 13px !important; color: #92400e; }

html body.fd-site .fd-od-provider #service-list .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .fd-od-provider #service-list .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .fd-od-provider #service-list .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .fd-od-provider #service-list .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .fd-od-provider #service-list .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .fd-od-provider #service-list .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .fd-od-provider #service-list .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .fd-od-provider #service-list .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .fd-od-provider #service-list .list-card-image::after { display: none !important; }
html body.fd-site .fd-od-provider #service-list .list-card > .py-2, html body.fd-site .fd-od-provider #service-list .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .fd-od-provider #service-list .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .fd-od-provider #service-list .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .fd-od-provider #service-list .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .fd-od-provider #service-list .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .fd-od-provider #service-list .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .fd-od-provider #service-list .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .fd-od-provider #service-list .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .fd-od-provider #service-list .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .fd-od-provider #service-list .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .fd-od-provider #service-list .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .fd-od-provider #service-list .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .fd-od-provider #service-list .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .fd-od-provider #service-list .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 991px) { html body.fd-site .fd-od-provider .fd-provider-card { position: static; } }
@media (max-width: 575px) { html body.fd-site .fd-od-provider #service-list .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .fd-od-provider #service-list .list-card-image { height: 140px !important; } }

/* ===== On Demand service cards (home, all services, by category, search): same card as the provider page ===== */
html body.fd-site .sx-od-home #most_popular .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-od-home #most_popular .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-home #most_popular .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .sx-od-home #most_popular .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-od-home #most_popular .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .sx-od-home #most_popular .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-home #most_popular .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-od-home #most_popular .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-od-home #most_popular .list-card-image::after { display: none !important; }
html body.fd-site .sx-od-home #most_popular .list-card > .py-2, html body.fd-site .sx-od-home #most_popular .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-od-home #most_popular .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .sx-od-home #most_popular .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .sx-od-home #most_popular .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .sx-od-home #most_popular .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #most_popular .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .sx-od-home #most_popular .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #most_popular .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-home #most_popular .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .sx-od-home #most_popular .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .sx-od-home #most_popular .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .sx-od-home #most_popular .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-od-home #most_popular .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .sx-od-home #most_popular .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 575px) { html body.fd-site .sx-od-home #most_popular .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-od-home #most_popular .list-card-image { height: 140px !important; } }
html body.fd-site .sx-od-home #all_services .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-od-home #all_services .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-home #all_services .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .sx-od-home #all_services .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-od-home #all_services .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .sx-od-home #all_services .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-home #all_services .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-od-home #all_services .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-od-home #all_services .list-card-image::after { display: none !important; }
html body.fd-site .sx-od-home #all_services .list-card > .py-2, html body.fd-site .sx-od-home #all_services .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-od-home #all_services .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .sx-od-home #all_services .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .sx-od-home #all_services .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .sx-od-home #all_services .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #all_services .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-home #all_services .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .sx-od-home #all_services .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .sx-od-home #all_services .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .sx-od-home #all_services .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-od-home #all_services .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .sx-od-home #all_services .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 575px) { html body.fd-site .sx-od-home #all_services .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-od-home #all_services .list-card-image { height: 140px !important; } }
html body.fd-site .sx-od-page #append_list1 .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-od-page #append_list1 .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-page #append_list1 .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .sx-od-page #append_list1 .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .sx-od-page #append_list1 .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-page #append_list1 .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-od-page #append_list1 .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-od-page #append_list1 .list-card-image::after { display: none !important; }
html body.fd-site .sx-od-page #append_list1 .list-card > .py-2, html body.fd-site .sx-od-page #append_list1 .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .sx-od-page #append_list1 .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .sx-od-page #append_list1 .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .sx-od-page #append_list1 .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list1 .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .sx-od-page #append_list1 .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-od-page #append_list1 .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .sx-od-page #append_list1 .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 575px) { html body.fd-site .sx-od-page #append_list1 .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-od-page #append_list1 .list-card-image { height: 140px !important; } }
html body.fd-site .sx-od-page #store-list .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-od-page #store-list .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-page #store-list .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .sx-od-page #store-list .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-od-page #store-list .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .sx-od-page #store-list .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-page #store-list .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-od-page #store-list .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-od-page #store-list .list-card-image::after { display: none !important; }
html body.fd-site .sx-od-page #store-list .list-card > .py-2, html body.fd-site .sx-od-page #store-list .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-od-page #store-list .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .sx-od-page #store-list .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .sx-od-page #store-list .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .sx-od-page #store-list .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #store-list .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #store-list .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .sx-od-page #store-list .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .sx-od-page #store-list .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .sx-od-page #store-list .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-od-page #store-list .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .sx-od-page #store-list .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 575px) { html body.fd-site .sx-od-page #store-list .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-od-page #store-list .list-card-image { height: 140px !important; } }
html body.fd-site .sx-od-page #append_list2 .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px 20px; margin: 0 !important; }
html body.fd-site .sx-od-page #append_list2 .product-list { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-page #append_list2 .list-card { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; height: auto !important; position: relative !important; overflow: visible !important; display: flex !important; flex-direction: column; }
html body.fd-site .sx-od-page #append_list2 .list-card:hover { transform: none !important; box-shadow: none !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-image { height: 180px !important; border-radius: 18px !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; background: #e9ecf1 !important; position: relative; }
html body.fd-site .sx-od-page #append_list2 .list-card-image > a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-page #append_list2 .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 0 !important; transition: transform .3s; }
html body.fd-site .sx-od-page #append_list2 .list-card:hover .list-card-image img { transform: scale(1.04); }
html body.fd-site .sx-od-page #append_list2 .list-card-image::after { display: none !important; }
html body.fd-site .sx-od-page #append_list2 .list-card > .py-2, html body.fd-site .sx-od-page #append_list2 .list-card > div:not(.list-card-image) { padding: 12px 2px 0 !important; position: static !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-body { display: flex !important; flex-direction: column; padding: 0 !important; position: static !important; min-width: 0; }
html body.fd-site .sx-od-page #append_list2 .product-title { order: 1; margin: 0 0 4px !important; }
html body.fd-site .sx-od-page #append_list2 .product-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; letter-spacing: 0; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6:not(.product-title) { order: 2; font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; margin: 0 0 6px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6 .fa-map-marker { color: var(--brand, #e8541a); }
html body.fd-site .sx-od-page #append_list2 .service-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list2 .service-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > .d-flex { order: 4; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px solid #edeef1; font-size: 13.5px; font-weight: 600; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > .d-flex a { color: #374151 !important; font-size: 13.5px !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > .d-flex img { width: 26px !important; height: 26px !important; object-fit: cover; }
html body.fd-site .sx-od-page #append_list2 .star { position: absolute !important; top: 12px !important; right: 12px !important; margin: 0 !important; z-index: 2; }
html body.fd-site .sx-od-page #append_list2 .star .badge { position: static !important; margin: 0 !important; }
html body.fd-site .sx-od-page #append_list2 .member-plan { position: absolute !important; top: 12px; left: 12px; z-index: 2; margin: 0 !important; }
@media (max-width: 575px) { html body.fd-site .sx-od-page #append_list2 .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; } html body.fd-site .sx-od-page #append_list2 .list-card-image { height: 140px !important; } }
html body.fd-site .sx-od-home #most_popular .row > [class*="col-"], html body.fd-site .sx-od-home #all_services .row > [class*="col-"],
html body.fd-site .sx-od-page #append_list1 .row > [class*="col-"], html body.fd-site .sx-od-page #append_list2 .row > [class*="col-"], html body.fd-site .sx-od-page #store-list .row > [class*="col-"] { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; min-width: 0; }
html body.fd-site .sx-od-home .sx-sec > .container, html body.fd-site .sx-od-page .sx-main > .container { max-width: none; padding: 0; }

/* On Demand home/list cards use .popul-title / .pro-price: same order and type as the provider page cards */
html body.fd-site .sx-od-home #most_popular .list-card-body > h6.popul-title { order: 1; margin: 0 0 4px !important; font-size: 16px !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #most_popular .list-card-body > h6.popul-title::before { content: none !important; display: none !important; }
html body.fd-site .sx-od-home #most_popular .list-card-body > h6.popul-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
html body.fd-site .sx-od-home #most_popular .list-card-body > h6:not(.popul-title):not(.product-title) { order: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; -webkit-line-clamp: unset !important; }
html body.fd-site .sx-od-home #most_popular .list-card-body > .pro-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; }
html body.fd-site .sx-od-home #most_popular .list-card-body > .pro-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6.popul-title { order: 1; margin: 0 0 4px !important; font-size: 16px !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6.popul-title::before { content: none !important; display: none !important; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6.popul-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
html body.fd-site .sx-od-home #all_services .list-card-body > h6:not(.popul-title):not(.product-title) { order: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; -webkit-line-clamp: unset !important; }
html body.fd-site .sx-od-home #all_services .list-card-body > .pro-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; }
html body.fd-site .sx-od-home #all_services .list-card-body > .pro-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6.popul-title { order: 1; margin: 0 0 4px !important; font-size: 16px !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6.popul-title::before { content: none !important; display: none !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6.popul-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > h6:not(.popul-title):not(.product-title) { order: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; -webkit-line-clamp: unset !important; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > .pro-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; }
html body.fd-site .sx-od-page #append_list1 .list-card-body > .pro-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6.popul-title { order: 1; margin: 0 0 4px !important; font-size: 16px !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6.popul-title::before { content: none !important; display: none !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6.popul-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > h6:not(.popul-title):not(.product-title) { order: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; -webkit-line-clamp: unset !important; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > .pro-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; }
html body.fd-site .sx-od-page #append_list2 .list-card-body > .pro-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6.popul-title { order: 1; margin: 0 0 4px !important; font-size: 16px !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6.popul-title::before { content: none !important; display: none !important; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6.popul-title a { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
html body.fd-site .sx-od-page #store-list .list-card-body > h6:not(.popul-title):not(.product-title) { order: 2; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; -webkit-line-clamp: unset !important; }
html body.fd-site .sx-od-page #store-list .list-card-body > .pro-price { order: 3; font-size: 17px !important; font-weight: 800 !important; color: #111827 !important; display: block; }
html body.fd-site .sx-od-page #store-list .list-card-body > .pro-price s { font-size: 13px; font-weight: 500; color: #9ca3af; margin-left: 6px; }
/* On Demand services by category: the sidebar already lists the categories, so the page's own list is hidden */
html body.fd-site .sx-od-page.sx-inner .fd-od-bycategory .row.fd-page-ready > .col-lg-3 { display: none !important; }
html body.fd-site .sx-od-page.sx-inner .fd-od-bycategory .row.fd-page-ready > .col-lg-9 { flex: 0 0 100% !important; max-width: 100% !important; }
/* every line under a service card title stays on one line; titles bold everywhere */
html body.fd-site .sx-od-page .list-card-body h6, html body.fd-site .sx-od-home .list-card-body h6 { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100%; display: block !important; }
html body.fd-site .sx-od-page .list-card-body > h6:first-child a, html body.fd-site .sx-od-page .list-card-body > h6:first-child { font-size: 16px !important; font-weight: 700 !important; color: #111827 !important; }
/* address lines on every card: pin icon in the section colour with a gap before the text */
html body.fd-site .list-card-body .fa-map-marker, html body.fd-site .list-card-body .feather-map-pin,
html body.fd-site .list-card .fa-map-marker, html body.fd-site .sx-ccard__meta i, html body.fd-site .fd-provider-card__row i {
    display: inline-block !important; position: static !important; margin: 0 6px 0 0 !important; padding: 0 !important; width: auto !important;
    color: var(--brand, #e8541a) !important; -webkit-text-fill-color: var(--brand, #e8541a); font-size: 13px !important; line-height: 1 !important; vertical-align: -1px; transform: none !important; flex: none;
}
html body.fd-site .list-card-body h6:has(> .fa-map-marker), html body.fd-site .list-card-body p:has(> .fa-map-marker) { font-size: 13px !important; font-weight: 500 !important; color: #6b7280 !important; }
html body.fd-site .list-card .list-card-body h6 > span.fa.fa-map-marker, html body.fd-site .list-card .list-card-body p > span.fa.fa-map-marker, html body.fd-site .list-card .list-card-body h6 > i.fa.fa-map-marker { margin-right: 6px !important; padding-right: 0 !important; }
/* On Demand categories page: round tiles on the page background, like the shop categories page */
html body.fd-site .sx-od-page .sx-main, html body.fd-site .sx-od-page .sx-main.sis-main-body { background: transparent !important; box-shadow: none !important; }
html body.fd-site .sx-od-page #brandlist .row { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 26px 18px; margin: 0 !important; }
html body.fd-site .sx-od-page #brandlist .row > [class*="col-"] { max-width: none !important; width: auto !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
html body.fd-site .sx-od-page #brandlist .list-card { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex !important; flex-direction: column; align-items: center; text-align: center; }
html body.fd-site .sx-od-page #brandlist .list-card:hover { transform: none !important; }
html body.fd-site .sx-od-page #brandlist .list-card-image { width: 120px !important; height: 120px !important; border-radius: 50% !important; overflow: hidden !important; background: #f3f3f5 !important; border: 1px solid #ececec !important; padding: 0 !important; margin: 0 auto !important; display: block !important; transition: border-color .15s, box-shadow .15s; }
html body.fd-site .sx-od-page #brandlist .list-card:hover .list-card-image { border-color: rgba(var(--brand-rgb, 232, 84, 26), .45) !important; box-shadow: 0 0 0 3px rgba(var(--brand-rgb, 232, 84, 26), .12) !important; }
html body.fd-site .sx-od-page #brandlist .list-card-image a { display: block; width: 100%; height: 100%; }
html body.fd-site .sx-od-page #brandlist .list-card-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; }
html body.fd-site .sx-od-page #brandlist .brand-title { padding: 12px 0 0 !important; }
html body.fd-site .sx-od-page #brandlist .list-card-body h6, html body.fd-site .sx-od-page #brandlist .list-card-body h6 a { font-size: 15.5px !important; font-weight: 700 !important; color: #1f2430 !important; margin: 0 !important; }
html body.fd-site .sx-od-page #brandlist .list-card:hover h6 a { color: var(--brand, #e8541a) !important; }

/* service card provider row: no divider line, small gap under the price */
html body.fd-site .fd-od-provider #service-list .list-card-body > .d-flex, html body.fd-site .sx-od-home #most_popular .list-card-body > .d-flex, html body.fd-site .sx-od-home #all_services .list-card-body > .d-flex, html body.fd-site .sx-od-page #append_list1 .list-card-body > .d-flex, html body.fd-site .sx-od-page #append_list2 .list-card-body > .d-flex, html body.fd-site .sx-od-page #store-list .list-card-body > .d-flex { margin: 8px 0 0 !important; padding: 0 !important; border-top: 0 !important; min-height: 0 !important; gap: 8px; }
html body.fd-site .fd-od-provider #service-list .list-card-body > .d-flex img, html body.fd-site .sx-od-home #most_popular .list-card-body > .d-flex img, html body.fd-site .sx-od-home #all_services .list-card-body > .d-flex img, html body.fd-site .sx-od-page #append_list1 .list-card-body > .d-flex img, html body.fd-site .sx-od-page #append_list2 .list-card-body > .d-flex img, html body.fd-site .sx-od-page #store-list .list-card-body > .d-flex img { margin: 0 !important; }
/* Load More: label always readable (legacy .page-link painted the text the same colour as the hover fill) */
html body.fd-site .sx-loadmore a, html body.fd-site .sx-loadmore .loadmore-btn, html body.fd-site .fu-loadmore-btn .loadmore-btn { color: var(--brand, #e8541a) !important; -webkit-text-fill-color: var(--brand, #e8541a); background: #fff !important; border: 1.5px solid rgba(var(--brand-rgb, 232, 84, 26), .35) !important; border-radius: 999px !important; padding: 12px 26px !important; font-weight: 700 !important; display: inline-flex; align-items: center; gap: 8px; text-decoration: none !important; }
html body.fd-site .sx-loadmore a:hover, html body.fd-site .sx-loadmore .loadmore-btn:hover, html body.fd-site .fu-loadmore-btn .loadmore-btn:hover, html body.fd-site .sx-loadmore a:focus, html body.fd-site .fu-loadmore-btn .loadmore-btn:focus { background: var(--brand, #e8541a) !important; color: #fff !important; -webkit-text-fill-color: #fff; }
html body.fd-site .sx-loadmore a i, html body.fd-site .fu-loadmore-btn .loadmore-btn i { color: inherit !important; -webkit-text-fill-color: currentColor; }