:root{
  --brand:#654324;
  --brand-dark:#3e2818;
  --accent:#7a5330;
  --cream:#f3eadc;
  --card:#fffaf3;
  --text:#352317;
  --muted:#8a7b6e;
  --green:#1f9d55;
  --line:rgba(101,67,36,.14);
  --shadow:0 12px 28px rgba(83,53,28,.12);
  --header-surface:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  padding-bottom:92px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 12% 7%,rgba(142,101,59,.12),transparent 27%),
    linear-gradient(180deg,#f8f1e8 0%,#efe3d3 100%);
}
body.modal-open{overflow:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
.hero{
  position:relative;
  min-height:420px;
  padding:22px 14px 70px;
  overflow:hidden;
  isolation:isolate;
  background:none;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  opacity:.16;
  background-image:
    linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.12) 48%,transparent 50%),
    linear-gradient(20deg,transparent 0 69%,rgba(0,0,0,.16) 70%,transparent 72%);
  background-size:145px 145px,190px 190px;
}
.hero-glow{
  position:absolute;
  z-index:-3;
  width:260px;
  height:260px;
  border-radius:50%;
  filter:blur(3px);
  opacity:.42;
  background:radial-gradient(circle,rgba(255,245,229,.24),rgba(255,245,229,0) 70%);
}
.hero-glow-right{top:-90px;right:-70px}
.hero-glow-left{bottom:-80px;left:-90px}
.hero-wave{
  position:absolute;
  z-index:-1;
  left:-7%;
  right:-7%;
  bottom:-92px;
  height:185px;
  border-radius:50% 50% 0 0 / 68% 68% 0 0;
  background:#f8f3ec;
  box-shadow:0 -10px 30px rgba(255,255,255,.08);
}
.hero-wave::before,
.hero-wave::after{
  content:"";
  position:absolute;
  top:-18px;
  width:210px;
  height:80px;
  border-radius:50%;
  background:#f8f3ec;
}
.hero-wave::before{left:-35px;transform:rotate(-8deg)}
.hero-wave::after{right:-45px;transform:rotate(8deg)}
.hero-shell{
  width:min(100%,760px);
  margin:0 auto;
  display:flex;
  justify-content:center;
}
.hero-card{
  width:min(92vw,500px);
  min-height:236px;
  padding:14px 16px 15px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border:none;
  border-radius:24px;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.hero-card-top{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.logo-wrap{
  flex:1;
  width:100%;
  min-height:142px;
  display:grid;
  place-items:center;
}
.logo{
  display:block;
  width:min(360px,80vw);
  height:166px;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(23,11,4,.28));
}
.top-actions{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.action-btn{
  min-width:0;
  min-height:40px;
  padding:7px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:none;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.09));
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  font-size:11px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 15px rgba(0,0,0,.10);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.action-btn b{font:inherit}
.action-icon{font-size:15px;line-height:1}
.action-btn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.action-btn:active{transform:scale(.97)}
.sticky-tools{
  position:-webkit-sticky;
  position:sticky;
  top:8px;
  z-index:50;
  margin-top:-35px;
  padding:0 10px 10px;
  background:linear-gradient(180deg,rgba(248,243,236,.98),rgba(248,243,236,.91));
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  box-shadow:0 10px 22px rgba(65,39,20,.07);
}
.search-box{
  width:min(82%,450px);
  min-height:46px;
  margin:0 auto;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid rgba(92,58,31,.15);
  border-radius:14px;
  background:rgba(255,255,255,.80);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  box-shadow:0 10px 24px rgba(60,35,17,.13),inset 0 1px 0 rgba(255,255,255,.92);
}
.search-box>span{font-size:19px;opacity:.78}
.search-box input{
  width:100%;
  padding:11px 0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:14px;
  font-weight:700;
}
.search-box input::placeholder{color:#a29282;font-weight:600}
.category-tabs{
  width:min(100% - 12px,850px);
  margin:10px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.tab-btn{
  min-width:0;
  min-height:52px;
  padding:7px 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(96,61,33,.11);
  border-radius:14px;
  background:rgba(255,255,255,.85);
  color:var(--brand-dark);
  box-shadow:0 6px 15px rgba(83,53,28,.06);
  font-size:clamp(9px,2.35vw,12px);
  font-weight:900;
  line-height:1.15;
  text-align:center;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.tab-btn.active{
  border-color:transparent;
  background:linear-gradient(145deg,#7b512d,#4b2d19);
  color:#fff;
  box-shadow:0 9px 20px rgba(75,45,22,.22),inset 0 1px 0 rgba(255,255,255,.20);
}
.tab-btn:active{transform:scale(.97)}
.menu-area{
  position:relative;
  z-index:1;
  width:min(100% - 24px,850px);
  margin:10px auto;
  padding:14px;
  border-radius:20px;
  background:var(--cream);
}
.category-title{display:none!important}
.items-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:12px;
}
.item-card{
  padding:15px;
  overflow:hidden;
  border:1px solid rgba(101,67,36,.1);
  border-radius:20px;
  background:rgba(255,251,246,.95);
  box-shadow:var(--shadow);
}
.item-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:11px;
}
.item-name{margin:0;font-size:18px;font-weight:900;color:var(--brand-dark)}
.variant-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.variant-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.variant-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.variant-btn{
  width:100%;
  min-width:0;
  min-height:45px;
  padding:11px 7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  border:1px solid rgba(101,67,36,.08);
  border-radius:11px;
  background:linear-gradient(180deg,#f8efe4,#f0e2d1);
  color:var(--brand-dark);
  font-size:13px;
  font-weight:800;
  transition:transform .15s ease;
}
.variant-btn>span:first-child{white-space:nowrap}
.variant-btn:active{transform:scale(.985)}
.variant-btn .price{color:#6b4728}
.empty-state{
  padding:38px 16px;
  border-radius:18px;
  background:#fff;
  color:var(--muted);
  text-align:center;
}
.cart-bar{
  position:fixed;
  z-index:35;
  left:14px;
  right:14px;
  bottom:14px;
  width:calc(100% - 28px);
  max-width:620px;
  margin:auto;
  padding:15px 18px;
  display:flex;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:linear-gradient(100deg,#52331d,#795331);
  color:#fff;
  box-shadow:0 14px 30px rgba(72,42,20,.28);
  font-size:18px;
  font-weight:900;
}
.toast{
  position:fixed;
  z-index:80;
  left:50%;
  bottom:88px;
  max-width:90%;
  padding:11px 16px;
  overflow:hidden;
  border-radius:999px;
  background:#25211f;
  color:#fff;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,20px);
  transition:.2s;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{position:fixed;inset:0;z-index:60;display:none}
.modal.open{display:block}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.sheet{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:min(96dvh,900px);
  max-height:96dvh;
  padding:12px;
  display:grid;
  grid-template-rows:auto minmax(70px,1fr) auto auto auto;
  gap:8px;
  overflow:hidden;
  border-radius:26px 26px 0 0;
  background:linear-gradient(180deg,#fffaf4,#f3e8da);
}
.sheet-header{
  position:sticky;
  top:-12px;
  z-index:2;
  padding:6px 0 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fffaf4;
}
.sheet-header h2{margin:0;font-size:19px}
.icon-btn{
  width:40px;
  height:40px;
  border:0;
  border-radius:50%;
  background:#f0e3d4;
  color:var(--brand-dark);
  font-size:24px;
}
.cart-items{
  min-height:0;
  max-height:45vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
}
.cart-item.cart-row{
  min-height:70px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto 34px;
  align-items:center;
  gap:10px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  text-align:right;
}
.cart-item.cart-row:last-child{border-bottom:0}
.cart-product-icon{display:none!important}
.cart-product-info{min-width:0}
.cart-item.cart-row h4{
  margin:0 0 2px;
  overflow:visible;
  color:var(--brand-dark);
  font-size:13px;
  line-height:1.35;
  white-space:nowrap;
}
.cart-item.cart-row small{display:block;color:var(--muted);font-size:11px}
.unit-price{display:block;margin-top:2px;color:var(--accent);font-size:11px;font-weight:800}
.qty-controls{display:flex;align-items:center;justify-content:center;gap:5px;direction:ltr}
.qty-btn{
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f0e3d4;
  color:var(--brand-dark);
  font-size:18px;
  line-height:30px;
}
.qty-controls strong{min-width:20px;text-align:center;font-size:13px}
.cart-line-total{min-width:58px;text-align:center;font-size:12px;font-weight:900;white-space:nowrap}
.remove-btn{
  width:32px;
  height:32px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#d9272e;
  font-size:13px;
}
.deposit-row{opacity:.92}
.deposit-qty{min-width:92px}
.auto-badge{font-size:9px;font-weight:800;color:var(--accent);text-align:center}
.cart-items .empty-state{padding:30px 10px}
.cart-summary{
  margin:4px 0;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:10px;
  background:#f3e7d8;
}
.summary-meta{display:flex;flex-direction:column;gap:3px;font-size:12px}
.summary-meta small{font-size:9px;color:var(--muted)}
.summary-total{display:flex;align-items:baseline;gap:8px;margin-right:auto}
.summary-total span{font-size:12px}
.summary-total strong{font-size:21px;color:var(--accent);white-space:nowrap}
.danger-btn{
  width:100%;
  padding:11px;
  border:1px solid #dca8aa;
  border-radius:12px;
  background:#fffaf4;
  color:#a5272d;
  font-weight:800;
}
.order-box{
  margin-top:0;
  padding-top:8px;
  max-height:58dvh;
  overflow:auto;
  overscroll-behavior:contain;
  border-top:1px solid #eee;
}
.order-box h3{margin:0 0 6px}
.order-types{
  margin-bottom:7px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.order-types label{
  padding:9px;
  border:1px solid rgba(101,67,36,.16);
  border-radius:13px;
  background:#fffaf4;
  text-align:center;
  font-weight:800;
}
.field-label{display:block;margin:7px 0 4px;font-weight:800}
.field{
  width:100%;
  padding:10px;
  border:1px solid rgba(101,67,36,.17);
  border-radius:13px;
  outline:none;
  background:#fffdf9;
}
.field:focus{border-color:var(--brand)}
.whatsapp-btn{
  width:100%;
  margin-top:9px;
  padding:12px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#684524,#4a2f1c);
  color:#fff;
  box-shadow:0 10px 22px rgba(74,47,28,.22);
  font-size:18px;
  font-weight:900;
}
.location-status{
  width:100%;
  padding:9px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid #ded4c8;
  border-radius:13px;
  background:#f3e7d8;
  font-weight:800;
}
.location-status.loading{color:#765c32;background:#fff8e8;border-color:#ead5a1}
.location-status.success{color:#176b3a;background:#edf9f1;border-color:#a9dbb9}
.location-status.error{color:#a5272d;background:#fff0f0;border-color:#e1aaaa}
.retry-location-btn{
  width:100%;
  margin-top:8px;
  padding:9px;
  border:1px solid var(--brand);
  border-radius:12px;
  background:#fff;
  color:var(--brand);
  font-weight:900;
}
@media(min-width:720px){
  .sheet{left:50%;right:auto;width:640px;transform:translateX(-50%)}
}
@media(min-width:700px){
  .hero{min-height:380px;padding-top:28px}
  .hero-card{width:520px;min-height:246px}
  .logo{width:380px;height:176px}
  .category-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:520px){
  .hero{min-height:326px;padding:14px 10px 94px}
  .hero-card{width:94vw;min-height:218px;padding:11px 12px 12px;border-radius:20px}
  .hero-card-top{min-height:27px}
  .logo-wrap{min-height:132px}
  .logo{width:min(315px,82vw);height:150px}
  .top-actions{gap:6px}
  .action-btn{min-height:36px;padding:5px 4px;border-radius:10px;font-size:10px}
  .sticky-tools{margin-top:-67px;padding-top:max(5px,env(safe-area-inset-top))}
  .search-box{width:min(88%,460px);min-height:42px}
  .category-tabs{width:calc(100% - 14px);gap:5px}
  .tab-btn{min-height:51px;padding-inline:3px;border-radius:13px;font-size:7.4px;letter-spacing:-.35px}
  .sheet{height:98dvh;max-height:98dvh;padding:10px;border-radius:22px 22px 0 0}
  .cart-item.cart-row{grid-template-columns:minmax(0,1fr) auto 30px;gap:7px;padding:8px 7px}
  .cart-line-total{display:none}
  .cart-item.cart-row h4{font-size:13px}
  .qty-btn{width:27px;height:27px;min-width:27px;line-height:27px}
  .deposit-qty{min-width:auto}
  .summary-meta small{display:none}
}

/* إطار بني واضح حول بطاقة الصنف كاملة */
.item-card,
.item-card.offer-item-card{
  border:1.5px solid var(--brand)!important;
}
@media(max-width:380px){
  .hero{min-height:318px}
  .hero-card{width:95vw}
  .logo{width:min(288px,82vw);height:144px}
  .action-btn{font-size:9px}
  .tab-btn{font-size:6.9px}
}
.categories,
.category-list{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
margin:22px auto;
}
.categories button,
.category-btn,
.category-chip,
.category{
position:relative;
border:none!important;
border-radius:999px!important;
padding:14px 24px!important;
background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
box-shadow:
0 12px 30px rgba(0,0,0,.20),
inset 0 1px 1px rgba(255,255,255,.45);
color:#fff!important;
font-weight:700;
transition:.3s ease;
}
.categories button::before,
.category-btn::before,
.category-chip::before,
.category::before{
content:"";
position:absolute;
inset:2px;
border-radius:999px;
border:1px solid rgba(255,255,255,.28);
pointer-events:none;
}
.categories button:hover,
.category-btn:hover,
.category-chip:hover,
.category:hover,
.categories button.active,
.category-btn.active{
transform:translateY(-3px) scale(1.03);
background:linear-gradient(135deg,#8b5e34,#c9974d)!important;
box-shadow:0 18px 35px rgba(0,0,0,.28);
}
.header,.top-header,.navbar,.hero{
background-image:none !important;
background-size:cover!important;
background-position:center!important;
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.category,.category-btn,.categories button,.category-tabs button,.tab-btn{
border-radius:999px!important;
padding:14px 22px!important;
background:linear-gradient(135deg,#6f4b2d,#b8833d)!important;
color:#fff!important;
border:1px solid rgba(255,255,255,.18)!important;
box-shadow:0 10px 24px rgba(0,0,0,.25);
transition:.25s ease;
}
.category:hover,.category-btn:hover,.categories button:hover,.category-tabs button:hover,.tab-btn:hover{
transform:translateY(-2px) scale(1.03);
filter:brightness(1.08);
}
.category-tabs{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden;
gap:10px;
padding:8px 4px;
width:calc(100% - 16px)!important;
scrollbar-width:none;
-ms-overflow-style:none;
}
.category-tabs::-webkit-scrollbar{display:none;}
.category-tabs .tab-btn{
flex:0 0 auto;
min-width:120px;
border-radius:999px!important;
background:linear-gradient(135deg,#6f4b2d,#c7964a)!important;
color:#fff!important;
font-weight:800;
box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.category-tabs .tab-btn.active{
background:linear-gradient(135deg,#2f1c10,#8b5e34)!important;
box-shadow:0 0 0 2px rgba(231,191,98,.35),0 12px 26px rgba(0,0,0,.25);
}
#categoryTabs.category-tabs{
  box-sizing:border-box !important;
  width:calc(100% - 14px) !important;
  max-width:850px !important;
  margin:10px auto 0 !important;
  padding:7px 4px 11px !important;
  display:flex !important;
  flex-flow:row nowrap !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:9px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none !important;
  touch-action:pan-x !important;
}
#categoryTabs.category-tabs::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
#categoryTabs.category-tabs > .tab-btn{
  box-sizing:border-box !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:112px !important;
  min-height:48px !important;
  margin:0 !important;
  padding:10px 18px !important;
  white-space:nowrap !important;
  scroll-snap-align:start;
  border:1px solid rgba(116,72,34,.20) !important;
  border-radius:16px !important;
  background:linear-gradient(145deg,#c99650 0%,#a46f32 52%,#7c4d24 100%) !important;
  color:#fffaf2 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  line-height:1.2 !important;
  box-shadow:0 7px 16px rgba(83,49,20,.18),inset 0 1px 0 rgba(255,255,255,.26) !important;
}
#categoryTabs.category-tabs > .tab-btn.active{
  border-color:#d9ad69 !important;
  background:linear-gradient(145deg,#4b2b17 0%,#6f3f20 58%,#8d592d 100%) !important;
  color:#fff !important;
  box-shadow:0 0 0 2px rgba(211,166,96,.25),0 9px 20px rgba(58,31,13,.27),inset 0 1px 0 rgba(255,255,255,.18) !important;
  transform:none !important;
}
#categoryTabs.category-tabs > .tab-btn:active{
  transform:scale(.97) !important;
}
@media(max-width:520px){
  #categoryTabs.category-tabs > .tab-btn{
    min-width:104px !important;
    min-height:46px !important;
    padding:9px 15px !important;
    font-size:11px !important;
  }
}

/* إبقاء مستطيلات المقاسات واضحة حتى على الجوالات الضيقة */
@media(max-width:360px){
  .variant-grid{gap:5px}
  .variant-grid-3 .variant-btn{
    padding-inline:4px;
    font-size:11.5px;
  }
  .variant-grid-3 .variant-btn .price{font-size:11.5px}
  .variant-grid-3 .variant-btn .sar-symbol{
    width:13px;
    height:13px;
    margin-inline-start:1px;
  }
}

.category-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 10px;gap:10px;scrollbar-width:none;}
.category-tabs::-webkit-scrollbar{display:none;}
.category-tabs>*{flex:0 0 auto!important;min-width:145px;font-size:18px!important;font-weight:700;}
#categoryTabs .tab-btn,
.category-tabs>.tab-btn{
background:#f3eadc !important;
background-image:none !important;
color:#352317 !important;
border:1px solid rgba(101,67,36,.14)!important;
box-shadow:0 6px 15px rgba(83,53,28,.06)!important;
}
#categoryTabs .tab-btn.active,
.category-tabs>.tab-btn.active{
background:#f3eadc !important;
background-image:none !important;
color:#352317 !important;
}
#categoryTabs .tab-btn,
.category-tabs .tab-btn,
.category-tabs>.tab-btn{
background:#8b5e34 !important;
background-image:none !important;
color:#fff !important;
border:1px solid #8b5e34 !important;
box-shadow:none !important;
}
#categoryTabs .tab-btn.active,
.category-tabs .tab-btn.active{
background:#8b5e34 !important;
background-image:none !important;
color:#fff !important;
}
.hero{background:none!important;}
.hero::before{display:none!important;}
.hero-card{background:transparent!important;}
.category-tabs .tab-btn,.category-btn,.category{
background:#7a5330!important;
color:#fff!important;
border:none!important;
}
.cart-bar{
transform:scale(.88);
transform-origin:bottom center;
padding:10px 18px!important;
}
.sticky-tools{
margin-top:-34px!important;
position:relative;
z-index:20;
}
.top-actions .action-btn{
padding:6px 10px!important;
font-size:13px!important;
min-height:36px!important;
}
.hero{display:none!important;}
body{padding-top:0!important;}
.sticky-tools{top:0!important;margin-top:0!important;}

/* Header-only redesign */
.hero{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  padding:14px 14px 12px!important;
  overflow:visible!important;
  background:none!important;
}
.hero::before,.hero-glow,.hero-wave{display:none!important}
.header-bar{
  width:min(100%,760px);
  min-height:112px;
  margin:0 auto;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) 82px;
  align-items:center;
  gap:8px;
  direction:ltr;
}
.header-logo-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.header-logo{
  display:block;
  width:78px;
  height:78px;
  object-fit:contain;
  filter:drop-shadow(0 7px 10px rgba(63,39,22,.18));
}
.header-center{
  min-width:0;
  text-align:center;
  direction:rtl;
}
.header-center h1{
  margin:0 0 10px;
  color:#654324;
  font-size:clamp(23px,5.6vw,32px);
  line-height:1.15;
  font-weight:950;
  white-space:nowrap;
}
.header-center .top-actions{
  width:auto;
  display:flex;
  justify-content:center;
  gap:7px;
}
.header-center .action-btn{
  width:auto;
  min-width:66px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid rgba(101,67,36,.16);
  border-radius:999px;
  background:#fffaf3;
  color:#654324;
  font-size:11px;
  box-shadow:0 5px 13px rgba(83,53,28,.10);
}
.header-center .action-icon{font-size:14px}
.header-spacer{display:block}
.sticky-tools{top:0!important;margin-top:0!important}
@media (max-width:430px){
  .hero{padding:10px 10px 8px!important}
  .header-bar{grid-template-columns:70px minmax(0,1fr) 70px;min-height:98px;gap:4px}
  .header-logo{width:66px;height:66px}
  .header-center h1{margin-bottom:8px;font-size:22px}
  .header-center .top-actions{gap:5px}
  .header-center .action-btn{min-width:58px;min-height:32px;padding:5px 8px;font-size:10px}
}

/* ===== الهيدر الزجاجي النهائي — لا يؤثر على المنيو أو السلة ===== */
.hero{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  padding:12px 10px 14px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.72),transparent 30%),
    linear-gradient(145deg,#f7eee3 0%,#eee0cf 100%)!important;
}
.hero::before,.hero-glow,.hero-wave{display:none!important}
.header-bar{
  position:relative;
  isolation:isolate;
  width:min(100%,760px)!important;
  min-height:176px!important;
  margin:0 auto!important;
  padding:17px 15px 14px!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 88px!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden;
  direction:ltr;
  border:1.5px solid rgba(255,255,255,.92)!important;
  border-radius:32px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.16) 48%,rgba(255,248,239,.34)),
    rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:blur(28px) saturate(185%)!important;
  backdrop-filter:blur(28px) saturate(185%)!important;
  box-shadow:
    0 17px 38px rgba(82,50,25,.18),
    inset 0 1.5px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.36),
    inset 12px 0 28px rgba(255,255,255,.18)!important;
}
.header-bar::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.58);
  border-radius:27px;
  box-shadow:inset 0 0 22px rgba(255,255,255,.18);
}
.header-bar::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-62%;
  left:-18%;
  width:70%;
  height:155%;
  pointer-events:none;
  transform:rotate(19deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  filter:blur(4px);
  opacity:.78;
}
.header-logo-wrap{
  position:relative;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.header-logo-wrap::before{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:28px;
  background:rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 24px rgba(67,39,18,.13),inset 0 1px 0 rgba(255,255,255,.95);
}
.header-logo{
  position:relative;
  z-index:1;
  display:block!important;
  width:82px!important;
  height:82px!important;
  padding:5px;
  object-fit:contain!important;
  border-radius:23px!important;
  filter:none!important;
}
.header-center{
  position:relative;
  z-index:2;
  min-width:0!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  direction:rtl;
  text-align:center!important;
}
.header-title-art{
  display:block;
  width:min(100%,330px);
  max-height:112px;
  margin:0 auto 9px;
  object-fit:contain;
  filter:drop-shadow(0 7px 9px rgba(53,32,16,.15));
}
.header-center .top-actions{
  width:min(100%,330px)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  direction:rtl;
}
.header-center .action-btn{
  width:100%!important;
  min-width:0!important;
  min-height:37px!important;
  padding:6px 6px!important;
  gap:4px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.22))!important;
  -webkit-backdrop-filter:blur(16px) saturate(160%)!important;
  backdrop-filter:blur(16px) saturate(160%)!important;
  color:#654324!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:
    0 7px 16px rgba(70,42,21,.11),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.36)!important;
}
.header-center .action-btn:active{transform:scale(.96)!important}
.header-center .action-icon{
  flex:none;
  font-size:14px!important;
  line-height:1!important;
}
.header-center .action-btn b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.header-spacer{display:block!important}
.sticky-tools{top:0!important;margin-top:0!important}

@media (max-width:520px){
  .hero{padding:9px 8px 12px!important}
  .header-bar{
    min-height:164px!important;
    padding:14px 10px 12px!important;
    grid-template-columns:72px minmax(0,1fr) 72px!important;
    gap:6px!important;
    border-radius:28px!important;
  }
  .header-bar::before{inset:4px;border-radius:24px}
  .header-logo-wrap::before{inset:-4px;border-radius:23px}
  .header-logo{
    width:68px!important;
    height:68px!important;
    padding:4px!important;
    border-radius:19px!important;
  }
  .header-title-art{
    width:min(100%,245px)!important;
    max-height:102px!important;
    margin-bottom:7px!important;
  }
  .header-center .top-actions{gap:5px!important}
  .header-center .action-btn{
    min-height:34px!important;
    padding:5px 4px!important;
    font-size:10px!important;
  }
  .header-center .action-icon{font-size:13px!important}
}

@media (max-width:365px){
  .header-bar{
    grid-template-columns:62px minmax(0,1fr) 62px!important;
    min-height:154px!important;
  }
  .header-logo{width:58px!important;height:58px!important}
  .header-title-art{max-height:94px!important}
  .header-center .action-btn{font-size:9px!important;gap:2px!important}
  .header-center .action-icon{font-size:12px!important}
}

/* ===== أزرار الأقسام الزجاجية والثابتة ===== */
.sticky-tools{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:max(7px,env(safe-area-inset-top)) 8px 9px!important;
  background:linear-gradient(180deg,rgba(247,238,227,.94),rgba(247,238,227,.82))!important;
  -webkit-backdrop-filter:blur(22px) saturate(165%)!important;
  backdrop-filter:blur(22px) saturate(165%)!important;
  border-bottom:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 9px 24px rgba(82,50,25,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
}

.sticky-tools .search-box{
  width:min(92%,560px)!important;
  min-height:43px!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.90)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.34))!important;
  -webkit-backdrop-filter:blur(18px) saturate(155%)!important;
  backdrop-filter:blur(18px) saturate(155%)!important;
  box-shadow:0 7px 18px rgba(76,45,22,.10),inset 0 1px 0 rgba(255,255,255,1)!important;
}

#categoryTabs.category-tabs{
  box-sizing:border-box!important;
  width:min(calc(100% - 4px),850px)!important;
  max-width:850px!important;
  margin:8px auto 0!important;
  padding:2px 2px 3px!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
}

#categoryTabs.category-tabs::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

#categoryTabs.category-tabs > .tab-btn{
  position:relative!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:106px!important;
  min-height:43px!important;
  margin:0!important;
  padding:9px 16px!important;
  white-space:nowrap!important;
  scroll-snap-align:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.61),rgba(255,255,255,.28))!important;
  -webkit-backdrop-filter:blur(17px) saturate(155%)!important;
  backdrop-filter:blur(17px) saturate(155%)!important;
  color:#654324!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-align:center!important;
  box-shadow:0 6px 15px rgba(74,43,20,.09),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.28)!important;
  transform:none!important;
  filter:none!important;
  transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
}

