/* Café Hayaat UI skin – frontend only. Backend logic and APIs are untouched. */
:root{
  --hayaat-blue:#83ABAB;
  --hayaat-blue-soft:#9fc2c0;
  --hayaat-blue-deep:#2f7680;
  --hayaat-blue-dark:#174a54;
  --hayaat-cream:#E6D0B3;
  --hayaat-cream-light:#fff7e9;
  --hayaat-burgundy:#6B0205;
  --hayaat-ink:#163f48;
  --hayaat-muted:#557079;
  --hayaat-shadow:0 18px 42px rgba(20,65,73,.18);
  --aps-bg:var(--hayaat-blue);
  --aps-card:linear-gradient(180deg,#fff8ec,#ead8bd);
  --aps-card2:#f4e5ce;
  --aps-text:var(--hayaat-ink);
  --aps-muted:var(--hayaat-muted);
  --aps-border:rgba(230,208,179,.65);
  --aps-accent:var(--hayaat-blue-deep);
}
html,body{max-width:100%;overflow-x:hidden}
body.apc-hayaat-active{
  margin:0;
  min-height:100vh;
  direction:rtl;
  color:var(--hayaat-ink);
  font-family:"Vazirmatn",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic","Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.30),transparent 34%),
    linear-gradient(155deg,var(--hayaat-blue-soft),var(--hayaat-blue) 48%,#679b9f);
  background-attachment:fixed;
}
body.apc-hayaat-active::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.10;
  background-image:linear-gradient(30deg,transparent 47%,rgba(255,255,255,.55) 48%,transparent 49%),linear-gradient(150deg,transparent 47%,rgba(255,255,255,.40) 48%,transparent 49%);
  background-size:38px 38px;
}

