/* F5R SHELL — نفس هيدر وفوتر قالب فخر بالظبط. منسوخ حرفيًا من ملفات القالب (style.css + inline + fixed-shell + liquid-glass + polish). */
#header.ct-header,#footer.ct-footer,.ct-back-to-top{display:none!important}
:root{--f5r-primary: #d4af37;--f5r-on-primary: #111111;--f5r-primary-light: #f5df70;--f5r-primary-dark: #9f7c0c;--f5r-accent: #65c7ce;--f5r-bg: #09090c;--f5r-background: var(--f5r-bg);--f5r-surface: #111116;--f5r-surface-2: #17171e;--f5r-surface-secondary: var(--f5r-surface-2);--f5r-border: #27272f;--f5r-text: #f7f7f8;--f5r-muted: #a4a4ad;--f5r-text-secondary: var(--f5r-muted);--f5r-danger: #ef4444;--f5r-on-danger: #ffffff;--f5r-success: #36b37e;--f5r-on-success: #ffffff;--f5r-warning: #e6a23c;--f5r-gold: var(--f5r-primary);--f5r-gold-light: var(--f5r-primary-light);--f5r-gold-dark: var(--f5r-primary-dark);--f5r-radius: 18px;--f5r-shadow: 0 18px 50px rgba(0, 0, 0, .35);--f5r-container-width: 1180px;--f5r-content-width: 850px;--f5r-page-spacing: 70px;--f5r-primary:#168cff;--f5r-on-primary:#ffffff;--f5r-primary-light:#54b8ff;--f5r-primary-dark:#0047b3;--f5r-accent:#65c7ce;--f5r-bg:#070b14;--f5r-background:var(--f5r-bg);--f5r-surface:#111827;--f5r-surface-2:#0d1626;--f5r-surface-secondary:var(--f5r-surface-2);--f5r-text:#f8fafc;--f5r-muted:#94a3b8;--f5r-text-secondary:var(--f5r-muted);--f5r-border:#1d3d66;--f5r-success:#36b37e;--f5r-on-success:#ffffff;--f5r-warning:#e6a23c;--f5r-danger:#ff3b4e;--f5r-on-danger:#ffffff;--f5r-gold:var(--f5r-primary);--f5r-gold-light:var(--f5r-primary-light);--f5r-gold-dark:var(--f5r-primary-dark);--f5r-radius:35px;--f5r-font:"Cairo", Tahoma, Arial, sans-serif;--f5r-container-width:1410px;--f5r-content-width:850px;--f5r-page-spacing:70px;--f5r-heading-font:"Cairo", Tahoma, Arial, sans-serif;--f5r-body-size:16px;--f5r-line-height:1.8;--f5r-button-height:48px;--f5r-button-radius:12px;--f5r-card-border:1px;--f5r-shadow-alpha:0.35;--f5r-glass-blur:22px;--f5r-glass-opacity:72%;--f5r-glass-saturation:145%;--f5r-glass-radius:22px;--f5r-glass-highlight:0.38;--f5r-primary:#168cff;--f5r-primary-light:#54b8ff;--f5r-primary-dark:#0047b3;--f5r-on-primary:#ffffff;--f5r-accent:#168cff;--f5r-bg:#070b14;--f5r-surface:#111c30;--f5r-surface-2:#0d1626;--f5r-border:#20365c;--f5r-text:#f6f9ff;--f5r-muted:#93a6c4;--f5r-radius:16px;--fp-sadu:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDk2IDQwIj48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iNDAiIGZpbGw9IiNlOWYxZmIiLz48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iMyIgZmlsbD0iIzFmN2ZlMCIvPjxyZWN0IHdpZHRoPSI5NiIgaGVpZ2h0PSIzIiB5PSIzNyIgZmlsbD0iIzFmN2ZlMCIvPjxyZWN0IHdpZHRoPSI5NiIgaGVpZ2h0PSIxLjUiIHk9IjYiIGZpbGw9IiMwYTIwMzYiLz48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iMS41IiB5PSIzMi41IiBmaWxsPSIjMGEyMDM2Ii8+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY3ZmUwIiBzdHJva2Utd2lkdGg9IjIuNCI+PHBhdGggZD0iTTI0IDkgMzkgMjAgMjQgMzEgOSAyMFoiLz48cGF0aCBkPSJNNzIgOSA4NyAyMCA3MiAzMSA1NyAyMFoiLz48L2c+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGEyMDM2IiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0yNCAxNCAzMSAyMCAyNCAyNiAxNyAyMFoiLz48cGF0aCBkPSJNNzIgMTQgNzkgMjAgNzIgMjYgNjUgMjBaIi8+PC9nPjxjaXJjbGUgY3g9IjI0IiBjeT0iMjAiIHI9IjEuOCIgZmlsbD0iIzFmN2ZlMCIvPjxjaXJjbGUgY3g9IjcyIiBjeT0iMjAiIHI9IjEuOCIgZmlsbD0iIzFmN2ZlMCIvPjxnIGZpbGw9IiMwYTIwMzYiPjxwYXRoIGQ9Ik0wIDEzIDcgMjAgMCAyN1oiLz48cGF0aCBkPSJNNDggMTMgNDEgMjAgNDggMjdaTTQ4IDEzIDU1IDIwIDQ4IDI3WiIvPjxwYXRoIGQ9Ik05NiAxMyA4OSAyMCA5NiAyN1oiLz48L2c+PGcgZmlsbD0iIzU0YjhmZiI+PHJlY3QgeD0iMjIiIHk9IjMuNSIgd2lkdGg9IjQiIGhlaWdodD0iMyIvPjxyZWN0IHg9IjcwIiB5PSIzLjUiIHdpZHRoPSI0IiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMiIgeT0iMzMuNSIgd2lkdGg9IjQiIGhlaWdodD0iMyIvPjxyZWN0IHg9IjcwIiB5PSIzMy41IiB3aWR0aD0iNCIgaGVpZ2h0PSIzIi8+PC9nPjwvc3ZnPgo=");--fp-sadu-thin:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQwIDE0Ij48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iMTQiIGZpbGw9IiNlOWYxZmIiLz48cmVjdCB3aWR0aD0iNDAiIGhlaWdodD0iMiIgZmlsbD0iIzFmN2ZlMCIvPjxyZWN0IHdpZHRoPSI0MCIgaGVpZ2h0PSIyIiB5PSIxMiIgZmlsbD0iIzFmN2ZlMCIvPjxwYXRoIGQ9Ik04IDMgMTMgNyA4IDExIDMgN1oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzBhMjAzNiIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNMjggMyAzMyA3IDI4IDExIDIzIDdaIiBmaWxsPSJub25lIiBzdHJva2U9IiMwYTIwMzYiIHN0cm9rZS13aWR0aD0iMS42Ii8+PHBhdGggZD0iTTAgNyAzIDQgMyAxMFpNNDAgNyAzNyA0IDM3IDEwWk0yMCA3IDE3IDQgMTcgMTBaTTIwIDcgMjMgNCAyMyAxMFoiIGZpbGw9IiMxZjdmZTAiLz48L3N2Zz4K")}
.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp{direction: rtl;color: var(--f5r-text);font-family: var(--f5r-font, "Cairo", Tahoma, Arial, sans-serif);line-height: 1.8;-webkit-font-smoothing: antialiased;font-size:var(--f5r-body-size);line-height:var(--f5r-line-height)}
/* ---- base from style.css ---- */
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) *,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp),
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) *::before,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp)::before,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) *::after,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp)::after{ box-sizing: border-box; }
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) img{ max-width: 100%; height: auto; }
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) a{ color: inherit; text-decoration: none; }
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) button,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) input,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) textarea,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) select{ font: inherit; }
/* ---- base from inline ---- */
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h1,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h2,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h3,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h4,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h5,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h6{font-family:var(--f5r-heading-font)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h1{font-size:clamp(28px,5vw,50px)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h2{font-size:clamp(24px,4vw,40px)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h3{font-size:clamp(17px,3vw,24px)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) a:hover{color:var(--f5r-primary-light)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) ::selection{background:var(--f5r-primary);color:var(--f5r-bg)}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h1,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h2,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) h3{
  font-family:"Reem Kufi","Cairo",Tahoma,sans-serif !important;
  letter-spacing:0;
}
/* ---- base from polish.css ---- */
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) a:focus-visible,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) button:focus-visible,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) input:focus-visible,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) select:focus-visible,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) textarea:focus-visible,
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) [tabindex]:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--f5r-primary) 85%, transparent);
  outline-offset: 3px;
  border-radius: 6px;
}
/* theme .screen-reader-text */
.screen-reader-text{
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus{
  width: auto; height: auto; margin: 8px; padding: 10px 14px;
  clip: auto; background: var(--f5r-surface); color: var(--f5r-text); z-index: 100000;
}
/* Blocksy resets inside the shell */
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) img{vertical-align:baseline}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) :is(h1,h2,h3,h4,h5,h6){line-height:inherit}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) .menu{display:block;gap:normal}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) .menu li.menu-item,:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) .menu li.page_item{display:list-item;align-items:normal}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) .menu a{display:inline;width:auto;height:auto}
/* Blocksy form defaults the old theme never set — back to browser defaults (theme rules above are bumped with :not(#f5r-b) and still win) */
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) :is(input,select,textarea):not(#f5r-b){height:auto;min-height:auto;border-radius:0;-webkit-appearance:auto;appearance:auto;outline-style:none}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) select:not(#f5r-b){line-height:normal}
:where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) :where([type="submit"]):is(button,input):not(#f5r-b){display:inline-block;min-height:auto;-webkit-appearance:auto;appearance:auto;font-size:inherit;line-height:inherit}
/* WordPress core emoji styles (wp-emoji-styles), which Blocksy stops printing */
img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 0.07em!important;vertical-align:-0.1em!important;background:none!important;padding:0!important}
/* Blocksy off-canvas menu + search modal (markup stays, unused) */
.ct-drawer-canvas{display:none!important}
/* ---- .woocommerce element rules from style.css ---- */
.woocommerce :where(.f5r-page-loader,.f5r-announce,.f5r-header,.f5r-currency-modal,.f5r-search,.f5r-drawer-overlay,.f5r-drawer,.f5r-footer,.f5r-floating-whatsapp) select:not(#f5r-b){
  padding: 11px; border: 1px solid var(--f5r-border); border-radius: 9px; background: var(--f5r-surface-2); color: var(--f5r-text);
}
/* ---- from style.css ---- */
body.admin-bar .f5r-header.is-sticky{ top: 32px; }
.f5r-container{ width: min(var(--f5r-container-width), calc(100% - 36px)); margin-inline: auto; }
.f5r-header{
  position: relative; z-index: 1000;
  background: color-mix(in srgb, var(--f5r-bg) 90%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--f5r-primary) 14%, var(--f5r-border));
  backdrop-filter: blur(18px);
}
.f5r-header.is-sticky{ position: sticky; top: 0; }
.f5r-header__row{ min-height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; }
.f5r-header__actions,
.f5r-header__utilities{ display: flex; align-items: center; gap: 12px; }
.f5r-header__utilities{ justify-content: flex-end; }
.f5r-menu-toggle{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--f5r-border);
  border-radius: 12px; color: var(--f5r-text); background: var(--f5r-surface); cursor: pointer;
  transition: .25s ease;
}
.f5r-menu-toggle:hover{ color: var(--f5r-primary-light); border-color: var(--f5r-primary); transform: translateY(-2px); }
.f5r-menu-toggle span{ font-size: 14px; font-weight: 800; }
.f5r-brand{ display: flex; align-items: center; justify-content: center; }
.f5r-brand .custom-logo,
.f5r-brand__img{ display: block; width: auto; max-height: 58px; }
.f5r-brand__text{ font-size: 24px; font-weight: 900; color: var(--f5r-primary-light); }
.f5r-cart{ position: relative; display: inline-flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--f5r-primary); color: var(--f5r-on-primary); font-weight: 900; }
.f5r-cart__count{ position: absolute; top: -7px; right: -7px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 20px; background: var(--f5r-danger); color: var(--f5r-on-danger); font-size: 11px; }
.f5r-cart__total{ font-size: 13px; }
.f5r-drawer-overlay{ position: fixed; inset: 0; z-index: 1998; background: rgba(0,0,0,.72); opacity: 0; visibility: hidden; transition: .3s; }
.f5r-drawer{ position: fixed; inset: 0 auto 0 0; z-index: 1999; width: min(360px, 88vw); padding: 24px; overflow-y: auto; background: var(--f5r-surface); border-right: 2px solid var(--f5r-primary); transform: translateX(-105%); transition: .35s cubic-bezier(.22,1,.36,1); }
.f5r-drawer.is-open{ transform: translateX(0); }
.f5r-drawer-overlay.is-open{ opacity: 1; visibility: visible; }
.f5r-drawer__head{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--f5r-border); }
.f5r-drawer__title{ font-size: 18px; font-weight: 900; }
.f5r-drawer .menu,
.f5r-drawer .sub-menu{ list-style: none; margin: 0; padding: 18px 0 0; }
.f5r-drawer .menu a{ display: block; padding: 12px 8px; border-bottom: 1px solid var(--f5r-border); font-weight: 700; transition: .2s; }
.f5r-drawer .menu a:hover{ color: var(--f5r-primary-light); padding-right: 14px; }
.f5r-drawer .sub-menu{ padding: 0 14px 0 0; }
.f5r-drawer .sub-menu a{ color: var(--f5r-muted); font-size: 14px; }
.f5r-featured-section.has-bg-image > .f5r-container{ position: relative; z-index: 1; }
.f5r-footer{ border-top: 1px solid var(--f5r-border); background: var(--f5r-bg); }
.f5r-footer__grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 55px; padding: 60px 0 44px; }
.f5r-footer h3{ margin: 0 0 16px; color: var(--f5r-primary-light); font-size: 17px; }
.f5r-footer p{ color: var(--f5r-muted); }
.f5r-footer .menu{ list-style: none; padding: 0; margin: 0; }
.f5r-footer .menu li{ margin: 8px 0; }
.f5r-footer .menu a,
.f5r-footer__contact a{ color: var(--f5r-muted); transition: .2s; }
.f5r-footer .menu a:hover,
.f5r-footer__contact a:hover{ color: var(--f5r-primary-light); }
.f5r-footer__bottom{ padding: 18px 0; border-top: 1px solid var(--f5r-border); color: var(--f5r-muted); text-align: center; font-size: 13px; }
@media (max-width: 782px){
body.admin-bar .f5r-header.is-sticky{ top: 46px; }
}
@media (max-width: 720px){
.f5r-header__row{ min-height: 70px; grid-template-columns: 1fr auto 1fr; gap: 8px; }
.f5r-menu-toggle span,
.f5r-cart__total{ display: none; }
.f5r-brand .custom-logo,
.f5r-brand__img{ max-height: 44px; max-width: 130px; }
.f5r-header__actions,
.f5r-header__utilities{ gap: 6px; }
.f5r-menu-toggle{ min-width: 40px; min-height: 40px; padding: 0 9px; }
.f5r-footer__grid{ grid-template-columns: 1fr; gap: 30px; }
}
.f5r-announcement{
  position: relative; z-index: 1002; padding: 8px 0; overflow: hidden;
  color: var(--f5r-on-primary); background: linear-gradient(90deg, var(--f5r-primary-dark), var(--f5r-primary-light), var(--f5r-primary));
  text-align: center; font-size: 13px; font-weight: 900;
}
.f5r-announcement span{ margin-inline: 9px; }
.f5r-header{ background: color-mix(in srgb,var(--f5r-bg) 96%,transparent); border-color: color-mix(in srgb,var(--f5r-primary) 28%,var(--f5r-border)); }
.f5r-header::after{ content: ""; display: block; height: 3px; opacity: .42; background: repeating-linear-gradient(90deg, transparent 0 30px, var(--f5r-primary) 30px 34px, transparent 34px 52px); }
.f5r-header__row{ min-height: 88px; }
.f5r-menu-toggle{ background: var(--f5r-surface-2); border-color: var(--f5r-border); }
@media (max-width: 720px){
.f5r-announcement{ padding: 6px 0; font-size: 11px; }
.f5r-header__row{ min-height: 68px; }
}
/* ---- from inline ---- */
.f5r-footer h3{font-size:clamp(17px,3vw,24px)}
.f5r-brand__text{
  font-family:"Reem Kufi","Cairo",Tahoma,sans-serif !important;
  letter-spacing:0;
}
.f5r-brand__text{
  background:linear-gradient(90deg,#54b8ff,#168cff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* ---- from fixed-shell.css ---- */
.f5r-page-loader{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  background: var(--f5r-bg);
  background: color-mix(in srgb, var(--f5r-bg) 72%, transparent);
  backdrop-filter: blur(15px) saturate(.75);
  -webkit-backdrop-filter: blur(15px) saturate(.75);
  transition: opacity .46s ease, visibility .46s ease;
  animation: f5r-loader-failsafe 4s step-end forwards;
}
.f5r-page-loader::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--f5r-primary) 13%, transparent), transparent 27%),
    linear-gradient(180deg, color-mix(in srgb, var(--f5r-surface) 48%, transparent), color-mix(in srgb, var(--f5r-bg) 78%, transparent));
}
.f5r-page-loader.is-leaving{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.f5r-page-loader__inner{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}
.f5r-page-loader__spinner{
  width: 31px;
  height: 31px;
  fill: none;
  stroke: rgba(255, 255, 255, .82);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-dasharray: 18 16;
  filter: drop-shadow(0 0 7px rgba(255, 255, 255, .2));
  animation: f5r-loader-spin .82s linear infinite;
}
.f5r-page-loader__logo{
  display: grid;
  place-items: center;
  animation: f5r-loader-logo 1.05s ease-in-out infinite;
}
.f5r-page-loader__logo img{
  width: auto;
  max-width: min(290px, 58vw);
  max-height: 150px;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .38));
}
.f5r-page-loader__logo strong{
  color: var(--f5r-primary-light);
  font-size: clamp(30px, 8vw, 64px);
}
@media (prefers-reduced-motion: reduce){
.f5r-page-loader__logo{ animation: none; }
.f5r-page-loader__spinner{ animation-duration: 1.5s; }
}
.f5r-fixed-header{
  position: sticky !important;
  top: 0;
  z-index: 1900;
  display: block !important;
  color: var(--f5r-text) !important;
  background: var(--f5r-bg) !important;
  background: color-mix(in srgb, var(--f5r-bg) 97%, transparent) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--f5r-primary) !important;
  border-bottom-color: color-mix(in srgb, var(--f5r-primary) 18%, transparent) !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(18px);
}
.f5r-fixed-header::after{ display: none !important; }
body.admin-bar .f5r-fixed-header{ top: 32px !important; }
.f5r-fixed-header__row{
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center;
  gap: 28px;
}
.f5r-fixed-header__primary,
.f5r-fixed-header__utilities{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.f5r-fixed-header__primary{
  grid-column: 1;
  justify-content: flex-start;
}
.f5r-fixed-header__brand{
  grid-column: 2;
  justify-self: center;
}
.f5r-fixed-header__utilities{
  grid-column: 3;
  justify-content: flex-end;
}
.f5r-fixed-header__brand .custom-logo-link,
.f5r-fixed-header__brand > a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.f5r-fixed-header__brand .custom-logo,
.f5r-fixed-header__brand .f5r-brand__img{
  width: auto !important;
  max-width: 170px !important;
  max-height: 52px !important;
  object-fit: contain;
}
.f5r-header-menu,
.f5r-header-icon,
.f5r-fixed-cart,
.f5r-liquid-glass .f5r-header-menu,
.f5r-liquid-glass .f5r-header-icon,
.f5r-liquid-glass .f5r-fixed-cart{
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 4px !important;
  color: var(--f5r-text) !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.f5r-header-menu{
  width: auto !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.f5r-header-menu:hover,
.f5r-header-icon:hover,
.f5r-fixed-cart:hover{
  color: var(--f5r-primary-light) !important;
  background: none !important;
  transform: none !important;
}
.f5r-header-menu svg,
.f5r-header-icon svg,
.f5r-fixed-cart svg{
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.f5r-header-menu svg{ color: var(--f5r-primary); }
.f5r-header-currency{
  color: var(--f5r-muted);
  white-space: nowrap;
  font-size: 14px;
}
.f5r-fixed-cart{ position: relative; }
.f5r-fixed-cart .f5r-cart__total{
  color: var(--f5r-on-primary);
  font-size: 13px;
  white-space: nowrap;
}
.f5r-fixed-cart .f5r-cart__count{
  top: 1px;
  right: 0;
  min-width: 20px;
  height: 20px;
  color: var(--f5r-on-danger);
  background: var(--f5r-danger);
  border: 2px solid var(--f5r-bg);
}
.f5r-fixed-drawer{
  color: var(--f5r-text);
  background: var(--f5r-surface) !important;
  border-color: var(--f5r-primary) !important;
}
@media (min-width: 901px){
.f5r-currency-trigger--drawer{ display: none !important; }
}
.f5r-announce{
  position: relative;
  z-index: 1600;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 40px 0 12px;
  color: var(--f5r-on-primary);
  background: linear-gradient(90deg, var(--f5r-primary-dark), var(--f5r-primary), var(--f5r-primary-dark));
}
.f5r-announce[hidden]{ display: none !important; }
.f5r-announce__viewport{ flex: 1 1 auto; min-width: 0; overflow: hidden; }
.f5r-announce__track{
  display: flex;
  width: max-content;
  animation: f5r-announce-roll var(--announce-speed, 26s) linear infinite;
}
.f5r-announce:hover .f5r-announce__track{ animation-play-state: paused; }
.f5r-announce__group{ display: flex; flex: 0 0 auto; }
.f5r-announce__item{
  display: inline-flex;
  align-items: center;
  padding: 6px 22px;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.f5r-announce__item::after{
  content: "•";
  margin-inline-start: 26px;
  opacity: .55;
}
.f5r-announce__close{
  position: absolute;
  inset-inline-start: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  padding: 0;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  opacity: .8;
}
.f5r-announce__close:hover{ opacity: 1; }
.f5r-announce__close svg{
  width: 15px; height: 15px;
  fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round;
}
@media (prefers-reduced-motion: reduce){
.f5r-announce__track{ animation: none; }
}
.f5r-search{ position: fixed; inset: 0; z-index: 2100; display: flex; align-items: flex-start; justify-content: center; }
.f5r-search[hidden]{ display: none !important; }
.f5r-search__backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.66); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.f5r-search__panel{
  position: relative;
  width: min(720px, calc(100% - 32px));
  margin-top: clamp(70px, 14vh, 150px);
  
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 14px;
  background: var(--f5r-surface);
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 34%, transparent);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
}
.f5r-search__form{ min-width: 0; display: flex; align-items: center; gap: 10px; }
.f5r-search__icon{ width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: var(--f5r-primary-light); stroke-width: 1.9; stroke-linecap: round; }
.f5r-search__input:not(#f5r-b){
  flex: 1 1 auto;
  min-width: 0;
  padding: 12px 4px;
  color: var(--f5r-text);
  background: none;
  border: 0;
  outline: none;
  font-size: 16px;
}
.f5r-search__input:not(#f5r-b)::placeholder{ color: var(--f5r-muted); }
.f5r-search__submit:not(#f5r-b){
  flex: 0 0 auto;
  padding: 11px 20px;
  color: var(--f5r-on-primary);
  background: var(--f5r-primary);
  border: 0;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
}
.f5r-search__close{
  flex: 0 0 auto;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  padding: 0;
  color: var(--f5r-muted);
  background: none; border: 0; cursor: pointer;
}
.f5r-search__close:hover{ color: var(--f5r-text); }
.f5r-search__close svg{ width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
@media (max-width: 600px){
.f5r-search__panel{ padding: 11px; gap: 6px; }
.f5r-search__submit:not(#f5r-b){ padding: 10px 14px; font-size: 13px; }
.f5r-search__input:not(#f5r-b){ font-size: 16px; }
}
.f5r-currency-trigger{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 13px;
  color: var(--f5r-text);
  background: none;
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 30%, transparent);
  border-radius: 999px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color .2s ease, color .2s ease;
}
.f5r-currency-trigger:hover{ color: var(--f5r-primary-light); border-color: var(--f5r-primary); }
.f5r-currency-trigger svg{ width: 15px; height: 15px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.f5r-currency-trigger--drawer{
  width: 100%;
  justify-content: space-between;
  margin-top: 18px;
  padding: 13px 16px;
  border-radius: 14px;
  font-size: 15px;
}
.f5r-currency-modal{ position: fixed; inset: 0; z-index: 2200; display: flex; align-items: center; justify-content: center; }
.f5r-currency-modal[hidden]{ display: none !important; }
.f5r-currency-modal__backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.62); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.f5r-currency-modal__panel{
  position: relative;
  width: min(420px, calc(100% - 36px));
  padding: 26px 22px 22px;
  background: var(--f5r-surface);
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 38%, transparent);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,.55);
  text-align: start;
}
.f5r-currency-modal__close{
  position: absolute;
  inset-inline-end: 16px;
  top: 16px;
  width: 30px; height: 30px;
  display: grid; place-items: center;
  padding: 0;
  color: var(--f5r-on-danger);
  background: var(--f5r-danger);
  border: 0;
  border-radius: 9px;
  cursor: pointer;
}
.f5r-currency-modal__close svg{ width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.f5r-currency-modal__title{ margin: 0 0 18px; padding-inline-end: 44px; color: var(--f5r-text); font-size: 19px; font-weight: 800; }
.f5r-currency-modal__form{ display: grid; gap: 14px; }
.f5r-currency-modal__select:not(#f5r-b){
  width: 100%;
  padding: 14px 16px;
  color: var(--f5r-text);
  background: var(--f5r-surface-2);
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 46%, transparent);
  border-radius: 12px;
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}
.f5r-currency-modal__select:focus-visible:not(#f5r-b){ outline: 2px solid var(--f5r-primary); outline-offset: 2px; }
.f5r-currency-modal__submit:not(#f5r-b){
  width: 100%;
  padding: 14px 16px;
  color: var(--f5r-on-primary);
  background: linear-gradient(180deg, var(--f5r-primary-light), var(--f5r-primary));
  border: 0;
  border-radius: 12px;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}
.f5r-currency-modal__submit:hover:not(#f5r-b){ filter: brightness(1.05); }
.f5r-search{ position: fixed; inset: 0; z-index: 2100; display: flex; align-items: flex-start; justify-content: center; }
.f5r-search[hidden]{ display: none !important; }
.f5r-search__backdrop{ position: absolute; inset: 0; background: rgba(0,0,0,.66); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.f5r-search__panel{
  position: relative;
  width: min(720px, calc(100% - 32px));
  margin-top: clamp(70px, 14vh, 150px);
  
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 14px;
  background: var(--f5r-surface);
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 34%, transparent);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
}
.f5r-search__form{ min-width: 0; display: flex; align-items: center; gap: 10px; }
.f5r-search__icon{ width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: var(--f5r-primary-light); stroke-width: 1.9; stroke-linecap: round; }
.f5r-search__input:not(#f5r-b){
  flex: 1 1 auto;
  min-width: 0;
  padding: 12px 4px;
  color: var(--f5r-text);
  background: none;
  border: 0;
  outline: none;
  font-size: 16px;
}
.f5r-search__input:not(#f5r-b)::placeholder{ color: var(--f5r-muted); }
.f5r-search__submit:not(#f5r-b){
  flex: 0 0 auto;
  padding: 11px 20px;
  color: var(--f5r-on-primary);
  background: var(--f5r-primary);
  border: 0;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
}
.f5r-search__close{
  flex: 0 0 auto;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  padding: 0;
  color: var(--f5r-muted);
  background: none; border: 0; cursor: pointer;
}
.f5r-search__close:hover{ color: var(--f5r-text); }
.f5r-search__close svg{ width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
@media (max-width: 600px){
.f5r-search__panel{ padding: 11px; gap: 6px; }
.f5r-search__submit:not(#f5r-b){ padding: 10px 14px; font-size: 13px; }
.f5r-search__input:not(#f5r-b){ font-size: 16px; }
}
.f5r-currency--drawer .f5r-currency__opt{ flex: 1 1 auto; justify-content: center; border-radius: 11px; padding: 9px 12px; font-size: 13.5px; }
.f5r-fixed-footer{
  position: relative;
  display: block !important;
  padding: 0 0 30px;
  color: var(--f5r-text) !important;
  background: var(--f5r-bg) !important;
  background-image: radial-gradient(circle at 82% 28%, color-mix(in srgb, var(--f5r-primary) 7%, transparent), transparent 32%) !important;
  border: 0 !important;
}
.f5r-footer-shell{
  padding: 0 clamp(20px, 4vw, 56px) clamp(14px, 1.6vw, 18px);
  border: 1px solid var(--f5r-primary) !important;
  border-color: color-mix(in srgb, var(--f5r-primary) 34%, transparent) !important;
  border-top: 0 !important;
  border-radius: 0 0 clamp(24px, 3vw, 38px) clamp(24px, 3vw, 38px);
  background: linear-gradient(180deg, color-mix(in srgb, var(--f5r-surface) 42%, transparent), transparent 55%);
  box-shadow: 0 -1px 0 color-mix(in srgb, var(--f5r-primary) 18%, transparent),
              0 24px 60px -40px color-mix(in srgb, var(--f5r-primary) 45%, transparent);
}
.f5r-footer-top{
  display: flex;
  justify-content: center;
  padding: clamp(12px, 1.5vw, 16px) 0;
  border-bottom: 1px solid color-mix(in srgb, var(--f5r-primary) 14%, transparent);
}
.f5r-back-to-top{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--f5r-muted) !important;
  font-size: 15px;
}
.f5r-back-to-top:hover{ color: var(--f5r-primary-light) !important; }
.f5r-footer-brand{
  padding: clamp(18px, 2vw, 24px) 0 clamp(14px, 1.6vw, 18px);
  text-align: center;
}
.f5r-footer-logo .custom-logo-link,
.f5r-footer-logo > a{ display: inline-flex; justify-content: center; }
.f5r-footer-logo .custom-logo,
.f5r-footer-logo img{
  width: auto !important;
  max-width: 150px !important;
  max-height: 58px !important;
  object-fit: contain;
}
.f5r-footer-brand p{
  max-width: 760px;
  margin: 10px auto 0;
  color: var(--f5r-text) !important;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.95;
}
.f5r-footer-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  grid-template-areas:
    "links contact"
    "social contact";
  align-items: start;
  gap: clamp(16px, 2vw, 24px) clamp(40px, 7vw, 110px);
  max-width: 940px;
  margin-inline: auto;
  padding-bottom: clamp(16px, 2vw, 22px);
}
.f5r-footer-links{ grid-area: links; }
.f5r-footer-contact{ grid-area: contact; }
.f5r-footer-social{ grid-area: social; }
.f5r-footer-grid section{ min-width: 0; }
.f5r-footer-grid h3{
  margin: 0 0 10px !important;
  color: var(--f5r-primary-light) !important;
  font-size: clamp(17px, 1.4vw, 20px) !important;
  line-height: 1.4;
}
.f5r-footer-grid p,
.f5r-footer-grid a,
.f5r-footer-grid li{
  color: var(--f5r-text) !important;
  font-size: 15px;
  line-height: 1.9;
}
.f5r-footer-links .menu{ list-style: none; margin: 0; padding: 0; }
.f5r-footer-links .menu li{ margin: 6px 0; }
.f5r-footer-links .menu a:hover{ color: var(--f5r-primary-light) !important; }
.f5r-footer-contact{ text-align: center; }
.f5r-footer-contact h3{
  display: block;
  padding: 12px 20px;
  border: 1px solid color-mix(in srgb, var(--f5r-primary) 40%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--f5r-surface-2) 60%, transparent);
}
.f5r-footer-social,
.f5r-contact-icons,
.f5r-payment-badges{
  display: flex;
  align-items: center;
  gap: 12px;
}
.f5r-payment-strip{
  flex: 0 0 auto;
  width: min(300px, 100%);
  height: auto;
}
.f5r-contact-icons{ justify-content: center; flex-wrap: wrap; }
.f5r-footer-social{ justify-content: flex-start; flex-wrap: wrap; }
.f5r-footer-social a,
.f5r-contact-icons a{
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--f5r-text) !important;
  background: var(--f5r-surface-2);
  border: 1px solid var(--f5r-primary);
  border-color: color-mix(in srgb, var(--f5r-primary) 16%, transparent);
  border-radius: 14px;
  transition: color .2s ease, border-color .2s ease, transform .2s ease;
}
.f5r-footer-social a:hover,
.f5r-contact-icons a:hover{
  color: var(--f5r-primary-light) !important;
  border-color: var(--f5r-primary);
  transform: translateY(-2px);
}
.f5r-footer-social svg,
.f5r-contact-icons svg{
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.f5r-footer-contact-text{
  display: block;
  margin-top: 12px;
  overflow-wrap: anywhere;
}
.f5r-footer-closing{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: clamp(12px, 1.5vw, 16px);
  border-top: 1px solid color-mix(in srgb, var(--f5r-primary) 14%, transparent);
}
.f5r-footer-closing p{
  margin: 0;
  color: var(--f5r-muted) !important;
  font-size: 13px;
}
.f5r-payment-badges{ flex-wrap: wrap; justify-content: flex-start; gap: 8px; }
.f5r-payment-badges span{
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 10px;
  color: var(--f5r-text);
  background: var(--f5r-surface-2);
  border: 1px solid var(--f5r-border);
  border-radius: 6px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.f5r-payment-badges span em{
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .01em;
}
.f5r-payment-badges span svg{
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  color: var(--f5r-primary-light);
}
.f5r-payment-badges img{
  width: auto;
  max-width: 62px;
  max-height: 22px;
  margin: 0;
  object-fit: contain;
}
.f5r-floating-whatsapp{
  position: fixed;
  
  right: 24px;
  bottom: 24px;
  z-index: 1800;
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border: 4px solid color-mix(in srgb, var(--f5r-text) 90%, transparent);
  border-radius: 50%;
  color: var(--f5r-on-primary, #fff) !important;
  background: var(--f5r-primary);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .3);
  text-decoration: none;
  overflow: visible;
  transition: transform .2s ease, filter .2s ease;
}
body:has(.f5r-mobile-buy-bar) .f5r-floating-whatsapp{
  bottom: calc(97px + env(safe-area-inset-bottom));
}
.f5r-floating-whatsapp:hover,
.f5r-floating-whatsapp:focus-visible{
  color: var(--f5r-on-primary, #fff) !important;
  transform: translateY(-3px);
  filter: brightness(1.06);
}
.f5r-floating-whatsapp:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--f5r-primary) 45%, transparent);
  outline-offset: 3px;
}
.f5r-floating-whatsapp__icon{
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}
.f5r-floating-whatsapp svg{
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.f5r-floating-whatsapp__bubble{
  position: absolute;
  top: 50%;
  right: calc(100% + 14px);
  transform: translateY(-50%);
  padding: 10px 16px;
  border: 1px solid var(--f5r-border);
  border-radius: 14px 14px 3px 14px;
  background: var(--f5r-surface);
  color: var(--f5r-text);
  font-weight: 800;
  font-size: 14.5px;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
  animation: f5rWaBubble 3.4s ease-in-out infinite;
}
.f5r-floating-whatsapp__bubble::after{
  position: absolute;
  top: 50%;
  right: -6px;
  width: 11px;
  height: 11px;
  content: '';
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid var(--f5r-border);
  border-right: 1px solid var(--f5r-border);
  background: var(--f5r-surface);
}
@media (max-width: 380px){
.f5r-floating-whatsapp__bubble{ display: none; }
}
@media (prefers-reduced-motion: reduce){
.f5r-floating-whatsapp{ transition: none; }
.f5r-floating-whatsapp__bubble{ animation: none; }
}
.woocommerce-checkout .f5r-fixed-header,
.woocommerce-checkout .f5r-fixed-footer{ display: block !important; }
@media (max-width: 900px){
.f5r-header-currency,
.f5r-currency-trigger--header,
.f5r-fixed-cart .f5r-cart__total{ display: none !important; }
.f5r-announce__item{ padding: 6px 16px; font-size: 12px; }
.f5r-announce__item::after{ margin-inline-start: 18px; }
.f5r-footer-grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 30px 40px;
  }
}
@media (max-width: 782px){
body.admin-bar .f5r-fixed-header{ top: 46px !important; }
}
@media (max-width: 720px){
.f5r-fixed-header__row{
    min-height: 64px !important;
    width: calc(100% - 24px) !important;
    grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr) !important;
    gap: 8px;
  }
.f5r-fixed-header__primary,
.f5r-fixed-header__utilities{ gap: 2px; }
.f5r-header-menu span{ display: none !important; }
.f5r-header-menu,
.f5r-header-icon,
.f5r-fixed-cart{
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 4px !important;
  }
.f5r-header-menu svg,
.f5r-header-icon svg,
.f5r-fixed-cart svg{
    width: 23px;
    height: 23px;
  }
.f5r-fixed-header__brand .custom-logo,
.f5r-fixed-header__brand .f5r-brand__img{
    max-width: 124px !important;
    max-height: 40px !important;
  }
.f5r-footer-shell{
    padding: 0 18px 16px;
    border-radius: 0 0 26px 26px;
  }
.f5r-footer-brand{ padding: 16px 0 12px; }
.f5r-footer-logo .custom-logo,
.f5r-footer-logo img{ max-width: 132px !important; max-height: 48px !important; }
.f5r-footer-brand p{ font-size: 13px; line-height: 1.7; }
.f5r-footer-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "links"
      "contact"
      "social";
    gap: 18px;
    text-align: center;
    padding-bottom: 16px;
  }
.f5r-footer-grid section{ width: 100%; }
.f5r-footer-links .menu{ text-align: center; }
.f5r-footer-contact h3{ display: inline-block; }
.f5r-footer-social{ justify-content: center; }
.f5r-footer-closing{
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding-top: 14px;
    text-align: center;
  }
.f5r-payment-badges{ justify-content: center; }
.f5r-payment-strip{ width: min(240px, 80%); margin-inline: auto; }
.f5r-footer-closing p{ font-size: 12.5px; }
.f5r-floating-whatsapp{
    right: 16px;
    bottom: 18px;
    width: 58px;
    height: 58px;
  }
body:has(.f5r-mobile-buy-bar) .f5r-floating-whatsapp{
    bottom: calc(137px + env(safe-area-inset-bottom));
  }
.f5r-floating-whatsapp__bubble{ padding: 9px 13px; font-size: 13.5px; right: calc(100% + 11px); }
}
@media (max-width: 390px){
.f5r-fixed-header__row{
    width: calc(100% - 14px) !important;
    grid-template-columns: minmax(66px, 1fr) auto minmax(66px, 1fr) !important;
  }
.f5r-fixed-header__brand .custom-logo,
.f5r-fixed-header__brand .f5r-brand__img{ max-width: 138px !important; }
.f5r-header-menu,
.f5r-header-icon,
.f5r-fixed-cart{ min-width: 36px !important; }
}
.f5r-search__results{
  grid-column: 1 / -1;
  max-height: min(56vh, 460px);
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--f5r-border);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.f5r-search__results[hidden]{ display: none; }
.f5r-search__result{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 10px;
  border-radius: 12px;
  color: var(--f5r-text);
  text-decoration: none;
  transition: background .16s ease;
}
.f5r-search__result:hover,
.f5r-search__result.is-active{
  background: color-mix(in srgb, var(--f5r-primary) 14%, transparent);
  color: var(--f5r-text);
}
.f5r-search__thumb{
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border: 1px solid var(--f5r-border);
  border-radius: 10px;
  object-fit: cover;
  background: var(--f5r-bg);
}
.f5r-search__thumb--blank{ display: block; }
.f5r-search__meta{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}
.f5r-search__name{
  overflow: hidden;
  font-weight: 700;
  font-size: 14.5px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.f5r-search__price{ color: var(--f5r-primary-light, var(--f5r-primary)); font-weight: 800; font-size: 13.5px; }
.f5r-search__stock{ color: var(--f5r-muted); font-size: 12.5px; }
.f5r-search__empty{
  margin: 0;
  padding: 14px 10px;
  color: var(--f5r-muted);
  font-size: 14px;
  text-align: center;
}
.f5r-search__more{
  display: block;
  margin-top: 6px;
  padding: 11px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--f5r-primary) 12%, transparent);
  color: var(--f5r-primary-light, var(--f5r-primary));
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
.f5r-search__more:hover,
.f5r-search__more.is-active{ background: color-mix(in srgb, var(--f5r-primary) 22%, transparent); }
@media (max-width: 600px){
.f5r-search__results{ max-height: 52vh; }
.f5r-search__thumb{ width: 42px; height: 42px; }
.f5r-search__name{ font-size: 14px; }
}
.f5r-search__price{ display: inline-flex; align-items: center; gap: 7px; }
.f5r-search__was{ color: var(--f5r-muted); font-weight: 600; font-size: 12.5px; }
.f5r-drawer__nav{ margin-top: 6px; }
.f5r-drawer__menu{
  margin: 0;
  padding: 0;
  list-style: none;
}
.f5r-drawer__menu--links{ margin-top: 10px; border-top: 1px solid var(--f5r-border); }
.f5r-drawer__item{ margin: 0; }
.f5r-drawer__row{
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--f5r-border);
}
.f5r-drawer__link{
  flex: 1 1 auto;
  min-width: 0;
  padding: 15px 4px;
  color: var(--f5r-text);
  font-weight: 700;
  font-size: 15.5px;
  line-height: 1.5;
  text-decoration: none;
}
.f5r-drawer__link:hover{ color: var(--f5r-primary-light, var(--f5r-primary)); }
.f5r-drawer__count{
  flex: 0 0 auto;
  padding: 2px 9px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--f5r-primary) 15%, transparent);
  color: var(--f5r-primary-light, var(--f5r-primary));
  font-size: 12px;
}
.f5r-drawer__toggle{
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: none;
  color: var(--f5r-muted);
  cursor: pointer;
  transition: color .18s ease, background .18s ease;
}
.f5r-drawer__toggle:hover{
  background: color-mix(in srgb, var(--f5r-primary) 12%, transparent);
  color: var(--f5r-primary-light, var(--f5r-primary));
}
.f5r-drawer__toggle svg{
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  
  transform: rotate(180deg);
  transition: transform .25s ease;
}
.f5r-drawer__item.is-open > .f5r-drawer__row .f5r-drawer__toggle svg{ transform: rotate(270deg); }
.f5r-drawer__item.is-open > .f5r-drawer__row .f5r-drawer__toggle{ color: var(--f5r-primary-light, var(--f5r-primary)); }
.f5r-drawer__sub{
  margin: 0;
  padding: 0 14px 0 0;
  list-style: none;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .3s ease, opacity .22s ease;
}
.f5r-drawer__item.is-open > .f5r-drawer__sub{
  max-height: 1200px;
  opacity: 1;
}
.f5r-drawer__sub .f5r-drawer__link{
  padding: 12px 4px;
  color: var(--f5r-text-secondary, var(--f5r-muted));
  font-weight: 600;
  font-size: 14.5px;
}
.f5r-drawer__sub .f5r-drawer__link:hover{ color: var(--f5r-primary-light, var(--f5r-primary)); }
.f5r-drawer__sub .f5r-drawer__row{ border-bottom-style: dashed; }
.f5r-drawer__sub > .f5r-drawer__item:last-child > .f5r-drawer__row{ border-bottom: 0; }
[dir="ltr"] .f5r-drawer__toggle svg{ transform: rotate(0deg); }
[dir="ltr"] .f5r-drawer__item.is-open > .f5r-drawer__row .f5r-drawer__toggle svg{ transform: rotate(90deg); }
[dir="ltr"] .f5r-drawer__sub{ padding: 0 0 0 14px; }
@media (prefers-reduced-motion: reduce){
.f5r-drawer__sub,
.f5r-drawer__toggle svg{ transition: none; }
}
/* ---- from liquid-glass.css ---- */
.f5r-liquid-glass .f5r-fixed-header{
  background: color-mix(in srgb,var(--f5r-bg) var(--f5r-glass-opacity),transparent) !important;
  box-shadow: 0 16px 46px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,var(--f5r-glass-highlight)) !important;
  -webkit-backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
  backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
}
.f5r-liquid-glass .f5r-footer-social a,
.f5r-liquid-glass .f5r-contact-icons a{
  border: 1px solid color-mix(in srgb,var(--f5r-text) 12%,transparent) !important;
  background: linear-gradient(145deg,color-mix(in srgb,var(--f5r-text) 10%,transparent),color-mix(in srgb,var(--f5r-surface) 46%,transparent)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.16) !important;
  -webkit-backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
  backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
}
.f5r-liquid-glass :where(
  .f5r-feature,
  .f5r-category-card,
  .f5r-step,
  .review-card,
  .f5r-faq__item,
  .f5r-product-card,
  .f5r-promo-card,
  .f5r-table-wrap,
  .f5r-post,
  .f5r-footer-panel,
  .woocommerce ul.products li.product,
  .single-product div.product > .summary,
  .single-product div.product > .product-details,
  .f5r-product-spec,
  .woocommerce-cart table.shop_table,
  .woocommerce-cart .cart-collaterals .cart_totals
){
  border-color: color-mix(in srgb,var(--f5r-primary) 24%,rgba(255,255,255,.14)) !important;
  background-color: color-mix(in srgb,var(--f5r-surface) var(--f5r-glass-opacity),transparent) !important;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.08),transparent 34%),
    radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--f5r-primary) 9%,transparent),transparent 42%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,var(--f5r-glass-highlight)),
    inset 0 -1px rgba(255,255,255,.025),
    0 22px 54px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
  backdrop-filter: blur(var(--f5r-glass-blur)) saturate(var(--f5r-glass-saturation));
}
.f5r-liquid-glass .f5r-fixed-footer{
  background: color-mix(in srgb,var(--f5r-bg) 90%,transparent) !important;
  background-image: radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--f5r-primary) 11%,transparent),transparent 35%) !important;
}
/* ---- from polish.css ---- */
.f5r-header-icon,
.f5r-fixed-cart,
.f5r-header-menu{ transition: color .25s ease, filter .25s ease, transform .25s ease; }
.f5r-header-icon:hover,
.f5r-fixed-cart:hover,
.f5r-header-menu:hover{
  filter: drop-shadow(0 0 8px color-mix(in srgb, var(--f5r-primary) 65%, transparent));
  transform: translateY(-1px);
}
.f5r-fixed-header{
  position: sticky;
}
.f5r-fixed-header::before{
  position: absolute;
  inset-inline: 0;
  bottom: -1px;
  height: 1px;
  z-index: 2;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in srgb, var(--f5r-primary) 55%, transparent) 22%,
    color-mix(in srgb, var(--f5r-primary-light, var(--f5r-primary)) 75%, transparent) 50%,
    color-mix(in srgb, var(--f5r-primary) 55%, transparent) 78%,
    transparent);
  opacity: .55;
}
.f5r-fixed-header::after{
  display: block !important;
  position: absolute;
  inset-inline: 0;
  bottom: -18px;
  height: 18px;
  content: '';
  pointer-events: none;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--f5r-primary) 16%, transparent),
    transparent);
  opacity: .5;
  transition: opacity .4s ease;
}
.f5r-fixed-header.is-sticky::after{ opacity: 1; }
.f5r-footer-shell,
.f5r-footer{
  position: relative;
}
.f5r-footer-shell::before,
.f5r-footer::before{
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  content: '';
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in srgb, var(--f5r-primary) 50%, transparent) 25%,
    color-mix(in srgb, var(--f5r-primary-light, var(--f5r-primary)) 70%, transparent) 50%,
    color-mix(in srgb, var(--f5r-primary) 50%, transparent) 75%,
    transparent);
  opacity: .5;
}
.f5r-footer::after{
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 55%;
  z-index: 0;
  content: '';
  pointer-events: none;
  background: radial-gradient(120% 100% at 50% 100%,
    color-mix(in srgb, var(--f5r-primary) 12%, transparent),
    transparent 70%);
}
.f5r-footer > *{ position: relative; z-index: 1; }
.f5r-footer .f5r-social a,
.f5r-footer .f5r-social a{
  transition: transform .25s ease, box-shadow .3s ease, border-color .3s ease;
}
.f5r-footer .f5r-social a:hover,
.f5r-footer .f5r-social a:hover{
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--f5r-primary) 60%, transparent);
  box-shadow: 0 0 18px -4px color-mix(in srgb, var(--f5r-primary) 70%, transparent);
}
@keyframes f5r-loader-spin{ to { transform: rotate(360deg); } }
@keyframes f5r-loader-logo{
  0%, 100% { opacity: .58; transform: scale(.965); filter: brightness(.82); }
  46% { opacity: 1; transform: scale(1.025); filter: brightness(1.13); }
  62% { opacity: .72; transform: scale(.99); filter: brightness(.92); }
  78% { opacity: 1; transform: scale(1.01); filter: brightness(1.08); }
}
@keyframes f5r-loader-failsafe{
  0%, 99% { visibility: visible; pointer-events: auto; }
  100% { visibility: hidden; pointer-events: none; }
}
@keyframes f5r-announce-roll{ to { transform: translateX(50%); } }
@keyframes f5rWaBubble{
  0%, 88%, 100% { transform: translateY(-50%); }
  92%           { transform: translateY(calc(-50% - 4px)); }
  96%           { transform: translateY(-50%); }
}
/* F5R FOOTER + TOAST + «قام فلان بشراء» — نفس سند (sanad-blocksy.css، بالـ@media زي ما هي) بالأزرق */
footer.f5r-sndft{background:#070b14!important;font-family:'Cairo',sans-serif;color:#F7F7F8}
.snd-ft{padding-top:10px;text-align:center}
.snd-ft__top{display:flex;justify-content:center;align-items:center;min-height:105px}
.snd-ft__btt{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;background:rgba(7, 11, 20,.6);border:1px solid rgba(22, 140, 255,.25);color:#54b8ff!important;font-size:15px;text-decoration:none;transition:.2s}
.snd-ft__btt:hover{border-color:rgba(22, 140, 255,.6);color:#9fd4ff!important}
.snd-ft__brand{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:32px}
.snd-ft__logo img{height:72px;width:auto;display:block}
.snd-ft__brand p{max-width:384px;margin:0;padding:0 12px;color:#fff;font-size:15px;line-height:1.6}
.snd-ft__grid{display:flex;flex-direction:column;align-items:center;gap:26px;padding:26px 0 32px}
.snd-ft__col{display:flex;flex-direction:column;align-items:center}
.snd-ft__h{margin:0 0 14px!important;padding:0 0 16px;color:#54b8ff!important;font-size:18px!important;font-weight:700;font-family:'Cairo',sans-serif;background:radial-gradient(circle,#e6f4ff 0,#e6f4ff 2px,rgba(22, 140, 255,.5) 2.6px,transparent 6px) center bottom/12px 12px no-repeat,linear-gradient(90deg,transparent,rgba(84, 184, 255,.6),transparent) center calc(100% - 5.5px)/100% 1px no-repeat}
.snd-ft__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.snd-ft__col li a{color:#fff!important;font-size:14px;line-height:15px;text-decoration:none;transition:color .2s}
.snd-ft__col li a:hover{color:#54b8ff!important}
.snd-ft__icons{display:flex;gap:10px}
.snd-ft__icons a{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:rgba(7, 11, 20,.6);border:1px solid rgba(22, 140, 255,.25);color:#54b8ff!important;transition:.2s}
.snd-ft__icons a:hover{border-color:rgba(22, 140, 255,.6);transform:translateY(-2px)}
.snd-ft__icons svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.snd-ft,.snd-ft *{font-family:'Cairo',sans-serif!important}
.snd-ft__closing{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid rgba(22, 140, 255,.1)}
.snd-ft__pay img{height:30px;width:auto;display:block}
.snd-ft__copy{margin:0!important;color:#fff;font-size:14px}
@media (max-width:767px){
.snd-ft__closing{flex-direction:column}
.snd-ft__pay img{max-width:100%;height:auto;max-height:30px}
}
.snd-toast{position: fixed; top: calc(12px + env(safe-area-inset-top)); left: 50%; z-index: 100000; width: min(440px, 100% - 24px); translate: -50% -140%; opacity: 0; border: 1px solid rgba(22, 140, 255, 0.28); border-radius: 20px; background: linear-gradient(rgb(23, 21, 15), rgb(14, 13, 10)); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 50px; overflow: hidden; color: rgb(255, 255, 255); direction: rtl; transition: translate 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.2), opacity 0.25s;}
.snd-toast.is-open{translate: -50%; opacity: 1;}
.snd-toast__bar{position: absolute; top: 0px; right: 0px; height: 4px; width: 100%; border-radius: 0px 0px 4px 4px; background: linear-gradient(90deg, rgb(15, 122, 230), rgb(84, 184, 255));}
.snd-toast.is-open .snd-toast__bar{animation: sndToastBar var(--snd-toast-time,4s) linear forwards;}
.snd-toast:hover .snd-toast__bar{animation-play-state: paused;}
.snd-toast__head{display: flex; align-items: center; gap: 12px; padding: 18px 18px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.snd-toast__check{flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(22, 140, 255, 0.12); color: rgb(84, 184, 255);}
.snd-toast__check svg{width: 20px; height: 20px;}
.snd-toast__title{flex: 1 1 0%; margin: 0px; font-size: 16px; font-weight: 700; color: rgb(255, 255, 255);}
.snd-toast__close{flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border: 0px; border-radius: 50%; background: none; color: rgb(255, 255, 255); font-size: 20px; line-height: 1; cursor: pointer;}
.snd-toast__close:hover{background: rgba(255, 255, 255, 0.08);}
.snd-toast__item{display: flex; align-items: center; gap: 14px; padding: 14px 18px;}
.snd-toast__img{flex: 0 0 76px; width: 76px; height: 76px; border-radius: 12px; overflow: hidden; background: rgb(26, 24, 18); border: 1px solid rgba(22, 140, 255, 0.18);}
.snd-toast__img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.snd-toast__name{flex: 1 1 0%; min-width: 0px; margin: 0px; font-size: 15px; font-weight: 600; line-height: 1.5; color: rgb(255, 255, 255);}
.snd-toast__price{flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 16px; font-weight: 700; color: rgb(84, 184, 255); text-align: left;}
.snd-toast__price del{order: 2; color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 500;}
.snd-toast__price ins{text-decoration: none;}
.snd-toast__price .screen-reader-text{display: none;}
.snd-toast__actions{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 4px 18px 18px;}
.snd-toast__btn{display: flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border-radius: 14px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; font-weight: 800; cursor: pointer; text-decoration: none !important;}
.snd-toast__btn--go{border: 0px; background: linear-gradient(150deg, rgb(159, 212, 255), rgb(42, 151, 255) 48%, rgb(15, 122, 230)); box-shadow: rgba(22, 140, 255, 0.25) 0px 8px 22px; color: rgb(255,255,255) !important;}
.snd-toast__btn--go::after{content: ""; width: 20px; height: 20px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5h14.5A1.5 1.5 0 0 1 20 10v8.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5z'/%3E%3Cpath d='M5.5 8.5 15 4.2l1.6 4.3'/%3E%3Cpath d='M16 14.2h4'/%3E%3C/svg%3E") center center / contain no-repeat;}
.snd-toast__btn--stay{border: 1.5px solid rgba(84, 184, 255, 0.7); background: transparent; color: rgb(84, 184, 255);}
body.admin-bar .snd-toast{top: 44px;}
@media (max-width: 782px){
body.admin-bar .snd-toast{top: 58px;}
}
@media (prefers-reduced-motion: reduce){
.snd-toast{transition: opacity 0.2s;}
.snd-toast.is-open .snd-toast__bar{animation: auto ease 0s 1 normal none running none;}
}
.snd-buy-note{position: fixed; right: 18px; bottom: calc(var(--snd-wa-offset,0px) + 92px + env(safe-area-inset-bottom)); z-index: 8990; display: flex; align-items: center; gap: 14px; width: min(380px, 100% - 36px); padding: 14px 16px 14px 44px; border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.28) 0px 14px 34px, rgb(22, 140, 255) -4px 4px 0px; color: rgb(34, 34, 34); direction: rtl; opacity: 0; translate: 0px 16px; pointer-events: none; transition: opacity 0.35s, translate 0.35s; text-decoration: none !important;}
.snd-buy-note.is-open{opacity: 1; translate: 0px; pointer-events: auto;}
.snd-buy-note__img{flex: 0 0 64px; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; background: rgb(243, 244, 246);}
.snd-buy-note__img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.snd-buy-note__text{flex: 1 1 0%; min-width: 0px; margin: 0px; color: rgb(34, 34, 34); font-size: 16px; font-weight: 800; line-height: 1.5;}
.snd-buy-note__price{display: block; margin-top: 4px; color: rgb(138, 138, 138); font-size: 14px; font-weight: 500;}
.snd-buy-note__price b{color: rgb(15, 122, 230); font-weight: 800;}
.snd-buy-note__close{position: absolute; left: 12px; top: 12px; width: 26px; height: 26px; display: grid; place-items: center; border: 0px; border-radius: 50%; background: none; color: rgb(156, 163, 175); font-size: 18px; line-height: 1; cursor: pointer;}
.snd-buy-note__close:hover{background: rgb(243, 244, 246); color: rgb(55, 65, 81);}
@media (max-width: 600px){
.snd-buy-note{right: 78px; left: 12px; width: auto; padding: 12px 12px 12px 36px; gap: 10px; bottom: calc(var(--snd-wa-offset,0px) + 16px + env(safe-area-inset-bottom));}
.snd-buy-note__img{flex-basis: 52px; width: 52px; height: 52px;}
.snd-buy-note__text{font-size: 14px;}
.snd-buy-note__price{font-size: 13px;}
}
@media (prefers-reduced-motion: reduce){
.snd-buy-note{transition: opacity 0.2s;}
}
.snd-buy-note{width: min(330px, 100% - 36px); gap: 12px; padding: 11px 14px 11px 38px; border-radius: 16px;}
.snd-buy-note__img{flex-basis: 54px; width: 54px; height: 54px; border-radius: 10px;}
.snd-buy-note__text{font-size: 14.5px;}
.snd-buy-note__price{margin-top: 2px; font-size: 13px;}
.snd-buy-note__close{left: 10px; top: 10px; width: 24px; height: 24px; font-size: 16px;}
@media (max-width: 600px){
.snd-buy-note{right: auto; left: 12px; width: calc(100% - 96px); max-width: 300px; gap: 9px; padding: 9px 10px 9px 30px; border-radius: 14px; bottom: calc(var(--snd-wa-offset,0px) + 14px + env(safe-area-inset-bottom)); box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 28px, rgb(22, 140, 255) -3px 3px 0px;}
.snd-buy-note__img{flex-basis: 44px; width: 44px; height: 44px; border-radius: 9px;}
.snd-buy-note__text{font-size: 12.5px; line-height: 1.45;}
.snd-buy-note__price{font-size: 11.5px;}
.snd-buy-note__close{left: 6px; top: 6px; width: 22px; height: 22px; font-size: 14px;}
}
footer.f5r-sndft .snd-ft__closing{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
footer.f5r-sndft .snd-ft__verified{justify-self:start}
footer.f5r-sndft .snd-ft__verified img{height:46px!important;width:auto!important;max-width:none!important;display:block}
footer.f5r-sndft .snd-ft__pay{justify-self:center}
footer.f5r-sndft .snd-ft__pay img{height:30px!important;width:auto!important;max-width:none!important;display:block}
footer.f5r-sndft .snd-ft__copy{justify-self:end;text-align:left;white-space:nowrap}
@media (max-width:767px){
footer.f5r-sndft .snd-ft__closing{display:flex!important;flex-direction:column;align-items:center;gap:14px}
footer.f5r-sndft .snd-ft__verified,footer.f5r-sndft .snd-ft__pay,footer.f5r-sndft .snd-ft__copy{justify-self:auto;text-align:center;white-space:normal}
footer.f5r-sndft .snd-ft__verified img{height:50px!important}
footer.f5r-sndft .snd-ft__pay img{height:auto!important;max-height:30px;max-width:100%!important}
}
footer.f5r-sndft .snd-ft__pay img{aspect-ratio:884/74}
footer.f5r-sndft .snd-ft__verified img{aspect-ratio:1600/535}
footer.f5r-sndft .snd-ft__verified img{height:84px!important;margin:-18px 0!important}
@media (max-width:767px){
footer.f5r-sndft .snd-ft__verified img{height:72px!important;margin:-14px 0 -8px!important}
}
footer.f5r-sndft{position:relative!important;overflow:hidden;background-image:radial-gradient(circle at 82% 28%,rgba(22, 140, 255,.07),transparent 32%)!important}
footer.f5r-sndft > *{position:relative;z-index:1}
footer.f5r-sndft::before{content: ""; position: absolute; top: 0px; left: 50%; width: max(600px, 160%); height: 220px; translate: -50%; border-top: 1px solid rgba(84, 184, 255, 0.5); border-radius: 50%; box-shadow: rgba(22, 140, 255, 0.3) 0px 30px 60px -30px inset; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, transparent); pointer-events: none; z-index: 0;}
footer.f5r-sndft::after{content: ""; position: absolute; top: 0px; left: 6%; right: 6%; height: 1.5px; background: linear-gradient(90deg, transparent, rgb(10, 70, 140) 18%, rgb(22, 140, 255) 38%, rgb(255, 243, 196) 50%, rgb(22, 140, 255) 62%, rgb(10, 70, 140) 82%, transparent); box-shadow: rgba(84, 184, 255, 0.55) 0px 0px 10px, rgba(22, 140, 255, 0.3) 0px 0px 24px; animation: 4s ease-in-out 0s infinite normal none running sndFootNeon; pointer-events: none; z-index: 0;}
@media (prefers-reduced-motion: reduce){
footer.f5r-sndft::after{animation: auto ease 0s 1 normal none running none;}
}
@keyframes sndToastBar{ 
  0% { width: 100%; }
  100% { width: 0px; }
}
@keyframes sndFootNeon{ 
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
/* F5R extras */
[data-f5r-cart-dialog].snd-replaced{display:none!important}
footer.f5r-sndft{position:relative;font-size:16px;line-height:1.6}
footer.f5r-sndft .snd-ft{width:min(988px,80%);margin:0 auto;padding:10px 0 30px}
footer.f5r-sndft .menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:11px}
footer.f5r-sndft .menu a{display:inline;color:#fff!important;font-size:14px;line-height:15px;text-decoration:none;transition:color .2s}
footer.f5r-sndft .menu a:hover{color:#54b8ff!important}
body.snd-co footer.f5r-sndft{display:none!important}
a.added_to_cart.wc-forward{display:none!important}
footer.f5r-sndft .snd-ft__col li a{display:inline!important;width:auto!important}

/* === F5R HEADER — Sanad's header (2026-09-25): same sizes/layout, F5R blue; the bar and the header both stay on scroll === */
/* sticky: announcement bar + header together */
html body .f5r-announce{position:sticky!important;top:var(--wp-admin--admin-bar--height,0px)!important;z-index:1001!important}
html body header.f5r-header.f5r-fixed-header{position:sticky!important;top:calc(var(--wp-admin--admin-bar--height,0px) + 30px)!important;z-index:1000!important}
html body:has(.f5r-announce[hidden]) header.f5r-header.f5r-fixed-header,html body:not(:has(.f5r-announce)) header.f5r-header.f5r-fixed-header{top:var(--wp-admin--admin-bar--height,0px)!important}
/* top bar (30px) */
html body .f5r-announce{height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;background:linear-gradient(90deg,#0b4f9c,#168cff,#0b4f9c)!important;box-shadow:none!important}
html body .f5r-announce .f5r-announce__viewport{position:absolute!important;inset:0!important;height:30px!important;width:100%!important;margin:0!important;padding:0!important;-webkit-mask-image:none!important;mask-image:none!important}
html body .f5r-announce .f5r-announce__track,html body .f5r-announce .f5r-announce__group{height:30px!important;align-items:center!important}
html body .f5r-announce .f5r-announce__item{height:30px!important;font-size:12.5px!important;font-weight:800!important;line-height:30px!important;color:#fff!important}
html body .f5r-announce .f5r-announce__close{position:absolute!important;left:10px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#0a58b8!important;box-shadow:0 0 0 6px #0a58b8!important;color:#fff!important;cursor:pointer}
html body .f5r-announce .f5r-announce__close svg{width:11px!important;height:11px!important;fill:none!important;stroke:currentColor!important;stroke-width:3!important}
/* middle row (81px) */
html body header.f5r-header.f5r-fixed-header{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(22,140,255,.2)!important;border-radius:0 0 20px 20px!important;background:radial-gradient(circle at 50% -40%,rgba(84,184,255,.18),transparent 58%),linear-gradient(#0d1626,#070b14)!important;box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body header.f5r-header.f5r-fixed-header::before,html body header.f5r-header.f5r-fixed-header::after{display:none!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__row{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;box-sizing:border-box!important;width:100%!important;max-width:1180px!important;min-height:80px!important;height:80px!important;margin:0 auto!important;padding:0 10px!important;gap:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__primary{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0!important;padding:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__utilities{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;padding:0!important}
/* logo 56px */
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__brand{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 10px!important;padding:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__brand img{display:block!important;width:auto!important;height:56px!important;max-height:56px!important;max-width:none!important}
/* «القائمة» + icon, search */
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle{display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important;cursor:pointer}
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle span{font-size:18px!important;font-weight:600!important;line-height:29.7px!important;color:inherit!important}
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle svg,html body header.f5r-header.f5r-fixed-header .f5r-search-toggle svg{width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
html body header.f5r-header.f5r-fixed-header .f5r-header-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important}
/* account 28px */
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__utilities a.f5r-header-icon{order:1!important;width:28px!important;height:28px!important;margin-inline-end:10px!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__utilities a.f5r-header-icon svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
/* currency: plain text, name in blue */
html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger{order:2!important;display:inline-flex!important;align-items:center!important;height:26px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important;line-height:26px!important;color:#f6f9ff!important;white-space:nowrap!important;cursor:pointer}
html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger span{font:inherit!important;color:inherit!important}
html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger .f5r-currency-trigger__name{font-weight:600!important;color:#54b8ff!important}
html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger svg{display:none!important}
/* cart 28px, count badge */
html body header.f5r-header.f5r-fixed-header .f5r-cart{order:3!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff!important;gap:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-cart svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body header.f5r-header.f5r-fixed-header .f5r-cart .f5r-cart__total{display:none!important}
html body header.f5r-header.f5r-fixed-header .f5r-cart .f5r-cart__count{position:absolute!important;top:-3px!important;right:auto!important;left:-9px!important;z-index:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-width:14px!important;width:auto!important;height:14px!important;margin:0!important;padding:0 3px!important;border:0!important;border-radius:10px!important;background:#168cff!important;box-shadow:none!important;font-size:9px!important;font-weight:800!important;line-height:14.85px!important;color:#fff!important}
/* hover: blue */
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle:hover,html body header.f5r-header.f5r-fixed-header .f5r-header-icon:hover,html body header.f5r-header.f5r-fixed-header .f5r-cart:hover,html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger:hover{color:#54b8ff!important}
/* tablet/mobile: icons only, currency hidden (Sanad hides them under 1000px) */
@media (max-width:999px){html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle span,html body header.f5r-header.f5r-fixed-header .f5r-currency-trigger{display:none!important}}
@media (max-width:767px){html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__row{min-height:64px!important;height:64px!important;padding:0 23px!important}html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__brand img{height:44px!important;max-height:44px!important}}
/* F5R HEADER FIX: icon boxes 24/28px and white strokes */
html body header.f5r-header.f5r-fixed-header button.f5r-header-icon.f5r-search-toggle{width:24px!important;height:24px!important;min-height:0!important;min-width:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__utilities a.f5r-header-icon{height:28px!important;min-height:0!important;min-width:0!important}
html body header.f5r-header.f5r-fixed-header a.f5r-cart.f5r-fixed-cart{width:28px!important;height:28px!important;min-height:0!important;min-width:0!important}
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle svg *,html body header.f5r-header.f5r-fixed-header .f5r-header-icon svg *,html body header.f5r-header.f5r-fixed-header .f5r-cart svg *{stroke:currentColor!important;fill:none!important}
html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle svg{color:inherit!important}
/* F5R HEADER MOBILE: Sanad's 33px side space, menu = icon only */
@media (max-width:999px){html body header.f5r-header.f5r-fixed-header .f5r-menu-toggle{gap:0!important;width:24px!important;min-width:0!important;max-width:24px!important;overflow:hidden!important}html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__utilities a.f5r-header-icon{margin-inline-end:0!important}}
@media (max-width:767px){html body header.f5r-header.f5r-fixed-header .f5r-fixed-header__row{padding:0 33px!important}}

/* ======================================================================
 * F5R DRAWER — Sanad's side menu (2026-09-26): opens from the right like
 * Sanad (500px / 65vw / 90vw), logo on top, the currency card, «تصفّح
 * الأقسام» with an icon box per category, and the WhatsApp help button at
 * the bottom. Sanad's drawer-v2, F5R blue.
 * ==================================================================== */
html body .f5r-drawer-overlay{background:rgba(18,21,25,.6)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #f5r-drawer{inset:var(--wp-admin--admin-bar--height,0px) 0 0 auto!important;width:500px!important;max-width:none!important;height:auto!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:radial-gradient(120% 60% at 100% 0,rgba(22,140,255,.10),transparent 55%),#070b14!important;border:0!important;border-inline-start:1px solid rgba(22,140,255,.16)!important;border-radius:0!important;box-shadow:-20px 0 60px rgba(0,0,0,.55)!important;font-family:Cairo,sans-serif!important;transform:translate3d(20%,0,0)!important;opacity:0!important;visibility:hidden!important;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s,visibility 0s .35s!important}
html body #f5r-drawer.is-open{transform:none!important;opacity:1!important;visibility:visible!important;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s,visibility 0s!important}
@media (max-width:999.98px){html body #f5r-drawer{width:65vw!important}}
@media (max-width:689.98px){html body #f5r-drawer{width:90vw!important}}
html body #f5r-drawer .f5r-drawer__head{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:15px 20px!important;border-bottom:1px solid rgba(22,140,255,.12)!important}
html body #f5r-drawer .f5r-drawer__logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:96px!important;height:34px!important}
html body #f5r-drawer .f5r-drawer__logo img{display:block!important;width:auto!important;max-width:96px!important;height:34px!important;object-fit:contain!important;object-position:right center!important}
html body #f5r-drawer .f5r-drawer__head .f5r-header-icon{width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;min-width:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important;border:1px solid rgba(22,140,255,.22)!important;background:rgba(22,140,255,.05)!important;color:#54b8ff!important}
html body #f5r-drawer .f5r-drawer__head .f5r-header-icon svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important}
html body #f5r-drawer .f5r-drawer__body{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:16px 20px 22px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
html body #f5r-drawer .f5r-currency-trigger--drawer.snd-fx-card{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;width:100%!important;min-height:0!important;margin:0 0 18px!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid rgba(22,140,255,.2)!important;background:rgba(22,140,255,.06)!important;color:rgba(246,249,255,.55)!important;font:700 12.5px Cairo,sans-serif!important;cursor:pointer!important;text-align:start!important;box-shadow:none!important;transition:border-color .2s!important}
html body #f5r-drawer .snd-fx-card:hover{border-color:rgba(22,140,255,.5)!important}
html body #f5r-drawer .snd-fx-card__l{color:rgba(246,249,255,.55)!important;font:700 12.5px Cairo,sans-serif!important}
html body #f5r-drawer .snd-fx-card b{flex:1!important;text-align:start!important;color:#f6f9ff!important;font:800 14px Cairo,sans-serif!important}
html body #f5r-drawer .snd-fx-card__c{flex:0 0 18px!important;width:18px!important;height:18px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354b8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") center/18px no-repeat!important;opacity:.8!important}
html body #f5r-drawer .f5r-drawer__nav{margin:0 0 22px!important}
html body #f5r-drawer .f5r-drawer__nav::before{content:"تصفّح الأقسام"!important;display:block!important;margin:0 0 6px!important;color:rgba(246,249,255,.45)!important;font:800 12px Cairo,sans-serif!important;letter-spacing:.3px!important}
html body #f5r-drawer .f5r-drawer__menu{margin:0!important;padding:0!important;border:0!important;list-style:none!important}
html body #f5r-drawer .f5r-drawer__menu--links{margin-top:0!important;border-top:0!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li{margin:0!important;padding:0!important;border-bottom:1px solid rgba(22,140,255,.08)!important}
html body #f5r-drawer .f5r-drawer__nav > ul:last-child > li:last-child{border-bottom:0!important}
html body #f5r-drawer .f5r-drawer__row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border:0!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li > .f5r-drawer__row > .f5r-drawer__link{flex:1!important;display:flex!important;align-items:center!important;gap:12px!important;padding:11px 0!important;color:#f6f9ff!important;font:800 15.5px/1.3 Cairo,sans-serif!important;text-decoration:none!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li > .f5r-drawer__row > .f5r-drawer__link::before{content:""!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;border:1px solid rgba(22,140,255,.22)!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354b8ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E") center/20px no-repeat rgba(22,140,255,.07)!important;transition:.2s!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li > .f5r-drawer__row > .f5r-drawer__link[href*="%d8%a3%d9%83%d9%88%d8%a7%d8%af"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354b8ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h4M8 9v4M15 12h.01M18 10h.01'/%3E%3Cpath d='M17.3 5H6.7a4 4 0 0 0-3.9 3.2l-1 5.3A2.5 2.5 0 0 0 4.3 16.5c.8 0 1.5-.4 2-1l1.2-1.5h9l1.2 1.5c.5.6 1.2 1 2 1a2.5 2.5 0 0 0 2.5-3l-1-5.3A4 4 0 0 0 17.3 5z'/%3E%3C/svg%3E")!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li > .f5r-drawer__row > .f5r-drawer__link[href*="%d8%b9%d8%b1%d9%88%d8%b6"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2354b8ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li:hover > .f5r-drawer__row > .f5r-drawer__link{color:#54b8ff!important}
html body #f5r-drawer .f5r-drawer__nav > ul > li:hover > .f5r-drawer__row > .f5r-drawer__link::before{border-color:rgba(22,140,255,.5)!important;background-color:rgba(22,140,255,.14)!important}
html body #f5r-drawer .f5r-drawer__count{display:none!important}
html body #f5r-drawer .f5r-drawer__toggle{flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:9px!important;border:1px solid rgba(22,140,255,.16)!important;background:transparent!important;color:#54b8ff!important;opacity:1!important}
html body #f5r-drawer .f5r-drawer__toggle svg{width:14px!important;height:14px!important}
html body #f5r-drawer .f5r-drawer__sub{margin:0!important;padding:0 52px 8px 0!important;border:0!important;list-style:none!important}
html body #f5r-drawer .f5r-drawer__sub .f5r-drawer__row{border:0!important}
html body #f5r-drawer .f5r-drawer__sub .f5r-drawer__link{display:block!important;padding:7px 0!important;color:rgba(246,249,255,.72)!important;font:700 14px/1.4 Cairo,sans-serif!important}
html body #f5r-drawer .f5r-drawer__sub .f5r-drawer__link:hover{color:#54b8ff!important}
html body #f5r-drawer .snd-dr-help{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;align-self:stretch!important;width:100%!important;margin-top:auto!important;padding:14px 16px 14px 64px!important;border-radius:16px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5a8 8 0 0 1-11.8 7L4 20l1.4-4A8 8 0 1 1 20 11.5Z'/%3E%3Cpath d='M8.5 8.5c.5 3 2 4.5 5 5l1-1.2c.2-.2.5-.3.8-.1l2 1c.3.1.4.4.3.7-.5 1.5-1.7 2.3-3.3 2.1-4.2-.5-7.8-4-8.3-8.3-.2-1.6.6-2.8 2.1-3.3.3-.1.6 0 .7.3l1 2c.2.3.1.6-.1.8L8.5 8.5Z'/%3E%3C/svg%3E") left 18px center/26px no-repeat,linear-gradient(135deg,#54b8ff,#168cff 60%,#0b5fc4)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(22,140,255,.22)!important}
html body #f5r-drawer .snd-dr-help:hover{color:#fff!important;filter:brightness(1.06)!important}
html body #f5r-drawer .snd-dr-help b{font:800 14.5px Cairo,sans-serif!important}
html body #f5r-drawer .snd-dr-help small{font:700 11.5px Cairo,sans-serif!important;opacity:.8!important}

/* ======================================================================
 * F5R SEARCH — Sanad's search window (2026-09-26): a full-screen dark layer,
 * the close button in the corner and one wide field in the middle with a
 * square blue search button. F5R keeps its live results under the field.
 * ==================================================================== */
html body #f5r-search{top:var(--wp-admin--admin-bar--height,0px)!important;align-items:flex-start!important;justify-content:center!important;overflow-y:auto!important}
html body #f5r-search .f5r-search__backdrop{position:fixed!important;background:rgba(7,11,20,.98)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #f5r-search .f5r-search__panel{position:relative!important;z-index:1!important;display:block!important;width:min(750px,calc(100% - 40px))!important;max-width:none!important;margin:0!important;padding:calc(50vh - var(--wp-admin--admin-bar--height,0px) / 2 - 37px) 0 40px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body #f5r-search .f5r-search__form{position:relative!important;display:flex!important;align-items:center!important;gap:0!important;padding:15px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;background:transparent!important}
html body #f5r-search .f5r-search__form:focus-within{border-color:rgba(22,140,255,.55)!important}
html body #f5r-search .f5r-search__icon{display:none!important}
html body #f5r-search .f5r-search__input{flex:1!important;min-width:0!important;height:50px!important;padding:0 15px!important;border:0!important;background:transparent!important;color:#fff!important;font:400 20px/33px Cairo,sans-serif!important;box-shadow:none!important;outline:0!important}
html body #f5r-search .f5r-search__input::placeholder{color:rgba(255,255,255,.55)!important}
html body #f5r-search .f5r-search__submit{flex:0 0 50px!important;width:50px!important;height:50px!important;padding:0!important;border-radius:10px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center/19px no-repeat,linear-gradient(135deg,#54b8ff,#168cff)!important;font-size:0!important;color:transparent!important;box-shadow:none!important}
html body #f5r-search .f5r-search__submit:hover{filter:brightness(1.08)!important}
html body #f5r-search .f5r-search__close{position:fixed!important;top:calc(var(--wp-admin--admin-bar--height,0px) + 20px)!important;left:25px!important;right:auto!important;width:32px!important;height:32px!important;padding:10px!important;display:grid!important;place-items:center!important;background:none!important;border:0!important;color:rgba(255,255,255,.7)!important;z-index:2!important}
html body #f5r-search .f5r-search__close:hover{color:#fff!important}
html body #f5r-search .f5r-search__close svg{width:12px!important;height:12px!important;stroke-width:2.6!important}
html body #f5r-search .f5r-search__results{margin-top:14px!important;padding:6px!important;border-radius:16px!important;background:#0d1626!important;border:1px solid rgba(22,140,255,.16)!important;max-height:calc(50vh - 40px)!important}
@media (max-width:689.98px){html body #f5r-search .f5r-search__panel{width:calc(100% - 32px)!important;padding-top:calc(40vh - var(--wp-admin--admin-bar--height,0px) / 2 - 37px)!important}html body #f5r-search .f5r-search__input{font-size:17px!important}html body #f5r-search .f5r-search__close{left:14px!important;top:calc(var(--wp-admin--admin-bar--height,0px) + 12px)!important}}

/* ======================================================================
 * F5R CURRENCY + LOADER — like Sanad (2026-09-26): the «اختر العملة» window
 * with two currency buttons per row (the chosen one filled blue), and the
 * page loader shows only the logo (no spinning circle).
 * ==================================================================== */
html body .f5r-page-loader__spinner{display:none!important}
html body #f5r-currency-modal.snd-fx{position:fixed!important;inset:0!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:none!important}
html body #f5r-currency-modal.snd-fx[hidden]{display:none!important}
html body #f5r-currency-modal .snd-fx__backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
html body #f5r-currency-modal .snd-fx__box{position:relative!important;width:min(560px,100%)!important;margin:0!important;padding:22px!important;border-radius:22px!important;background:radial-gradient(circle at 100% 0,rgba(22,140,255,.1),transparent 45%),linear-gradient(180deg,#0d1626,#070b14)!important;border:1px solid rgba(22,140,255,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important;font-family:Cairo,sans-serif!important;animation:f5rFxIn .22s ease}
@keyframes f5rFxIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
html body #f5r-currency-modal .snd-fx__head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 18px!important}
html body #f5r-currency-modal .snd-fx__head strong{color:#f6f9ff!important;font:800 18px Cairo,sans-serif!important}
html body #f5r-currency-modal .snd-fx__x{width:38px!important;height:38px!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;border:1px solid rgba(22,140,255,.25)!important;background:rgba(22,140,255,.05)!important;color:#54b8ff!important;font-size:22px!important;line-height:1!important;cursor:pointer}
html body #f5r-currency-modal .snd-fx__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important}
html body #f5r-currency-modal .snd-fx__opt{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:0!important;margin:0!important;padding:16px 18px!important;border-radius:14px!important;border:1px solid rgba(22,140,255,.16)!important;background:rgba(255,255,255,.02)!important;color:#f6f9ff!important;font:700 15px Cairo,sans-serif!important;cursor:pointer;box-shadow:none!important;transition:.18s}
html body #f5r-currency-modal .snd-fx__opt b{color:rgba(246,249,255,.55)!important;font:800 12px Cairo,sans-serif!important;letter-spacing:.5px}
html body #f5r-currency-modal .snd-fx__opt:hover{border-color:rgba(22,140,255,.45)!important}
html body #f5r-currency-modal .snd-fx__opt.is-active{background:linear-gradient(135deg,#54b8ff,#168cff 60%,#0b5fc4)!important;border-color:transparent!important;color:#fff!important}
html body #f5r-currency-modal .snd-fx__opt.is-active b{color:#fff!important}
@media (max-width:420px){html body #f5r-currency-modal .snd-fx__opt{padding:14px!important;font-size:14px!important}}

/* ======================================================================
 * F5R CURRENCY WINDOW — Sanad's #snd-fx-modal (built by the switcher script).
 * ==================================================================== */
html body #snd-fx-modal.snd-fx{position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:16px!important;direction:rtl;font-family:Cairo,sans-serif}
html body #snd-fx-modal.snd-fx.is-open{display:flex!important}
html body #snd-fx-modal .snd-fx__backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
html body #snd-fx-modal .snd-fx__box{position:relative!important;width:min(560px,100%)!important;margin:0!important;padding:22px!important;border-radius:22px!important;background:radial-gradient(circle at 100% 0,rgba(22,140,255,.1),transparent 45%),linear-gradient(180deg,#0d1626,#070b14)!important;border:1px solid rgba(22,140,255,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important;font-family:Cairo,sans-serif!important;animation:f5rFxIn .22s ease}
@keyframes f5rFxIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
html body #snd-fx-modal .snd-fx__head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 18px!important}
html body #snd-fx-modal .snd-fx__head strong{color:#f6f9ff!important;font:800 18px Cairo,sans-serif!important}
html body #snd-fx-modal .snd-fx__x{width:38px!important;height:38px!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;border:1px solid rgba(22,140,255,.25)!important;background:rgba(22,140,255,.05)!important;color:#54b8ff!important;font-size:22px!important;line-height:1!important;cursor:pointer}
html body #snd-fx-modal .snd-fx__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important}
html body #snd-fx-modal .snd-fx__opt{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:0!important;margin:0!important;padding:16px 18px!important;border-radius:14px!important;border:1px solid rgba(22,140,255,.16)!important;background:rgba(255,255,255,.02)!important;color:#f6f9ff!important;font:700 15px Cairo,sans-serif!important;cursor:pointer;box-shadow:none!important;transition:.18s}
html body #snd-fx-modal .snd-fx__opt b{color:rgba(246,249,255,.55)!important;font:800 12px Cairo,sans-serif!important;letter-spacing:.5px}
html body #snd-fx-modal .snd-fx__opt:hover{border-color:rgba(22,140,255,.45)!important}
html body #snd-fx-modal .snd-fx__opt.is-active{background:linear-gradient(135deg,#54b8ff,#168cff 60%,#0b5fc4)!important;border-color:transparent!important;color:#fff!important}
html body #snd-fx-modal .snd-fx__opt.is-active b{color:#fff!important}
html body #snd-fx-modal .snd-fx__note{display:none!important}
@media (max-width:420px){html body #snd-fx-modal .snd-fx__opt{padding:14px!important;font-size:14px!important}}