#categoryTabs.category-tabs > .tab-btn::before{
  content:"";
  position:absolute;
  inset:3px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.32);
  border-radius:13px;
}

#categoryTabs.category-tabs > .tab-btn.active{
  border-color:rgba(124,81,44,.48)!important;
  background:linear-gradient(145deg,rgba(126,82,45,.96),rgba(74,43,24,.96))!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(65,37,17,.24),inset 0 1px 0 rgba(255,255,255,.34),0 0 0 2px rgba(255,255,255,.32)!important;
}

#categoryTabs.category-tabs > .tab-btn:hover{
  transform:translateY(-1px)!important;
  filter:none!important;
}

#categoryTabs.category-tabs > .tab-btn:active{
  transform:scale(.97)!important;
}

@media(max-width:520px){
  .sticky-tools{
    padding:max(6px,env(safe-area-inset-top)) 6px 8px!important;
  }
  .sticky-tools .search-box{
    width:calc(100% - 14px)!important;
    min-height:41px!important;
    border-radius:16px!important;
  }
  #categoryTabs.category-tabs{
    width:100%!important;
    gap:6px!important;
    margin-top:7px!important;
  }
  #categoryTabs.category-tabs > .tab-btn{
    min-width:101px!important;
    min-height:41px!important;
    padding:8px 14px!important;
    border-radius:15px!important;
    font-size:12px!important;
  }
  #categoryTabs.category-tabs > .tab-btn::before{
    border-radius:11px!important;
  }
}