body.apc-hayaat-active .apc-hayaat-header-source-hidden{
  visibility:hidden!important;
  pointer-events:none!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone{
  position:fixed!important;
  top:var(--apc-admin-header-offset,0px)!important;
  right:0!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  min-height:64px!important;
  margin:0!important;
  transform:none!important;
  z-index:99990!important;
  box-sizing:border-box!important;
  background:rgba(255,248,236,.94)!important;
  -webkit-backdrop-filter:saturate(145%) blur(12px)!important;
  backdrop-filter:saturate(145%) blur(12px)!important;
  border:1px solid rgba(230,208,179,.82)!important;
  border-top:0!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:0 10px 24px rgba(20,63,71,.16)!important;
  overflow:visible!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-original-logo-hidden{
  visibility:hidden!important;
  opacity:0!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:72px!important;
  height:58px!important;
  z-index:10!important;
  text-decoration:none!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-centered-image{
  display:block!important;
  width:auto!important;
  max-width:68px!important;
  height:auto!important;
  max-height:56px!important;
  object-fit:contain!important;
}

body.apc-hayaat-active .apc-hayaat-sticky-site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:850!important;
  background:rgba(255,248,236,.92)!important;
  -webkit-backdrop-filter:saturate(145%) blur(12px)!important;
  backdrop-filter:saturate(145%) blur(12px)!important;
  border:1px solid rgba(230,208,179,.82)!important;
  border-top:0!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:0 10px 24px rgba(20,63,71,.16)!important;
  min-height:76px!important;
}
body.apc-hayaat-active .apc-hayaat-sticky-site-header.apc-hayaat-header-has-logo{
  position:-webkit-sticky!important;
  position:sticky!important;
}
body.apc-hayaat-active .apc-hayaat-sticky-site-header .apc-hayaat-header-title-hidden{
  display:none!important;
}
body.apc-hayaat-active .apc-hayaat-sticky-site-header .apc-hayaat-header-logo-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:3!important;
  pointer-events:auto!important;
}
body.apc-hayaat-active .apc-hayaat-sticky-site-header .apc-hayaat-header-logo{
  display:block!important;
  width:auto!important;
  max-width:64px!important;
  max-height:56px!important;
  object-fit:contain!important;
}
body.apc-hayaat-active .apc-hayaat-sticky-site-header .apc-hayaat-header-logo-wrap img,
body.apc-hayaat-active .apc-hayaat-sticky-site-header .apc-hayaat-header-logo-wrap svg{
  display:block!important;
}

.apc-root{
  width:min(100%,1180px)!important;
  min-height:100svh;
  margin:0 auto!important;
  padding:0 14px calc(var(--apc-nav-h,82px) + 28px + env(safe-area-inset-bottom))!important;
  color:var(--hayaat-ink);
}

/* Professional brand loader: no text. */
.apc-hayaat-loader{
  position:fixed;inset:0;z-index:999999;overflow:hidden;display:grid;place-items:center;isolation:isolate;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),transparent 30%),linear-gradient(155deg,#a5c5c3,var(--hayaat-blue) 45%,#477f88 74%,#234f59);
}
.apc-hayaat-loader::before{content:"";position:absolute;inset:-20%;opacity:.12;background-image:linear-gradient(30deg,transparent 47%,rgba(255,255,255,.55) 48%,transparent 49%),linear-gradient(150deg,transparent 47%,rgba(255,255,255,.42) 48%,transparent 49%);background-size:34px 34px;animation:hayaatPattern 12s linear infinite}
@keyframes hayaatPattern{to{transform:translate3d(34px,34px,0)}}
.apc-hayaat-loader__ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3;animation:hayaatHalo 4s ease-in-out infinite alternate}
.apc-hayaat-loader__ambient--a{width:45vmax;height:45vmax;background:#fff0ce;top:-24vmax;right:-18vmax}
.apc-hayaat-loader__ambient--b{width:42vmax;height:42vmax;background:#103f4a;bottom:-25vmax;left:-20vmax;animation-delay:-1.5s}
@keyframes hayaatHalo{to{opacity:.5;transform:scale(1.12)}}
.apc-hayaat-loader__stage{width:min(78vw,380px);aspect-ratio:1/1.18;position:relative;display:grid;place-items:center;transform:translateY(-1.5vh)}
.apc-hayaat-loader__arch{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 36px rgba(15,54,62,.22))}
.apc-hayaat-loader__arch-back,.apc-hayaat-loader__arch-front{fill:none;stroke-linecap:round;stroke-linejoin:round}
.apc-hayaat-loader__arch-back{stroke:rgba(230,208,179,.18);stroke-width:5}
.apc-hayaat-loader__arch-front{stroke:var(--hayaat-cream-light);stroke-width:3;stroke-dasharray:1450;stroke-dashoffset:1450;animation:hayaatDraw 2.15s cubic-bezier(.62,.02,.23,1) .12s forwards;filter:drop-shadow(0 0 9px rgba(255,242,217,.55))}
@keyframes hayaatDraw{to{stroke-dashoffset:0}}
.apc-hayaat-loader__logo{position:absolute;width:70%;aspect-ratio:1;top:29%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center}
.apc-hayaat-loader__logo::before{content:"";position:absolute;inset:8%;border-radius:50%;background:rgba(255,245,225,.13);filter:blur(28px);transform:scale(.55);opacity:0;animation:hayaatAura 2.2s ease .8s forwards}
@keyframes hayaatAura{55%{opacity:.6;transform:scale(1.05)}100%{opacity:.25;transform:scale(.92)}}
.apc-hayaat-loader__logo img{width:100%;height:100%;object-fit:contain;clip-path:inset(100% 0 0 0);filter:drop-shadow(0 14px 22px rgba(23,66,74,.22));animation:hayaatLogoReveal 1.5s cubic-bezier(.72,.03,.28,1) .75s forwards}
@keyframes hayaatLogoReveal{to{clip-path:inset(0 0 0 0)}}
.apc-hayaat-loader__logo i{position:absolute;inset:-15%;display:block;mask:url("brand/hayaat-logo-cream.png") center/contain no-repeat;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);transform:translateX(-140%);animation:hayaatShine 1.2s ease 2.05s forwards}
@keyframes hayaatShine{to{transform:translateX(140%)}}
.apc-hayaat-loader__orbit{position:absolute;left:50%;bottom:1.2%;width:76px;height:76px;transform:translateX(-50%);border:1px solid rgba(255,248,235,.42);border-top-color:#fff8e8;border-right-color:#d6b477;border-radius:50%;opacity:0;animation:hayaatOrbitEnter .65s ease 2s forwards,hayaatSpin 1.7s linear 2s infinite}
.apc-hayaat-loader__orbit::before{content:"";position:absolute;inset:10px;border:1px solid rgba(230,208,179,.18);border-bottom-color:#f6e3c4;border-radius:50%;animation:hayaatSpinReverse 1.25s linear infinite}
.apc-hayaat-loader__orbit span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--hayaat-cream-light);left:35px;top:-2px;box-shadow:0 0 12px rgba(255,245,222,.85)}
.apc-hayaat-loader__orbit b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--hayaat-cream-light);right:4px;bottom:13px;transform:scale(.62);box-shadow:0 0 12px rgba(255,245,222,.65)}
.apc-hayaat-loader__orbit i{position:absolute;width:8px;height:8px;background:var(--hayaat-cream);left:34px;top:34px;transform:rotate(45deg);box-shadow:0 0 14px rgba(255,239,208,.55);animation:hayaatCore 1.15s ease-in-out infinite}
@keyframes hayaatOrbitEnter{to{opacity:1}}@keyframes hayaatSpin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes hayaatSpinReverse{to{transform:rotate(-360deg)}}@keyframes hayaatCore{50%{transform:rotate(45deg) scale(.58);opacity:.6}}
.apc-hayaat-loader__curtain{position:absolute;left:0;width:100%;height:51%;background:linear-gradient(165deg,var(--hayaat-blue),#4f8790);z-index:15;pointer-events:none;opacity:0}
.apc-hayaat-loader__curtain--top{top:0;transform:translateY(-100%)}.apc-hayaat-loader__curtain--bottom{bottom:0;transform:translateY(100%)}
.apc-hayaat-loader.is-exiting .apc-hayaat-loader__stage{animation:hayaatFinish .64s cubic-bezier(.2,.8,.2,1) forwards}
.apc-hayaat-loader.is-exiting .apc-hayaat-loader__curtain{opacity:1}.apc-hayaat-loader.is-exiting .apc-hayaat-loader__curtain--top{animation:hayaatCurtainTop .78s cubic-bezier(.77,0,.18,1) forwards}.apc-hayaat-loader.is-exiting .apc-hayaat-loader__curtain--bottom{animation:hayaatCurtainBottom .78s cubic-bezier(.77,0,.18,1) forwards}
@keyframes hayaatFinish{45%{transform:translateY(-1.5vh) scale(1.08)}100%{transform:translateY(-1.5vh) scale(.72);opacity:0}}@keyframes hayaatCurtainTop{0%{transform:translateY(-100%)}48%{transform:translateY(0)}100%{transform:translateY(-102%)}}@keyframes hayaatCurtainBottom{0%{transform:translateY(100%)}48%{transform:translateY(0)}100%{transform:translateY(102%)}}
.apc-hayaat-loader.is-gone{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}

/* Brand homepage. */
.hayaat-home{padding:18px 0 20px;animation:hayaatPageIn .7s ease both}
@keyframes hayaatPageIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hayaat-home__hero{position:relative;min-height:min(760px,calc(100svh - 36px));overflow:hidden;border-radius:34px;background-image:linear-gradient(180deg,rgba(12,35,39,.10),rgba(8,30,36,.82)),var(--hayaat-hero);background-position:center;background-size:cover;box-shadow:var(--hayaat-shadow)}
.hayaat-home__pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(45deg,transparent 47%,#f8e6c9 48%,transparent 50%);background-size:30px 30px}
.hayaat-home__brand{position:absolute;z-index:3;top:22px;right:50%;transform:translateX(50%);width:min(270px,72vw);min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fffaf0,#ead6b8);clip-path:polygon(50% 0,61% 16%,67% 31%,67% 43%,83% 52%,96% 69%,100% 100%,0 100%,4% 69%,17% 52%,33% 43%,33% 31%,39% 16%);filter:drop-shadow(0 18px 30px rgba(18,58,67,.22))}
.hayaat-home__logo{width:110px;height:auto}.hayaat-home__name{margin-top:5px;font-size:2rem;font-weight:500;color:#2d849b}.hayaat-home__diamond{width:9px;height:9px;margin-top:10px;background:#2d849b;transform:rotate(45deg)}
.hayaat-home__copy{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:280px 24px 38px;text-align:center;color:#fff7e9;background:linear-gradient(180deg,transparent,rgba(8,31,37,.35) 28%,rgba(8,31,37,.88))}
.hayaat-home__eyebrow{font-size:.9rem;letter-spacing:.08em;color:var(--hayaat-cream)}.hayaat-home__copy h1{margin:8px auto 10px;font-size:clamp(2rem,7vw,4rem);line-height:1.35;max-width:800px}.hayaat-home__copy p{margin:0 auto;max-width:650px;line-height:2;font-size:1rem;color:#f7ead6}.hayaat-home__actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.hayaat-action{min-width:150px;min-height:48px;padding:12px 18px;border-radius:16px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.hayaat-action--primary{background:var(--hayaat-cream);color:var(--hayaat-blue-dark)!important}.hayaat-action--secondary{border:1px solid rgba(230,208,179,.7);background:rgba(255,255,255,.08);color:#fff8ed!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hayaat-lantern{position:absolute;z-index:4;top:105px;width:25px;height:50px;border:2px solid var(--hayaat-cream);border-radius:7px 7px 12px 12px;box-shadow:0 0 20px rgba(255,230,184,.56);transform-origin:50% -90px;animation:hayaatLantern 3.5s ease-in-out infinite alternate}.hayaat-lantern::before{content:"";position:absolute;width:1px;height:90px;bottom:100%;left:50%;background:rgba(230,208,179,.76)}.hayaat-lantern i{position:absolute;inset:7px;background:radial-gradient(circle,#fff6d8,#d9ad68 43%,transparent 73%)}.hayaat-lantern--right{right:38px}.hayaat-lantern--left{left:38px;animation-delay:.4s}@keyframes hayaatLantern{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
.hayaat-home__features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.hayaat-feature{min-height:105px;display:flex;align-items:center;gap:13px;padding:17px;border-radius:22px;background:linear-gradient(180deg,#fff8ec,#ead7ba);border:1px solid rgba(216,180,119,.75);box-shadow:var(--hayaat-shadow)}.hayaat-feature__icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:16px;background:rgba(131,171,171,.18);font-size:1.55rem;color:var(--hayaat-blue-deep)}.hayaat-feature strong{display:block;color:var(--hayaat-blue-dark)}.hayaat-feature small{display:block;margin-top:4px;color:var(--hayaat-muted);line-height:1.6}
.hayaat-home__about{margin-top:14px;padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,248,236,.92),rgba(230,208,179,.92));border:1px solid rgba(216,180,119,.72);box-shadow:var(--hayaat-shadow)}.hayaat-section-label{font-size:.85rem;color:var(--hayaat-blue-deep);font-weight:600}.hayaat-home__about h2{margin:5px 0 8px;font-size:1.55rem;color:var(--hayaat-blue-dark)}.hayaat-home__about p{margin:0;color:var(--hayaat-muted);line-height:2}.hayaat-home__about-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hayaat-link-card{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:13px 16px;border-radius:17px;background:rgba(131,171,171,.15);border:1px solid rgba(47,118,128,.18);text-decoration:none!important;color:var(--hayaat-blue-dark)!important;font-weight:600}.hayaat-link-card b{font-size:1.2rem;color:var(--hayaat-burgundy)}

/* Menu page header and filters. */
.hayaat-menu-head{position:relative;overflow:hidden;margin:16px 0 12px;padding:18px;border-radius:28px;background:linear-gradient(145deg,#2f7c84,#83ABAB);border:1px solid rgba(230,208,179,.55);box-shadow:var(--hayaat-shadow)}
.hayaat-menu-head::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;background-image:linear-gradient(45deg,transparent 47%,#fff 48%,transparent 50%);background-size:28px 28px}
.hayaat-menu-head__brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px;color:var(--hayaat-cream-light)}.hayaat-menu-head__brand img{width:58px;height:64px;object-fit:contain}.hayaat-menu-head__brand small,.hayaat-menu-head__brand strong{display:block}.hayaat-menu-head__brand small{font-size:.78rem;opacity:.82}.hayaat-menu-head__brand strong{font-size:1.45rem;margin-top:2px}
.hayaat-menu-search{position:relative;z-index:2;margin-top:14px;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;background:var(--hayaat-cream-light);border:1px solid rgba(230,208,179,.72)}.hayaat-menu-search span{font-size:1.35rem;color:var(--hayaat-blue-deep)}.hayaat-menu-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--hayaat-ink)!important;font:inherit;padding:12px 0!important;box-shadow:none!important}.hayaat-menu-search input::placeholder{color:#769095}
.apc-stickybar{position:-webkit-sticky!important;position:sticky!important;top:8px!important;z-index:30!important;padding:10px!important;margin:0 0 14px!important;border-radius:22px!important;background:rgba(255,248,236,.90)!important;border:1px solid rgba(230,208,179,.8)!important;box-shadow:0 14px 32px rgba(23,74,84,.14)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.apc-sections3{gap:8px!important;margin:0!important}.apc-cats{gap:8px!important;margin-top:9px!important;padding-bottom:2px!important}.apc-chip{border:1px solid rgba(47,118,128,.20)!important;background:rgba(131,171,171,.12)!important;color:var(--hayaat-blue-dark)!important;border-radius:999px!important;font-weight:600!important;padding:9px 12px!important}.apc-chip.is-active{background:var(--hayaat-blue-deep)!important;border-color:var(--hayaat-blue-deep)!important;color:#fff8ed!important;box-shadow:0 7px 16px rgba(47,118,128,.22)!important}
.apc-items-wrap{padding-bottom:20px}.apc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.apc-item-wrap{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(180deg,#fff8ec,#ecd9bd)!important;border:1px solid rgba(216,180,119,.68)!important;box-shadow:0 13px 28px rgba(29,76,84,.13)!important}.apc-item--row{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--hayaat-ink)!important;overflow:hidden!important}.apc-item-imgcol{order:0!important;width:100%!important;min-width:0!important;display:block!important}.apc-thumb{width:100%!important;height:auto!important;aspect-ratio:1.35/1!important;display:block!important;border:0!important;border-radius:0!important;object-fit:cover!important;background:rgba(47,118,128,.13)!important}.apc-thumb--ph{background:linear-gradient(145deg,rgba(131,171,171,.30),rgba(230,208,179,.68))!important}.apc-item-content{order:1!important;display:flex!important;flex:1!important;flex-direction:column!important;padding:13px!important;min-height:158px!important;color:var(--hayaat-ink)!important}.apc-item-title{font-size:1rem!important;font-weight:800!important;color:var(--hayaat-blue-dark)!important;line-height:1.5!important}.apc-item-desc{margin-top:5px!important;color:var(--hayaat-muted)!important;font-size:.78rem!important;line-height:1.7!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.apc-item-bottom{margin-top:auto!important;padding-top:12px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"price action"!important;gap:7px!important;align-items:center!important;direction:ltr!important}.apc-price-row{grid-area:price!important;display:block!important;width:auto!important;min-width:0!important;text-align:left!important}.apc-price-val{font-size:.78rem!important;line-height:1.5!important;color:var(--hayaat-burgundy)!important;font-weight:900!important;white-space:normal!important}.apc-add,.apc-add--thin{grid-area:action!important;width:auto!important;min-width:72px!important;max-width:none!important;padding:8px 10px!important;border-radius:12px!important;border:1px solid var(--hayaat-blue-deep)!important;background:var(--hayaat-blue-deep)!important;color:#fff8ed!important;font-weight:800!important}.apc-add:disabled,.apc-add--thin:disabled{background:rgba(230,208,179,.72)!important;border-color:rgba(107,2,5,.45)!important;color:var(--hayaat-burgundy)!important}.apc-status-ok{background:rgba(131,171,171,.18)!important;color:var(--hayaat-blue-deep)!important;border-color:rgba(47,118,128,.32)!important}.apc-qty{grid-area:action!important;min-width:106px!important;padding:5px!important;border-radius:14px!important;background:rgba(131,171,171,.16)!important;border:1px solid rgba(47,118,128,.24)!important}.apc-qty-btn{width:28px!important;height:28px!important;border-radius:10px!important;background:var(--hayaat-blue-deep)!important;color:#fff!important;border:0!important}.apc-qty-num{color:var(--hayaat-blue-dark)!important;font-weight:900!important}.apc-item-sub{margin:0!important;padding:10px 12px!important;border:0!important;border-top:1px solid rgba(216,180,119,.45)!important;border-radius:0!important;background:rgba(255,248,236,.70)!important;color:var(--hayaat-ink)!important}.apc-item-sub-title{color:var(--hayaat-blue-dark)!important}.apc-item-sub-price{color:var(--hayaat-burgundy)!important;font-weight:800!important}
#apc-order-cta,.apc-order-cta{position:fixed!important;z-index:500!important;left:50%!important;bottom:calc(var(--apc-nav-h,76px) + 15px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(430px,calc(100vw - 28px))!important;min-height:54px!important;border-radius:18px!important;border:1px solid rgba(230,208,179,.86)!important;background:linear-gradient(135deg,var(--hayaat-burgundy),#8a1a1d)!important;color:#fff7e9!important;box-shadow:0 17px 38px rgba(107,2,5,.26)!important;font-weight:900!important}

/* Generic frontend pages: auth, reserve, dashboard, checkout. */
.apc-card{background:linear-gradient(180deg,#fff8ec,#ead8bd)!important;border:1px solid rgba(216,180,119,.72)!important;border-radius:22px!important;padding:16px!important;box-shadow:0 12px 28px rgba(25,72,80,.12)!important;color:var(--hayaat-ink)!important}.apc-h1{color:var(--hayaat-blue-dark)!important}.apc-muted{color:var(--hayaat-muted)!important}.apc-input,select.apc-input,textarea.apc-input{background:var(--hayaat-cream-light)!important;border:1px solid rgba(47,118,128,.22)!important;color:var(--hayaat-ink)!important;border-radius:15px!important;box-shadow:none!important}.apc-input:focus{outline:2px solid rgba(47,118,128,.22)!important;border-color:var(--hayaat-blue-deep)!important}.apc-btn{border-radius:15px!important;background:var(--hayaat-blue-deep)!important;border:1px solid var(--hayaat-blue-deep)!important;color:#fff8ed!important}.apc-btn-primary{background:var(--hayaat-blue-deep)!important;color:#fff8ed!important}.apc-btn-secondary{background:var(--hayaat-cream-light)!important;color:var(--hayaat-blue-dark)!important;border-color:rgba(47,118,128,.24)!important}
.apc-bottom-nav,#apc-bottom-nav,nav.apc-bottom-nav{background:#fff4e4!important;border:1px solid rgba(47,118,128,.22)!important;box-shadow:0 12px 26px rgba(20,64,72,.18)!important;border-radius:18px!important;padding:6px 8px!important;margin:0 10px 10px!important}.apc-bottom-nav a,.apc-bottom-nav button{color:var(--hayaat-blue-dark)!important}.apc-bottom-nav a.active,.apc-bottom-nav a.is-active,.apc-bottom-nav button.active,.apc-bottom-nav button.is-active{background:var(--hayaat-blue-deep)!important;color:#fff8ed!important;border-color:var(--hayaat-blue-deep)!important;box-shadow:0 7px 14px rgba(47,118,128,.20)!important}

@media(min-width:900px){.apc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.apc-root{padding-inline:10px!important}.hayaat-home__hero{border-radius:0;margin-inline:-10px;min-height:740px}.hayaat-home__features{grid-template-columns:1fr}.hayaat-home__about-actions{grid-template-columns:1fr}.hayaat-home__actions{flex-direction:column;align-items:stretch}.hayaat-action{width:100%}.hayaat-home__copy{padding-inline:18px}.hayaat-lantern--right{right:25px}.hayaat-lantern--left{left:25px}}
@media(max-width:390px){.apc-grid{gap:8px!important}.apc-item-wrap{border-radius:18px!important}.apc-item-content{padding:10px!important;min-height:150px!important}.apc-item-title{font-size:.9rem!important}.apc-item-desc{font-size:.72rem!important}.apc-price-val{font-size:.70rem!important}.apc-add,.apc-add--thin{min-width:60px!important;padding:7px 8px!important;font-size:.72rem!important}.hayaat-menu-head{border-radius:22px!important;padding:14px!important}.hayaat-menu-head__brand img{width:48px;height:54px}.hayaat-menu-head__brand strong{font-size:1.25rem}}
@media(max-width:330px){.apc-grid{grid-template-columns:1fr!important}.apc-item-content{min-height:135px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Final high-specificity menu layout overrides (must beat legacy 0.8.14 rules). */
#apc-menu-root [hidden]{display:none!important}
#apc-menu-root .apc-item--row{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--hayaat-ink)!important;
  overflow:hidden!important;
  direction:rtl!important;
}
#apc-menu-root .apc-item-imgcol{
  order:0!important;
  grid-area:auto!important;
  width:100%!important;
  min-width:0!important;
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
}
#apc-menu-root .apc-item-imgcol .apc-thumb{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1.35/1!important;
  display:block!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
}
#apc-menu-root .apc-item-content{
  order:1!important;
  grid-area:auto!important;
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:13px!important;
  min-height:158px!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
}
#apc-menu-root .apc-item-title,
#apc-menu-root .apc-item-desc{
  width:100%!important;
  text-align:right!important;
}
#apc-menu-root .apc-item-bottom{
  margin-top:auto!important;
  padding-top:12px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"price action"!important;
  gap:7px!important;
  align-items:center!important;
  direction:ltr!important;
}
#apc-menu-root .apc-item-bottom .apc-price-row{
  grid-area:price!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  text-align:left!important;
  direction:rtl!important;
}
#apc-menu-root .apc-item-bottom .apc-price-val{
  display:block!important;
  margin:0!important;
  color:var(--hayaat-burgundy)!important;
  font-size:.78rem!important;
  line-height:1.5!important;
  font-weight:900!important;
  white-space:normal!important;
  text-align:left!important;
}
#apc-menu-root .apc-item-bottom > .apc-add,
#apc-menu-root .apc-item-bottom > .apc-add--thin,
#apc-menu-root .apc-item-bottom > .apc-qty{
  grid-area:action!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
#apc-menu-root .apc-item-bottom .apc-add,
#apc-menu-root .apc-item-bottom .apc-add--thin{
  width:auto!important;
  min-width:72px!important;
  max-width:none!important;
  padding:8px 10px!important;
}
#apc-menu-root .apc-item-bottom .apc-qty{
  width:auto!important;
  min-width:106px!important;
  padding:5px!important;
  gap:5px!important;
}
#apc-menu-root .apc-item-bottom .apc-qty-btn{
  width:28px!important;
  height:28px!important;
}
@media(max-width:390px){
  #apc-menu-root .apc-item--row{padding:0!important;grid-template-columns:none!important}
  #apc-menu-root .apc-item-imgcol{width:100%!important;min-width:0!important}
  #apc-menu-root .apc-item-imgcol .apc-thumb{width:100%!important;height:auto!important}
  #apc-menu-root .apc-item-content{padding:10px!important;min-height:150px!important}
  #apc-menu-root .apc-item-bottom .apc-add,
  #apc-menu-root .apc-item-bottom .apc-add--thin{width:auto!important;min-width:60px!important;max-width:none!important}
  #apc-menu-root .apc-item-bottom .apc-price-val{font-size:.70rem!important}
}


/* 0.8.26 — fixed looping video background + scroll fade + glass surfaces. */
:root{--hayaat-scroll-dim:.16}
body.apc-hayaat-active{
  position:relative;
  isolation:isolate;
}
body.apc-hayaat-video-home{
  background:#173f47!important;
}
body.apc-hayaat-video-home::before{display:none!important}
.apc-hayaat-video-bg{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#173f47;
  transform:translateZ(0);
  opacity:0;
  visibility:hidden;
  transition:opacity .32s ease,visibility .32s ease;
}
body.apc-hayaat-video-home .apc-hayaat-video-bg{
  opacity:1;
  visibility:visible;
}
/* The companion shell contact/footer live outside #apc-root. Keep them above the fixed video. */
body.apc-hayaat-video-home .aps-content{
  position:relative;
  z-index:2;
}
body.apc-hayaat-video-home .aps-contact,
body.apc-hayaat-video-home .aps-contact-inner,
body.apc-hayaat-video-home footer,
body.apc-hayaat-video-home .site-footer{
  position:relative;
  z-index:4;
}
.apc-hayaat-video-bg__media,
.apc-hayaat-video-bg__poster{
  position:absolute;
  inset:-2px;
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  object-fit:cover;
  object-position:center;
  background-position:center;
  background-size:cover;
  transform:translateZ(0) scale(1.015);
}
.apc-hayaat-video-bg__media{filter:saturate(.88) contrast(1.03) brightness(.92)}
.apc-hayaat-video-bg__wash{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(9,39,45,var(--hayaat-scroll-dim)),rgba(5,25,31,calc(var(--hayaat-scroll-dim) + .10))),
    radial-gradient(circle at 50% 12%,rgba(131,171,171,.12),transparent 46%);
  transition:background .18s linear;
}
.apc-hayaat-video-bg__grain{
  position:absolute;
  inset:0;
  opacity:.055;
  background-image:linear-gradient(30deg,transparent 47%,rgba(255,255,255,.55) 48%,transparent 49%),linear-gradient(150deg,transparent 47%,rgba(255,255,255,.42) 48%,transparent 49%);
  background-size:38px 38px;
}
.apc-root{position:relative!important;z-index:2!important}
.apc-hayaat-loader{z-index:999999!important}

.hayaat-home__hero{
  background:linear-gradient(180deg,rgba(8,31,37,.10),rgba(8,31,37,.52))!important;
  border:1px solid rgba(255,248,235,.24)!important;
  box-shadow:0 22px 60px rgba(5,25,31,.28)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%);
  backdrop-filter:blur(12px) saturate(118%);
}
.hayaat-home__copy{background:linear-gradient(180deg,transparent,rgba(6,29,35,.22) 28%,rgba(6,29,35,.64))!important}
.hayaat-home__brand{
  background:linear-gradient(180deg,rgba(255,250,240,.76),rgba(230,208,179,.60))!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%);
  backdrop-filter:blur(16px) saturate(130%);
  filter:drop-shadow(0 18px 30px rgba(6,31,37,.22))!important;
}

.hayaat-feature,
.hayaat-home__about,
.apc-card,
.apc-item-wrap,
.apc-stickybar,
.apc-bottom-nav,#apc-bottom-nav,nav.apc-bottom-nav{
  background:linear-gradient(145deg,rgba(255,250,240,.76),rgba(230,208,179,.58))!important;
  border:1px solid rgba(255,255,255,.48)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 18px 44px rgba(6,31,37,.18)!important;
}
.hayaat-menu-head{
  background:linear-gradient(145deg,rgba(28,103,112,.66),rgba(87,148,151,.52))!important;
  border:1px solid rgba(255,248,235,.32)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 18px 44px rgba(6,31,37,.22)!important;
}
.hayaat-menu-search,
.apc-input,select.apc-input,textarea.apc-input,
.hayaat-link-card{
  background:rgba(255,250,240,.64)!important;
  border-color:rgba(255,255,255,.45)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.apc-item-sub{background:rgba(255,248,236,.48)!important}

@media(max-width:760px){
  .hayaat-home__hero{margin-inline:0!important;border-radius:28px!important}
  .apc-hayaat-video-bg__media,.apc-hayaat-video-bg__poster{transform:translateZ(0) scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  .apc-hayaat-video-bg__media{display:none!important}
  .apc-hayaat-video-bg{background:#315f67}
}


/* 0.8.29 — Main hero: keep only the transparent cream mark. */
.hayaat-home__brand.hayaat-home__brand--logo-only{
  background:transparent!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.hayaat-home__brand--logo-only .hayaat-home__logo{
  width:145px!important;
  max-height:245px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 22px rgba(4,27,32,.34));
}
@media(max-width:760px){
  .hayaat-home__brand--logo-only .hayaat-home__logo{width:125px!important;max-height:220px!important}
}


/* 0.8.30 — responsive menu sections */
.apc-sections3.apc-sections3--dynamic{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:12px!important;
  margin:0!important;
  direction:rtl!important;
  align-items:stretch!important;
}
.apc-sections3.apc-sections3--dynamic[data-count="1"]{
  grid-template-columns:minmax(0, min(360px, 100%))!important;
  justify-content:center!important;
}
.apc-sections3.apc-sections3--dynamic[data-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.apc-chip--sec-card{
  min-height:72px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,251,245,.96),rgba(240,249,249,.92))!important;
  border:1px solid rgba(47,118,128,.18)!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 10px 22px rgba(23,74,84,.08)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}
.apc-chip--sec-card:hover{transform:translateY(-1px)!important;box-shadow:0 14px 26px rgba(23,74,84,.12)!important}
.apc-chip--sec-card .apc-chip__sticker{
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--hayaat-blue-deep)!important;
  font-size:27px!important;
  line-height:30px!important;
}
.apc-chip--sec-card .apc-chip__copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
.apc-chip--sec-card .apc-chip__copy strong{
  display:block!important;
  font-size:1rem!important;
  font-weight:900!important;
  color:var(--hayaat-blue-dark)!important;
  line-height:1.2!important;
}
.apc-chip--sec-card.is-active{
  background:linear-gradient(135deg,var(--hayaat-blue-deep),#3f8790)!important;
  border-color:var(--hayaat-blue-deep)!important;
  box-shadow:0 14px 28px rgba(47,118,128,.22)!important;
}
.apc-chip--sec-card.is-active .apc-chip__copy strong{color:#fff8ed!important}
.apc-chip--sec-card.is-active .apc-chip__sticker{
  color:#fff8ed!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.apc-cats{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  direction:rtl!important;
  gap:9px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.apc-cats .apc-chip{
  min-height:42px!important;
  padding:9px 14px!important;
}
@media (max-width:760px){
  .apc-sections3.apc-sections3--dynamic{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .apc-sections3.apc-sections3--dynamic[data-count="1"]{grid-template-columns:minmax(0,1fr)!important}
  .apc-chip--sec-card{min-height:66px!important;padding:10px 12px!important;border-radius:18px!important}
  .apc-chip--sec-card .apc-chip__sticker{width:27px!important;height:27px!important;font-size:24px!important;line-height:27px!important}
  .apc-chip--sec-card .apc-chip__copy strong{font-size:.93rem!important}
}
@media (max-width:420px){
  .apc-sections3.apc-sections3--dynamic{grid-template-columns:1fr!important}
  .apc-chip--sec-card{
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  .apc-chip--sec-card .apc-chip__copy{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .apc-chip--sec-card .apc-chip__copy strong{
    width:100%!important;
    text-align:center!important;
  }
  .apc-cats{justify-content:center!important}
}


/* 0.8.32 — section mode controls */
.apc-chip--sec-card.is-readonly:not(.is-active){
  border-style:dashed!important;
  opacity:.82!important;
}
.apc-chip--sec-card.is-readonly .apc-chip__sticker{
  filter:grayscale(.15)!important;
}
.apc-section-readonly-note{
  margin:0 0 12px!important;
  padding:11px 14px!important;
  text-align:center!important;
  background:rgba(255,248,236,.82)!important;
  border:1px dashed rgba(47,118,128,.30)!important;
}


/* 0.8.38 — enforce true center alignment on physical mobile browsers */
@media (hover:none) and (pointer:coarse){
  #apc-menu-root .apc-chip--sec-card{
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
}


/* 0.8.42 — compact 0.8.39 layout, categories without stickers */
#apc-menu-root .apc-stickybar{
  padding:7px!important;
  margin-bottom:10px!important;
  border-radius:18px!important;
}
#apc-menu-root .apc-sections3.apc-sections3--dynamic{
  gap:7px!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
}
#apc-menu-root .apc-sections3.apc-sections3--dynamic[data-count="1"]{
  grid-template-columns:minmax(0,min(250px,100%))!important;
}
#apc-menu-root .apc-sections3.apc-sections3--dynamic[data-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#apc-menu-root .apc-chip--sec-card{
  min-height:50px!important;
  gap:6px!important;
  padding:7px 10px!important;
  border-radius:15px!important;
  box-shadow:0 6px 14px rgba(23,74,84,.07)!important;
}
#apc-menu-root .apc-chip--sec-card:hover{
  box-shadow:0 8px 18px rgba(23,74,84,.10)!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__sticker{
  width:22px!important;
  height:22px!important;
  font-size:21px!important;
  line-height:22px!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__copy{
  gap:0!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{
  font-size:.88rem!important;
  line-height:1.15!important;
}
#apc-menu-root .apc-chip--sec-card.is-active{
  box-shadow:0 8px 18px rgba(47,118,128,.18)!important;
}
#apc-menu-root .apc-cats{
  margin-top:7px!important;
  gap:6px!important;
}
#apc-menu-root .apc-chip--cat{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
  line-height:1.15!important;
  font-size:.78rem!important;
  font-weight:800!important;
}
@media (max-width:760px){
  #apc-menu-root .apc-sections3.apc-sections3--dynamic{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #apc-menu-root .apc-chip--sec-card{
    min-height:46px!important;
    padding:6px 8px!important;
    border-radius:14px!important;
  }
  #apc-menu-root .apc-chip--sec-card .apc-chip__sticker{
    width:20px!important;
    height:20px!important;
    font-size:19px!important;
    line-height:20px!important;
  }
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{
    font-size:.82rem!important;
  }
  #apc-menu-root .apc-chip--cat{
    min-height:32px!important;
    padding:5px 8px!important;
  }
}
@media (max-width:360px){
  #apc-menu-root .apc-sections3.apc-sections3--dynamic{
    grid-template-columns:1fr!important;
  }
}