/* ===== 2026-08-09: الهوية الجديدة بدون هيدر ===== */
:root{
  --brand-deep:#24130e;
  --brand-copper:#c47a43;
  --brand-ivory:#fff4e5;
}
.brand-splash{
  position:fixed;
  z-index:1000;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:24px;
  background:
    radial-gradient(circle at 50% 43%,rgba(196,122,67,.13),transparent 38%),
    linear-gradient(145deg,#311a12 0%,var(--brand-deep) 54%,#1b0e0a 100%);
  animation:brandSplashOut .01s linear 1.72s forwards;
  -webkit-touch-callout:none;
  user-select:none;
}
.brand-splash::before{
  content:"";
  position:absolute;
  width:min(76vw,670px);
  aspect-ratio:1;
  border:1px solid rgba(196,122,67,.10);
  border-radius:50%;
  opacity:.7;
  transform:scale(.82);
}
.brand-splash-logo{
  position:relative;
  z-index:1;
  display:block;
  width:min(92vw,820px);
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.28));
  animation:brandLogoEnter 1.72s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes brandLogoEnter{
  0%{opacity:0;transform:translateY(10px) scale(.94)}
  32%{opacity:1}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes brandSplashOut{
  to{opacity:0;visibility:hidden;pointer-events:none}
}
.sticky-tools{
  top:0!important;
  margin-top:0!important;
  padding:max(7px,env(safe-area-inset-top)) 6px 7px!important;
  border-bottom:1px solid rgba(101,67,36,.09);
}
.menu-area{margin-top:8px!important}

/* ===== 2026-08-10: ترتيب تجربة العميل ===== */
.quick-actions{
  width:min(94%,390px);
  margin:5px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.quick-action{
  min-width:0;
  min-height:32px;
  padding:5px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(101,67,36,.12);
  border-radius:12px;
  background:rgba(255,255,255,.58);
  color:#654324;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 4px 10px rgba(74,43,24,.07);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.quick-action span{font-size:14px;line-height:1}
.quick-action:active{transform:scale(.97)}

.offers-badge{
  position:fixed;
  z-index:34;
  right:10px;
  bottom:max(76px,calc(env(safe-area-inset-bottom) + 72px));
  width:auto;
  min-height:42px;
  padding:7px 10px 7px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(109,65,34,.96),rgba(62,35,20,.97));
  color:#fff8ef;
  box-shadow:0 10px 24px rgba(58,31,13,.22),inset 0 1px 0 rgba(255,255,255,.22);
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
  animation:offersBadgeEnter .42s ease both;
}
.offers-badge[hidden]{display:none!important}
.offers-badge-mark{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:9px;
  background:#c47a43;
  color:#fff;
  font-size:15px;
  line-height:1;
}
@keyframes offersBadgeEnter{
  from{opacity:0;transform:translateX(16px)}
  to{opacity:1;transform:translateX(0)}
}
body.modal-open .offers-badge{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.offer-item-card{
  border-color:rgba(163,101,54,.28)!important;
  background:linear-gradient(160deg,rgba(255,253,248,.98),rgba(248,232,212,.96))!important;
  box-shadow:0 14px 30px rgba(82,49,24,.13),inset 0 1px 0 #fff!important;
}
.offer-item-card .item-card-head{align-items:center;margin-bottom:10px}
.offer-card-badge{
  flex:0 0 auto;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:#684326;
  color:#fff8ed;
  font-size:10px;
  font-weight:900;
}
.offer-components{
  margin-bottom:9px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
.offer-components span{
  min-height:34px;
  padding:7px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(126,82,45,.11);
  border-radius:11px;
  background:rgba(255,255,255,.58);
  color:#5d3a22;
  font-size:11px;
  font-weight:850;
  line-height:1.25;
  text-align:center;
}
.offer-components span:last-child{grid-column:1/-1}
/* السعر ثم رمز الريال ثم السلة */
#cartBar{
  direction:rtl!important;
  flex-direction:row!important;
}
#cartBar .cart-bar-total{
  order:1!important;
  direction:rtl!important;
  flex-direction:row!important;
}
#cartBar #cartTotal{order:1!important}
#cartBar .cart-bar-total .sar-symbol{order:2!important}
#cartBar .cart-bar-icon{order:2!important}

/* الإجمالي: السعر ثم رمز الريال فقط */
.review-total .review-total-value{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:center!important;
}
.review-total #sheetTotal{order:1!important}
.review-total .review-total-value .sar-symbol{order:2!important}
.review-total .review-cart-icon{display:none!important}

@media(max-width:520px){
  .quick-actions{margin-top:4px;gap:4px}
  .quick-action{min-height:30px;padding:4px 6px;border-radius:11px;font-size:10px}
  .quick-action span{font-size:13px}
  .offers-badge{right:8px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 68px));min-height:39px;padding:6px 8px;font-size:10px}
  .offers-badge-mark{width:23px;height:23px;border-radius:8px;font-size:14px}
  .offer-components span{font-size:10.5px}
}
.offers-section{display:block}
.offer-photo{
  position:relative;
  width:100%;
  aspect-ratio:1536 / 810;
  margin-bottom:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.88);
  border-radius:22px;
  background:url("hero-lamma.jpg") center center/cover no-repeat;
  box-shadow:0 14px 30px rgba(70,41,20,.20);
  -webkit-touch-callout:none;
  user-select:none;
}
@media(max-width:520px){
  .brand-splash{padding:16px}
  .brand-splash-logo{width:96vw}
  .offer-photo{border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  .brand-splash{animation-delay:.2s;animation-duration:.01s}
  .brand-splash-logo{animation:none}
}

/* ===== ضبط نهائي: الشعار الشفاف، حواف الهيدر، رمز الريال، والسلة ===== */
.header-bar{
  border:1.5px solid rgba(255,255,255,.96)!important;
  box-shadow:
    0 0 0 1px rgba(126,82,45,.22),
    0 17px 38px rgba(82,50,25,.15),
    inset 0 1.5px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(126,82,45,.16)!important;
}
.header-bar::before{
  border:1px solid rgba(126,82,45,.24)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.52),
    inset 0 0 22px rgba(255,255,255,.18)!important;
}
.header-logo-wrap::before{display:none!important}
.header-logo-wrap{
  background:transparent!important;
  box-shadow:none!important;
}
.header-logo{
  width:88px!important;
  height:88px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:drop-shadow(0 7px 9px rgba(56,34,18,.18))!important;
}