/* 0.8.44 — Hayaat menu cards closer to approved visual layout */
#apc-menu-root .apc-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}
#apc-menu-root .apc-item-wrap{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#ffffff!important;
  border:1px solid rgba(20,45,52,.10)!important;
  box-shadow:0 10px 28px rgba(14,43,49,.08)!important;
}
#apc-menu-root .apc-item--row{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  min-height:100%!important;
}
#apc-menu-root .apc-item-imgcol{
  position:relative!important;
  width:100%!important;
  padding:14px 14px 4px!important;
  box-sizing:border-box!important;
}
#apc-menu-root .apc-item-topbadges{
  position:absolute!important;
  inset:10px 12px auto 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  pointer-events:none!important;
  z-index:2!important;
}
#apc-menu-root .apc-item-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  line-height:1!important;
  font-weight:800!important;
  background:#ffffff!important;
  color:#44626d!important;
  border:1px solid rgba(20,45,52,.10)!important;
  box-shadow:0 4px 10px rgba(14,43,49,.08)!important;
}
#apc-menu-root .apc-item-badge--primary{
  background:#135c73!important;
  color:#fff!important;
  border-color:#135c73!important;
}
#apc-menu-root .apc-item-badge--muted{
  background:#f2f4f5!important;
  color:#7c8b92!important;
  border-color:#e2e7ea!important;
}
#apc-menu-root .apc-item-badge--fav{
  min-width:34px!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  font-size:1.15rem!important;
  color:#c0c7cb!important;
  border-radius:50%!important;
}
#apc-menu-root .apc-item-badge--ghost{
  opacity:0!important;
  min-width:1px!important;
  width:1px!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-thumb{
  width:100%!important;
  display:block!important;
  aspect-ratio:1.16/1!important;
  object-fit:contain!important;
  background:transparent!important;
  border-radius:18px!important;
}
#apc-menu-root .apc-thumb--ph{
  aspect-ratio:1.16/1!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#eef2f4,#dde7ea)!important;
}
#apc-menu-root .apc-item-content{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  padding:0 14px 14px!important;
  min-height:165px!important;
  color:#173744!important;
}
#apc-menu-root .apc-item-title{
  margin-top:2px!important;
  font-size:1.03rem!important;
  line-height:1.5!important;
  font-weight:900!important;
  text-align:right!important;
  color:#163847!important;
}
#apc-menu-root .apc-item-desc{
  margin-top:6px!important;
  min-height:43px!important;
  font-size:.79rem!important;
  line-height:1.8!important;
  color:#73838b!important;
  text-align:right!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
#apc-menu-root .apc-item-desc--empty{
  min-height:22px!important;
}
#apc-menu-root .apc-item-bottom{
  margin-top:auto!important;
  padding-top:10px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:end!important;
  gap:10px!important;
  direction:ltr!important;
}
#apc-menu-root .apc-item-bottom > .apc-add--thin,
#apc-menu-root .apc-item-bottom > .apc-qty{
  justify-self:start!important;
}
#apc-menu-root .apc-price-row{
  justify-self:end!important;
  text-align:right!important;
}
#apc-menu-root .apc-price-val{
  font-size:.96rem!important;
  line-height:1.3!important;
  font-weight:900!important;
  color:#173744!important;
}
#apc-menu-root .apc-add--icon{
  min-width:48px!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  border-radius:14px!important;
  border:0!important;
  background:#135c73!important;
  color:#ffffff!important;
  font-size:2rem!important;
  line-height:1!important;
  font-weight:500!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 10px 20px rgba(19,92,115,.18)!important;
}
#apc-menu-root .apc-add--icon:disabled,
#apc-menu-root .apc-add--icon.is-disabled-stock,
#apc-menu-root .apc-add--icon.is-disabled-view{
  background:#dfe5e8!important;
  color:#8a989f!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-qty{
  min-width:108px!important;
  height:48px!important;
  padding:4px!important;
  border-radius:14px!important;
  border:1px solid rgba(19,92,115,.12)!important;
  background:#edf4f6!important;
}
#apc-menu-root .apc-qty-btn{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:#135c73!important;
  color:#fff!important;
  border:0!important;
}
#apc-menu-root .apc-qty-btn:disabled{
  background:#dfe5e8!important;
  color:#8a989f!important;
}
#apc-menu-root .apc-qty-num{
  font-size:.95rem!important;
  color:#163847!important;
  font-weight:900!important;
}
#apc-menu-root .apc-item-wrap.is-unavailable .apc-thumb,
#apc-menu-root .apc-item-wrap.is-stock-empty .apc-thumb{
  filter:saturate(.86) brightness(.98)!important;
}
#apc-menu-root .apc-item-sub{
  background:#f8fbfc!important;
  border-top:1px solid rgba(20,45,52,.08)!important;
}
#apc-menu-root .apc-item-sub-price{
  color:#173744!important;
}
#apc-menu-root .apc-item-sub .apc-add--icon{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  font-size:1.8rem!important;
}
@media (min-width:920px){
  #apc-menu-root .apc-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  #apc-menu-root .apc-grid{
    gap:12px!important;
  }
  #apc-menu-root .apc-item-wrap{
    border-radius:18px!important;
  }
  #apc-menu-root .apc-item-imgcol{
    padding:12px 12px 2px!important;
  }
  #apc-menu-root .apc-item-content{
    padding:0 12px 12px!important;
    min-height:150px!important;
  }
  #apc-menu-root .apc-item-title{
    font-size:.95rem!important;
  }
  #apc-menu-root .apc-item-desc{
    min-height:39px!important;
    font-size:.75rem!important;
  }
  #apc-menu-root .apc-price-val{
    font-size:.88rem!important;
  }
  #apc-menu-root .apc-add--icon{
    min-width:44px!important;
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }
  #apc-menu-root .apc-qty{
    min-width:100px!important;
    height:44px!important;
  }
  #apc-menu-root .apc-qty-btn{
    width:34px!important;
    height:34px!important;
  }
}
@media (max-width:390px){
  #apc-menu-root .apc-grid{
    gap:10px!important;
  }
  #apc-menu-root .apc-item-content{
    min-height:143px!important;
  }
  #apc-menu-root .apc-item-topbadges{
    inset:8px 10px auto 10px!important;
  }
  #apc-menu-root .apc-item-badge{
    min-height:24px!important;
    padding:3px 8px!important;
    font-size:.68rem!important;
  }
}

/* 0.8.46 — collapsible section/category filter panel */
#apc-menu-root .apc-filter-shell{
  position:sticky!important;
  top:calc(8px + env(safe-area-inset-top))!important;
  z-index:42!important;
  width:100%!important;
  margin:8px 0 12px!important;
  padding-top:7px!important;
  transition:margin .22s ease,padding .22s ease,max-height .24s ease!important;
}
#apc-menu-root .apc-filter-shell .apc-stickybar{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  max-height:420px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  transform-origin:top center!important;
  overflow:visible!important;
  transition:max-height .24s ease,opacity .18s ease,transform .22s ease,padding .22s ease,border-width .22s ease!important;
}
#apc-menu-root .apc-filter-collapse{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  z-index:3!important;
  width:66px!important;
  height:17px!important;
  padding:0!important;
  transform:translate(-50%,-2px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,248,236,.94)!important;
  color:#2f7680!important;
  box-shadow:0 2px 8px rgba(23,74,84,.10)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#apc-menu-root .apc-filter-collapse span{
  display:block!important;
  width:9px!important;
  height:9px!important;
  border-top:1.5px solid currentColor!important;
  border-left:1.5px solid currentColor!important;
  transform:translateY(3px) rotate(45deg)!important;
}
#apc-menu-root .apc-filter-collapse:active{
  transform:translate(-50%,-2px) scale(.94)!important;
}
#apc-menu-root .apc-filter-open{
  position:fixed!important;
  top:var(--apc-filter-floating-top,78px)!important;
  right:calc(10px + env(safe-area-inset-right))!important;
  z-index:90!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid rgba(255,248,236,.82)!important;
  border-radius:12px!important;
  background:rgba(47,118,128,.94)!important;
  color:#fff8ec!important;
  box-shadow:0 10px 26px rgba(23,74,84,.28)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#apc-menu-root .apc-filter-open__line{
  display:block!important;
  width:19px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
}
#apc-menu-root .apc-filter-open:active{
  transform:scale(.93)!important;
}
#apc-menu-root .apc-filter-collapse[hidden],
#apc-menu-root .apc-filter-open[hidden]{
  display:none!important;
}
#apc-menu-root .apc-filter-shell.is-collapsed{
  position:relative!important;
  top:auto!important;
  max-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
#apc-menu-root .apc-filter-shell.is-collapsed .apc-stickybar{
  max-height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border-width:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  transform:translateY(-9px) scale(.98)!important;
  pointer-events:none!important;
}
#apc-menu-root .apc-filter-shell.is-collapsed .apc-filter-open{
  pointer-events:auto!important;
}
@media (max-width:480px){
  #apc-menu-root .apc-filter-shell{
    top:calc(6px + env(safe-area-inset-top))!important;
    margin-top:5px!important;
  }
  #apc-menu-root .apc-filter-collapse{
    width:58px!important;
    height:16px!important;
  }
  #apc-menu-root .apc-filter-open{
    top:var(--apc-filter-floating-top,78px)!important;
    right:calc(8px + env(safe-area-inset-right))!important;
    width:42px!important;
    height:42px!important;
    border-radius:11px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #apc-menu-root .apc-filter-shell,
  #apc-menu-root .apc-filter-shell .apc-stickybar,
  #apc-menu-root .apc-filter-collapse,
  #apc-menu-root .apc-filter-open{
    transition:none!important;
  }
}


/* 0.8.47 — keep collapsed filter button below the sticky site header */
#apc-menu-root .apc-filter-open{
  top:var(--apc-filter-floating-top,78px)!important;
}


/* 0.8.48 — reopened filter panel stays floating at the top */
#apc-menu-root .apc-filter-shell.is-overlay-open{
  position:fixed!important;
  top:var(--apc-filter-floating-top,78px)!important;
  right:calc(10px + env(safe-area-inset-right))!important;
  left:calc(10px + env(safe-area-inset-left))!important;
  width:auto!important;
  margin:0!important;
  padding-top:8px!important;
  z-index:88!important;
  pointer-events:none!important;
}
#apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
  pointer-events:auto!important;
  max-height:min(62vh,430px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
#apc-menu-root .apc-filter-shell.is-overlay-open .apc-filter-collapse{
  pointer-events:auto!important;
}
@media (max-width:480px){
  #apc-menu-root .apc-filter-shell.is-overlay-open{
    top:var(--apc-filter-floating-top,78px)!important;
    right:calc(8px + env(safe-area-inset-right))!important;
    left:calc(8px + env(safe-area-inset-left))!important;
  }
  #apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
    max-height:min(58vh,420px)!important;
  }
}


/* 0.8.49 — fullscreen hero, softer radial transparency, lanterns pinned to the top */
.hayaat-home{
  padding:0 0 20px!important;
}
.hayaat-home__hero{
  min-height:100svh!important;
  height:100svh!important;
  border-radius:0!important;
  background-image:var(--hayaat-hero)!important;
  background-position:center center!important;
  background-size:cover!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
.hayaat-home__hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%,
      rgba(8,31,37,0) 0%,
      rgba(8,31,37,.02) 18%,
      rgba(8,31,37,.08) 38%,
      rgba(8,31,37,.18) 60%,
      rgba(8,31,37,.32) 78%,
      rgba(8,31,37,.46) 100%),
    linear-gradient(180deg,
      rgba(8,31,37,.12) 0%,
      rgba(8,31,37,.16) 26%,
      rgba(8,31,37,.24) 100%);
}
.hayaat-home__pattern{
  z-index:2!important;
  opacity:.10!important;
}
.hayaat-home__brand,
.hayaat-home__copy,
.hayaat-lantern{
  z-index:3!important;
}
.hayaat-home__copy{
  top:0!important;
  bottom:0!important;
  min-height:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:300px 24px 42px!important;
  background:linear-gradient(180deg,rgba(6,29,35,0) 0%,rgba(6,29,35,.10) 42%,rgba(6,29,35,.34) 100%)!important;
}
.hayaat-lantern{
  top:0!important;
  transform-origin:50% -72px!important;
}
.hayaat-lantern::before{
  height:74px!important;
  bottom:100%!important;
}
@media(max-width:760px){
  .hayaat-home__hero{
    min-height:100svh!important;
    height:100svh!important;
    margin-inline:-10px!important;
    border-radius:0!important;
  }
  .hayaat-home__copy{
    padding:265px 18px 34px!important;
  }
  .hayaat-home__brand{
    top:12px!important;
  }
  .hayaat-lantern--right{right:16px!important}
  .hayaat-lantern--left{left:16px!important}
}


/* 0.8.50 — hero lantern base + remove diagonal overlay for clearer video */
.hayaat-home__pattern{
  display:none!important;
}
.hayaat-lantern{
  overflow:visible!important;
}
.hayaat-lantern::after{
  content:"";
  position:absolute;
  left:50%;
  top:-10px;
  width:18px;
  height:8px;
  transform:translateX(-50%);
  border:2px solid var(--hayaat-cream);
  border-bottom:0;
  border-radius:7px 7px 0 0;
  background:rgba(230,208,179,.16);
  box-shadow:0 0 10px rgba(255,230,184,.18);
}
@media(max-width:760px){
  .hayaat-lantern::after{
    top:-9px!important;
    width:16px!important;
    height:7px!important;
  }
}


/* 0.8.51 — slimmer visible lantern support + wider swing range */
.hayaat-lantern{
  top:0!important;
  width:26px!important;
  height:52px!important;
  transform-origin:50% -108px!important;
  animation:hayaatLanternWide 4.2s ease-in-out infinite alternate!important;
}
.hayaat-lantern::before{
  width:2px!important;
  height:110px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:100%!important;
  background:linear-gradient(180deg,rgba(239,225,196,.98) 0%,rgba(230,208,179,.82) 72%,rgba(230,208,179,.52) 100%)!important;
  box-shadow:0 0 10px rgba(255,230,184,.18)!important;
}
.hayaat-lantern::after{
  top:-12px!important;
  width:16px!important;
  height:8px!important;
  border-width:2px!important;
  background:rgba(230,208,179,.20)!important;
}
.hayaat-lantern--left{
  animation-delay:.35s!important;
}
.hayaat-lantern--right{
  animation-delay:0s!important;
}
@keyframes hayaatLanternWide{
  from{transform:rotate(-8.5deg) translateX(-2px)}
  to{transform:rotate(8.5deg) translateX(2px)}
}
@media(max-width:760px){
  .hayaat-lantern{
    transform-origin:50% -100px!important;
    animation-duration:4s!important;
  }
  .hayaat-lantern::before{
    height:102px!important;
  }
  .hayaat-lantern::after{
    top:-11px!important;
    width:15px!important;
    height:7px!important;
  }
}


/* 0.8.52 — longer visible lantern rods below the mobile browser top bar */
.hayaat-lantern{
  top:34px!important;
  transform-origin:50% -208px!important;
}
.hayaat-lantern::before{
  height:220px!important;
}
@media(max-width:760px){
  .hayaat-lantern{
    top:30px!important;
    transform-origin:50% -198px!important;
  }
  .hayaat-lantern::before{
    height:210px!important;
  }
}


/* 0.8.53 — reduce lantern swing and inset from screen edges */
.hayaat-lantern{
  animation:hayaatLanternTamed 4.4s ease-in-out infinite alternate!important;
}
.hayaat-lantern--left{
  left:24px!important;
}
.hayaat-lantern--right{
  right:24px!important;
}
@keyframes hayaatLanternTamed{
  from{transform:rotate(-4.75deg) translateX(-1px)}
  to{transform:rotate(4.75deg) translateX(1px)}
}
@media(max-width:760px){
  .hayaat-lantern{
    animation-duration:4.2s!important;
  }
  .hayaat-lantern--left{
    left:20px!important;
  }
  .hayaat-lantern--right{
    right:20px!important;
  }
}


/* 0.8.54 — reservation page coming soon */
.hayaat-coming-soon{
  min-height:calc(100svh - var(--apc-nav-h,76px) - 42px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:36px 22px calc(var(--apc-nav-h,76px) + 34px)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,250,240,.78),rgba(230,208,179,.60))!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 20px 52px rgba(6,31,37,.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  color:var(--hayaat-blue-dark)!important;
}
.hayaat-coming-soon__mark{
  width:82px!important;
  height:82px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:18px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,var(--hayaat-blue-deep),#4d9299)!important;
  color:#fff8ed!important;
  font-size:2.7rem!important;
  box-shadow:0 16px 34px rgba(47,118,128,.24)!important;
}
.hayaat-coming-soon__label{
  color:var(--hayaat-burgundy)!important;
  font-size:.9rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
.hayaat-coming-soon h1{
  margin:8px 0 10px!important;
  color:var(--hayaat-blue-dark)!important;
  font-size:clamp(2.4rem,12vw,4.5rem)!important;
  line-height:1.2!important;
  font-weight:900!important;
}
.hayaat-coming-soon p{
  max-width:520px!important;
  margin:0!important;
  color:var(--hayaat-muted)!important;
  font-size:1rem!important;
  line-height:2!important;
}
.hayaat-coming-soon__actions{
  width:min(420px,100%)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:28px!important;
}
.hayaat-coming-soon__actions .apc-btn{
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
@media(max-width:520px){
  .hayaat-coming-soon{
    min-height:calc(100svh - var(--apc-nav-h,76px) - 24px)!important;
    padding-inline:18px!important;
    border-radius:24px!important;
  }
  .hayaat-coming-soon__actions{
    grid-template-columns:1fr!important;
  }
}


/* 0.8.55 — smooth filter collapse without scroll jump */
#apc-menu-root .apc-filter-shell{
  overflow-anchor:none!important;
  transition:
    height .36s cubic-bezier(.22,1,.36,1),
    max-height .36s cubic-bezier(.22,1,.36,1),
    margin .36s cubic-bezier(.22,1,.36,1),
    padding .36s cubic-bezier(.22,1,.36,1)!important;
  will-change:height,max-height,margin,padding!important;
}
#apc-menu-root .apc-filter-shell .apc-stickybar{
  transition:
    max-height .36s cubic-bezier(.22,1,.36,1),
    opacity .28s ease,
    transform .36s cubic-bezier(.22,1,.36,1),
    padding .32s ease,
    border-width .32s ease!important;
  will-change:max-height,opacity,transform!important;
}
#apc-menu-root .apc-filter-shell.is-transitioning.is-collapsed .apc-stickybar{
  visibility:visible!important;
}
#apc-menu-root .apc-filter-shell.is-transitioning{
  pointer-events:none!important;
}
#apc-menu-root .apc-filter-shell.is-transitioning .apc-filter-open{
  pointer-events:auto!important;
}
#apc-menu-root .apc-filter-open{
  transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
@media(prefers-reduced-motion:reduce){
  #apc-menu-root .apc-filter-shell,
  #apc-menu-root .apc-filter-shell .apc-stickybar{
    transition-duration:.01ms!important;
  }
}