.sar-symbol{
  display:inline-block;
  width:19px;
  height:19px;
  margin-inline-start:4px;
  object-fit:contain;
  vertical-align:-4px;
  flex:0 0 auto;
}

.sar-symbol-small{
  width:15px;
  height:15px;
  margin-inline-start:3px;
  vertical-align:-3px;
}
.sar-symbol-light{
  width:18px;
  height:18px;
  filter:brightness(0) invert(1);
}
.variant-btn .price{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  white-space:nowrap;
}

/* زر سلة صغير لا يغطي الأصناف */
.cart-bar{
  left:auto!important;
  right:14px!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  min-width:176px!important;
  max-width:220px!important;
  min-height:58px!important;
  margin:0!important;
  padding:9px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#4a2c18,#77502e)!important;
  box-shadow:0 14px 28px rgba(64,35,16,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
  color:#fff!important;
  transform:none!important;
  transform-origin:center!important;
}
.cart-bar-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.20);
  border-radius:14px;
  background:rgba(255,255,255,.10);
  font-size:20px;
}
.cart-bar-copy{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  line-height:1.15;
}
.cart-bar-title{
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
.cart-bar-title b{
  display:inline-grid;
  min-width:22px;
  height:22px;
  margin-inline-start:3px;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-size:12px;
}
.cart-bar-total{
  display:inline-flex;
  align-items:center;
  color:#fff;
  font-size:16px;
  font-weight:950;
}

/* عند فتح السلة لا تبقى الأقسام أو زر السلة فوقها */
body.modal-open .sticky-tools,
body.modal-open .cart-bar{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.modal{z-index:300!important}
.modal-backdrop{
  background:rgba(39,24,15,.58)!important;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}

/* ترتيب واضح لمراجعة السلة */
.sheet{
  height:min(96dvh,940px)!important;
  max-height:96dvh!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  display:block!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-bottom:0!important;
  border-radius:28px 28px 0 0!important;
  background:linear-gradient(180deg,#fffaf4 0%,#f4e7d8 100%)!important;
  box-shadow:0 -20px 50px rgba(47,27,13,.28)!important;
}
.sheet-header{
  top:-14px!important;
  margin:-14px -14px 10px!important;
  padding:15px 16px 12px!important;
  border-bottom:1px solid rgba(101,67,36,.10)!important;
  background:rgba(255,250,244,.94)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.sheet-header>div{min-width:0}
.sheet-header h2{
  margin:0!important;
  color:var(--brand-dark)!important;
  font-size:21px!important;
  font-weight:950!important;
}
.sheet-header p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.icon-btn{
  width:38px!important;
  height:38px!important;
  flex:0 0 auto;
  border:1px solid rgba(101,67,36,.12)!important;
  background:#f1e3d2!important;
}
.cart-review-summary{
  margin:0 0 10px;
  padding:11px;
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:8px;
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.44));
  box-shadow:0 8px 20px rgba(73,44,22,.09),inset 0 1px 0 rgba(255,255,255,1);
}
.review-stat,
.review-total{
  min-height:58px;
  padding:8px 11px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:14px;
}
.review-stat{
  background:rgba(244,232,217,.78);
}
.review-stat span,
.review-total span{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.review-stat strong{
  margin-top:2px;
  color:var(--brand-dark);
  font-size:22px;
}
.review-total{
  background:linear-gradient(135deg,#6c4728,#4a2e1a);
  color:#fff;
}
.review-total>span{color:rgba(255,255,255,.76)}
.review-total strong{
  margin-top:2px;
  display:flex;
  align-items:center;
  color:#fff;
  font-size:23px;
  white-space:nowrap;
}
.review-total .sar-symbol{filter:brightness(0) invert(1)}

.cart-items{
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:9px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.cart-item.cart-row{
  min-height:0!important;
  padding:12px!important;
  display:block!important;
  border:1px solid rgba(101,67,36,.12)!important;
  border-radius:18px!important;
  background:rgba(255,253,249,.96)!important;
  box-shadow:0 8px 18px rgba(76,45,22,.08)!important;
  text-align:right!important;
}
.cart-row-info{min-width:0}
.cart-row-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.cart-item.cart-row h4{
  margin:0!important;
  color:var(--brand-dark)!important;
  font-size:16px!important;
  line-height:1.4!important;
  white-space:normal!important;
}
.cart-row-meta{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
}
.size-badge{
  padding:4px 9px;
  border-radius:999px;
  background:#f0e1cf;
  color:#684425;
  font-size:11px;
  font-weight:900;
}
.unit-price{
  margin:0!important;
  display:inline-flex!important;
  align-items:center;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:800!important;
}
.unit-price strong{margin-inline-start:3px;color:var(--brand-dark)}
.deposit-note{
  margin-top:7px;
  padding:6px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
  background:#fff4df;
  color:#7a552c;
  font-size:11px;
  font-weight:850;
}
.deposit-note strong{display:inline-flex;align-items:center}
.cart-row-bottom{
  margin-top:10px;
  padding-top:9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px dashed rgba(101,67,36,.16);
}
.qty-controls{
  padding:3px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  direction:ltr!important;
  border:1px solid rgba(101,67,36,.12);
  border-radius:12px;
  background:#f5eadc;
}
.qty-btn{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fffaf4!important;
  box-shadow:0 3px 8px rgba(72,42,20,.08);
  line-height:31px!important;
}
.qty-controls strong{min-width:22px!important;font-size:14px!important}
.cart-line-total{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  color:var(--muted)!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.cart-line-total span{font-size:10px;font-weight:800}
.cart-line-total strong{
  display:flex;
  align-items:center;
  color:var(--brand-dark);
  font-size:17px;
  font-weight:950;
}
.remove-btn{
  width:auto!important;
  height:auto!important;
  padding:5px 8px!important;
  border:1px solid rgba(180,53,57,.14)!important;
  border-radius:9px!important;
  background:#fff3f3!important;
  color:#b43539!important;
  font-size:10px!important;
  font-weight:900!important;
}
.cart-empty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px dashed rgba(101,67,36,.20);
  background:rgba(255,255,255,.62)!important;
}
.cart-empty>span{font-size:34px}
.cart-empty strong{color:var(--brand-dark);font-size:17px}
.cart-empty small{max-width:240px;font-size:11px;line-height:1.6}
.danger-btn{
  width:auto!important;
  margin:10px auto 0!important;
  padding:7px 13px!important;
  display:block!important;
  border:0!important;
  background:transparent!important;
  color:#a5272d!important;
  font-size:11px!important;
}
.order-box{
  margin-top:12px!important;
  padding:13px!important;
  max-height:none!important;
  overflow:visible!important;
  border:1px solid rgba(101,67,36,.11)!important;
  border-radius:18px!important;
  background:rgba(255,252,247,.92)!important;
  box-shadow:0 8px 20px rgba(75,44,21,.07)!important;
}
.order-box h3{font-size:16px!important}

@media(max-width:520px){
  body{padding-bottom:106px!important}
  .header-logo{width:74px!important;height:74px!important}
  .cart-bar{
    right:10px!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    min-width:164px!important;
    min-height:54px!important;
    padding:8px 11px!important;
    border-radius:20px!important;
  }
  .cart-bar-icon{width:35px;height:35px;border-radius:12px;font-size:18px}
  .cart-bar-title{font-size:13px}
  .cart-bar-total{font-size:15px}
  .sheet{
    height:98dvh!important;
    max-height:98dvh!important;
    padding:12px 10px calc(16px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }
  .sheet-header{
    top:-12px!important;
    margin:-12px -10px 9px!important;
    padding:13px 12px 10px!important;
  }
  .sheet-header h2{font-size:19px!important}
  .cart-review-summary{grid-template-columns:.9fr 1.2fr;padding:8px}
  .review-stat,.review-total{min-height:54px;padding:7px 9px}
  .review-stat strong{font-size:20px}
  .review-total strong{font-size:21px}
  .cart-item.cart-row{padding:11px!important}
  .cart-item.cart-row h4{font-size:15px!important}
  .cart-row-bottom{gap:7px}
  .cart-line-total{display:flex!important}
  .order-box{padding:11px!important}
}

/* ===== تعديل 2026-08-06: هيدر أكبر، سلة زجاجية مصغرة، ومراجعة قابلة للطي ===== */
.hero{
  padding:14px 10px 16px!important;
  background:#f1e5d6!important;
}
.header-bar{
  min-height:196px!important;
  padding:19px 17px 16px!important;
  grid-template-columns:96px minmax(0,1fr) 96px!important;
  gap:12px!important;
  background:rgba(255,250,244,.46)!important;
  border-color:rgba(255,255,255,.98)!important;
  box-shadow:
    0 0 0 1px rgba(126,82,45,.24),
    0 18px 40px rgba(82,50,25,.16),
    inset 0 1.5px 0 #fff,
    inset 0 -1px 0 rgba(126,82,45,.15)!important;
}
.header-bar::before{
  border-color:rgba(126,82,45,.22)!important;
}
.header-logo{
  width:94px!important;
  height:94px!important;
}
.header-title-art{
  width:min(100%,350px)!important;
  max-height:122px!important;
}

/* الزر المصغر: يسار الشاشة، زجاجي، عربة + السعر + رمز الريال فقط */
body{padding-bottom:78px!important}
.cart-bar{
  left:12px!important;
  right:auto!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  min-width:122px!important;
  max-width:154px!important;
  min-height:48px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  direction:ltr!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:17px!important;
  background:rgba(255,248,239,.72)!important;
  -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
  backdrop-filter:blur(20px) saturate(165%)!important;
  color:#55351f!important;
  box-shadow:
    0 10px 24px rgba(64,35,16,.18),
    0 0 0 1px rgba(126,82,45,.18),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(126,82,45,.10)!important;
}
.cart-bar-icon{
  position:relative!important;
  width:32px!important;
  height:32px!important;
  border:1px solid rgba(126,82,45,.13)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.42)!important;
  color:#55351f!important;
  font-size:17px!important;
}
.cart-count-badge{
  position:absolute;
  top:-6px;
  right:-7px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.94);
  border-radius:999px;
  background:#684326;
  color:#fff;
  font-size:9px;
  line-height:1;
  box-shadow:0 3px 8px rgba(65,37,17,.20);
}
.cart-bar-total{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  direction:ltr!important;
  color:#55351f!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
}
.cart-bar-total .sar-symbol{
  width:20px!important;
  height:20px!important;
  margin:0!important;
  filter:none!important;
}

/* نافذة سلة مصغرة لا تغطي كامل الشاشة */
.modal.open{display:block!important}
.modal-backdrop{
  background:rgba(48,30,18,.42)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
}
.sheet{
  left:50%!important;
  right:auto!important;
  bottom:max(9px,env(safe-area-inset-bottom))!important;
  width:min(calc(100% - 20px),510px)!important;
  height:auto!important;
  max-height:82dvh!important;
  padding:12px!important;
  transform:translateX(-50%)!important;
  overflow-y:auto!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:25px!important;
  background:rgba(255,249,242,.94)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:0 22px 52px rgba(47,27,13,.30),0 0 0 1px rgba(126,82,45,.13)!important;
}
.sheet-header{
  top:-12px!important;
  margin:-12px -12px 9px!important;
  padding:13px 14px 10px!important;
  border-radius:24px 24px 0 0!important;
  background:rgba(255,249,242,.92)!important;
}
.sheet-header h2{font-size:19px!important}
.sheet-header p{font-size:11px!important}

/* الإجمالي واضح ومرتب ورمز الريال بلونه الأصلي */
.cart-review-summary{
  margin-bottom:8px!important;
  padding:8px!important;
  gap:7px!important;
  border-radius:16px!important;
}
.review-stat,.review-total{
  min-height:50px!important;
  padding:7px 9px!important;
  border:1px solid rgba(126,82,45,.11)!important;
  background:rgba(247,235,220,.78)!important;
  color:#4d301c!important;
}
.review-stat span,.review-total>span{
  color:#876f5c!important;
  font-size:10px!important;
}
.review-stat strong{font-size:19px!important}
.review-total strong{
  margin-top:1px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  direction:ltr!important;
  color:#4d301c!important;
  font-size:21px!important;
  line-height:1!important;
}
.review-total .sar-symbol{
  width:23px!important;
  height:23px!important;
  margin:0!important;
  filter:none!important;
}

/* زر عرض/إخفاء الأصناف */
.cart-items-toggle{
  width:100%;
  min-height:54px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(126,82,45,.14);
  border-radius:15px;
  background:rgba(255,255,255,.66);
  color:#4d301c;
  text-align:right;
  box-shadow:0 6px 15px rgba(75,44,21,.07),inset 0 1px 0 rgba(255,255,255,.95);
}
.cart-items-toggle:disabled{opacity:.62;cursor:default}
.cart-items-toggle-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.cart-items-toggle-copy strong{font-size:13px;font-weight:950}
.cart-items-toggle-copy small{color:#8a7563;font-size:10px;font-weight:750}
.cart-items-toggle-arrow{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:#f1e3d2;
  font-size:20px;
  line-height:1;
  transition:transform .18s ease;
}
.cart-items-toggle.expanded .cart-items-toggle-arrow{transform:rotate(180deg)}
.cart-items-panel[hidden]{display:none!important}
.cart-items-panel{
  margin-top:7px;
  padding:7px;
  border:1px solid rgba(126,82,45,.10);
  border-radius:16px;
  background:rgba(247,237,225,.62);
}
.cart-items{
  max-height:31dvh!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  gap:6px!important;
}
.cart-item.cart-row{
  padding:9px!important;
  border-radius:14px!important;
  box-shadow:0 5px 12px rgba(76,45,22,.06)!important;
}
.cart-item.cart-row h4{font-size:13px!important;line-height:1.3!important}
.cart-row-meta{margin-top:4px!important;gap:5px!important}
.size-badge{padding:3px 7px!important;font-size:10px!important}
.unit-price{font-size:10px!important}
.deposit-note{margin-top:5px!important;padding:5px 7px!important;font-size:10px!important}
.cart-row-bottom{margin-top:7px!important;padding-top:7px!important;gap:7px!important}
.qty-controls{gap:4px!important;border-radius:10px!important}
.qty-btn{width:28px!important;height:28px!important;min-width:28px!important;line-height:28px!important}
.cart-line-total span{font-size:9px!important}
.cart-line-total strong{font-size:15px!important}
.remove-btn{padding:4px 7px!important;font-size:9px!important}
.danger-btn{margin:7px auto 0!important;padding:5px 10px!important;font-size:10px!important}
.order-box{
  margin-top:9px!important;
  padding:10px!important;
  border-radius:16px!important;
}
.order-box h3{font-size:14px!important}

@media(max-width:520px){
  body{padding-bottom:76px!important}
  .hero{padding:11px 8px 14px!important}
  .header-bar{
    min-height:184px!important;
    padding:17px 11px 14px!important;
    grid-template-columns:82px minmax(0,1fr) 82px!important;
    gap:7px!important;
  }
  .header-logo{width:82px!important;height:82px!important}
  .header-title-art{
    width:min(100%,270px)!important;
    max-height:112px!important;
    margin-bottom:8px!important;
  }
  .header-center .action-btn{min-height:35px!important}
  .cart-bar{
    left:10px!important;
    right:auto!important;
    min-width:116px!important;
    min-height:46px!important;
    padding:6px 9px!important;
    border-radius:16px!important;
  }
  .cart-bar-icon{width:31px!important;height:31px!important}
  .cart-bar-total{font-size:16px!important}
  .sheet{
    width:calc(100% - 16px)!important;
    max-height:80dvh!important;
    padding:10px!important;
    border-radius:22px!important;
  }
  .sheet-header{
    top:-10px!important;
    margin:-10px -10px 8px!important;
    padding:11px 12px 9px!important;
    border-radius:21px 21px 0 0!important;
  }
  .cart-review-summary{grid-template-columns:.85fr 1.15fr!important}
  .review-stat,.review-total{min-height:47px!important}
  .cart-items{max-height:29dvh!important}
  .order-box{padding:9px!important}
}

@media(max-width:365px){
  .header-bar{
    min-height:174px!important;
    grid-template-columns:72px minmax(0,1fr) 72px!important;
  }
  .header-logo{width:72px!important;height:72px!important}
  .header-title-art{max-height:104px!important}
}

@media(max-width:520px){
  .header-bar{
    grid-template-columns:74px minmax(0,1fr) 74px!important;
  }
  .header-logo{width:78px!important;height:78px!important}
  .header-center .action-btn{
    padding:5px 2px!important;
    gap:2px!important;
    font-size:9px!important;
  }
  .header-center .action-icon{font-size:11px!important}
  .header-center .action-btn b{
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* إبقاء السلة صغيرة: بيانات الطلب تفتح عند الحاجة فقط */
.checkout-toggle{
  width:100%;
  min-height:54px;
  margin-top:7px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:15px;
  background:linear-gradient(135deg,#6b4729,#4d301c);
  color:#fff;
  text-align:right;
  box-shadow:0 8px 18px rgba(66,38,18,.18),inset 0 1px 0 rgba(255,255,255,.22);
}
.checkout-toggle-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.checkout-toggle-copy strong{font-size:13px;font-weight:950}
.checkout-toggle-copy small{color:rgba(255,255,255,.72);font-size:10px;font-weight:700}
.checkout-toggle-arrow{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(255,255,255,.10);
  font-size:20px;
  line-height:1;
  transition:transform .18s ease;
}
.checkout-toggle.expanded .checkout-toggle-arrow{transform:rotate(180deg)}
.checkout-panel[hidden]{display:none!important}
.checkout-panel{margin-top:7px}
.checkout-panel .order-box{margin-top:0!important}
\n\n/* ===== 2026-08-07: ترتيب زر السلة والإجمالي فقط ===== */
#cartBar{
  direction:ltr!important;
  flex-direction:row!important;
}
#cartBar .cart-bar-icon{
  order:1!important;
  flex:0 0 auto!important;
}
#cartBar .cart-bar-total{
  order:2!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  font-family:inherit!important;
}
#cartBar #cartTotal{order:1!important;font-family:inherit!important;font-weight:900!important;}
#cartBar .cart-bar-total .sar-symbol{order:2!important;display:block!important;flex:0 0 auto!important;}
.review-total .review-total-value{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  font-family:inherit!important;
}
.review-total .review-cart-icon{order:1!important;display:inline-block!important;}
.review-total #sheetTotal{order:2!important;font-family:inherit!important;font-weight:900!important;}
.review-total .review-total-value .sar-symbol{order:3!important;display:block!important;flex:0 0 auto!important;}

/* ===== 2026-08-08: سلايدر الهيدر عالي الدقة مع حماية الحفظ العادي ===== */
.hero.protected-hero{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  padding:12px 8px 14px!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:#f1e5d6!important;
}
.protected-hero,
.protected-hero *{
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
.protected-hero .hero-carousel{
  position:relative;
  width:min(100%,760px);
  aspect-ratio:1536 / 819;
  margin:0 auto;
  overflow:hidden;
  border:1.5px solid rgba(255,255,255,.96);
  border-radius:30px;
  background:#25150d;
  box-shadow:0 17px 38px rgba(82,50,25,.22),0 0 0 1px rgba(126,82,45,.18);
  touch-action:pan-y pinch-zoom;
  cursor:default;
}
.protected-hero .hero-slides,
.protected-hero .hero-slide,
.protected-hero .hero-media-shield{
  position:absolute;
  inset:0;
}
.protected-hero .hero-slides{z-index:0}
.protected-hero .hero-slide{
  opacity:0;
  transform:scale(1.018);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  pointer-events:none;
  image-rendering:auto;
  transition:opacity .62s ease,transform 4.2s ease;
  will-change:opacity,transform;
}
.protected-hero .hero-slide.is-active{
  opacity:1;
  transform:scale(1);
}
.protected-hero .hero-media-shield{
  z-index:2;
  background:transparent;
}
.protected-hero .hero-actions{
  position:absolute!important;
  z-index:6!important;
  right:auto!important;
  bottom:20px!important;
  left:50%!important;
  width:min(60%,330px)!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  direction:rtl!important;
  transform:translateX(-50%)!important;
}
.protected-hero .hero-actions .action-btn{
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  padding:5px 5px!important;
  gap:4px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:999px!important;
  background:rgba(255,250,244,.90)!important;
  color:#654324!important;
  font-size:10px!important;
  font-weight:900!important;
  -webkit-backdrop-filter:blur(13px) saturate(150%)!important;
  backdrop-filter:blur(13px) saturate(150%)!important;
  box-shadow:0 7px 17px rgba(31,16,8,.24),inset 0 1px 0 #fff!important;
}
.protected-hero .hero-actions .action-btn:active{transform:scale(.96)!important}
.protected-hero .hero-actions .action-icon{font-size:13px!important;line-height:1!important}
.protected-hero .hero-actions .action-btn b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.protected-hero .hero-dots{
  position:absolute;
  z-index:7;
  right:auto;
  bottom:6px;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  direction:ltr;
  transform:translateX(-50%);
}
.protected-hero .hero-dot{
  width:7px;
  height:7px;
  min-width:0;
  padding:0;
  border:1px solid rgba(255,255,255,.92);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  box-shadow:0 2px 7px rgba(25,12,5,.32);
  transition:width .2s ease,background .2s ease;
}
.protected-hero .hero-dot.is-active{
  width:22px;
  background:#fff;
}
.protected-hero .hero-dot:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}

@media(max-width:520px){
  .hero.protected-hero{padding:9px 7px 11px!important}
  .protected-hero .hero-carousel{border-radius:24px}
  .protected-hero .hero-actions{
    bottom:18px!important;
    width:min(63%,255px)!important;
    gap:4px!important;
  }
  .protected-hero .hero-actions .action-btn{
    min-height:31px!important;
    padding:4px 3px!important;
    gap:2px!important;
    font-size:9px!important;
  }
  .protected-hero .hero-actions .action-icon{font-size:11px!important}
  .protected-hero .hero-dots{bottom:5px}
}
@media(max-width:365px){
  .protected-hero .hero-actions{width:min(68%,238px)!important}
  .protected-hero .hero-actions .action-btn{font-size:8.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .protected-hero .hero-slide{transition:opacity .15s linear;transform:none!important}
  .protected-hero .hero-dot{transition:none}
}

/* ===== 2026-08-08: الأزرار أسفل الهيدر وتصغير أدوات البحث ===== */
.protected-hero .hero-actions{
  position:relative!important;
  z-index:6!important;
  inset:auto!important;
  width:min(76%,420px)!important;
  margin:8px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  direction:rtl!important;
  transform:none!important;
}
.protected-hero .hero-actions .action-btn{
  min-height:35px!important;
  padding:5px 6px!important;
  font-size:10.5px!important;
  box-shadow:0 5px 14px rgba(75,43,20,.14),inset 0 1px 0 #fff!important;
}

.sticky-tools{
  padding:max(5px,env(safe-area-inset-top)) 6px 6px!important;
}
.sticky-tools .search-box{
  min-height:37px!important;
  border-radius:15px!important;
}
.sticky-tools .search-box input{
  padding:7px 0!important;
  font-size:16px!important;
}
.sticky-tools .search-box > span{
  font-size:17px!important;
}
#categoryTabs.category-tabs{
  margin-top:5px!important;
  padding:1px 2px 2px!important;
  gap:6px!important;
}
#categoryTabs.category-tabs > .tab-btn{
  min-height:37px!important;
  padding:6px 13px!important;
  border-radius:14px!important;
  font-size:11.5px!important;
}
#categoryTabs.category-tabs > .tab-btn::before{
  inset:2px!important;
  border-radius:10px!important;
}

@media(max-width:520px){
  .hero.protected-hero{padding-bottom:8px!important}
  .protected-hero .hero-actions{
    width:min(84%,330px)!important;
    margin-top:7px!important;
    gap:5px!important;
  }
  .protected-hero .hero-actions .action-btn{
    min-height:33px!important;
    padding:4px!important;
    font-size:9.5px!important;
  }
  .protected-hero .hero-actions .action-icon{font-size:12px!important}
  .sticky-tools{
    padding:max(4px,env(safe-area-inset-top)) 5px 5px!important;
  }
  .sticky-tools .search-box{
    min-height:36px!important;
    border-radius:14px!important;
  }
  .sticky-tools .search-box input{
    padding:6px 0!important;
    font-size:16px!important;
  }
  #categoryTabs.category-tabs{
    margin-top:4px!important;
    gap:5px!important;
  }
  #categoryTabs.category-tabs > .tab-btn{
    min-width:98px!important;
    min-height:36px!important;
    padding:6px 12px!important;
    border-radius:13px!important;
    font-size:11.5px!important;
  }
}

/* الترتيب النهائي بعد حذف الهيدر */
.sticky-tools{
  top:0!important;
  margin-top:0!important;
  padding:max(7px,env(safe-area-inset-top)) 6px 7px!important;
}
.menu-area{margin-top:8px!important}

/* الترتيب النهائي لشريط السلة والإجمالي */
#cartBar{
  direction:ltr!important;
  flex-direction:row!important;
}
#cartBar .cart-bar-total{
  order:2!important;
  direction:ltr!important;
  flex-direction:row!important;
}
#cartBar #cartTotal{order:2!important}
#cartBar .cart-bar-total .sar-symbol{order:1!important}
#cartBar .cart-bar-icon{order:1!important}
.review-total .review-total-value{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:center!important;
}
.review-total #sheetTotal{order:2!important}
.review-total .review-total-value .sar-symbol{order:1!important}
.review-total .review-cart-icon{display:none!important}