/* 0.8.56 — iPhone Safari hero clarity: lighter overlays, no heavy hero blur, stronger video visibility */
@supports (-webkit-touch-callout: none) {
  body.apc-hayaat-video-home .apc-hayaat-video-bg__media{
    filter:saturate(.98) contrast(1.01) brightness(1.03)!important;
    opacity:1!important;
    transform:translateZ(0) scale(1.03)!important;
  }
  body.apc-hayaat-video-home .apc-hayaat-video-bg__wash{
    background:
      linear-gradient(180deg,
        rgba(9,39,45,.04) 0%,
        rgba(5,25,31,.12) 100%),
      radial-gradient(circle at 50% 14%,
        rgba(255,255,255,.07),
        transparent 54%)!important;
  }
  body.apc-hayaat-video-home .apc-hayaat-video-bg__grain{
    opacity:.015!important;
  }
  .hayaat-home__hero{
    background:linear-gradient(180deg,rgba(8,31,37,.02),rgba(8,31,37,.15))!important;
    border-color:rgba(255,248,235,.16)!important;
    box-shadow:0 10px 26px rgba(5,25,31,.10)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .hayaat-home__hero::before{
    background:
      radial-gradient(circle at 50% 46%,
        rgba(8,31,37,0) 0%,
        rgba(8,31,37,.01) 26%,
        rgba(8,31,37,.04) 52%,
        rgba(8,31,37,.09) 76%,
        rgba(8,31,37,.16) 100%),
      linear-gradient(180deg,
        rgba(8,31,37,.03) 0%,
        rgba(8,31,37,.07) 28%,
        rgba(8,31,37,.12) 100%)!important;
  }
  .hayaat-home__copy{
    background:linear-gradient(180deg,
      rgba(6,29,35,0) 0%,
      rgba(6,29,35,.03) 42%,
      rgba(6,29,35,.16) 100%)!important;
  }
  .hayaat-home__brand{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    filter:drop-shadow(0 8px 18px rgba(6,31,37,.12))!important;
  }
}


/* 0.8.57 — reliable Persian typography on iPhone / Safari without external font loading */
body.apc-hayaat-active,
body.apc-hayaat-active .apc-root,
body.apc-hayaat-active button,
body.apc-hayaat-active input,
body.apc-hayaat-active select,
body.apc-hayaat-active textarea,
body.apc-hayaat-active option,
body.apc-hayaat-active a,
body.apc-hayaat-active p,
body.apc-hayaat-active h1,
body.apc-hayaat-active h2,
body.apc-hayaat-active h3,
body.apc-hayaat-active h4,
body.apc-hayaat-active h5,
body.apc-hayaat-active h6{
  font-family:"Vazirmatn",-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic","Geeza Pro","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  font-variant-ligatures:normal;
  text-rendering:optimizeLegibility;
}

@supports (-webkit-touch-callout:none){
  /* iOS Safari must use the same Persian family as the rest of the app.
     Do not force Apple's system font here; that made Safari visually diverge. */
  html{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body.apc-hayaat-active,
  body.apc-hayaat-active .apc-root,
  body.apc-hayaat-active button,
  body.apc-hayaat-active input,
  body.apc-hayaat-active select,
  body.apc-hayaat-active textarea,
  body.apc-hayaat-active option,
  body.apc-hayaat-active a,
  body.apc-hayaat-active p,
  body.apc-hayaat-active h1,
  body.apc-hayaat-active h2,
  body.apc-hayaat-active h3,
  body.apc-hayaat-active h4,
  body.apc-hayaat-active h5,
  body.apc-hayaat-active h6{
    font-family:"Vazirmatn","SF Arabic","Geeza Pro",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif!important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    letter-spacing:0;
  }

  /* Form controls inherit typography, but native checkboxes/radios must keep
     their control appearance. The old blanket appearance:none hid controls. */
  body.apc-hayaat-active button,
  body.apc-hayaat-active input,
  body.apc-hayaat-active select,
  body.apc-hayaat-active textarea{
    font:inherit;
  }
  body.apc-hayaat-active input[type="checkbox"],
  body.apc-hayaat-active input[type="radio"]{
    -webkit-appearance:auto!important;
    appearance:auto!important;
  }
  body.apc-hayaat-active input[type="button"],
  body.apc-hayaat-active input[type="submit"],
  body.apc-hayaat-active input[type="reset"],
  body.apc-hayaat-active button{
    -webkit-appearance:none;
    appearance:none;
  }

  /* iOS Safari does not reliably support fixed page backgrounds. */
  body.apc-hayaat-active{background-attachment:scroll!important;}

  /* Preserve WordPress icon fonts. */
  body.apc-hayaat-active .dashicons,
  body.apc-hayaat-active [class^="dashicons-"],
  body.apc-hayaat-active [class*=" dashicons-"]{
    font-family:dashicons!important;
    -webkit-font-smoothing:antialiased;
  }
}


/* 0.9.1 — clear home hero video: remove poster/blur overlay from hero */
body.apc-hayaat-video-home .hayaat-home__hero{
  background-image:none!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.apc-hayaat-video-home .hayaat-home__hero::before{
  background:
    radial-gradient(circle at 50% 46%,
      rgba(8,31,37,0) 0%,
      rgba(8,31,37,0) 34%,
      rgba(8,31,37,.025) 58%,
      rgba(8,31,37,.06) 78%,
      rgba(8,31,37,.10) 100%)!important;
}
body.apc-hayaat-video-home .hayaat-home__pattern{
  display:none!important;
  opacity:0!important;
}
body.apc-hayaat-video-home .apc-hayaat-video-bg__media{
  filter:none!important;
  opacity:1!important;
  transform:translateZ(0) scale(1.015)!important;
}
body.apc-hayaat-video-home .apc-hayaat-video-bg__poster{
  filter:none!important;
}
body.apc-hayaat-video-home .apc-hayaat-video-bg__wash{
  background:linear-gradient(180deg,
    rgba(5,25,31,.00) 0%,
    rgba(5,25,31,.015) 55%,
    rgba(5,25,31,.06) 100%)!important;
}
body.apc-hayaat-video-home .apc-hayaat-video-bg__grain{
  display:none!important;
  opacity:0!important;
}
body.apc-hayaat-video-home .hayaat-home__copy{
  background:linear-gradient(180deg,
    rgba(6,29,35,0) 0%,
    rgba(6,29,35,0) 56%,
    rgba(6,29,35,.10) 78%,
    rgba(6,29,35,.20) 100%)!important;
}
body.apc-hayaat-video-home .hayaat-home__brand,
body.apc-hayaat-video-home .hayaat-home__brand--logo-only{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@supports (-webkit-touch-callout: none){
  body.apc-hayaat-video-home .hayaat-home__hero{
    background:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.apc-hayaat-video-home .apc-hayaat-video-bg__media{
    filter:none!important;
    opacity:1!important;
  }
}


/* 0.9.4 — internal-page loader cooldown gate: prevent even a one-frame flash. */
html.apc-skip-internal-loader #apc-hayaat-loader,
html.apc-skip-internal-loader .apc-hayaat-loader{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* 0.9.5 — menu redesign inspired by approved HayaatCafe mock */
#apc-menu-root{
  --apc-menu-surface:#eef6f1;
  --apc-menu-panel:#e4f1ee;
  --apc-menu-card:#ffffff;
  --apc-menu-teal:#1f6a79;
  --apc-menu-teal-2:#2f7f8d;
  --apc-menu-ink:#1c5360;
  --apc-menu-muted:#6f8389;
  --apc-menu-border:rgba(30,89,99,.12);
}
#apc-menu-root .apc-filter-shell{
  margin:8px 0 16px!important;
  padding-top:10px!important;
}
#apc-menu-root .apc-stickybar{
  padding:12px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(237,247,244,.96),rgba(222,238,233,.96))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 18px 40px rgba(18,72,82,.12)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#apc-menu-root .apc-sections3.apc-sections3--dynamic{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#apc-menu-root .apc-chip--sec-card{
  min-height:74px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(32,101,113,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 18px rgba(18,72,82,.08)!important;
  padding:14px 16px!important;
  gap:10px!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__sticker{
  font-size:24px!important;
  width:24px!important;height:24px!important;line-height:24px!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{
  font-size:1.18rem!important;
  font-weight:900!important;
}
#apc-menu-root .apc-chip--sec-card.is-active{
  background:linear-gradient(180deg,var(--apc-menu-teal-2),var(--apc-menu-teal))!important;
  color:#fffdf7!important;
  border-color:transparent!important;
  box-shadow:0 16px 30px rgba(31,106,121,.24)!important;
}
#apc-menu-root .apc-chip--sec-card.is-active .apc-chip__sticker,
#apc-menu-root .apc-chip--sec-card.is-active .apc-chip__copy strong{color:#fffdf7!important}
#apc-menu-root .apc-cats{
  margin-top:12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:flex-start!important;
}
#apc-menu-root .apc-chip--cat{
  min-height:46px!important;
  padding:10px 16px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.8)!important;
  border:1px solid rgba(31,106,121,.14)!important;
  color:var(--apc-menu-ink)!important;
  font-size:.92rem!important;
  font-weight:800!important;
  box-shadow:0 8px 14px rgba(18,72,82,.05)!important;
}
#apc-menu-root .apc-chip--cat.is-active{
  background:linear-gradient(180deg,var(--apc-menu-teal-2),var(--apc-menu-teal))!important;
  color:#fffdf7!important;
  border-color:transparent!important;
}
#apc-menu-root .apc-menu-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 160px!important;
  gap:14px!important;
  align-items:center!important;
  margin:4px 0 16px!important;
}
#apc-menu-root .apc-menu-search,
#apc-menu-root .apc-menu-sortbox{
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 20px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--apc-menu-border)!important;
  border-radius:24px!important;
  box-shadow:0 10px 26px rgba(18,72,82,.07)!important;
}
#apc-menu-root .apc-menu-search .dashicons,
#apc-menu-root .apc-menu-sortbox .dashicons{
  font-size:24px!important;
  width:24px!important;height:24px!important;
  color:var(--apc-menu-teal)!important;
  flex:0 0 auto!important;
}
#apc-menu-root .apc-menu-search input,
#apc-menu-root .apc-menu-sortbox select{
  width:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--apc-menu-ink)!important;
  font-size:1rem!important;
  font-weight:700!important;
  font-family:inherit!important;
  direction:rtl!important;
}
#apc-menu-root .apc-menu-search input::placeholder{color:#8b9ba0!important;opacity:1!important}
#apc-menu-root .apc-menu-sortbox select{cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;padding-left:18px!important}
#apc-menu-root .apc-menu-note,
#apc-menu-root .apc-menu-empty{
  border-radius:22px!important;
  border:1px solid var(--apc-menu-border)!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 22px rgba(18,72,82,.06)!important;
}
#apc-menu-root .apc-menu-note--warn{background:#fff8eb!important}
#apc-menu-root .apc-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
#apc-menu-root .apc-item-wrap{
  background:var(--apc-menu-card)!important;
  border:1px solid rgba(31,106,121,.10)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(18,72,82,.10)!important;
}
#apc-menu-root .apc-item-imgcol{padding:14px 14px 0!important}
#apc-menu-root .apc-item-topbadges{
  inset:14px 14px auto 14px!important;
  justify-content:space-between!important;
}
#apc-menu-root .apc-item-badge{
  min-height:34px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 8px 18px rgba(18,72,82,.12)!important;
  font-size:.83rem!important;
  font-weight:900!important;
}
#apc-menu-root .apc-item-badge--available{
  background:rgba(26,108,86,.92)!important;
  color:#ffffff!important;
}
#apc-menu-root .apc-item-badge--available::after,
#apc-menu-root .apc-item-badge--stockout::after{
  content:'';display:inline-block!important;width:9px!important;height:9px!important;border-radius:50%!important;margin-inline-start:8px!important;
}
#apc-menu-root .apc-item-badge--available::after{background:#6bff89!important}
#apc-menu-root .apc-item-badge--stockout{
  background:rgba(184,74,74,.94)!important;
  color:#ffffff!important;
}
#apc-menu-root .apc-item-badge--stockout::after{background:#ffd3d3!important}
#apc-menu-root .apc-item-badge--meta{
  background:rgba(255,255,255,.92)!important;
  color:var(--apc-menu-teal)!important;
}
#apc-menu-root .apc-thumb{
  aspect-ratio:1.2/1!important;
  object-fit:cover!important;
  border-radius:22px!important;
  background:#eef4f6!important;
}
#apc-menu-root .apc-thumb--ph{border-radius:22px!important}
#apc-menu-root .apc-item-content{
  padding:10px 18px 16px!important;
  min-height:230px!important;
}
#apc-menu-root .apc-item-title{
  font-size:1.1rem!important;
  color:var(--apc-menu-ink)!important;
  font-weight:900!important;
  text-align:right!important;
}
#apc-menu-root .apc-item-desc{
  min-height:64px!important;
  font-size:.88rem!important;
  line-height:2!important;
  color:var(--apc-menu-muted)!important;
  -webkit-line-clamp:3!important;
}
#apc-menu-root .apc-item-bottom{
  margin-top:auto!important;
  padding-top:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
#apc-menu-root .apc-price-row{
  position:relative!important;
  padding-top:18px!important;
  min-width:0!important;
  order:1!important;
}
#apc-menu-root .apc-price-row::before{
  content:'';position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,rgba(31,106,121,0),rgba(186,165,122,.8),rgba(31,106,121,0))!important;
}
#apc-menu-root .apc-price-val{
  font-size:1.2rem!important;
  color:var(--apc-menu-ink)!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
#apc-menu-root .apc-item-bottom > .apc-add,
#apc-menu-root .apc-item-bottom > .apc-add--thin,
#apc-menu-root .apc-item-bottom > .apc-qty{order:2!important}
#apc-menu-root .apc-add--icon{
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--apc-menu-teal-2),var(--apc-menu-teal))!important;
  box-shadow:0 14px 24px rgba(31,106,121,.22)!important;
  font-size:2rem!important;
}
#apc-menu-root .apc-add--icon:disabled,
#apc-menu-root .apc-add--icon.is-disabled-stock,
#apc-menu-root .apc-add--icon.is-disabled-view{
  background:#d9dee2!important;
  color:#94a1a8!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-qty{height:56px!important;min-width:118px!important;border-radius:16px!important;background:#edf4f6!important}
#apc-menu-root .apc-qty-btn{width:44px!important;height:44px!important;border-radius:12px!important}
#apc-menu-root .apc-item-sub{
  padding:12px 16px!important;
  background:#f9fcfc!important;
}
#apc-menu-root .apc-item-sub-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
#apc-menu-root .apc-item-sub-title{font-weight:800!important;color:var(--apc-menu-ink)!important}
#apc-menu-root .apc-item-sub-price{font-weight:900!important;color:var(--apc-menu-ink)!important}
#apc-menu-root .apc-filter-collapse{
  background:rgba(255,255,255,.95)!important;
  color:var(--apc-menu-teal)!important;
  box-shadow:0 8px 18px rgba(18,72,82,.10)!important;
}
#apc-menu-root .apc-filter-open{
  background:linear-gradient(180deg,var(--apc-menu-teal-2),var(--apc-menu-teal))!important;
  border-color:rgba(255,255,255,.74)!important;
}
@media (min-width:920px){
  #apc-menu-root .apc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:760px){
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:1fr 132px!important;gap:10px!important}
  #apc-menu-root .apc-menu-search,
  #apc-menu-root .apc-menu-sortbox{height:60px!important;padding:0 14px!important;border-radius:20px!important}
  #apc-menu-root .apc-grid{gap:14px!important}
  #apc-menu-root .apc-item-wrap{border-radius:24px!important}
  #apc-menu-root .apc-item-content{padding:10px 14px 14px!important;min-height:214px!important}
  #apc-menu-root .apc-item-desc{min-height:58px!important;font-size:.82rem!important}
  #apc-menu-root .apc-price-val{font-size:1.05rem!important}
  #apc-menu-root .apc-add--icon{width:50px!important;min-width:50px!important;height:50px!important;border-radius:15px!important}
  #apc-menu-root .apc-qty{height:50px!important;min-width:108px!important}
  #apc-menu-root .apc-qty-btn{width:38px!important;height:38px!important}
}
@media (max-width:520px){
  #apc-menu-root .apc-stickybar{padding:10px!important;border-radius:24px!important}
  #apc-menu-root .apc-chip--sec-card{min-height:64px!important;padding:12px 12px!important;border-radius:20px!important}
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{font-size:1rem!important}
  #apc-menu-root .apc-chip--cat{min-height:40px!important;padding:8px 12px!important;border-radius:16px!important;font-size:.84rem!important}
  #apc-menu-root .apc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #apc-menu-root .apc-item-content{min-height:188px!important}
  #apc-menu-root .apc-item-title{font-size:1rem!important}
  #apc-menu-root .apc-item-desc{min-height:52px!important;font-size:.77rem!important;line-height:1.9!important;-webkit-line-clamp:2!important}
  #apc-menu-root .apc-price-row{padding-top:14px!important}
  #apc-menu-root .apc-price-val{font-size:.98rem!important}
  #apc-menu-root .apc-item-badge{min-height:30px!important;padding:6px 12px!important;font-size:.74rem!important}
}
@media (max-width:390px){
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:1fr!important}
  #apc-menu-root .apc-grid{gap:10px!important}
  #apc-menu-root .apc-item-content{min-height:176px!important}
  #apc-menu-root .apc-add--icon{width:46px!important;min-width:46px!important;height:46px!important}
  #apc-menu-root .apc-qty{min-width:96px!important;height:46px!important}
  #apc-menu-root .apc-qty-btn{width:34px!important;height:34px!important}
}

/* 0.9.6 — closer match to approved menu mock + pinned section/category panel */
body.apc-hayaat-active .apc-hayaat-fixed-header-clone{
  min-height:104px!important;
  height:104px!important;
  background:rgba(255,250,241,.98)!important;
  border-color:rgba(230,208,179,.88)!important;
  border-radius:0 0 34px 34px!important;
  box-shadow:0 12px 28px rgba(20,63,71,.10)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center{
  top:auto!important;
  bottom:-34px!important;
  left:50%!important;
  width:104px!important;
  height:104px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid rgba(47,118,128,.88)!important;
  background:#fffaf1!important;
  border-radius:42% 42% 46% 46% / 36% 36% 50% 50%!important;
  box-shadow:0 10px 22px rgba(23,74,84,.13), inset 0 0 0 7px rgba(255,255,255,.72)!important;
  overflow:visible!important;
  z-index:5!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::before,
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::after{
  content:""!important;
  position:absolute!important;
  width:34px!important;
  height:34px!important;
  border:2px solid rgba(47,118,128,.88)!important;
  background:#fffaf1!important;
  border-radius:50%!important;
  top:12px!important;
  z-index:-1!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::before{left:-13px!important}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::after{right:-13px!important}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-centered-image{
  width:58px!important;
  height:68px!important;
  max-width:58px!important;
  max-height:68px!important;
  object-fit:contain!important;
  filter:none!important;
}

#apc-menu-root .apc-filter-shell{
  position:sticky!important;
  top:calc(var(--apc-admin-header-offset,0px) + 112px)!important;
  z-index:120!important;
  margin:42px 0 14px!important;
  padding:0!important;
}
#apc-menu-root .apc-filter-shell .apc-stickybar{
  position:relative!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  padding:12px 14px 14px!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(224,242,239,.97),rgba(210,232,228,.97))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 18px 36px rgba(18,72,82,.14)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
#apc-menu-root .apc-filter-collapse,
#apc-menu-root .apc-filter-open{display:none!important}
#apc-menu-root .apc-filter-shell.is-collapsed,
#apc-menu-root .apc-filter-shell.is-overlay-open{
  position:sticky!important;
  top:calc(var(--apc-admin-header-offset,0px) + 112px)!important;
  height:auto!important;
  max-height:none!important;
  margin:42px 0 14px!important;
  padding:0!important;
  pointer-events:auto!important;
}
#apc-menu-root .apc-filter-shell.is-collapsed .apc-stickybar,
#apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
  max-height:none!important;
  min-height:0!important;
  padding:12px 14px 14px!important;
  margin:0!important;
  border-width:1px!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
#apc-menu-root .apc-sections3.apc-sections3--dynamic,
#apc-menu-root .apc-sections3.apc-sections3--dynamic[data-count="2"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#apc-menu-root .apc-chip--sec-card{
  min-height:66px!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  gap:8px!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__sticker{
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  color:currentColor!important;
}
#apc-menu-root .apc-menu-line-icon{
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{font-size:1.06rem!important}
#apc-menu-root .apc-cats{
  margin-top:10px!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  padding:2px 1px 4px!important;
  -webkit-overflow-scrolling:touch!important;
}
#apc-menu-root .apc-cats::-webkit-scrollbar{display:none!important}
#apc-menu-root .apc-chip--cat{
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:8px 12px!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:.82rem!important;
}
#apc-menu-root .apc-chip--cat__icon{
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  color:var(--apc-menu-teal)!important;
}
#apc-menu-root .apc-chip--cat.is-active .apc-chip--cat__icon{color:#f0d29d!important}

#apc-menu-root .apc-menu-toolbar{
  grid-template-columns:minmax(0,1fr) 116px!important;
  gap:10px!important;
  margin:0 0 14px!important;
  direction:rtl!important;
}
#apc-menu-root .apc-menu-search,
#apc-menu-root .apc-menu-sortbox{
  height:58px!important;
  padding:0 14px!important;
  border-radius:20px!important;
  background:#fffdf9!important;
  box-shadow:0 8px 18px rgba(18,72,82,.06)!important;
}
#apc-menu-root .apc-menu-search .dashicons,
#apc-menu-root .apc-menu-sortbox .dashicons{font-size:22px!important;width:22px!important;height:22px!important}
#apc-menu-root .apc-menu-search input,
#apc-menu-root .apc-menu-sortbox select{font-size:.9rem!important}

#apc-menu-root .apc-grid{gap:10px!important}
#apc-menu-root .apc-item-wrap{
  border-radius:22px!important;
  box-shadow:0 10px 24px rgba(18,72,82,.10)!important;
}
#apc-menu-root .apc-item-imgcol{
  padding:9px 9px 0!important;
  overflow:hidden!important;
}
#apc-menu-root .apc-thumb,
#apc-menu-root .apc-thumb--ph{
  aspect-ratio:1.34/1!important;
  border-radius:17px!important;
  object-fit:cover!important;
  object-position:center!important;
}
#apc-menu-root img.apc-thumb{
  transform:scale(1.08)!important;
  transform-origin:center!important;
}
#apc-menu-root .apc-item-topbadges{inset:10px 10px auto 10px!important}
#apc-menu-root .apc-item-badge{
  min-height:27px!important;
  padding:5px 9px!important;
  font-size:.68rem!important;
}
#apc-menu-root .apc-item-content{
  padding:9px 12px 12px!important;
  min-height:160px!important;
}
#apc-menu-root .apc-item-title{
  font-size:.98rem!important;
  line-height:1.5!important;
}
#apc-menu-root .apc-item-desc{
  margin-top:4px!important;
  min-height:44px!important;
  font-size:.74rem!important;
  line-height:1.85!important;
  -webkit-line-clamp:2!important;
}
#apc-menu-root .apc-item-desc--empty{min-height:14px!important}
#apc-menu-root .apc-item-bottom{
  padding-top:9px!important;
  gap:8px!important;
}
#apc-menu-root .apc-price-row{padding-top:10px!important}
#apc-menu-root .apc-price-row::before{
  background:linear-gradient(90deg,rgba(31,106,121,0),rgba(192,161,106,.75),rgba(31,106,121,0))!important;
}
#apc-menu-root .apc-price-val{
  font-size:1rem!important;
  color:var(--apc-menu-teal)!important;
  font-weight:900!important;
  direction:ltr!important;
  text-align:left!important;
}
#apc-menu-root .apc-add--icon{
  width:45px!important;
  min-width:45px!important;
  height:45px!important;
  border-radius:13px!important;
  font-size:1.75rem!important;
  box-shadow:0 9px 18px rgba(31,106,121,.20)!important;
}
#apc-menu-root .apc-qty{height:45px!important;min-width:96px!important;border-radius:13px!important}
#apc-menu-root .apc-qty-btn{width:34px!important;height:34px!important}

@media(max-width:520px){
  #apc-menu-root .apc-filter-shell,
  #apc-menu-root .apc-filter-shell.is-collapsed,
  #apc-menu-root .apc-filter-shell.is-overlay-open{
    top:calc(var(--apc-admin-header-offset,0px) + 110px)!important;
    margin-top:40px!important;
  }
  #apc-menu-root .apc-stickybar,
  #apc-menu-root .apc-filter-shell.is-collapsed .apc-stickybar,
  #apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
    padding:10px!important;
    border-radius:24px!important;
  }
  #apc-menu-root .apc-chip--sec-card{min-height:60px!important;padding:9px 10px!important;border-radius:20px!important}
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{font-size:.98rem!important}
  #apc-menu-root .apc-chip--cat{min-height:38px!important;padding:7px 10px!important;font-size:.78rem!important}
  #apc-menu-root .apc-chip--cat__icon{width:20px!important;height:20px!important}
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:minmax(0,1fr) 108px!important;gap:8px!important}
  #apc-menu-root .apc-menu-search,
  #apc-menu-root .apc-menu-sortbox{height:54px!important;padding:0 11px!important;border-radius:18px!important}
  #apc-menu-root .apc-menu-sortbox select{font-size:.82rem!important}
  #apc-menu-root .apc-item-content{min-height:154px!important;padding:8px 10px 10px!important}
  #apc-menu-root .apc-item-title{font-size:.92rem!important}
  #apc-menu-root .apc-item-desc{min-height:42px!important;font-size:.70rem!important}
  #apc-menu-root .apc-price-val{font-size:.92rem!important}
  #apc-menu-root .apc-add--icon{width:42px!important;min-width:42px!important;height:42px!important;border-radius:12px!important}
}
@media(max-width:390px){
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:minmax(0,1fr) 104px!important}
  #apc-menu-root .apc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #apc-menu-root .apc-item-imgcol{padding:8px 8px 0!important}
  #apc-menu-root .apc-item-content{min-height:148px!important}
  #apc-menu-root .apc-item-badge{min-height:25px!important;padding:4px 8px!important;font-size:.64rem!important}
}

/* 0.9.7 — precision pass against approved reference */
body.apc-hayaat-active,
body.apc-hayaat-active button,
body.apc-hayaat-active input,
body.apc-hayaat-active select,
body.apc-hayaat-active textarea{
  font-family:"Vazirmatn","SF Arabic","Geeza Pro",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif!important;
}

/* Thin header, logo only, no decorative frame. */
body.apc-hayaat-active .apc-hayaat-header-source-hidden{
  min-height:64px!important;
  height:64px!important;
  max-height:64px!important;
  overflow:hidden!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone{
  min-height:64px!important;
  height:64px!important;
  max-height:64px!important;
  background:#fffaf1!important;
  border:0!important;
  border-bottom:1px solid rgba(47,118,128,.08)!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:0 7px 18px rgba(25,78,87,.08)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone > :not(.apc-hayaat-header-logo-center){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center{
  top:50%!important;
  bottom:auto!important;
  left:50%!important;
  width:44px!important;
  height:48px!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::before,
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center::after{
  content:none!important;
  display:none!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-centered-image{
  width:auto!important;
  height:auto!important;
  max-width:42px!important;
  max-height:46px!important;
  object-fit:contain!important;
  filter:none!important;
}

/* Sections + categories stay pinned below the thin header. */
#apc-menu-root .apc-filter-shell,
#apc-menu-root .apc-filter-shell.is-collapsed,
#apc-menu-root .apc-filter-shell.is-overlay-open{
  position:sticky!important;
  top:calc(var(--apc-admin-header-offset,0px) + 68px)!important;
  z-index:180!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:8px 0 14px!important;
  padding:0!important;
  pointer-events:auto!important;
}
#apc-menu-root .apc-filter-shell .apc-stickybar,
#apc-menu-root .apc-filter-shell.is-collapsed .apc-stickybar,
#apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
  position:relative!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
  margin:0!important;
  padding:10px 11px 11px!important;
  border:1px solid rgba(255,255,255,.84)!important;
  border-radius:26px!important;
  background:rgba(220,240,236,.96)!important;
  box-shadow:0 10px 26px rgba(22,78,87,.11)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}
#apc-menu-root .apc-filter-collapse,
#apc-menu-root .apc-filter-open{display:none!important}

/* Exact segmented style for غذا / نوشیدنی. */
#apc-menu-root .apc-sections3.apc-sections3--dynamic,
#apc-menu-root .apc-sections3.apc-sections3--dynamic[data-count="2"]{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:rgba(255,252,246,.90)!important;
  border:1px solid rgba(47,118,128,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
#apc-menu-root .apc-chip--sec-card{
  position:relative!important;
  min-height:58px!important;
  height:58px!important;
  margin:0!important;
  padding:0 16px!important;
  gap:8px!important;
  border:0!important;
  border-radius:28px!important;
  background:transparent!important;
  color:#1d6170!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__sticker{
  display:grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  color:currentColor!important;
}
#apc-menu-root .apc-chip--sec-card .apc-menu-line-icon{
  width:19px!important;
  height:19px!important;
  stroke-width:1.55!important;
}
#apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{
  font-size:.98rem!important;
  line-height:1!important;
  font-weight:800!important;
  color:currentColor!important;
}
#apc-menu-root .apc-chip--sec-card.is-active{
  color:#fffef9!important;
  background:linear-gradient(180deg,#216a79,#175b68)!important;
  box-shadow:0 8px 18px rgba(23,91,104,.18)!important;
}
#apc-menu-root .apc-chip--sec-card.is-active::after{
  content:""!important;
  position:absolute!important;
  bottom:6px!important;
  left:50%!important;
  width:28px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  border-radius:99px!important;
  background:#fff!important;
  opacity:.96!important;
}

/* Minimal category chips/icons. */
#apc-menu-root .apc-cats{
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:10px!important;
  padding:1px 1px 3px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
#apc-menu-root .apc-cats::-webkit-scrollbar{display:none!important}
#apc-menu-root .apc-chip--cat{
  flex:0 0 auto!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  gap:5px!important;
  border-radius:16px!important;
  border:1px solid rgba(37,102,112,.12)!important;
  background:#fffdf8!important;
  color:#2a606a!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:650!important;
  box-shadow:0 4px 10px rgba(18,72,82,.04)!important;
}
#apc-menu-root .apc-chip--cat__icon{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  color:#2a7682!important;
}
#apc-menu-root .apc-chip--cat__icon .apc-menu-line-icon{
  width:15px!important;
  height:15px!important;
  stroke-width:1.45!important;
}
#apc-menu-root .apc-chip--cat.is-active{
  background:#1d6472!important;
  border-color:#1d6472!important;
  color:#fffdf7!important;
  box-shadow:0 6px 14px rgba(29,100,114,.14)!important;
}
#apc-menu-root .apc-chip--cat.is-active .apc-chip--cat__icon{color:#e8c78c!important}

/* Search and sort like the reference. */
#apc-menu-root .apc-menu-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 108px!important;
  gap:9px!important;
  margin:0 0 12px!important;
  direction:rtl!important;
}
#apc-menu-root .apc-menu-search,
#apc-menu-root .apc-menu-sortbox{
  height:52px!important;
  min-height:52px!important;
  padding:0 13px!important;
  gap:8px!important;
  border-radius:18px!important;
  border:1px solid rgba(39,100,111,.14)!important;
  background:#fffdf9!important;
  box-shadow:0 5px 12px rgba(18,72,82,.04)!important;
}
#apc-menu-root .apc-menu-toolbar-icon{
  display:grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  color:#1b6674!important;
}
#apc-menu-root .apc-menu-toolbar-icon .apc-menu-line-icon{
  width:19px!important;
  height:19px!important;
  stroke-width:1.65!important;
}
#apc-menu-root .apc-menu-search input,
#apc-menu-root .apc-menu-sortbox select{
  font-size:.82rem!important;
  font-weight:600!important;
  color:#255a65!important;
}
#apc-menu-root .apc-menu-sortbox select{text-align:center!important;padding:0!important}

/* Item cards: compact, airy and close to the approved mock. */
#apc-menu-root .apc-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#apc-menu-root .apc-item-wrap{
  border-radius:20px!important;
  background:#fffdfa!important;
  border:1px solid rgba(30,88,98,.09)!important;
  box-shadow:0 8px 20px rgba(20,70,79,.08)!important;
}
#apc-menu-root .apc-item-imgcol{
  position:relative!important;
  padding:8px 8px 0!important;
  overflow:hidden!important;
}
#apc-menu-root .apc-thumb,
#apc-menu-root .apc-thumb--ph{
  width:100%!important;
  aspect-ratio:1.48/1!important;
  display:block!important;
  border-radius:16px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:#eaf2f1!important;
}
#apc-menu-root img.apc-thumb{transform:none!important}

/* Tiny stock badge, top-left only. */
#apc-menu-root .apc-item-topbadges{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  z-index:5!important;
}
#apc-menu-root .apc-item-badge{
  min-height:20px!important;
  height:20px!important;
  padding:0 7px!important;
  border-radius:7px!important;
  font-size:.57rem!important;
  line-height:20px!important;
  font-weight:700!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 3px 8px rgba(19,67,76,.09)!important;
}
#apc-menu-root .apc-item-badge--available{
  background:rgba(20,99,80,.91)!important;
  color:#fff!important;
}
#apc-menu-root .apc-item-badge--stockout{
  background:rgba(184,67,67,.91)!important;
  color:#fff!important;
}
#apc-menu-root .apc-item-badge--available::after,
#apc-menu-root .apc-item-badge--stockout::after{
  width:6px!important;
  height:6px!important;
  margin-inline-start:5px!important;
}
#apc-menu-root .apc-item-badge--available::after{background:#61e879!important}
#apc-menu-root .apc-item-badge--stockout::after{background:#ffd0d0!important}
#apc-menu-root .apc-item-badge--meta{display:none!important}

#apc-menu-root .apc-item-content{
  padding:8px 12px 11px!important;
  min-height:150px!important;
}
#apc-menu-root .apc-item-title{
  margin:0!important;
  color:#1b5c68!important;
  font-size:.90rem!important;
  line-height:1.55!important;
  font-weight:800!important;
  text-align:right!important;
}
#apc-menu-root .apc-item-desc{
  margin-top:4px!important;
  min-height:43px!important;
  color:#6d7d82!important;
  font-size:.68rem!important;
  line-height:1.85!important;
  font-weight:450!important;
  text-align:right!important;
  -webkit-line-clamp:2!important;
}
#apc-menu-root .apc-item-desc--empty{min-height:18px!important}

/* Reference-style dotted divider with a small central ornament. */
#apc-menu-root .apc-item-separator{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  margin:4px 0 7px!important;
  color:#c0a06c!important;
}
#apc-menu-root .apc-item-separator::before,
#apc-menu-root .apc-item-separator::after{
  content:""!important;
  display:block!important;
  border-top:1px dotted rgba(175,139,83,.72)!important;
}
#apc-menu-root .apc-item-separator span{
  display:block!important;
  font-size:.72rem!important;
  line-height:1!important;
  color:#c1a36d!important;
  transform:translateY(-1px)!important;
}

#apc-menu-root .apc-item-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:0!important;
  direction:ltr!important;
}
#apc-menu-root .apc-price-row{
  order:1!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
}
#apc-menu-root .apc-price-row::before{display:none!important;content:none!important}
#apc-menu-root .apc-price-val{
  color:#176370!important;
  font-size:.91rem!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  direction:ltr!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#apc-menu-root .apc-item-bottom > .apc-add,
#apc-menu-root .apc-item-bottom > .apc-add--thin,
#apc-menu-root .apc-item-bottom > .apc-qty{order:2!important}
#apc-menu-root .apc-add--icon{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:10px!important;
  background:#176a77!important;
  color:#fff!important;
  font-size:1.45rem!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:0 5px 10px rgba(23,106,119,.14)!important;
}
#apc-menu-root .apc-add--icon:disabled,
#apc-menu-root .apc-add--icon.is-disabled-stock,
#apc-menu-root .apc-add--icon.is-disabled-view{
  background:#c7cbd0!important;
  color:#fff!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-qty{
  min-width:84px!important;
  height:36px!important;
  padding:3px!important;
  border-radius:10px!important;
}
#apc-menu-root .apc-qty-btn{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
}