/* ===== حالة المطعم والدوام ومواقيت الصلاة ===== */
.store-status-wrap{
  width:min(94%,390px);
  margin:5px auto 0;
}
.store-status{
  width:100%;
  min-height:38px;
  padding:6px 9px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(101,67,36,.14);
  border-radius:13px;
  background:rgba(255,255,255,.70);
  color:#5b402c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 12px rgba(74,43,24,.07);
  text-align:right;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.store-status-icon{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(101,67,36,.10);
  font-size:14px;
  line-height:1;
}
.store-status-copy{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:1px;
  line-height:1.2;
}
.store-status-copy strong{
  overflow:hidden;
  font-size:11.5px;
  font-weight:950;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.store-status-copy small{
  overflow:hidden;
  color:inherit;
  opacity:.80;
  font-size:9.5px;
  font-weight:750;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.store-status-arrow{
  flex:0 0 auto;
  font-size:18px;
  line-height:1;
  transition:transform .2s ease;
}
.store-status[aria-expanded="true"] .store-status-arrow{transform:rotate(180deg)}
.store-status.is-open{
  border-color:rgba(27,124,70,.22);
  background:linear-gradient(145deg,rgba(237,249,241,.96),rgba(255,255,255,.78));
  color:#176b3a;
}
.store-status.is-open .store-status-icon{background:#d9f1e2}
.store-status.is-prayer{
  border-color:rgba(181,119,29,.28);
  background:linear-gradient(145deg,rgba(255,246,220,.97),rgba(255,253,246,.82));
  color:#865713;
}
.store-status.is-prayer .store-status-icon{background:#f7e4b0}
.store-status.is-break{
  border-color:rgba(169,101,27,.24);
  background:linear-gradient(145deg,rgba(251,237,218,.96),rgba(255,253,249,.80));
  color:#7e4b18;
}
.store-status.is-break .store-status-icon{background:#f4ddbd}
.store-status.is-closed{
  border-color:rgba(128,72,45,.20);
  background:linear-gradient(145deg,rgba(245,232,222,.96),rgba(255,252,249,.80));
  color:#74452d;
}
.store-status.is-closed .store-status-icon{background:#efdbcf}
.store-hours-panel[hidden]{display:none!important}
.store-hours-panel{
  margin-top:4px;
  padding:8px 9px;
  display:grid;
  gap:6px;
  border:1px solid rgba(101,67,36,.12);
  border-radius:12px;
  background:rgba(255,252,247,.96);
  box-shadow:0 8px 18px rgba(65,39,20,.10);
}
.store-hours-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#63442b;
  font-size:9.5px;
  line-height:1.35;
}
.store-hours-row b{flex:0 0 auto;font-weight:950}
.store-hours-row span{text-align:left;font-weight:750}
.store-hours-panel>small{
  padding-top:5px;
  border-top:1px solid rgba(101,67,36,.10);
  color:#85623d;
  font-size:9px;
  font-weight:800;
  text-align:center;
}
@media(max-width:520px){
  .store-status-wrap{width:96%;margin-top:4px}
  .store-status{min-height:36px;padding:5px 8px;border-radius:12px}
  .store-status-icon{width:24px;height:24px;flex-basis:24px}
  .store-status-copy strong{font-size:11px}
  .store-status-copy small{font-size:9px}
}

/* رمز الريال مضمّن داخل التنسيق لمنع رابط صورة مستقل والحفظ المعتاد */
.sar-symbol{
  background-color:transparent!important;
  background-image:url("data:image/png;base64,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")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  pointer-events:none!important;
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  font-size:0!important;
}

/* ===== 2026-08-12: ضبط الواجهة والطلب النهائي ===== */
html{
  min-height:100%;
  background:#efe3d3;
}
body{
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  background-color:#efe3d3;
  background-attachment:fixed;
}

/* شارة العروض تظهر في يسار منتصف الشاشة لمدة 15 ثانية فقط */
.offers-badge{
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  left:8px!important;
  min-height:36px!important;
  padding:5px 8px 5px 7px!important;
  gap:5px!important;
  border-radius:14px!important;
  font-size:10px!important;
  transform:translateY(-50%)!important;
  animation:offersBadgeLeftIn .38s cubic-bezier(.2,.8,.2,1) both!important;
}
.offers-badge-mark{
  width:22px!important;
  height:22px!important;
  border-radius:8px!important;
  font-size:13px!important;
}
.offers-badge.is-hiding{
  pointer-events:none!important;
  animation:offersBadgeLeftOut .30s ease forwards!important;
}
@keyframes offersBadgeLeftIn{
  from{opacity:0;transform:translate(-14px,-50%) scale(.92)}
  to{opacity:1;transform:translateY(-50%) scale(1)}
}
@keyframes offersBadgeLeftOut{
  from{opacity:1;transform:translateY(-50%) scale(1)}
  to{opacity:0;transform:translate(-10px,-50%) scale(.94)}
}

/* الأسهم داخل مربعات أنيقة مع بقاء حجم الخانات كما هو */
.cart-items-toggle-arrow,
.checkout-toggle-arrow,
.store-status-arrow{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(101,67,36,.16)!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,218,198,.92))!important;
  color:#5a3a24!important;
  box-shadow:0 4px 10px rgba(74,43,24,.10),inset 0 1px 0 #fff!important;
  font-size:18px!important;
  line-height:1!important;
}
.checkout-toggle-arrow{
  border-color:rgba(255,255,255,.34)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10))!important;
  color:#fffaf3!important;
  box-shadow:0 4px 10px rgba(43,23,11,.16),inset 0 1px 0 rgba(255,255,255,.32)!important;
}

/* إجمالي واضح وبنفس لون خطوط الموقع */
.review-total .review-total-value{
  color:var(--text)!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1!important;
  gap:4px!important;
}
.review-total #sheetTotal{
  color:var(--text)!important;
  font-size:19px!important;
  font-weight:700!important;
}
.review-total .sar-symbol{
  width:20px!important;
  height:20px!important;
  opacity:1!important;
  filter:none!important;
}

/* بيانات الطلب أكثر إحكاماً ليظهر زر الإرسال كاملاً */
.checkout-toggle-copy small{
  font-size:9.5px!important;
  line-height:1.25!important;
}
.checkout-panel{
  margin-top:6px!important;
}
.checkout-panel .order-box{
  max-height:none!important;
  padding:8px!important;
  overflow:visible!important;
}
.order-box h3{
  margin-bottom:5px!important;
}
.order-types{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-bottom:5px!important;
}
.order-types label{
  min-width:0!important;
  padding:8px 4px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
}
.field-label{
  margin:5px 0 3px!important;
}
#notesInput{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:7px 10px!important;
  resize:none!important;
}
.whatsapp-btn{
  min-height:46px!important;
  margin-top:7px!important;
  padding:9px 12px!important;
  font-size:16px!important;
}

@media(max-width:520px){
  html,body{background-color:#efe3d3!important}
  .sheet{
    max-height:calc(100dvh - max(18px,env(safe-area-inset-bottom)))!important;
  }
  .offers-badge{
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:8px!important;
  }
}

/* ===== 2026-08-12: حواف الأدوات، الموقع الدقيق، وصحن اللمة ===== */
.sticky-tools{
  top:0!important;
  width:min(calc(100% - 12px),880px)!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.90)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(247,238,227,.96),rgba(247,238,227,.88))!important;
  box-shadow:0 10px 27px rgba(82,50,25,.13),inset 0 1px 0 #fff!important;
  background-clip:padding-box!important;
}
#placeNameInput{
  min-height:43px!important;
  font-size:16px!important;
}
.offer-item-card .variant-btn{
  border-color:rgba(101,67,36,.13)!important;
  background:rgba(255,255,255,.78)!important;
  color:var(--text)!important;
  box-shadow:0 6px 15px rgba(75,44,21,.07),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.offer-item-card .variant-btn .price{color:var(--brand-dark)!important}
.offer-item-card .variant-btn .sar-symbol{filter:none!important}
@media(max-width:520px){
  .sticky-tools{
    width:calc(100% - 10px)!important;
    margin-top:0!important;
    border-radius:20px!important;
  }
}

/* ===== 2026-08-13: الأقسام المستقلة ===== */
.sticky-stack{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:80;
  box-sizing:border-box;
  width:min(calc(100% - 12px),880px);
  margin:0 auto;
}
.sticky-stack>.sticky-tools{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  isolation:isolate;
  overflow:hidden;
  width:100%!important;
  margin:0!important;
  border:1px solid rgba(101,67,36,.11)!important;
  background:transparent!important;
}
.sticky-stack>.sticky-tools::before{
  content:"";
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  width:260%;
  aspect-ratio:1;
  background:conic-gradient(
    from 0deg,
    transparent 0deg 305deg,
    rgba(102,62,33,.12) 315deg,
    #704524 329deg,
    #55311d 346deg,
    transparent 360deg
  );
  transform:translate(-50%,-50%) rotate(0deg);
  transform-origin:center;
  animation:firstPanelBorderOrbit 4.8s linear infinite;
}
.sticky-stack>.sticky-tools::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:1.5px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(247,238,227,.96),rgba(247,238,227,.89));
}
.sticky-stack>.sticky-tools>*{
  position:relative;
  z-index:2;
}
.category-panel{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  width:100%;
  margin:6px auto 0;
  padding:2px;
  overflow:hidden;
  border:1.5px solid var(--brand);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(247,238,227,.96),rgba(247,238,227,.89));
  box-shadow:0 8px 20px rgba(82,50,25,.10),inset 0 1px 0 rgba(255,255,255,.88);
}
.category-panel::before{
  content:none;
  animation:none;
}
.category-panel::after{
  content:none;
}
@keyframes firstPanelBorderOrbit{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
.category-panel>#categoryTabs.category-tabs{
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:1px 2px 2px!important;
  background:transparent!important;
}
body.modal-open .sticky-stack{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:520px){
  .sticky-stack{width:calc(100% - 10px)}
  .sticky-stack>.sticky-tools{
    width:100%!important;
    border-radius:20px!important;
  }
  .sticky-stack>.sticky-tools::after{border-radius:18px}
  .category-panel{
    margin-top:5px;
    border-radius:18px;
  }
  .category-panel>#categoryTabs.category-tabs{
    margin:0!important;
    padding:1px 2px 2px!important;
  }
}