@media (min-width:920px){
  #apc-menu-root .apc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:520px){
  #apc-menu-root .apc-filter-shell,
  #apc-menu-root .apc-filter-shell.is-collapsed,
  #apc-menu-root .apc-filter-shell.is-overlay-open{
    top:calc(var(--apc-admin-header-offset,0px) + 67px)!important;
    margin:7px 0 11px!important;
  }
  #apc-menu-root .apc-filter-shell .apc-stickybar,
  #apc-menu-root .apc-filter-shell.is-collapsed .apc-stickybar,
  #apc-menu-root .apc-filter-shell.is-overlay-open .apc-stickybar{
    padding:9px 9px 10px!important;
    border-radius:22px!important;
  }
  #apc-menu-root .apc-chip--sec-card{min-height:54px!important;height:54px!important;padding:0 12px!important;border-radius:25px!important}
  #apc-menu-root .apc-chip--sec-card .apc-chip__copy strong{font-size:.90rem!important}
  #apc-menu-root .apc-chip--sec-card .apc-chip__sticker,
  #apc-menu-root .apc-chip--sec-card .apc-menu-line-icon{width:17px!important;height:17px!important;min-width:17px!important}
  #apc-menu-root .apc-chip--cat{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:.70rem!important;border-radius:15px!important}
  #apc-menu-root .apc-chip--cat__icon,
  #apc-menu-root .apc-chip--cat__icon .apc-menu-line-icon{width:14px!important;height:14px!important;min-width:14px!important}
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:minmax(0,1fr) 102px!important;gap:7px!important;margin-bottom:10px!important}
  #apc-menu-root .apc-menu-search,
  #apc-menu-root .apc-menu-sortbox{height:48px!important;min-height:48px!important;padding:0 10px!important;border-radius:16px!important}
  #apc-menu-root .apc-menu-search input,
  #apc-menu-root .apc-menu-sortbox select{font-size:.75rem!important}
  #apc-menu-root .apc-menu-toolbar-icon,
  #apc-menu-root .apc-menu-toolbar-icon .apc-menu-line-icon{width:17px!important;height:17px!important;min-width:17px!important}
  #apc-menu-root .apc-grid{gap:8px!important}
  #apc-menu-root .apc-item-wrap{border-radius:18px!important}
  #apc-menu-root .apc-item-imgcol{padding:7px 7px 0!important}
  #apc-menu-root .apc-thumb,
  #apc-menu-root .apc-thumb--ph{border-radius:14px!important;aspect-ratio:1.45/1!important}
  #apc-menu-root .apc-item-topbadges{top:10px!important;left:10px!important}
  #apc-menu-root .apc-item-badge{height:18px!important;min-height:18px!important;padding:0 6px!important;font-size:.52rem!important;line-height:18px!important;border-radius:6px!important}
  #apc-menu-root .apc-item-badge--available::after,
  #apc-menu-root .apc-item-badge--stockout::after{width:5px!important;height:5px!important;margin-inline-start:4px!important}
  #apc-menu-root .apc-item-content{padding:7px 9px 9px!important;min-height:139px!important}
  #apc-menu-root .apc-item-title{font-size:.82rem!important}
  #apc-menu-root .apc-item-desc{min-height:39px!important;font-size:.62rem!important;line-height:1.8!important}
  #apc-menu-root .apc-item-separator{margin:2px 0 6px!important;gap:5px!important}
  #apc-menu-root .apc-item-separator span{font-size:.64rem!important}
  #apc-menu-root .apc-price-val{font-size:.82rem!important}
  #apc-menu-root .apc-add--icon{width:33px!important;min-width:33px!important;max-width:33px!important;height:33px!important;min-height:33px!important;border-radius:9px!important;font-size:1.32rem!important}
  #apc-menu-root .apc-qty{min-width:78px!important;height:33px!important}
  #apc-menu-root .apc-qty-btn{width:25px!important;height:25px!important}
}
@media (max-width:390px){
  #apc-menu-root .apc-menu-toolbar{grid-template-columns:minmax(0,1fr) 96px!important}
  #apc-menu-root .apc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #apc-menu-root .apc-item-content{min-height:135px!important}
  #apc-menu-root .apc-item-desc{font-size:.59rem!important;min-height:37px!important}
  #apc-menu-root .apc-price-val{font-size:.78rem!important}
}


/* 0.9.8 — regression fixes: header visibility, full images, price/action row */
body.apc-hayaat-active.apc-hayaat-fixed-header-active .apc-hayaat-fixed-header-clone{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  top:var(--apc-admin-header-offset,0px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  min-height:64px!important;
  height:64px!important;
  max-height:64px!important;
  overflow:visible!important;
  z-index:99990!important;
  background:#fffaf1!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-center{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:44px!important;
  height:48px!important;
  transform:translate(-50%,-50%)!important;
  z-index:20!important;
}
body.apc-hayaat-active .apc-hayaat-fixed-header-clone .apc-hayaat-header-logo-centered-image{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  max-width:42px!important;
  max-height:46px!important;
  object-fit:contain!important;
}

/* Give the image its own fixed viewport; the photo itself is contained, never cropped. */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1.45 / 1!important;
  padding:7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef4f3!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb,
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol .apc-thumb--ph{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:14px!important;
  background:#eef4f3!important;
}

/* Force price and add/quantity control into one horizontal row even against legacy !important rules. */
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  grid-template-areas:"price action"!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:0!important;
  margin-top:auto!important;
  padding:0!important;
  direction:ltr!important;
  flex-wrap:nowrap!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-price-row{
  grid-area:price!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  text-align:left!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-price-val{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#176370!important;
  font-size:.82rem!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
  direction:ltr!important;
  text-align:left!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add,
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add--thin,
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add--icon{
  grid-area:action!important;
  justify-self:end!important;
  align-self:center!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
  font-size:1.35rem!important;
  line-height:1!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > .apc-qty{
  grid-area:action!important;
  justify-self:end!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:34px!important;
  margin:0!important;
  padding:3px!important;
}
@media(max-width:390px){
  #apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol{
    aspect-ratio:1.42 / 1!important;
    padding:6px!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom{
    grid-template-columns:minmax(0,1fr) 32px!important;
    column-gap:6px!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add,
  #apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add--thin,
  #apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom > button.apc-add--icon{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-price-val{
    font-size:.76rem!important;
  }
}


/* 0.9.9 — home header off + square transparent product stage */
body.apc-hayaat-active.apc-hayaat-home-no-header .apc-hayaat-fixed-header-clone,
body.apc-hayaat-active.apc-hayaat-home-no-header .apc-hayaat-header-source-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.apc-hayaat-active.apc-hayaat-home-no-header{
  --apc-site-header-h:0px!important;
}

/* Product artwork: square stage, no frame/background, no crop. */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol .apc-thumb--ph{
  width:100%!important;
  height:100%!important;
  aspect-ratio:1 / 1!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(145deg,rgba(131,171,171,.14),rgba(255,250,241,.44))!important;
  box-shadow:none!important;
}

/* Price and action are one locked baseline row. */
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:8px!important;
  direction:ltr!important;
  margin-top:auto!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-price-row{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-add,
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-add--thin,
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-bottom .apc-qty{
  flex:0 0 auto!important;
  order:2!important;
  margin:0!important;
}

/* 0.9.10 — slightly larger product artwork inside the same square stage */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
  width:108%!important;
  height:108%!important;
  max-width:108%!important;
  max-height:108%!important;
  transform:scale(1.035)!important;
  transform-origin:center center!important;
}

/* 0.9.11 — larger artwork + tighter spacing between image and item title */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol{
  aspect-ratio:1 / 1!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
  width:116%!important;
  height:116%!important;
  max-width:116%!important;
  max-height:116%!important;
  transform:scale(1.06)!important;
  transform-origin:center center!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol + .apc-item-content,
#apc-menu-root .apc-item-wrap .apc-item-content{
  padding-top:5px!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-title{
  margin-top:0!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-desc{
  margin-top:3px!important;
}
@media (max-width:520px){
  #apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
    width:118%!important;
    height:118%!important;
    max-width:118%!important;
    max-height:118%!important;
    transform:scale(1.07)!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol + .apc-item-content,
  #apc-menu-root .apc-item-wrap .apc-item-content{
    padding-top:4px!important;
  }
}

/* 0.9.12 — even larger product artwork + less bottom spacing under image */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
  width:124%!important;
  height:124%!important;
  max-width:124%!important;
  max-height:124%!important;
  transform:scale(1.1)!important;
  transform-origin:center center!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol + .apc-item-content,
#apc-menu-root .apc-item-wrap .apc-item-content{
  padding-top:1px!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-title{
  margin-top:0!important;
  padding-top:0!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-desc{
  margin-top:2px!important;
}
@media (max-width:520px){
  #apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol img.apc-thumb{
    width:126%!important;
    height:126%!important;
    max-width:126%!important;
    max-height:126%!important;
    transform:scale(1.12)!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol + .apc-item-content,
  #apc-menu-root .apc-item-wrap .apc-item-content{
    padding-top:0!important;
  }
}

/* 1.1.0 — optimized media cards / long-press large image */
#apc-menu-root img.apc-thumb[data-full]{cursor:zoom-in;touch-action:pan-y;-webkit-touch-callout:none}

/* 1.1.2 — product image spacing: top only */
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol{
  padding:5px 0 0 0!important;
  box-sizing:border-box!important;
}

/* 1.2.0 — shared frontend card with independent inventory variants */
#apc-menu-root .apc-item-wrap--has2 .apc-item-content{
  min-height:0!important;
}
#apc-menu-root .apc-variant-list{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin-top:auto!important;
  direction:rtl!important;
}
#apc-menu-root .apc-variant-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:43px!important;
  padding:6px 0!important;
  border-top:1px dashed rgba(31,106,121,.22)!important;
}
#apc-menu-root .apc-variant-row:first-child{
  border-top:0!important;
}
#apc-menu-root .apc-variant-choice{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
#apc-menu-root .apc-variant-label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.25!important;
}
#apc-menu-root .apc-variant-label strong{
  color:var(--apc-menu-ink,#1c5360)!important;
  font-size:.74rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:82px!important;
}
#apc-menu-root .apc-variant-label small{
  color:#9b6b6f!important;
  font-size:.56rem!important;
  margin-top:2px!important;
}
#apc-menu-root .apc-variant-price{
  flex:0 0 auto!important;
  direction:ltr!important;
  color:var(--apc-menu-teal,#1f6a79)!important;
  font-size:.83rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
  letter-spacing:-.02em!important;
}
#apc-menu-root .apc-variant-row .apc-add,
#apc-menu-root .apc-variant-row .apc-add--thin,
#apc-menu-root .apc-variant-row .apc-add--sub,
#apc-menu-root .apc-variant-row .apc-add--icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  font-size:1.05rem!important;
  line-height:1!important;
  flex:0 0 30px!important;
}
#apc-menu-root .apc-variant-row .apc-qty,
#apc-menu-root .apc-variant-row .apc-qty--sub{
  min-width:72px!important;
  width:auto!important;
  padding:2px!important;
  border-radius:10px!important;
  flex:0 0 auto!important;
}
#apc-menu-root .apc-variant-row .apc-qty-btn{
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
}
#apc-menu-root .apc-variant-row .apc-qty-num{
  min-width:18px!important;
  font-size:.72rem!important;
}
#apc-menu-root .apc-variant-row.is-unavailable .apc-variant-price{
  opacity:.58!important;
}
@media(max-width:390px){
  #apc-menu-root .apc-variant-row{min-height:40px!important;padding:5px 0!important;gap:5px!important}
  #apc-menu-root .apc-variant-choice{gap:5px!important}
  #apc-menu-root .apc-variant-label strong{font-size:.67rem!important;max-width:66px!important}
  #apc-menu-root .apc-variant-price{font-size:.72rem!important}
  #apc-menu-root .apc-variant-row .apc-add,
  #apc-menu-root .apc-variant-row .apc-add--thin,
  #apc-menu-root .apc-variant-row .apc-add--sub,
  #apc-menu-root .apc-variant-row .apc-add--icon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex-basis:28px!important}
}


/* 2.0.0 — Menu modifiers / add-ons */
#apc-menu-root .apc-modifier-groups{display:flex;flex-direction:column;gap:7px;width:100%;margin:9px 0 2px;padding:8px;border:1px solid rgba(31,106,121,.14);border-radius:12px;background:rgba(255,248,236,.56);direction:rtl}
#apc-menu-root .apc-modifier-group{display:flex;flex-direction:column;gap:5px;min-width:0}
#apc-menu-root .apc-modifier-group+.apc-modifier-group{padding-top:7px;border-top:1px dashed rgba(31,106,121,.16)}
#apc-menu-root .apc-modifier-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
#apc-menu-root .apc-modifier-head strong{font-size:.67rem;color:var(--hayaat-blue-dark);font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#apc-menu-root .apc-modifier-head small{font-size:.52rem;color:var(--hayaat-muted);white-space:nowrap}
#apc-menu-root .apc-modifier-options{display:flex;flex-wrap:wrap;gap:5px}
#apc-menu-root .apc-modifier-option{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 7px;border:1px solid rgba(31,106,121,.16);border-radius:9px;background:rgba(255,255,255,.72);font-size:.58rem;color:var(--hayaat-ink);cursor:pointer}
#apc-menu-root .apc-modifier-option input{width:13px;height:13px;margin:0;accent-color:var(--hayaat-blue-deep);flex:0 0 auto}
#apc-menu-root .apc-modifier-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#apc-menu-root .apc-modifier-option b{font-size:.52rem;color:var(--hayaat-burgundy);white-space:nowrap}
#apc-menu-root .apc-modifier-empty{font-size:.56rem;color:#9b6b6f}
#apc-menu-root .apc-modifier-groups--compact{margin:0 0 5px;padding:6px 7px;border-radius:10px}
#apc-menu-root .apc-variant-block+.apc-variant-block .apc-variant-row{border-top:1px dashed rgba(31,106,121,.22)!important}
#apc-menu-root .apc-variant-block.is-unavailable{opacity:.78}
@media(max-width:390px){#apc-menu-root .apc-modifier-groups{padding:6px;gap:5px}#apc-menu-root .apc-modifier-option{padding:4px 5px;font-size:.53rem}#apc-menu-root .apc-modifier-head strong{font-size:.61rem}#apc-menu-root .apc-modifier-head small{font-size:.48rem}}

/* Hayaat Control Stage 6 — Finance 2.0 */
.hc-fin2-shell{overflow:hidden}.hc-fin2-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 14px;border-bottom:1px solid rgba(0,0,0,.08)}.hc-fin2-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:12px;background:#f5f2ed;color:inherit;text-decoration:none;font-weight:700}.hc-fin2-tab.is-active{background:#1f6f73;color:#fff}.hc-fin2-body{padding-top:16px}.hc-fin2-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(140px,.8fr)) repeat(2,minmax(135px,.7fr)) auto auto;gap:8px;align-items:center;margin-bottom:16px}.hc-fin2-filters input,.hc-fin2-filters select,.hc-fin2-mini-form input,.hc-fin2-mini-form select,.hc-fin2-mini-form textarea,.hc-fin2-approve-shift input{min-height:40px;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:8px 10px;background:#fff}.hc-fin2-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px;margin-bottom:16px}.hc-fin2-recon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.hc-fin2-recon-grid .hc-inner-panel{margin:0}.hc-fin2-recon-grid h3{font-size:24px;margin:8px 0}.hc-fin2-mini-form{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:rgba(0,0,0,.025)}.hc-fin2-mini-form textarea{min-height:70px;resize:vertical}.hc-fin2-approve-shift{display:flex;gap:6px;min-width:260px}.hc-fin2-approve-shift input{flex:1}.hc-stat-card{padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.07);display:flex;flex-direction:column;gap:5px}.hc-stat-card>span,.hc-stat-card>small{opacity:.7}.hc-stat-card>strong{font-size:20px}details>summary.hc-small-btn{cursor:pointer;list-style:none}details>summary.hc-small-btn::-webkit-details-marker{display:none}
@media(max-width:1100px){.hc-fin2-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.hc-fin2-grid{grid-template-columns:1fr}.hc-fin2-recon-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.hc-fin2-tabs{display:grid;grid-template-columns:1fr 1fr}.hc-fin2-filters{grid-template-columns:1fr 1fr}.hc-fin2-recon-grid{grid-template-columns:1fr}.hc-fin2-approve-shift{min-width:0;flex-direction:column}.hc-stat-grid-4{grid-template-columns:1fr 1fr}}