/* ===== 2026-08-22: الدفع والتحويل إلى حساب المؤسسة ===== */
.payment-box{
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid rgba(101,67,36,.12);
}
.payment-heading{
  margin-bottom:7px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.payment-heading h3{
  margin:0!important;
  color:var(--brand-dark);
  font-size:14px!important;
}
.payment-heading small{
  color:var(--muted);
  font-size:10px;
  font-weight:750;
}
.payment-types{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.payment-types.delivery-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-option{
  position:relative;
  min-width:0;
  min-height:64px;
  padding:6px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  overflow:hidden;
  border:1px solid rgba(101,67,36,.14);
  border-radius:13px;
  background:rgba(255,253,249,.92);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.payment-option[hidden]{display:none!important}
.payment-option:active{transform:scale(.985)}
.payment-option:has(input:checked){
  border-color:#724927;
  background:linear-gradient(145deg,#fffaf3,#f1dfca);
  box-shadow:0 0 0 1px rgba(114,73,39,.12),0 6px 14px rgba(75,44,21,.08);
}
.payment-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.payment-option-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border:1px solid rgba(101,67,36,.12);
  border-radius:10px;
  background:#f0e2d1;
  color:#684425;
  font-weight:950;
}
.payment-option-icon svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.payment-option:has(input:checked) .payment-option-icon{
  border-color:transparent;
  background:linear-gradient(135deg,#6d4728,#4b2f1c);
  color:#fff;
}
.payment-option-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  text-align:center;
}
.payment-option-copy b{
  color:var(--brand-dark);
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
.payment-option-copy small{
  color:var(--muted);
  font-size:8px;
  font-weight:700;
  white-space:nowrap;
}

/* بيانات التوصيل: تحديد الموقع مستمر لكن تفاصيله مخفية من النموذج */
#locationWrap .delivery-location-technical{display:none!important}
#locationWrap .delivery-fee-note,
#locationWrap .delivery-location-compact{
  height:26px;
  min-height:0;
  margin:3px 0 4px;
  padding:4px 7px;
  justify-content:center;
  gap:4px;
  border-radius:9px;
  font-size:9px;
  line-height:1.2;
  text-align:center;
}
#locationWrap .delivery-fee-note>span:first-child,
#locationWrap .delivery-location-compact>span:first-child{
  font-size:10px;
  line-height:1;
}
#locationWrap .delivery-location-compact.error{
  height:auto;
  min-height:26px;
}
.bank-transfer-panel[hidden]{display:none!important}
.bank-transfer-panel{
  width:calc(100% - 14px);
  margin:7px auto 0;
  overflow:hidden;
  border:1px solid rgba(4,47,85,.20);
  border-radius:13px;
  background:linear-gradient(180deg,#fff 0%,#f7f3ed 100%);
  box-shadow:0 6px 16px rgba(43,37,30,.08);
  animation:bankPanelIn .22s ease both;
}
@keyframes bankPanelIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
.bank-transfer-header{
  min-height:40px;
  padding:6px 8px;
  display:flex;
  align-items:center;
  gap:7px;
  background:linear-gradient(135deg,#082f55,#061f3a);
  color:#fff;
}
.bank-transfer-mark{
  min-width:54px;
  padding:5px 7px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:rgba(255,255,255,.09);
  font-size:10px;
  font-weight:950;
}
.bank-transfer-header>span:last-child{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.bank-transfer-header strong{font-size:11px;font-weight:950}
.bank-transfer-header small{color:rgba(255,255,255,.72);font-size:8px;font-weight:700}
.bank-transfer-body{
  padding:7px 9px 5px;
  display:block;
}
.bank-beneficiary{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  text-align:center;
}
.bank-beneficiary>span,
.bank-iban-copy>span{
  color:#64707d;
  font-size:8px;
  font-weight:800;
}
.bank-beneficiary strong{
  width:100%;
  color:#172b3d;
  font-size:10px;
  font-weight:950;
  line-height:1.35;
  white-space:nowrap;
}
.bank-beneficiary small{
  width:100%;
  color:#5e6871;
  font-size:8px;
  font-weight:700;
  line-height:1.35;
}
.bank-iban-row{
  margin:0 7px 6px;
  padding:6px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid rgba(8,47,85,.12);
  border-radius:10px;
  background:#f3f6f8;
}
.bank-iban-copy{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.bank-iban-copy b{
  max-width:100%;
  color:#082f55;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1px;
  white-space:nowrap;
}
.copy-iban-btn{
  min-width:49px;
  min-height:32px;
  padding:5px 7px;
  flex:0 0 auto;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#0b477d,#072f57);
  color:#fff;
  box-shadow:0 3px 8px rgba(8,47,85,.15);
  font-size:10px;
  font-weight:950;
}
.open-alrajhi-btn{
  width:calc(100% - 14px);
  min-height:39px;
  margin:0 7px 6px;
  padding:6px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#0a3d6e,#061f3a);
  color:#fff;
  box-shadow:0 5px 12px rgba(8,47,85,.16),inset 0 1px 0 rgba(255,255,255,.16);
  text-align:right;
  text-decoration:none;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease;
}
.open-alrajhi-btn:active{
  transform:scale(.985);
  box-shadow:0 4px 10px rgba(8,47,85,.16),inset 0 1px 0 rgba(255,255,255,.14);
}
.open-alrajhi-icon{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 26px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:8px;
  background:rgba(255,255,255,.10);
  font-size:15px;
  font-weight:950;
}
.open-alrajhi-copy{
  display:flex;
  align-items:center;
}
.open-alrajhi-copy strong{font-size:11px;font-weight:950}
.bank-transfer-note{
  margin:0;
  padding:6px 8px;
  border-top:1px solid rgba(8,47,85,.09);
  background:#eef5fa;
  color:#234861;
  font-size:9px;
  font-weight:850;
  text-align:center;
}
@media(max-width:370px){
  .payment-option{padding:7px 5px;gap:5px}
  .payment-option-icon{width:27px;height:27px;flex-basis:27px}
  .payment-option-copy b{font-size:11px}
  .payment-option-copy small{font-size:8px}
  .bank-transfer-body{padding:6px 7px 4px}
  .bank-beneficiary strong{font-size:9px}
  .bank-iban-copy b{font-size:9px}
  .copy-iban-btn{min-width:45px;padding-inline:6px}
}