/* 3.0.0-rc10 — Home licenses / verified eNAMAD profile target */
.hayaat-home__licenses{
  margin-top:14px;
  padding:28px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,248,236,.94),rgba(230,208,179,.92));
  border:1px solid rgba(216,180,119,.72);
  box-shadow:var(--hayaat-shadow);
  text-align:center;
  overflow:hidden;
}
.hayaat-home__licenses h2{
  margin:5px 0 18px;
  font-size:1.55rem;
  line-height:1.55;
  color:var(--hayaat-blue-dark);
}
.hayaat-home__license-list{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}
.hayaat-home__license-card{
  width:150px;
  min-height:150px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(47,118,128,.16);
  box-shadow:0 12px 30px rgba(21,61,68,.08);
}
.hayaat-home__license-card a{
  width:100%;
  height:100%;
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  text-decoration:none!important;
}
.hayaat-home__license-card img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:120px!important;
  max-height:120px!important;
  object-fit:contain;
}
@media(max-width:760px){
  .hayaat-home__licenses{padding:22px 16px;border-radius:24px}
  .hayaat-home__licenses h2{font-size:1.35rem;margin-bottom:16px}
  .hayaat-home__license-card{width:140px;min-height:140px;padding:12px}
  .hayaat-home__license-card a{min-height:112px}
  .hayaat-home__license-card img{max-width:112px!important;max-height:112px!important}
}
@media(max-width:390px){
  .hayaat-home__licenses{padding:20px 12px}
  .hayaat-home__license-card{width:132px;min-height:132px}
}


/* 3.0.0-rc43 — dedicated customer dashboard header + drawer */
body.apc-route-dashboard.apc-hayaat-active .apc-hayaat-fixed-header-clone,
body.apc-route-dashboard.apc-hayaat-active .apc-hayaat-header-source-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.apc-route-dashboard.apc-hayaat-active{
  --apc-site-header-h:0px!important;
}
.apc-dash-shell{position:relative;z-index:25;margin:0 0 14px}
.apc-dash-head{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:24px;
  background:rgba(255,248,236,.96);
  border:1px solid rgba(47,118,128,.16);
  box-shadow:0 14px 28px rgba(20,64,72,.12);
}
.apc-dash-head__user{
  justify-self:start;
  min-width:0;
  max-width:100%;
  color:var(--hayaat-blue-dark);
  font-weight:800;
  font-size:.96rem;
  line-height:1.5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  direction:rtl;
  text-align:left;
}
.apc-dash-head__brand{
  justify-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:transparent;
  text-decoration:none;
}
.apc-dash-head__brand img{display:block;width:34px;height:42px;object-fit:contain}
.apc-dash-head__menu{
  justify-self:end;
  width:56px;
  height:56px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border-radius:18px!important;
  border:1px solid rgba(47,118,128,.16)!important;
  background:#fff8ed!important;
  color:var(--hayaat-blue-dark)!important;
  box-shadow:0 10px 22px rgba(20,64,72,.12)!important;
}
.apc-dash-head__menu span{display:block;width:22px;height:2px;border-radius:999px;background:currentColor}
.apc-dash-drawer-backdrop{
  position:fixed;
  inset:0;
  background:rgba(10,33,37,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  z-index:39;
}
.apc-dash-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(86vw,360px);
  padding:18px 16px calc(18px + var(--apc-nav-h,82px) + env(safe-area-inset-bottom));
  background:#fff8ed;
  border-left:1px solid rgba(47,118,128,.16);
  box-shadow:-14px 0 34px rgba(20,64,72,.16);
  transform:translateX(104%);
  transition:transform .24s ease;
  z-index:40;
  overflow:auto;
}
body.apc-dashboard-drawer-open .apc-dash-drawer-backdrop{opacity:1;pointer-events:auto}
body.apc-dashboard-drawer-open .apc-dash-drawer{transform:translateX(0)}
body.apc-dashboard-drawer-open{overflow:hidden}
.apc-dash-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(47,118,128,.12)}
.apc-dash-drawer__head strong{display:block;color:var(--hayaat-blue-dark);font-size:1rem;line-height:1.5}
.apc-dash-drawer__head small{display:block;color:var(--hayaat-muted);font-size:.82rem;line-height:1.8}
.apc-dash-drawer__close{
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px!important;background:rgba(47,118,128,.08)!important;color:var(--hayaat-blue-dark)!important;border:1px solid rgba(47,118,128,.12)!important;font-size:24px;line-height:1
}
.apc-dash-drawer__nav{display:grid;gap:8px}
.apc-dash-drawer__link{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:48px;padding:0 14px;border-radius:16px;
  background:rgba(47,118,128,.06);border:1px solid rgba(47,118,128,.10);
  color:var(--hayaat-blue-dark);text-decoration:none;font-weight:800;
}
.apc-dash-drawer__link.is-active{background:var(--hayaat-blue-deep);border-color:var(--hayaat-blue-deep);color:#fff8ed;box-shadow:0 10px 18px rgba(47,118,128,.18)}
@media (min-width:900px){
  .apc-dash-head{padding:14px 18px}
  .apc-dash-head__user{font-size:1.02rem}
  .apc-dash-head__brand{width:64px;height:64px}
  .apc-dash-head__brand img{width:38px;height:46px}
}
@media (max-width:420px){
  .apc-dash-head{padding:10px 12px;border-radius:22px}
  .apc-dash-head__menu{width:52px;height:52px}
  .apc-dash-head__brand{width:52px;height:52px}
  .apc-dash-head__brand img{width:30px;height:38px}
  .apc-dash-head__user{font-size:.9rem}
}


/* 3.0.0-rc45 — simplified dine-in payment choice */
/* 3.0.0-rc104 — Safari-safe custom payment radios.
   The global Safari form reset uses appearance:none on inputs, so native radio
   circles can disappear on iOS Safari. Keep the real radio accessible but draw
   a deterministic visual control next to it on every browser. */
.apc-pay-method-row{
  position:relative;
  align-items:center!important;
  justify-content:flex-start!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.apc-pay-method-row>input[type="radio"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.apc-pay-radio-ui{
  width:22px;
  height:22px;
  min-width:22px;
  flex:0 0 22px;
  border:2px solid rgba(31,91,99,.46);
  border-radius:50%;
  background:rgba(255,255,255,.58);
  display:inline-grid;
  place-items:center;
  box-sizing:border-box;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.apc-pay-radio-ui:after{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--hayaat-blue-deep,#2f7680);
  transform:scale(0);
  transition:transform .14s ease;
}
.apc-pay-method-row>input[type="radio"]:checked+.apc-pay-radio-ui{
  border-color:var(--hayaat-blue-deep,#2f7680);
  background:#fff;
  box-shadow:0 0 0 3px rgba(47,118,128,.10);
}
.apc-pay-method-row>input[type="radio"]:checked+.apc-pay-radio-ui:after{transform:scale(1)}
.apc-pay-method-row>input[type="radio"]:focus-visible+.apc-pay-radio-ui{
  box-shadow:0 0 0 4px rgba(47,118,128,.18);
}
.apc-pay-method-label{min-width:0;flex:1}
.apc-pay-method-row.is-disabled{opacity:.58;background:rgba(0,0,0,.025);cursor:not-allowed}
.apc-pay-method-row.is-disabled input{cursor:not-allowed}
.apc-pay-method-row.is-disabled .apc-pay-radio-ui{border-color:rgba(95,105,105,.28);background:rgba(255,255,255,.34)}
.apc-pay-disabled-label{
  display:inline-flex;
  margin-inline-start:8px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(110,120,120,.12);
  color:#7d8787;
  font-size:.68rem;
  font-weight:800;
}
.apc-pay-submit-green{
  background:#2d8669!important;
  border-color:#2d8669!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(45,134,105,.22)!important;
}
.apc-pay-submit-green:hover{background:#26765d!important;border-color:#26765d!important}
@media(max-width:480px){
}


/* 3.0.0-rc50 — reliable mobile card copy + tactile feedback */
.apc-card-number-copy{
  width:100%;
  margin-top:12px;
  min-height:64px;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  direction:ltr!important;
  border:1px solid rgba(31,106,121,.24)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.62)!important;
  color:var(--hayaat-blue-dark)!important;
  box-shadow:0 8px 18px rgba(20,64,72,.06)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  touch-action:manipulation!important;
  transition:transform .16s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.apc-card-number-copy span{font-size:1.08rem;font-weight:900;letter-spacing:.045em;direction:ltr;white-space:nowrap}
.apc-card-number-copy small{font-size:.72rem;font-weight:800;color:var(--hayaat-muted);direction:rtl;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.apc-card-number-copy:active,.apc-card-number-copy.is-copying{transform:scale(.975)!important;background:rgba(31,106,121,.08)!important}
.apc-card-number-copy.is-copied{
  transform:scale(1.012)!important;
  background:rgba(53,143,106,.14)!important;
  border-color:rgba(53,143,106,.48)!important;
  box-shadow:0 10px 24px rgba(53,143,106,.16)!important;
  color:#216b51!important;
  animation:apcCardCopyPulse .42s ease both;
}
.apc-card-number-copy.is-copied small{color:#216b51!important;transform:scale(1.04)}
.apc-card-number-copy.is-copy-error{border-color:rgba(178,75,75,.42)!important;background:rgba(178,75,75,.08)!important}
@keyframes apcCardCopyPulse{0%{transform:scale(.975)}55%{transform:scale(1.02)}100%{transform:scale(1.012)}}
.apc-card-copy-toast{
  position:fixed;
  left:50%;
  bottom:calc(var(--apc-nav-h,82px) + 26px + env(safe-area-inset-bottom));
  z-index:999999;
  min-width:min(82vw,320px);
  max-width:calc(100vw - 32px);
  min-height:50px;
  padding:9px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  direction:rtl;
  border-radius:16px;
  background:rgba(31,107,82,.96);
  color:#fff;
  box-shadow:0 14px 34px rgba(12,50,42,.26);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,16px) scale(.96);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.apc-card-copy-toast.is-show{opacity:1;transform:translate(-50%,0) scale(1)}
.apc-card-copy-toast.is-error{background:rgba(145,65,65,.96)}
.apc-card-copy-toast__icon{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.18);font-size:1rem;font-weight:900}
.apc-card-copy-toast strong{font-size:.82rem;font-weight:900;line-height:1.5}
@media(max-width:420px){
  .apc-card-number-copy{align-items:flex-start!important;flex-direction:column!important;gap:5px!important;padding:13px 15px!important}
  .apc-card-number-copy small{white-space:normal}
  .apc-card-copy-toast{bottom:calc(var(--apc-nav-h,82px) + 18px + env(safe-area-inset-bottom));min-width:calc(100vw - 42px)}
}
@media(prefers-reduced-motion:reduce){
  .apc-card-number-copy,.apc-card-copy-toast{transition:none!important;animation:none!important}
}


/* 3.0.0-rc51 — centered card/account copy panel */
.apc-card-transfer-info{text-align:center!important}
.apc-card-transfer-title{text-align:center!important;margin-bottom:10px!important}
.apc-card-copy-stack{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.apc-card-number-copy.apc-card-copy-field{
  min-height:92px!important;
  margin-top:0!important;
  padding:12px 16px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  direction:rtl!important;
  gap:4px!important;
}
.apc-card-copy-field em{
  font-style:normal!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  font-weight:800!important;
  color:var(--hayaat-muted)!important;
}
.apc-card-copy-field .apc-card-copy-value{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  line-height:1.6!important;
  color:var(--hayaat-blue-dark)!important;
}
.apc-card-copy-field .apc-card-holder-value{direction:rtl!important;letter-spacing:0!important}
.apc-card-copy-field small{display:block!important;width:100%!important;text-align:center!important;white-space:normal!important}
.apc-card-info-empty{text-align:center!important;padding:14px 0}
@media(min-width:620px){.apc-card-copy-stack{grid-template-columns:1fr 1fr}}
@media(max-width:420px){
  .apc-card-number-copy.apc-card-copy-field{align-items:center!important;padding:12px 14px!important}
}

/* 3.0.0-rc52 — card holder is display-only; only card number is copyable */
.apc-card-holder-static{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:48px;padding:8px 12px;
  color:var(--hayaat-blue-dark);font-size:1rem;font-weight:900;
  text-align:center;direction:rtl;line-height:1.7;
}

/* 2026-08-31 — Menu card image + description visibility fix.
 * Keep uploaded 1:1 menu images square in the card and do not truncate item descriptions.
 */
#apc-menu-root .apc-item-imgcol .apc-thumb{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  object-position:center!important;
}
#apc-menu-root .apc-item-desc{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow:visible!important;
  max-height:none!important;
  text-overflow:clip!important;
}

/* 2026-08-31 — Menu image frame + balanced landscape layout.
 * - make image slightly landscape to reduce empty side space
 * - apply uniform padding around image
 * - remove oversized scaling hacks so crop stays tidy
 * - add thin framed card + outward shadow around image
 * - round top corners in proportion to the outer item card
 */
#apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-item-imgcol{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
#apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-item-topbadges{
  inset:12px 12px auto 12px!important;
}
#apc-menu-root .apc-item-wrap .apc-item.apc-item--row img.apc-thumb,
#apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-thumb.apc-thumb--ph{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:1.22 / 1!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  border-radius:18px 18px 12px 12px!important;
  border:1px solid rgba(31,106,121,.14)!important;
  background:#eef4f6!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.78) inset, 0 10px 18px rgba(18,72,82,.12)!important;
}
#apc-menu-root .apc-item-wrap .apc-item .apc-item-imgcol + .apc-item-content,
#apc-menu-root .apc-item-wrap .apc-item-content{
  padding-top:4px!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-title{
  margin-top:0!important;
}
#apc-menu-root .apc-item-wrap .apc-item-content .apc-item-desc{
  margin-top:4px!important;
}
@media (max-width:520px){
  #apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-item-imgcol{
    padding:7px!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-item-topbadges{
    inset:11px 11px auto 11px!important;
  }
  #apc-menu-root .apc-item-wrap .apc-item.apc-item--row img.apc-thumb,
  #apc-menu-root .apc-item-wrap .apc-item.apc-item--row .apc-thumb.apc-thumb--ph{
    aspect-ratio:1.18 / 1!important;
    border-radius:16px 16px 11px 11px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.78) inset, 0 8px 14px rgba(18,72,82,.11)!important;
  }
}


/* 3.0.0-rc105 — Safari compatibility audit pass.
 * Typography: keep Vazirmatn consistent on iOS and inherit it into controls.
 * Controls: preserve native checkbox/radio rendering; custom payment radio stays deterministic.
 * Rendering: provide WebKit prefixes where older Safari still needs them.
 */
@supports (-webkit-touch-callout:none){
  body.apc-hayaat-active *{
    -webkit-tap-highlight-color:rgba(47,118,128,.10);
  }
  body.apc-hayaat-active input::placeholder,
  body.apc-hayaat-active textarea::placeholder{
    font-family:inherit!important;
  }
  body.apc-hayaat-active .apc-stickybar{
    position:-webkit-sticky!important;
    position:sticky!important;
  }
  body.apc-hayaat-active .hayaat-action--secondary{
    -webkit-backdrop-filter:blur(8px);
  }
  /* Keep the rc104 custom payment indicator in charge even though native
     radios are restored globally for other controls. */
  body.apc-hayaat-active .apc-pay-method-row>input[type="radio"]{
    -webkit-appearance:none!important;
    appearance:none!important;
  }
}