/* Bareq v2: CSS fallback injected by JS in case the custom CSS field is not applied */
(function(){try{if(document.getElementById('bq-css-fallback-v2'))return;var o=document.getElementById('bq-css-fallback');if(o&&o.parentNode)o.parentNode.removeChild(o);var s=document.createElement('style');s.id='bq-css-fallback-v2';s.textContent="/* =====================================================================\n   Bareq | بارق  —  custom CSS v2 (\"Bareq Neon\") for Salla \"Raed\" theme\n   Paste into: تصميم المتجر > تخصيص النسخة > تخصيص متقدم > CSS\n   Brand: navy #040A16 · cyan #00D6FF · white · Cairo\n   Works with bareq_custom_v2.js (adds the shortcut bar, section ids,\n   section headers and the mobile tab bar). Every rule degrades\n   gracefully if an element is missing.\n   ===================================================================== */\n@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');\n\nhtml:root { --bq-top: 0px; /* height of the pinned header, set by JS on <html> */ }\nhtml:root, html body {\n  --bq-bg: #040A16;\n  --bq-bg-2: #071122;\n  --bq-surface: #0B1629;\n  --bq-surface-2: #10203A;\n  --bq-border: rgba(0, 214, 255, .14);\n  --bq-border-strong: rgba(0, 214, 255, .35);\n  --bq-cyan: #00D6FF;\n  --bq-cyan-dark: #00A9CC;\n  --bq-text: #FFFFFF;\n  --bq-muted: #A3B1C6;\n  --bq-radius: 16px;\n  --bq-radius-sm: 12px;\n  --bq-glow: 0 0 0 1px rgba(0, 214, 255, .45), 0 0 24px rgba(0, 214, 255, .33);\n  --bq-tabbar-h: 64px;\n\n  /* Salla / Raed theme variables */\n  --color-primary: #00D6FF;\n  --color-primary-dark: #00A9CC;\n  --color-primary-light: #5FE6FF;\n  --color-primary-reverse: #040A16;\n  --color-reverse-primary: #040A16;\n  --color-text-reverse: #040A16;\n  --color-reverse-text: #040A16;\n  --color-secondary: #00D6FF;\n  --color-title: #FFFFFF;\n  --color-text: #C9D3E2;\n  --color-grey: #0B1629;\n  --color-light-grey: #10203A;\n  --mainnav-bg: #040A16;\n  --mainnav-text-color: #FFFFFF;\n  --font-main: 'Cairo', sans-serif;\n  --font-ar: 'Cairo', sans-serif;\n  color-scheme: dark;\n}\n\n/* ---------- 1. Base / dark theme ---------- */\nhtml, body, #app, .app-inner, main, #main-content {\n  background-color: var(--bq-bg) !important;\n  color: var(--bq-text);\n}\nbody, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, li, label, td, th,\nspan:not([class*=\"sicon-\"]):not([class*=\"fa-\"]) {\n  font-family: 'Cairo', var(--font-main), sans-serif;\n}\nbody ::selection { background: var(--bq-cyan); color: var(--bq-bg); }\na { transition: color .2s, opacity .2s; }\nh1, h2, h3, h4, h5, h6 { color: var(--bq-text); }\n\n/* Tailwind utility remap (theme is built with Tailwind) */\nbody .bg-white, body .bg-gray-50, body .bg-gray-100, body .bg-grey,\nbody .bg-\\[\\#F4F7F2\\], body .bg-light, body .bg-gray-200 { background-color: var(--bq-surface) !important; }\nbody .text-gray-900, body .text-gray-800, body .text-dark, body .text-black { color: var(--bq-text) !important; }\nbody .text-gray-700, body .text-gray-600, body .text-gray-500 { color: #C9D3E2 !important; }\nbody .text-gray-400, body .text-gray-300 { color: var(--bq-muted) !important; }\nbody .border-gray-100, body .border-gray-200, body .border-gray-300, body .border,\nbody .border-b, body .border-t, body .divide-gray-200 > * { border-color: var(--bq-border) !important; }\nbody .shadow-default, body .shadow, body .shadow-md, body .shadow-sm { box-shadow: 0 6px 24px rgba(0,0,0,.35) !important; }\n\n/* Scrollbar */\nhtml { scrollbar-color: #1B3356 var(--bq-bg); }\n::-webkit-scrollbar { width: 10px; height: 10px; }\n::-webkit-scrollbar-track { background: var(--bq-bg); }\n::-webkit-scrollbar-thumb { background: #1B3356; border-radius: 10px; }\n\n/* ---------- Header (new Raed .site-header + older .store-header) ---------- */\n.site-header, .site-header__bar, .site-header__bar-outer, .site-header__bar-inner,\n.store-header, .main-nav-container, #mainnav, #mainnav .inner {\n  background-color: rgba(4, 10, 22, .96) !important;\n  color: var(--bq-text) !important;\n}\n.site-header__bar, #mainnav .inner {\n  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);\n  border-bottom: 1px solid var(--bq-border);\n  box-shadow: 0 8px 30px rgba(0,0,0,.35) !important;\n}\n.site-header__topnav, .top-navbar {\n  background: linear-gradient(90deg, #020611, #071730 50%, #020611) !important;\n  border-bottom: 1px solid var(--bq-border);\n  color: var(--bq-muted) !important;\n}\n.site-header__topnav a, .site-header__topnav button, .site-header__topnav-action, .s-menu-topnav-item,\n.top-navbar a { color: var(--bq-muted) !important; }\n.site-header__topnav a:hover, .s-menu-topnav-item:hover { color: var(--bq-cyan) !important; }\n.site-header .main-menu > li > a, .main-menu > li > a, .site-header__mainmenu a,\n.site-header svg, .header-action, .header-btn__icon, #mainnav .sicon-menu { color: var(--bq-text) !important; }\n.site-header .main-menu > li > a:hover, .main-menu > li > a:hover,\n.site-header .main-menu > li > a.active { color: var(--bq-cyan) !important; }\n.site-header__burger span { background-color: var(--bq-text) !important; }\n.header-btn__icon, .site-header .header-action { border-color: var(--bq-border) !important; }\n/* dropdown / mega menu */\n.s-menu-sub-menu, .main-menu .sub-menu, .site-header .s-menu-sub-menu ul {\n  background-color: var(--bq-surface) !important; border: 1px solid var(--bq-border) !important;\n  border-radius: var(--bq-radius-sm); box-shadow: 0 18px 40px rgba(0,0,0,.5) !important;\n}\n.s-menu-sub-menu a, .s-menu-sub-menu span { color: #D9E2EF !important; }\n.s-menu-sub-menu a:hover, .s-menu-sub-menu a:hover span { color: var(--bq-cyan) !important; background: rgba(0,214,255,.06) !important; }\n/* search */\nsalla-search input, .s-search-input, .s-search-container, .header-search input {\n  background-color: var(--bq-surface) !important; color: var(--bq-text) !important;\n  border-color: var(--bq-border) !important;\n}\n.s-search-results, .s-search-container-wrap { background-color: var(--bq-surface) !important; color: var(--bq-text) !important; }\n/* cart badge / counters */\n.s-cart-summary-count, .s-cart-summary-count span { background: var(--bq-cyan) !important; color: var(--bq-bg) !important; font-weight: 800; }\n.s-cart-summary-total { color: var(--bq-text) !important; }\n\n/* mobile drawer menu (mmenu) */\n.mm-ocd__content, .mm-spn, .mm-spn--light, #mobile-menu, .mobile-menu {\n  background: var(--bq-bg-2) !important; color: var(--bq-text) !important; --mm-spn-item-color: #fff;\n}\n.mm-spn a, .mm-spn span, .mm-spn li { color: var(--bq-text) !important; border-color: var(--bq-border) !important; }\n.mm-spn li:after, .mm-spn li:before { border-color: var(--bq-border) !important; }\n\n/* ---------- Buttons ---------- */\n.s-button-primary, .s-button-element.s-button-primary, .btn--primary, .btn-primary,\nsalla-add-product-button button, .s-add-product-button-main, .s-product-card-content-footer .s-button-primary,\nbutton.s-button-solid.s-button-primary {\n  background-color: var(--bq-cyan) !important; border-color: var(--bq-cyan) !important;\n  color: var(--bq-bg) !important; font-weight: 800 !important; border-radius: 12px !important;\n  transition: box-shadow .2s, transform .2s, background-color .2s;\n}\n.s-button-primary:hover, salla-add-product-button button:hover, .btn--primary:hover {\n  background-color: #34E0FF !important; box-shadow: 0 0 18px rgba(0,214,255,.45) !important;\n}\n.s-button-primary .s-button-text, salla-add-product-button button .s-button-text,\n.s-button-primary i, salla-add-product-button button i { color: var(--bq-bg) !important; }\n.s-button-outline, .s-button-light-outline, .s-button-primary-outline, .btn--outline {\n  background: transparent !important; border-color: var(--bq-border-strong) !important; color: var(--bq-text) !important;\n  border-radius: 12px !important;\n}\n.s-button-outline:hover, .s-button-light-outline:hover { border-color: var(--bq-cyan) !important; color: var(--bq-cyan) !important; }\n.s-button-disabled, button[disabled].s-button-element { opacity: .55; }\n\n/* ---------- Forms (cart, login, checkout-like pages stay readable) ---------- */\nbody input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]),\nbody select, body textarea, .form-input, .s-form-control, .s-verify-input, .s-quantity-input-input {\n  background-color: #0D1A30 !important; color: var(--bq-text) !important;\n  border-color: rgba(163,177,198,.28) !important; border-radius: 10px;\n}\nbody input::placeholder, body textarea::placeholder { color: #7D8BA3 !important; opacity: 1; }\nbody input:focus, body select:focus, body textarea:focus { border-color: var(--bq-cyan) !important; box-shadow: 0 0 0 3px rgba(0,214,255,.18) !important; outline: none; }\ninput[type=\"checkbox\"], input[type=\"radio\"] { accent-color: var(--bq-cyan); }\n\n/* ---------- Modals / popovers / toasts ---------- */\n.s-modal-body, .s-modal-wrapper .s-modal-body, .s-modal-container, .s-login-modal, .s-modal-header,\n.s-localization-modal, .s-offer-modal, .dropdown__menu, .s-user-menu-dropdown, .s-user-menu-dropdown-list,\n.s-user-menu-dropdown-header, .swal2-popup, .s-cart-summary-wrapper .s-cart-summary-content {\n  background-color: var(--bq-surface) !important; color: var(--bq-text) !important; border-color: var(--bq-border) !important;\n}\n.s-modal-title, .s-modal-sub-title, .swal2-title, .swal2-html-container, .s-user-menu-dropdown a { color: var(--bq-text) !important; }\n.s-modal-overlay { background-color: rgba(1, 4, 10, .78) !important; }\n\n/* ---------- Product cards (all listings) ---------- */\n.s-product-card-entry, .s-product-card, custom-salla-product-card, .product-entry {\n  background: linear-gradient(180deg, #0D1A30 0%, #0A1426 100%) !important;\n  border: 1px solid var(--bq-border) !important;\n  border-radius: var(--bq-radius) !important;\n  overflow: hidden;\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  color: var(--bq-text) !important;\n}\n.s-product-card-entry:hover, .s-product-card:hover, custom-salla-product-card:hover {\n  transform: translateY(-4px); box-shadow: var(--bq-glow) !important; border-color: var(--bq-cyan) !important;\n}\n.s-product-card-image, .s-product-card-image > a, .s-product-card-image > a > div { background: #08111F !important; }\n.s-product-card-image img { transition: transform .4s ease; }\n.s-product-card-entry:hover .s-product-card-image img { transform: scale(1.04); }\n.s-product-card-content { padding: 12px 12px 14px !important; }\n.s-product-card-content-title, .s-product-card-content-title a {\n  color: var(--bq-text) !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1.55 !important;\n}\n.s-product-card-content-title a:hover { color: var(--bq-cyan) !important; }\n.s-product-card-content-subtitle, .s-product-card-starting-price p { color: var(--bq-muted) !important; }\n.s-product-card-price, .s-product-card-sale-price h4, .s-product-card-starting-price h4, .s-product-card-content-sub h4 { color: var(--bq-cyan) !important; font-weight: 800 !important; }\n.s-product-card-sale-price span { color: #6F7E97 !important; }\n.s-product-card-promotion-title {\n  background: var(--bq-cyan) !important; color: var(--bq-bg) !important; font-weight: 800;\n  border-radius: 8px !important;\n}\n.s-product-card-wishlist-btn { background: rgba(4,10,22,.7) !important; border-color: var(--bq-border) !important; color: #fff !important; }\n.s-product-card-out-of-stock .s-product-card-image img { opacity: .55; }\n\n/* ---------- Homepage blocks ---------- */\nsection.s-block { position: relative; }\n#main-content > section.s-block, main > section.s-block { margin-top: 28px; }\n@media (min-width: 768px) { #main-content > section.s-block, main > section.s-block { margin-top: 44px; } }\n\n/* slider */\n.s-block--photos-slider img, .s-block--photos-slider .s-photos-slider__slide,\n.s-block--photos-slider .swiper-slide img, .home-slider img { border-radius: var(--bq-radius) !important; }\n.s-block--photos-slider .s-photos-slider__slide { overflow: hidden; border: 1px solid var(--bq-border); }\n.carousel-dots__dot, .swiper-pagination-bullet { background: rgba(255,255,255,.3) !important; opacity: 1 !important; }\n.carousel-dots__dot.is-active, .swiper-pagination-bullet-active { background: var(--bq-cyan) !important; width: 22px !important; border-radius: 6px !important; }\n.scroll-carousel__progress { background: rgba(255,255,255,.12) !important; }\n.scroll-carousel__progress-thumb { background: var(--bq-cyan) !important; }\n.scroll-carousel__nav button, .s-slider-nav-arrow, .swiper-button-next, .swiper-button-prev {\n  background: var(--bq-surface) !important; border: 1px solid var(--bq-border) !important; color: #fff !important; border-radius: 50% !important;\n}\n.scroll-carousel__nav button:hover, .s-slider-nav-arrow:hover { border-color: var(--bq-cyan) !important; color: var(--bq-cyan) !important; }\n.scroll-carousel__nav button svg, .scroll-carousel__nav button path { stroke: currentColor; }\n\n/* wide banners (بانر عريض) */\n.s-block--fixed-banner .banner, .s-block--fixed-banner a, .s-block--banners a.banner,\n.banner--fixed {\n  display: block; border-radius: var(--bq-radius) !important; overflow: hidden;\n  border: 1px solid var(--bq-border);\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n}\n.s-block--fixed-banner img, .banner--fixed img { display: block; width: 100%; border-radius: 0 !important; transition: transform .5s ease; }\n.s-block--fixed-banner a:hover, .banner--fixed:hover, .s-block--banners a.banner:hover {\n  transform: translateY(-3px); box-shadow: var(--bq-glow); border-color: var(--bq-cyan);\n}\n.s-block--fixed-banner a:hover img, .banner--fixed:hover img { transform: scale(1.015); }\n.s-block--fixed-banner + .s-block--fixed-banner { margin-top: 36px !important; }\n@media (min-width: 768px) { .s-block--fixed-banner + .s-block--fixed-banner { margin-top: 48px !important; } }\n\n/* square banners / photos (if added later) */\n.s-block--square-photos a, .s-block--enhanced-square-banners a, .s-block--square-photos img, .s-block--enhanced-square-banners img {\n  border-radius: var(--bq-radius) !important; overflow: hidden; transition: transform .3s, box-shadow .3s;\n}\n.s-block--square-photos a:hover, .s-block--enhanced-square-banners a:hover { transform: translateY(-3px) scale(1.01); box-shadow: var(--bq-glow); }\n\n/* main-links / quick links (if ever enabled) */\n.slide--cat-entry { background: var(--bq-surface) !important; border: 1px solid var(--bq-border); border-radius: var(--bq-radius) !important; color: #fff !important; }\n.slide--cat-entry:hover { box-shadow: var(--bq-glow); }\n\n/* ---------- 3. Section headers (native + JS-injected) ---------- */\n.s-block__title, .s-products-carousel__head, .s-slider-block__title, .bq-sec-head {\n  display: flex !important; align-items: center !important; justify-content: space-between; gap: 12px;\n  margin-bottom: 16px !important; padding-bottom: 12px;\n  border-bottom: 1px solid var(--bq-border);\n  position: relative;\n}\n.s-block__title::after, .s-products-carousel__head::after, .bq-sec-head::after {\n  content: \"\"; position: absolute; bottom: -1px; inset-inline-start: 0; width: 72px; height: 2px;\n  background: linear-gradient(90deg, var(--bq-cyan), transparent); border-radius: 2px;\n}\nhtml[dir=\"rtl\"] .s-block__title::after, html[dir=\"rtl\"] .s-products-carousel__head::after, html[dir=\"rtl\"] .bq-sec-head::after {\n  background: linear-gradient(270deg, var(--bq-cyan), transparent);\n}\n.s-block__title h2, .s-products-carousel__title, .s-slider-block__title h2, .bq-sec-head__title, .bq-title {\n  display: inline-flex !important; align-items: center; gap: 10px; flex-wrap: wrap;\n  color: var(--bq-text) !important; font-weight: 900 !important; font-size: 20px !important; line-height: 1.3 !important; margin: 0 !important;\n}\n@media (min-width: 768px) {\n  .s-block__title h2, .s-products-carousel__title, .s-slider-block__title h2, .bq-sec-head__title, .bq-title { font-size: 24px !important; }\n}\n.bq-title::before, .bq-sec-head__title::before {\n  content: \"\"; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px;\n  background: rgba(0,214,255,.12) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300D6FF' d='M13.5 2 4 13.6h6.2L9 22l10-12.2h-6.3L13.5 2z'/%3E%3C/svg%3E\") center/16px no-repeat;\n  box-shadow: inset 0 0 0 1px rgba(0,214,255,.35);\n}\n.bq-en {\n  display: inline-block; font-family: 'Cairo', sans-serif; font-size: 11px; font-weight: 800; letter-spacing: .14em;\n  color: var(--bq-cyan); text-transform: uppercase; direction: ltr; line-height: 1;\n  padding: 5px 8px; border-radius: 6px; background: rgba(0,214,255,.08); border: 1px solid rgba(0,214,255,.22);\n}\n.s-block__display-all, .bq-sec-head__all {\n  display: inline-flex !important; align-items: center; gap: 6px; white-space: nowrap;\n  color: var(--bq-cyan) !important; font-weight: 700; font-size: 13px;\n  padding: 7px 14px; border-radius: 999px; border: 1px solid var(--bq-border-strong);\n  background: rgba(0,214,255,.06); transition: background .2s, box-shadow .2s;\n}\n.s-block__display-all:hover, .bq-sec-head__all:hover { background: rgba(0,214,255,.14); box-shadow: 0 0 14px rgba(0,214,255,.3); }\n.s-block__display-all i, .bq-sec-head__all svg { color: var(--bq-cyan) !important; }\n.bq-sec-head__all svg { width: 14px; height: 14px; flex: 0 0 14px; }\nhtml[dir=\"ltr\"] .bq-sec-head__all svg { transform: scaleX(-1); }\n.bq-sec-head { margin-top: 0; flex-wrap: nowrap; max-width: 100%; box-sizing: border-box; }\n.bq-sec-head__title, .s-products-carousel__title, .s-block__title h2 { flex: 1 1 auto; min-width: 0; }\n.bq-sec-head__all, .s-block__display-all { flex: 0 0 auto; }\n@media (max-width: 767.98px) {\n  .s-block__title h2, .s-products-carousel__title, .bq-sec-head__title, .bq-title { font-size: 18px !important; gap: 8px; row-gap: 6px; }\n  .bq-en { font-size: 9.5px; padding: 4px 6px; letter-spacing: .1em; }\n  .s-block__display-all, .bq-sec-head__all { font-size: 12px; padding: 6px 11px; }\n}\n.bq-sec-head.container, .s-block--fixed-banner .bq-sec-head { margin-bottom: 14px !important; }\n\n/* ---------- store features (مميزات المتجر) ---------- */\n.s-block--features__item, .s-block--store-features .s-block--features__item {\n  background: linear-gradient(180deg, #0D1A30, #0A1426) !important; border: 1px solid var(--bq-border) !important;\n  border-radius: var(--bq-radius) !important; padding: 22px 16px !important; text-align: center;\n  transition: transform .25s, box-shadow .25s, border-color .25s;\n}\n.s-block--features__item:hover { transform: translateY(-3px); box-shadow: var(--bq-glow); border-color: var(--bq-cyan) !important; }\n.s-block--features__item .feature-icon {\n  background: rgba(0,214,255,.1) !important; border: 1px solid rgba(0,214,255,.35) !important; border-radius: 14px !important;\n  width: 56px !important; height: 56px !important; margin: 0 auto 12px !important; display: flex !important; align-items: center; justify-content: center;\n}\n.s-block--features__item .feature-icon i { color: var(--bq-cyan) !important; font-size: 24px !important; }\n.s-block--features__item h2 { color: var(--bq-text) !important; font-weight: 800 !important; font-size: 16px !important; margin-bottom: 4px; }\n.s-block--features__item p { color: var(--bq-muted) !important; font-size: 13px !important; }\n\n/* testimonials (if enabled) */\n.s-block--testimonials, .s-block--custom-testimonials, .s-block--full-bg { background: transparent !important; }\n.s-testimonial-item, .testimonial-item, .s-block--testimonials .swiper-slide > div {\n  background: var(--bq-surface) !important; border: 1px solid var(--bq-border) !important; border-radius: var(--bq-radius) !important; color: #fff !important;\n}\n.s-rating-stars-selected, .s-rating-stars-selected i, .sicon-star2 { color: #FFC83D !important; }\n\n/* 4. empty 'منتجات على ذوقك' (JS adds the class only when it has no products) */\n.bq-hidden-empty { display: none !important; }\n\n/* ---------- Footer ---------- */\n.store-footer, .store-footer__inner, .store-footer__bottom, footer.store-footer {\n  background: linear-gradient(180deg, #050C1A 0%, #020610 100%) !important; color: var(--bq-muted) !important;\n  border-color: var(--bq-border) !important;\n}\n.store-footer { border-top: 1px solid var(--bq-border); }\n.store-footer h3, .store-footer b, .store-footer strong, .s-apps-icons h3 { color: var(--bq-text) !important; }\n.store-footer a, .s-menu-footer-item, .s-contacts-item { color: var(--bq-muted) !important; }\n.store-footer a:hover, .s-menu-footer-item:hover, .s-contacts-item:hover { color: var(--bq-cyan) !important; }\n.s-contacts-icon, .s-social-link a, .s-social-icon {\n  background: rgba(0,214,255,.08) !important; border: 1px solid var(--bq-border) !important; color: var(--bq-cyan) !important; border-radius: 10px !important;\n}\n.s-social-link a:hover { box-shadow: 0 0 14px rgba(0,214,255,.35); }\n.s-payments-list-item { background: #fff !important; border-radius: 6px !important; }\n.copyright-text { color: #7D8BA3 !important; }\n\n/* ---------- Inner pages ---------- */\n.breadcrumbs, .s-breadcrumb-wrapper, .s-breadcrumb-item, .s-breadcrumb-item a { color: var(--bq-muted) !important; }\n.s-breadcrumb-item:last-child, .s-breadcrumb-item:last-child a { color: var(--bq-cyan) !important; }\n.s-products-list-filters, .s-filters-wrapper, .s-filters-widget, .s-filters-widget-content, .filters-wrapper, .s-sort-wrapper {\n  background: var(--bq-surface) !important; color: var(--bq-text) !important; border-color: var(--bq-border) !important; border-radius: var(--bq-radius-sm);\n}\n.s-filters-widget-title, .s-filters-label { color: #fff !important; }\n.s-infinite-scroll-btn, .s-infinite-scroll-wrapper button { border-color: var(--bq-cyan) !important; color: var(--bq-cyan) !important; background: transparent !important; border-radius: 999px !important; }\n.main-content, .product-single, .product__description, .product-details, .s-product-options-wrapper,\n.cart-item, .cart-summary, .s-cart-item, .s-product-options-option-container {\n  color: var(--bq-text);\n}\n.cart-item, .s-cart-item, #cart-submit-wrap, .cart-summary, .product-single .bg-white, .product-form, .product-details .card {\n  background-color: var(--bq-surface) !important; border-color: var(--bq-border) !important; border-radius: var(--bq-radius) !important;\n}\n.prose, .prose p, .prose li, .article-content, .page-content { color: #C9D3E2 !important; }\n.prose h1, .prose h2, .prose h3, .prose strong { color: #fff !important; }\n.prose a { color: var(--bq-cyan) !important; }\n.s-comments, .s-comment-item, .s-reviews-item { background: var(--bq-surface) !important; color: #fff !important; border-color: var(--bq-border) !important; }\n.s-skeleton-wrapper, .s-skeleton-item, salla-skeleton > div { background-color: #0F1D33 !important; }\n.s-placeholder, .s-placeholder-wrapper { color: var(--bq-muted) !important; }\n\n/* =====================================================================\n   2. Sticky shortcut bar (built by JS)\n   ===================================================================== */\n.bq-shortcuts {\n  position: sticky; top: var(--bq-top); z-index: 28;\n  background: rgba(4, 10, 22, .92);\n  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n  border-bottom: 1px solid var(--bq-border);\n  box-shadow: 0 10px 24px rgba(0,0,0,.28);\n  transition: top .2s ease;\n}\n.bq-shortcuts__inner {\n  display: flex; gap: 8px; align-items: center;\n  max-width: 1280px; margin: 0 auto; padding: 10px 12px;\n  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;\n  -ms-overflow-style: none; scrollbar-width: none;\n}\n.bq-shortcuts__inner::-webkit-scrollbar { display: none; }\n@media (min-width: 1024px) { .bq-shortcuts__inner { justify-content: center; gap: 10px; padding: 12px 16px; } }\n.bq-chip {\n  flex: 0 0 auto; scroll-snap-align: start;\n  display: inline-flex; align-items: center; gap: 7px;\n  padding: 8px 14px; border-radius: 999px;\n  background: #0B1629; border: 1px solid rgba(163,177,198,.18);\n  color: #DCE5F2 !important; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap;\n  text-decoration: none !important; cursor: pointer;\n  transition: background .2s, border-color .2s, color .2s, box-shadow .2s;\n}\n@media (min-width: 1024px) { .bq-chip { font-size: 14px; padding: 9px 18px; } }\n.bq-chip svg { width: 16px; height: 16px; flex: 0 0 16px; color: var(--bq-cyan); }\n.bq-chip:hover { border-color: var(--bq-cyan); color: #fff !important; box-shadow: 0 0 12px rgba(0,214,255,.25); }\n.bq-chip.is-active {\n  background: var(--bq-cyan); border-color: var(--bq-cyan); color: var(--bq-bg) !important;\n  box-shadow: 0 0 18px rgba(0,214,255,.45);\n}\n.bq-chip.is-active svg { color: var(--bq-bg); }\n.bq-chip:focus-visible { outline: 2px solid var(--bq-cyan); outline-offset: 2px; }\n[data-bq-key] { scroll-margin-top: calc(var(--bq-top) + 70px); }\n\n/* =====================================================================\n   5. Mobile bottom tab bar (built by JS)\n   ===================================================================== */\n.bq-tabbar { display: none; }\n@media (max-width: 1023.98px) {\n  .bq-tabbar {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    position: fixed; inset-inline: 0; bottom: 0; z-index: 40;\n    height: calc(var(--bq-tabbar-h) + env(safe-area-inset-bottom, 0px));\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n    background: rgba(5, 12, 26, .96);\n    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);\n    border-top: 1px solid var(--bq-border);\n    box-shadow: 0 -10px 30px rgba(0,0,0,.45);\n  }\n  body.bq-has-tabbar { padding-bottom: calc(var(--bq-tabbar-h) + env(safe-area-inset-bottom, 0px)) !important; }\n  /* lift floating widgets (WhatsApp / chat / back-to-top) above the tab bar */\n  body.bq-has-tabbar .whatsapp-button, body.bq-has-tabbar [class*=\"whatsapp-float\"], body.bq-has-tabbar .s-scroll-top,\n  body.bq-has-tabbar #back-to-top, body.bq-has-tabbar .scroll-to-top { bottom: calc(var(--bq-tabbar-h) + 14px) !important; }\n}\n.bq-tab {\n  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;\n  color: #93A3BB !important; font-size: 11px; font-weight: 700; text-decoration: none !important;\n  background: none; border: 0; cursor: pointer; font-family: 'Cairo', sans-serif; -webkit-tap-highlight-color: transparent;\n}\n.bq-tab svg { width: 23px; height: 23px; }\n.bq-tab.is-active { color: var(--bq-cyan) !important; }\n.bq-tab.is-active::before {\n  content: \"\"; position: absolute; top: 0; width: 28px; height: 3px; border-radius: 0 0 4px 4px; background: var(--bq-cyan);\n  box-shadow: 0 0 10px var(--bq-cyan);\n}\n.bq-tab__badge {\n  position: absolute; top: 8px; inset-inline-start: calc(50% + 6px);\n  min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px;\n  background: var(--bq-cyan); color: var(--bq-bg); font-size: 10px; font-weight: 900; line-height: 17px; text-align: center;\n}\n.bq-tab__badge:empty, .bq-tab__badge[data-count=\"0\"] { display: none; }\n\n@media (prefers-reduced-motion: reduce) {\n  *, .bq-chip, .s-product-card-entry { transition: none !important; scroll-behavior: auto !important; }\n}\n\n/* ---------- 5b. Native Raed mobile bottom bar (new Raed ships one) ---------- */\n.mobile-bottom-bar {\n  background: rgba(5, 12, 26, .96) !important; border-top: 1px solid var(--bq-border) !important;\n  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 -10px 30px rgba(0,0,0,.45) !important;\n}\n.mobile-bottom-bar__inner { background: transparent !important; }\n.mobile-bottom-bar__item { color: #93A3BB !important; position: relative; }\n.mobile-bottom-bar__item svg { color: currentColor; }\n.mobile-bottom-bar__label { font-family: 'Cairo', sans-serif !important; font-weight: 700 !important; }\n.mobile-bottom-bar__item.is-active, .mobile-bottom-bar__item.active {\n  /* Raed shows the active tab as a pill (icon + label); make it a cyan pill with navy content */\n  background: var(--bq-cyan) !important; color: var(--bq-bg) !important;\n  box-shadow: 0 0 18px rgba(0, 214, 255, .45);\n}\n.mobile-bottom-bar__item.is-active *, .mobile-bottom-bar__item.active * { color: var(--bq-bg) !important; }\n.mobile-bottom-bar__item[aria-expanded=\"true\"]:not(.is-active) { color: var(--bq-cyan) !important; }\n/* rename \"القائمة الرئيسية\" tab to \"التصنيفات\" without touching the theme's markup */\n[data-testid=\"mobile-bottom-bar-categories\"] .mobile-bottom-bar__label { font-size: 0 !important; }\n[data-testid=\"mobile-bottom-bar-categories\"] .mobile-bottom-bar__label::after { content: \"التصنيفات\"; font-size: 11px; }\n.mobile-bottom-bar [class*=\"badge\"], .mobile-bottom-bar [class*=\"count\"] { background: var(--bq-cyan) !important; color: var(--bq-bg) !important; }\n.mobile-bottom-bar-scrim { background: rgba(1,4,10,.6) !important; }\n@media (max-width: 1023.98px) {\n  body.bq-native-tabbar .store-footer { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }\n}\n\n/* ---------- 6. Inner-page extras (category toolbar, mobile page title, reviews) ---------- */\n/* on inner pages the chips are plain links and do not stick (the theme's catalog toolbar sticks there) */\n.bq-shortcuts.bq-shortcuts--static { position: relative; top: auto; box-shadow: none; }\n.mobile-page-title, .s-catalog-toolbar-sticky, .s-catalog-toolbar {\n  background: var(--bq-bg) !important; color: var(--bq-text) !important; border-color: var(--bq-border) !important;\n}\n.mobile-page-title { border-bottom: 1px solid var(--bq-border); }\n.mobile-page-title *, .s-catalog-toolbar * { color: inherit; }\n.s-catalog-toolbar select, .s-catalog-toolbar button { background: transparent !important; color: var(--bq-text) !important; }\n.s-catalog-toolbar [class*=\"active\"], .s-catalog-toolbar button[aria-pressed=\"true\"] { background: rgba(0,214,255,.14) !important; color: var(--bq-cyan) !important; }\n.s-reviews-testimonial {\n  background: var(--bq-surface) !important; color: var(--bq-text) !important;\n  border: 1px solid var(--bq-border); border-radius: var(--bq-radius) !important;\n}\n.s-reviews-testimonial * { color: inherit; }\n.s-skeleton-pulse { background: #13223A !important; }\n/* add-to-cart labels on 2-column mobile grids: smaller so they are not truncated */\n@media (max-width: 480px) {\n  .s-product-card-entry salla-add-product-button button, .s-product-card-entry .s-button-element {\n    font-size: 12.5px !important; padding-inline: 8px !important; white-space: nowrap;\n  }\n}\n\n/* #####################################################################\n   V2 — \"Bareq Neon\" layer  (bold redesign on top of the v1 base above)\n   Everything below is additive. JS adds these hooks on <html>:\n     .bq-v2  .bq-motion (motion allowed)  .bq-fine (mouse/trackpad)\n     .bq-home | .bq-listing | .bq-product | .bq-cart   .bq-scrolled\n   Cart / checkout pages only receive the colour base, never the effects.\n   ##################################################################### */\nhtml:root, html body {\n  --bq-ease: cubic-bezier(.2,.8,.2,1);\n  --bq-blue: #4F8BFF;\n  --bq-edge: linear-gradient(150deg, rgba(0,214,255,.75), rgba(0,214,255,.08) 34%, rgba(0,214,255,.03) 62%, rgba(79,139,255,.55));\n  --bq-edge-soft: linear-gradient(150deg, rgba(0,214,255,.38), rgba(0,214,255,.05) 40%, rgba(79,139,255,.28));\n  --bq-card: linear-gradient(180deg, #0E1C35 0%, #0A1527 55%, #081120 100%);\n  --bq-glass: rgba(5, 12, 26, .62);\n}\n\n/* ---------- V2.1 Backdrop: aurora + grid + drifting sparks ---------- */\nhtml { background-color: #040A16 !important; }\nhtml.bq-v2 body, html.bq-v2 #app, html.bq-v2 .app-inner, html.bq-v2 main, html.bq-v2 #main-content { background-color: transparent !important; }\nhtml.bq-v2 body { position: relative; }\nhtml.bq-v2 body::before {\n  content: \"\"; position: fixed; inset: 0; z-index: -2; pointer-events: none;\n  background:\n    radial-gradient(900px 560px at 88% -12%, rgba(0,214,255,.17), transparent 62%),\n    radial-gradient(760px 520px at -8% 28%, rgba(52,98,255,.13), transparent 62%),\n    radial-gradient(700px 460px at 60% 112%, rgba(0,214,255,.09), transparent 60%),\n    #040A16;\n}\nhtml.bq-v2 body::after {\n  content: \"\"; position: fixed; inset: 0; z-index: -1; pointer-events: none;\n  background-image:\n    linear-gradient(rgba(0,214,255,.055) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(0,214,255,.055) 1px, transparent 1px);\n  background-size: 46px 46px;\n  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 10%, transparent 75%);\n          mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 10%, transparent 75%);\n}\n.bq-fx { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; contain: strict; }\n.bq-fx__sparks {\n  position: absolute; inset: 0 0 -260px 0;\n  background-image:\n    radial-gradient(1.6px 1.6px at 30px 40px, rgba(0,214,255,.85), transparent 60%),\n    radial-gradient(1.2px 1.2px at 150px 120px, rgba(255,255,255,.55), transparent 60%),\n    radial-gradient(1.8px 1.8px at 210px 210px, rgba(0,214,255,.6), transparent 60%),\n    radial-gradient(1px 1px at 90px 190px, rgba(160,235,255,.7), transparent 60%);\n  background-size: 260px 260px; opacity: .55; will-change: transform;\n}\n.bq-fx__bolt {\n  position: absolute; width: 140px; height: 260px; opacity: 0;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 110'%3E%3Cpath d='M38 0 6 62h22l-8 48 34-66H32L38 0z' fill='none' stroke='%2300D6FF' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E\") center/contain no-repeat;\n  filter: drop-shadow(0 0 10px rgba(0,214,255,.9));\n}\n.bq-fx__bolt--a { top: 14%; inset-inline-start: 4%; transform: rotate(-12deg); }\n.bq-fx__bolt--b { top: 58%; inset-inline-end: 3%; transform: rotate(14deg) scale(.8); }\n.bq-fx__spot { position: absolute; inset: 0; opacity: 0; transition: opacity .4s;\n  background: radial-gradient(420px 420px at var(--bq-mx, 50%) var(--bq-my, 30%), rgba(0,214,255,.10), transparent 70%); }\nhtml.bq-fine .bq-fx__spot { opacity: 1; }\nhtml.bq-motion .bq-fx__sparks { animation: bqDrift 70s linear infinite; }\nhtml.bq-motion .bq-fx__bolt--a { animation: bqFlash 11s ease-in-out 2s infinite; }\nhtml.bq-motion .bq-fx__bolt--b { animation: bqFlash 13s ease-in-out 7s infinite; }\n@keyframes bqDrift { to { transform: translate3d(0, -260px, 0); } }\n@keyframes bqFlash { 0%, 90%, 100% { opacity: 0; } 92% { opacity: .55; } 93% { opacity: .1; } 95% { opacity: .4; } }\n@media (max-width: 767.98px) { .bq-fx__sparks { opacity: .35; } .bq-fx__bolt { width: 90px; height: 170px; } }\n\n/* ---------- V2.2 Glass header ---------- */\nhtml.bq-v2 .site-header, html.bq-v2 .site-header__bar-outer, html.bq-v2 .site-header__bar-inner,\nhtml.bq-v2 .store-header, html.bq-v2 .main-nav-container, html.bq-v2 #mainnav { background-color: transparent !important; }\nhtml.bq-v2 .site-header__bar, html.bq-v2 #mainnav .inner {\n  background:\n    linear-gradient(90deg, transparent, rgba(0,214,255,.65) 50%, transparent) bottom / 100% 1px no-repeat,\n    rgba(4, 10, 22, .58) !important;\n  -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);\n  border-bottom: 0 !important;\n  box-shadow: 0 10px 40px -10px rgba(0,0,0,.6) !important;\n  transition: background-color .3s, box-shadow .3s;\n}\nhtml.bq-v2.bq-scrolled .site-header__bar, html.bq-v2.bq-scrolled #mainnav .inner {\n  background-color: rgba(4, 10, 22, .78) !important;\n  box-shadow: 0 12px 40px -8px rgba(0,0,0,.7), 0 1px 0 rgba(0,214,255,.25) !important;\n}\nhtml.bq-v2 .site-header__topnav, html.bq-v2 .top-navbar {\n  background: linear-gradient(90deg, rgba(2,6,17,.9), rgba(7,23,48,.9) 50%, rgba(2,6,17,.9)) !important;\n}\nhtml.bq-v2 .site-header__brand img, html.bq-v2 a.navbar-brand img { filter: drop-shadow(0 0 12px rgba(0,214,255,.35)); }\nhtml.bq-v2 .site-header .main-menu > li > a { position: relative; font-weight: 800 !important; }\nhtml.bq-v2 .site-header .main-menu > li > a::after {\n  content: \"\"; position: absolute; inset-inline: 18%; bottom: 2px; height: 2px; border-radius: 2px;\n  background: var(--bq-cyan); box-shadow: 0 0 10px var(--bq-cyan);\n  transform: scaleX(0); transition: transform .3s var(--bq-ease);\n}\nhtml.bq-v2 .site-header .main-menu > li > a:hover::after { transform: scaleX(1); }\nhtml.bq-v2 salla-search input, html.bq-v2 .s-search-input, html.bq-v2 .header-search input {\n  border-radius: 999px !important; background-color: rgba(11,22,41,.75) !important;\n}\n\n/* ---------- V2.3 Sticky chip bar (glass + progress line) ---------- */\nhtml.bq-v2 .bq-shortcuts {\n  background: rgba(4, 10, 22, .55);\n  -webkit-backdrop-filter: blur(18px) saturate(170%); backdrop-filter: blur(18px) saturate(170%);\n  border-bottom: 1px solid rgba(0,214,255,.12);\n}\nhtml.bq-v2 .bq-shortcuts::after {\n  content: \"\"; position: absolute; inset-inline: 0; bottom: -1px; height: 2px;\n  background: linear-gradient(90deg, #4F8BFF, #00D6FF);\n  box-shadow: 0 0 12px rgba(0,214,255,.8);\n  transform: scaleX(var(--bq-progress, 0)); transform-origin: 0 50%;\n}\nhtml[dir=\"rtl\"].bq-v2 .bq-shortcuts::after { transform-origin: 100% 50%; background: linear-gradient(270deg, #4F8BFF, #00D6FF); }\nhtml.bq-v2 .bq-shortcuts--static::after { display: none; }\nhtml.bq-v2 .bq-chip {\n  position: relative; padding: 8px 15px 8px 13px; gap: 8px;\n  background: rgba(255,255,255,.035); border: 1px solid rgba(163,177,198,.16);\n  font-weight: 800; letter-spacing: .01em;\n  transition: background .25s, border-color .25s, color .25s, box-shadow .25s, transform .25s var(--bq-ease);\n}\nhtml.bq-v2 .bq-chip svg {\n  box-sizing: content-box; padding: 4px; margin-inline-start: -4px; border-radius: 50%;\n  background: rgba(0,214,255,.12); box-shadow: inset 0 0 0 1px rgba(0,214,255,.3);\n}\nhtml.bq-v2 .bq-chip:hover { transform: translateY(-1px); background: rgba(0,214,255,.08); }\nhtml.bq-v2 .bq-chip:active { transform: scale(.96); }\nhtml.bq-v2 .bq-chip.is-active {\n  background: linear-gradient(135deg, #00D6FF, #5CC8FF); border-color: transparent; color: #040A16 !important;\n  box-shadow: 0 0 0 1px rgba(0,214,255,.6), 0 6px 22px -4px rgba(0,214,255,.75);\n}\nhtml.bq-v2 .bq-chip.is-active svg { background: rgba(4,10,22,.14); box-shadow: none; color: #040A16; }\n\n/* ---------- V2.4 Hero slider ---------- */\nhtml.bq-v2 .s-block--photos-slider .s-photos-slider__slide,\nhtml.bq-v2 .s-block--photos-slider .swiper-slide {\n  border: 1px solid transparent !important; border-radius: 22px !important; overflow: hidden;\n  background: linear-gradient(#040A16, #040A16) padding-box, var(--bq-edge) border-box;\n  box-shadow: 0 30px 60px -30px rgba(0,214,255,.55), 0 0 0 1px rgba(0,0,0,.2);\n}\nhtml.bq-v2 .s-block--photos-slider img { border-radius: 21px !important; }\nhtml.bq-v2 .carousel-dots__dot.is-active, html.bq-v2 .swiper-pagination-bullet-active { box-shadow: 0 0 12px var(--bq-cyan); }\n\n/* ---------- V2.5 Section headers: kicker index + lightning badge + sweep ---------- */\nhtml.bq-v2 .bq-sec-head, html.bq-v2 .s-products-carousel__head, html.bq-v2 .s-block__title {\n  border-bottom: 1px solid rgba(0,214,255,.10); padding-bottom: 14px; margin-bottom: 18px !important;\n}\nhtml.bq-v2 .bq-sec-head::after, html.bq-v2 .s-products-carousel__head::after, html.bq-v2 .s-block__title::after {\n  width: 140px; height: 2px; box-shadow: 0 0 12px rgba(0,214,255,.8);\n  transform-origin: 100% 50%; transition: transform 1s var(--bq-ease) .15s;\n}\nhtml[dir=\"ltr\"].bq-v2 .bq-sec-head::after { transform-origin: 0 50%; }\nhtml.bq-motion .bq-rv:not(.bq-in) .bq-sec-head::after, html.bq-motion .bq-rv:not(.bq-in) .s-products-carousel__head::after { transform: scaleX(0); }\nhtml.bq-v2 .bq-sec-head__title, html.bq-v2 .bq-title { flex-wrap: wrap; row-gap: 6px !important; column-gap: 12px !important; }\nhtml.bq-v2 .bq-sec-head__title { font-size: 26px !important; letter-spacing: -.01em; text-shadow: 0 0 28px rgba(0,214,255,.25); }\n@media (min-width: 768px) { html.bq-v2 .bq-sec-head__title { font-size: 32px !important; } }\nhtml.bq-v2 .bq-title::before, html.bq-v2 .bq-sec-head__title::before {\n  width: 36px; height: 36px; border-radius: 11px; background-size: 20px;\n  background-color: rgba(0,214,255,.10);\n  box-shadow: inset 0 0 0 1px rgba(0,214,255,.45), 0 0 18px rgba(0,214,255,.25);\n}\nhtml.bq-motion .bq-sec-head__title::before { animation: bqPulse 3.2s ease-in-out infinite; }\n@keyframes bqPulse {\n  0%, 100% { box-shadow: inset 0 0 0 1px rgba(0,214,255,.45), 0 0 14px rgba(0,214,255,.18); }\n  50% { box-shadow: inset 0 0 0 1px rgba(0,214,255,.9), 0 0 26px rgba(0,214,255,.55); }\n}\n/* English label becomes a kicker line above the title: \"01 / PRIVATE STEAM GAMES\" */\nhtml.bq-v2 .bq-en {\n  order: -1; flex: 0 0 100%; width: auto; padding: 0; border: 0; background: none; border-radius: 0;\n  font-size: 11px; letter-spacing: .28em; font-weight: 800; color: rgba(0,214,255,.9);\n  text-align: start; line-height: 1.2;\n}\nhtml[dir=\"rtl\"].bq-v2 .bq-en { text-align: right; }\nhtml.bq-v2 .bq-en[data-idx]::before { content: attr(data-idx) \"  /  \"; color: #fff; opacity: .9; white-space: pre; }\nhtml.bq-v2 .bq-sec-head__all, html.bq-v2 .s-block__display-all {\n  background: rgba(0,214,255,.06); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\n  border: 1px solid rgba(0,214,255,.35); font-weight: 800; padding: 8px 16px;\n  transition: background .25s, box-shadow .25s, transform .25s var(--bq-ease);\n}\nhtml.bq-v2 .bq-sec-head__all svg { transition: transform .3s var(--bq-ease); }\nhtml.bq-v2 .bq-sec-head__all:hover { background: var(--bq-cyan); color: #040A16 !important; box-shadow: 0 0 22px rgba(0,214,255,.5); }\nhtml.bq-v2 .bq-sec-head__all:hover svg { color: #040A16 !important; transform: translateX(-4px); }\n@media (max-width: 767.98px) {\n  html.bq-v2 .bq-sec-head__title { font-size: 22px !important; }\n  html.bq-v2 .bq-en { font-size: 9.5px; letter-spacing: .2em; }\n  html.bq-v2 .bq-title::before, html.bq-v2 .bq-sec-head__title::before { width: 30px; height: 30px; border-radius: 9px; background-size: 17px; }\n}\n\n/* ---------- V2.6 Wide banners: gradient frame, sheen, 3D tilt (mouse only) ---------- */\nhtml.bq-v2 .s-block--fixed-banner a.banner, html.bq-v2 .s-block--fixed-banner .banner,\nhtml.bq-v2 .banner--fixed, html.bq-v2 .s-block--banners a.banner {\n  position: relative; border: 1px solid transparent !important; border-radius: 22px !important;\n  background: linear-gradient(#040A16, #040A16) padding-box, var(--bq-edge) border-box;\n  box-shadow: 0 30px 60px -34px rgba(0,214,255,.6);\n  transform: perspective(1100px) rotateX(var(--bq-rx, 0deg)) rotateY(var(--bq-ry, 0deg)) translateY(var(--bq-lift, 0px));\n  transition: transform .5s var(--bq-ease), box-shadow .4s;\n  will-change: transform;\n}\nhtml.bq-v2 .s-block--fixed-banner a.banner img, html.bq-v2 .banner--fixed img { border-radius: 21px !important; }\nhtml.bq-v2 .s-block--fixed-banner a.banner::after, html.bq-v2 .banner--fixed::after {\n  content: \"\"; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;\n  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.16) 48%, rgba(0,214,255,.12) 52%, transparent 65%);\n  transform: translateX(-130%);\n}\nhtml[dir=\"rtl\"].bq-v2 .s-block--fixed-banner a.banner::after, html[dir=\"rtl\"].bq-v2 .banner--fixed::after { transform: translateX(130%); }\nhtml.bq-motion .bq-in .banner--fixed::after, html.bq-motion .bq-in a.banner::after { animation: bqSheen 1.6s var(--bq-ease) .35s 1 both; }\nhtml.bq-motion .banner--fixed:hover::after, html.bq-motion a.banner:hover::after { animation: bqSheen 1.1s var(--bq-ease) 1 both; }\n@keyframes bqSheen { from { transform: translateX(130%); } to { transform: translateX(-130%); } }\nhtml.bq-v2 .s-block--fixed-banner a.banner:hover, html.bq-v2 .banner--fixed:hover {\n  --bq-lift: -4px; transform: perspective(1100px) rotateX(var(--bq-rx, 0deg)) rotateY(var(--bq-ry, 0deg)) translateY(-4px);\n  box-shadow: 0 40px 70px -30px rgba(0,214,255,.75), 0 0 0 1px rgba(0,214,255,.5);\n}\nhtml.bq-v2 .s-block--fixed-banner a:hover img, html.bq-v2 .banner--fixed:hover img { transform: scale(1.02); }\n\n/* banner + its \"الأكثر طلباً\" row read as one category panel */\nhtml.bq-v2 .bq-group-row { margin-top: 14px !important; }\nhtml.bq-v2 .bq-group-row .s-products-carousel,\nhtml.bq-v2 .bq-group-row > .container > .s-products-carousel {\n  position: relative; padding: 16px 14px 12px; border-radius: 22px;\n  border: 1px solid transparent;\n  background: linear-gradient(180deg, rgba(12,24,45,.78), rgba(6,13,27,.55)) padding-box, var(--bq-edge-soft) border-box;\n  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n}\nhtml.bq-v2 .bq-group-row .s-products-carousel__head { border-bottom: 0; padding-bottom: 4px; margin-bottom: 12px !important; }\nhtml.bq-v2 .bq-group-row .s-products-carousel__head::after { display: none; }\nhtml.bq-v2 .bq-group-row .bq-title { flex-wrap: nowrap !important; }\n@media (max-width: 480px) { html.bq-v2 .bq-group-row .s-products-carousel__title { font-size: 15.5px !important; } }\nhtml.bq-v2 .bq-group-row .s-products-carousel__title { font-size: 17px !important; font-weight: 800 !important; color: #E6F9FF !important; }\nhtml.bq-v2 .bq-group-row .bq-title::before {\n  width: 28px; height: 28px; border-radius: 9px; background-size: 15px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300D6FF' d='M12 2c1 3.5 5 5.8 5 10.4A5 5 0 0 1 12 17.5a5 5 0 0 1-5-5.1c0-1.8.8-3.2 1.8-4.3.2 1.6 1 2.6 2 3C10.5 8.5 11 5 12 2zm0 20a7 7 0 0 1-7-6.6c1.4 2 3.9 3.3 7 3.3s5.6-1.3 7-3.3A7 7 0 0 1 12 22z'/%3E%3C/svg%3E\");\n}\nhtml.bq-v2 .bq-group-row + section { margin-top: 56px !important; }\n@media (max-width: 767.98px) {\n  html.bq-v2 .bq-group-row .s-products-carousel, html.bq-v2 .bq-group-row > .container > .s-products-carousel { padding: 12px 10px 10px; border-radius: 18px; }\n  html.bq-v2 .bq-group-row + section { margin-top: 40px !important; }\n}\n\n/* ---------- V2.7 Product cards: gradient edge, glow, spotlight, platform badge ---------- */\nhtml.bq-v2 body .s-product-card-entry, html.bq-v2 body custom-salla-product-card {\n  position: relative; isolation: isolate;\n  border: 1px solid transparent !important; border-radius: 18px !important;\n  background: var(--bq-card) padding-box, var(--bq-edge-soft) border-box !important;\n  box-shadow: 0 14px 30px -20px rgba(0,0,0,.9);\n  transition: transform .35s var(--bq-ease), box-shadow .35s, background .35s;\n}\nhtml.bq-v2 body .s-product-card-entry::before {\n  content: \"\"; position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: inherit; opacity: 0;\n  background: radial-gradient(260px 260px at var(--bq-px, 50%) var(--bq-py, 0%), rgba(0,214,255,.16), transparent 65%);\n  mix-blend-mode: screen; transition: opacity .3s;\n}\nhtml.bq-v2 body .s-product-card-entry:hover {\n  transform: translateY(-6px);\n  background: var(--bq-card) padding-box, var(--bq-edge) border-box !important;\n  box-shadow: 0 24px 46px -18px rgba(0,214,255,.55), 0 0 0 1px rgba(0,214,255,.35) !important;\n}\nhtml.bq-fine body .s-product-card-entry:hover::before { opacity: 1; }\nhtml.bq-v2 .s-product-card-image { position: relative; }\nhtml.bq-v2 .s-product-card-image::after {\n  content: \"\"; position: absolute; inset: auto 0 0 0; height: 38%; pointer-events: none; z-index: 1;\n  background: linear-gradient(0deg, rgba(8,17,32,.85), transparent);\n}\nhtml.bq-v2 .s-product-card-entry:hover .s-product-card-image img { transform: scale(1.06); }\nhtml.bq-v2 .s-product-card-content-title, html.bq-v2 .s-product-card-content-title a { font-weight: 800 !important; }\nhtml.bq-v2 .s-product-card-content-sub h4, html.bq-v2 .s-product-card-price {\n  font-size: 18px !important; font-weight: 900 !important; text-shadow: 0 0 16px rgba(0,214,255,.45);\n}\nhtml.bq-v2 .s-product-card-entry salla-add-product-button button,\nhtml.bq-v2 .s-product-card-entry .s-button-primary {\n  position: relative; overflow: hidden;\n  background: linear-gradient(135deg, #00D6FF 0%, #38BDFF 100%) !important; border: 0 !important;\n  box-shadow: 0 8px 20px -8px rgba(0,214,255,.8), inset 0 1px 0 rgba(255,255,255,.4) !important;\n}\nhtml.bq-v2 .s-product-card-entry salla-add-product-button button::after {\n  content: \"\"; position: absolute; inset: 0; pointer-events: none;\n  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);\n  transform: translateX(120%); transition: transform .7s var(--bq-ease);\n}\nhtml.bq-v2 .s-product-card-entry:hover salla-add-product-button button::after { transform: translateX(-120%); }\n/* platform badge: JS only sets data-bq-plat on the card, the badge is drawn here */\nhtml.bq-v2 .s-product-card-entry[data-bq-plat] .s-product-card-image::before {\n  /* reset anything the theme may put on this pseudo, then place it bottom-right (RTL) */\n  position: absolute; inset: auto; top: auto; left: auto; right: 10px; bottom: 10px;\n  width: auto; height: auto; min-width: 0; max-width: calc(100% - 20px); margin: 0;\n  display: block; opacity: 1; transform: none; animation: none; white-space: nowrap;\n  z-index: 3; pointer-events: none;\n  border-radius: 999px;\n  font: 900 10.5px/1.25 'Cairo', sans-serif; letter-spacing: .1em; color: #fff;\n  background: radial-gradient(circle at 9px 50%, var(--bq-pc, #00D6FF) 0 3.5px, transparent 4.5px) no-repeat, rgba(4,10,22,.74);\n  padding-left: 20px;\n  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);\n  border: 1px solid var(--bq-pb, rgba(0,214,255,.5)); box-shadow: 0 4px 14px rgba(0,0,0,.45), 0 0 12px -2px var(--bq-pc, #00D6FF);\n}\nhtml[dir=\"ltr\"].bq-v2 .s-product-card-entry[data-bq-plat] .s-product-card-image::before { right: auto; left: 10px; }\n.s-product-card-entry[data-bq-plat=\"ps5\"]      { --bq-pc: #2E8BFF; --bq-pb: rgba(46,139,255,.65); }\n.s-product-card-entry[data-bq-plat=\"ps4\"]      { --bq-pc: #6B86FF; --bq-pb: rgba(107,134,255,.55); }\n.s-product-card-entry[data-bq-plat=\"steam\"]    { --bq-pc: #66C0F4; --bq-pb: rgba(102,192,244,.55); }\n.s-product-card-entry[data-bq-plat=\"xbox\"]     { --bq-pc: #3BD23B; --bq-pb: rgba(59,210,59,.5); }\n.s-product-card-entry[data-bq-plat=\"nintendo\"] { --bq-pc: #FF3B47; --bq-pb: rgba(255,59,71,.5); }\n.s-product-card-entry[data-bq-plat=\"topup\"]    { --bq-pc: #00D6FF; --bq-pb: rgba(0,214,255,.55); }\n.s-product-card-entry[data-bq-plat=\"sub\"]      { --bq-pc: #A78BFF; --bq-pb: rgba(167,139,255,.5); }\n.s-product-card-entry[data-bq-plat=\"card\"]     { --bq-pc: #FFC83D; --bq-pb: rgba(255,200,61,.5); }\n.s-product-card-entry[data-bq-plat=\"ps5\"] .s-product-card-image::before { content: \"PS5\"; }\n.s-product-card-entry[data-bq-plat=\"ps4\"] .s-product-card-image::before { content: \"PS4\"; }\n.s-product-card-entry[data-bq-plat=\"steam\"] .s-product-card-image::before { content: \"STEAM\"; }\n.s-product-card-entry[data-bq-plat=\"xbox\"] .s-product-card-image::before { content: \"XBOX\"; }\n.s-product-card-entry[data-bq-plat=\"nintendo\"] .s-product-card-image::before { content: \"NINTENDO\"; }\n.s-product-card-entry[data-bq-plat=\"topup\"] .s-product-card-image::before { content: \"TOP-UP\"; }\n.s-product-card-entry[data-bq-plat=\"sub\"] .s-product-card-image::before { content: \"SUBSCRIPTION\"; }\n.s-product-card-entry[data-bq-plat=\"card\"] .s-product-card-image::before { content: \"GIFT CARD\"; }\n@media (max-width: 480px) {\n  html.bq-v2 .s-product-card-entry[data-bq-plat] .s-product-card-image::before { bottom: 7px; right: 7px; font-size: 9.5px; padding: 3px 8px 3px 18px; background-position: -1px 50%, 0 0; }\n}\n\n/* ---------- V2.8 Scroll reveal (only when JS adds .bq-motion) ---------- */\nhtml.bq-motion .bq-rv { opacity: 0; transform: translate3d(0, 34px, 0); transition: opacity .8s var(--bq-ease), transform .9s var(--bq-ease); }\nhtml.bq-motion .bq-rv.bq-in { opacity: 1; transform: none; }\nhtml.bq-motion .bq-rv.bq-in .s-product-card-entry { animation: bqCardIn .7s var(--bq-ease) both; animation-delay: calc(var(--bq-i, 0) * 70ms + 120ms) !important; }\n/* stagger without touching card markup (card may be the n-th child or wrapped once) */\n.bq-rv :nth-child(2) > .s-product-card-entry, .bq-rv .s-product-card-entry:nth-child(2) { --bq-i: 1; }\n.bq-rv :nth-child(3) > .s-product-card-entry, .bq-rv .s-product-card-entry:nth-child(3) { --bq-i: 2; }\n.bq-rv :nth-child(4) > .s-product-card-entry, .bq-rv .s-product-card-entry:nth-child(4) { --bq-i: 3; }\n.bq-rv :nth-child(5) > .s-product-card-entry, .bq-rv .s-product-card-entry:nth-child(5) { --bq-i: 4; }\n.bq-rv :nth-child(n+6) > .s-product-card-entry, .bq-rv .s-product-card-entry:nth-child(n+6) { --bq-i: 5; }\n@keyframes bqCardIn { from { opacity: 0; transform: translate3d(0, 22px, 0) scale(.97); } to { opacity: 1; transform: none; } }\n\n/* ---------- V2.9 Features + footer ---------- */\nhtml.bq-v2 .s-block--features__item {\n  border: 1px solid transparent !important;\n  background: linear-gradient(180deg, rgba(14,28,53,.85), rgba(8,17,32,.85)) padding-box, var(--bq-edge-soft) border-box !important;\n  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n}\nhtml.bq-v2 .s-block--features__item .feature-icon { box-shadow: 0 0 24px rgba(0,214,255,.25); border-radius: 50% !important; }\nhtml.bq-v2 .store-footer { position: relative; isolation: isolate; overflow: hidden; border-top: 0 !important;\n  background: linear-gradient(180deg, rgba(5,12,26,.7) 0%, #020610 70%) !important; }\nhtml.bq-v2 .store-footer::before {\n  content: \"\"; position: absolute; inset: 0 0 auto 0; height: 1px; z-index: 1;\n  background: linear-gradient(90deg, transparent, #00D6FF 50%, transparent); box-shadow: 0 0 18px #00D6FF;\n}\nhtml.bq-v2 .store-footer::after {\n  content: \"BAREQ\"; position: absolute; z-index: -1; inset-inline: 0; bottom: -0.18em; text-align: center; pointer-events: none;\n  font: 900 clamp(90px, 21vw, 300px)/1 'Cairo', sans-serif; letter-spacing: .08em; direction: ltr;\n  color: transparent; -webkit-text-stroke: 1px rgba(0,214,255,.10);\n  background: linear-gradient(180deg, rgba(0,214,255,.08), transparent 80%); -webkit-background-clip: text; background-clip: text;\n}\nhtml.bq-v2 .store-footer__inner, html.bq-v2 .store-footer__bottom { background: transparent !important; }\nhtml.bq-v2 .s-social-link a { transition: transform .25s var(--bq-ease), box-shadow .25s, background .25s; }\nhtml.bq-v2 .s-social-link a:hover { transform: translateY(-3px); background: var(--bq-cyan) !important; color: #040A16 !important; box-shadow: 0 0 20px rgba(0,214,255,.6); }\n\n/* ---------- V2.10 Floating glass bottom bar (mobile, not on product/cart) ---------- */\n@media (max-width: 1023.98px) {\n  html.bq-v2:not(.bq-product):not(.bq-cart) .mobile-bottom-bar {\n    left: 10px !important; right: 10px !important; bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;\n    width: auto !important; border-radius: 22px !important;\n    border: 1px solid rgba(0,214,255,.22) !important;\n    background: rgba(5, 12, 26, .72) !important;\n    -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%);\n    box-shadow: 0 18px 40px -10px rgba(0,0,0,.8), 0 0 30px -10px rgba(0,214,255,.35) !important;\n  }\n  html.bq-v2 .mobile-bottom-bar__item.is-active, html.bq-v2 .mobile-bottom-bar__item.active {\n    background: linear-gradient(135deg, #00D6FF, #5CC8FF) !important;\n  }\n}\n\n/* ---------- V2.11 Back-to-top lightning button with scroll-progress ring ---------- */\n.bq-fab {\n  position: fixed; z-index: 39; bottom: 22px; inset-inline-end: 18px;\n  width: 50px; height: 50px; border-radius: 50%; padding: 0; cursor: pointer;\n  display: grid; place-items: center; color: #00D6FF;\n  background: rgba(5, 12, 26, .78); border: 1px solid rgba(0,214,255,.3);\n  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);\n  box-shadow: 0 10px 30px -6px rgba(0,0,0,.7), 0 0 22px -6px rgba(0,214,255,.6);\n  opacity: 0; transform: translateY(16px) scale(.85); pointer-events: none;\n  transition: opacity .3s, transform .35s var(--bq-ease);\n  -webkit-tap-highlight-color: transparent;\n}\n.bq-fab.is-on { opacity: 1; transform: none; pointer-events: auto; }\n.bq-fab > svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }\n.bq-fab circle { fill: none; stroke-width: 2.5; }\n.bq-fab .bq-fab__track { stroke: rgba(0,214,255,.14); }\n.bq-fab .bq-fab__ring { stroke: #00D6FF; stroke-linecap: round; stroke-dasharray: 138.2; stroke-dashoffset: calc(138.2 * (1 - var(--bq-progress, 0))); filter: drop-shadow(0 0 4px #00D6FF); }\n.bq-fab__icon { width: 20px; height: 20px; position: relative; }\n.bq-fab:hover { box-shadow: 0 10px 30px -6px rgba(0,0,0,.7), 0 0 28px rgba(0,214,255,.7); }\n@media (max-width: 1023.98px) { .bq-fab { bottom: calc(92px + env(safe-area-inset-bottom, 0px)); width: 46px; height: 46px; inset-inline-end: 14px; } }\n\n/* ---------- V2.12 Listing + product page polish (safe, colour/shape only) ---------- */\nhtml.bq-v2 .s-breadcrumb-wrapper { padding: 8px 14px; border-radius: 999px; background: rgba(11,22,41,.55); border: 1px solid rgba(0,214,255,.1); display: inline-flex; flex-wrap: wrap; }\nhtml.bq-listing.bq-v2 main h1, html.bq-listing.bq-v2 .mobile-page-title h1 { text-shadow: 0 0 26px rgba(0,214,255,.35); font-weight: 900; }\nhtml.bq-product.bq-v2 .product-gallery .swiper-slide, html.bq-product.bq-v2 .details-slider .s-slider-container {\n  border-radius: 20px !important; overflow: hidden;\n}\nhtml.bq-product.bq-v2 .details-slider .s-slider-container {\n  border: 1px solid transparent; background: linear-gradient(#040A16,#040A16) padding-box, var(--bq-edge) border-box;\n  box-shadow: 0 30px 60px -34px rgba(0,214,255,.65);\n}\nhtml.bq-product.bq-v2 .main-content h1 { color: #fff !important; font-weight: 900 !important; text-shadow: 0 0 22px rgba(0,214,255,.3); }\nhtml.bq-product.bq-v2 .main-content p.font-bold, html.bq-product.bq-v2 .main-content .text-red-800 {\n  color: #00D6FF !important; text-shadow: 0 0 16px rgba(0,214,255,.5); font-size: 26px !important; font-weight: 900 !important;\n}\nhtml.bq-product.bq-v2 .s-slider-thumbs .swiper-slide { border-radius: 12px; overflow: hidden; border: 1px solid rgba(0,214,255,.15); }\nhtml.bq-product.bq-v2 .s-slider-thumbs .swiper-slide-thumb-active { border-color: #00D6FF; box-shadow: 0 0 14px rgba(0,214,255,.5); }\nhtml.bq-product.bq-v2 .product__description, html.bq-product.bq-v2 .product-form, html.bq-product.bq-v2 .s-product-options-wrapper {\n  border-radius: 18px;\n}\n\n/* ---------- V2.13 Reduced motion / perf guards ---------- */\n@media (prefers-reduced-motion: reduce) {\n  .bq-fx__sparks, .bq-fx__bolt, .bq-sec-head__title::before { animation: none !important; }\n  .bq-rv { opacity: 1 !important; transform: none !important; }\n  .banner--fixed, .s-block--fixed-banner a.banner { transform: none !important; }\n}\nhtml.bq-cart .bq-fx, html.bq-cart .bq-fab { display: none !important; }\n\n/* product gallery floating buttons (wishlist / share / back) as glass circles */\nhtml.bq-product.bq-v2 .product-gallery__bar-btn, html.bq-product.bq-v2 .product-gallery__bar-btn .s-button-element,\nhtml.bq-product.bq-v2 .product-gallery__bar .s-social-share-btn {\n  background: rgba(4,10,22,.62) !important; color: #fff !important; border: 1px solid rgba(0,214,255,.28) !important;\n  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 6px 18px rgba(0,0,0,.45) !important;\n}\nhtml.bq-product.bq-v2 .product-gallery__bar-btn i, html.bq-product.bq-v2 .product-gallery__bar-btn svg { color: #fff !important; }\n";(document.head||document.documentElement).appendChild(s);}catch(e){}})();
/* =====================================================================
   Bareq | بارق — custom JS v2 ("Bareq Neon") for Salla "Raed" theme
   Paste into: تصميم المتجر > تخصيص النسخة > تخصيص متقدم >
               تخصيص باستخدام JavaScript > "أكواد (JS) إضافية"
   Paste as plain JavaScript (NO <script> tags). Replaces v1 entirely.
   v1 features: sticky shortcut bar, section ids + headers, hides empty
   "منتجات على ذوقك", mobile tab-bar rename.
   v2 adds: aurora/spark backdrop, glass header state, scroll reveal,
   banner + row category panels, platform badges on product cards,
   scroll-progress line + back-to-top button, mouse-only tilt/spotlight.
   Honors prefers-reduced-motion. No libraries.
   ===================================================================== */
(function () {
  'use strict';
  if (window.__bareqCustomV2) return;
  window.__bareqCustomV2 = true;
  window.__bareqCustom = true; // v1 must never run next to v2

  /* ---------- config ----------
     url: optional fixed category URL (e.g. 'https://bareq.store/xxx/c123456').
     Leave '' to auto-detect from the store menu / homepage banner links. */
  var SECTIONS = [
    { key: 'best',  chip: 'الأكثر مبيعاً', title: 'الأكثر مبيعاً',     en: 'BEST SELLERS',
      titleRe: /الأكثر\s*مبيع/, catNames: [], kw: null, url: '' },
    { key: 'steam', chip: 'ألعاب ستيم',    title: 'ألعاب ستيم خاصة',   en: 'PRIVATE STEAM GAMES',
      catNames: ['ألعاب PC - حسابات ستيم', 'ألعاب ستيم خاصة', 'ألعاب ستيم'], kw: /^(?!.*بطاق).*ستيم/, url: '' },
    { key: 'ps',    chip: 'بلايستيشن',     title: 'ألعاب بلايستيشن',   en: 'PLAYSTATION GAMES',
      catNames: ['ألعاب بلايستيشن'], kw: /^(?!.*(بطاق|اشتراك)).*(بلايستيشن|بلاي ستيشن)/, url: '' },
    { key: 'topup', chip: 'شحن الألعاب',   title: 'شحن الألعاب',       en: 'GAME TOP-UP',
      catNames: ['عملات الألعاب', 'شحن الألعاب'], kw: /عملات\s*الألعاب|شحن\s*الألعاب/, url: '' },
    { key: 'subs',  chip: 'الاشتراكات',    title: 'الاشتراكات العالمية', en: 'GLOBAL SUBSCRIPTIONS',
      catNames: ['الاشتراكات'], kw: /^الاشتراكات$|^اشتراكات$/, url: '' },
    { key: 'cards', chip: 'البطاقات',      title: 'البطاقات الرقمية',  en: 'GIFT CARDS',
      catNames: ['البطاقات الرقمية', 'البطاقات'], kw: /البطاقات|بطاقات\s*رقمية/, url: '' }
  ];
  var EMPTY_BLOCK_RE = /على\s*ذوقك/;
  var LS_KEY = 'bq_cat_urls_v1';

  var ICONS = {
    best:  '<path d="M13.5 2 4 13.6h6.2L9 22l10-12.2h-6.3L13.5 2z" fill="currentColor"/>',
    topup: '<path d="M12 2l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 15.4 6.8 18.1l1-5.8L3.5 8.2l5.9-.9L12 2z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>',
    steam: '<rect x="2" y="4" width="20" height="13" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><path d="M8 21h8M12 17v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
    ps:    '<path d="M6 9h12a4 4 0 0 1 3.9 4.9l-.8 3.3a2.3 2.3 0 0 1-4 .9L15.5 16h-7l-1.6 2.1a2.3 2.3 0 0 1-4-.9l-.8-3.3A4 4 0 0 1 6 9z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M8 11.5v3M6.5 13h3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
    cards: '<rect x="2" y="5" width="20" height="14" rx="2.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="M2 10h20M6 15h4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
    subs:  '<path d="M4 12a8 8 0 0 1 13.7-5.6L20 9M20 4v5h-5M20 12a8 8 0 0 1-13.7 5.6L4 15M4 20v-5h5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>',
    home:  '<path d="M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1v-9.5z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>',
    grid:  '<rect x="3" y="3" width="7.5" height="7.5" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><rect x="13.5" y="3" width="7.5" height="7.5" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><rect x="3" y="13.5" width="7.5" height="7.5" rx="2" fill="none" stroke="currentColor" stroke-width="2"/><rect x="13.5" y="13.5" width="7.5" height="7.5" rx="2" fill="none" stroke="currentColor" stroke-width="2"/>',
    cart:  '<path d="M5 7h14l-1.2 11.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9L5 7z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/><path d="M9 9V6a3 3 0 0 1 6 0v3" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
    user:  '<circle cx="12" cy="8" r="4" fill="none" stroke="currentColor" stroke-width="2"/><path d="M4 21a8 8 0 0 1 16 0" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>',
    arrow: '<path d="M15 6l-6 6 6 6" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>'
  };
  function svg(name) { return '<svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true">' + (ICONS[name] || '') + '</svg>'; }

  /* ---------- helpers ---------- */
  function $(sel, root) { try { return (root || document).querySelector(sel); } catch (e) { return null; } }
  function $$(sel, root) { try { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); } catch (e) { return []; } }
  function norm(t) { return (t || '').replace(/[\u064B-\u0652\u0640]/g, '').replace(/[أإآ]/g, 'ا').replace(/\s+/g, ' ').trim(); }
  function txt(el) { return el ? norm(el.textContent) : ''; }
  function catId(href) { var m = /\/c(\d{3,})(?:[/?#]|$)/.exec(href || ''); return m ? m[1] : null; }
  function lsGet() { try { return JSON.parse(localStorage.getItem(LS_KEY) || '{}') || {}; } catch (e) { return {}; } }
  function lsSet(o) { try { localStorage.setItem(LS_KEY, JSON.stringify(o)); } catch (e) {} }
  function sallaGet(k) { try { return window.salla && salla.config && salla.config.get ? salla.config.get(k) : null; } catch (e) { return null; } }

  function storeBase() {
    var u = sallaGet('store.url');
    if (!u) { var logo = $('.site-header__brand, a.navbar-brand, .store-footer__logo'); if (logo) u = logo.getAttribute('href'); }
    if (!u) u = location.origin;
    try { u = new URL(u, location.origin).href; } catch (e) { u = location.origin; }
    return u.replace(/\/+$/, '');
  }
  function isHome() {
    var b = document.body;
    if (b.classList.contains('index')) return true;
    var p = location.pathname.replace(/\/+$/, '');
    try { var bp = new URL(storeBase()).pathname.replace(/\/+$/, ''); if (p === bp) return true; } catch (e) {}
    return /^(\/(ar|en))?$/.test(p);
  }
  function pageKind() {
    var c = document.body.className + ' ' + location.pathname;
    if (/\bcart\b|checkout|\/payment|thank/i.test(c)) return 'cart';
    if (/product-single|product\.single/.test(document.body.className)) return 'product';
    return 'other';
  }
  function mainEl() { return $('#main-content') || $('main') || $('.app-inner') || document.body; }
  function headerEl() { return $('header.site-header') || $('header.store-header') || $('header'); }

  /* ---------- category URL discovery ---------- */
  function discoverCats() {
    var found = lsGet(), links = $$('.site-header a[href], header a[href], #mobile-menu a[href], .main-menu a[href], nav a[href], .store-footer a[href]');
    SECTIONS.forEach(function (s) {
      if (!s.catNames.length) return;
      if (s.url) { found[s.key] = s.url; return; }
      var exact = null, loose = null;
      links.forEach(function (a) {
        var h = a.getAttribute('href') || '', t = txt(a);
        if (!t || !catId(h)) return;
        var root = !!a.closest('.s-menu-root-level, .main-menu > li, li.root-level');
        s.catNames.forEach(function (n) { if (t === norm(n) && (!exact || root)) exact = a.href; });
        if (s.kw && s.kw.test(t) && (!loose || root)) loose = loose && !root ? loose : a.href;
      });
      if (exact || loose) found[s.key] = exact || loose;
    });
    lsSet(found);
    return found;
  }

  /* ---------- homepage section tagging ---------- */
  function sectionTitleEl(sec) {
    return $('.s-products-carousel__title, .s-block__title h2, .s-slider-block__title h2, .s-block__title h3, h2, h3', sec);
  }
  function addEnLabel(titleEl, en) {
    if (!titleEl || titleEl.querySelector('.bq-en')) return;
    titleEl.classList.add('bq-title');
    var s = document.createElement('span'); s.className = 'bq-en'; s.textContent = en; titleEl.appendChild(s);
  }
  function bannerHead(sec, cfg, href) {
    if (sec.querySelector('.bq-sec-head')) return;
    var head = document.createElement('div');
    head.className = 'bq-sec-head';
    head.innerHTML = '<h2 class="bq-sec-head__title"></h2>' +
      (href ? '<a class="bq-sec-head__all" href="">عرض الكل ' + svg('arrow') + '</a>' : '');
    head.firstChild.textContent = cfg.title;
    var en = document.createElement('span'); en.className = 'bq-en'; en.textContent = cfg.en; head.firstChild.appendChild(en);
    var idx = SECTIONS.indexOf(cfg); if (idx > 0) en.setAttribute('data-idx', (idx < 10 ? '0' : '') + idx);
    if (href) head.querySelector('a').setAttribute('href', href);
    var container = $('.container', sec) || sec;
    container.insertBefore(head, container.firstChild);
  }

  function tagHome(cats) {
    var main = mainEl(), done = {};
    var blocks = $$('section.s-block, section[class*="s-block--"]', main);
    var byId = {};
    Object.keys(cats).forEach(function (k) { var id = catId(cats[k]); if (id) byId[id] = k; });

    // product rows
    blocks.forEach(function (sec) {
      var cls = sec.className;
      if (!/products|best-offers|fixed-products/.test(cls)) return;
      var t = sectionTitleEl(sec), tt = txt(t);
      if (EMPTY_BLOCK_RE.test(tt)) { sec.setAttribute('data-bq-maybe-empty', '1'); return; }
      if (!done.best && (SECTIONS[0].titleRe.test(tt) || !t)) {
        done.best = sec;
        sec.setAttribute('data-bq-key', 'best'); addEnLabel(t, SECTIONS[0].en);
      } else if (t && !t.querySelector('.bq-en')) { t.classList.add('bq-title'); }
    });
    if (!done.best) { // fallback: first product row
      var first = blocks.filter(function (s) { return /products|best-offers/.test(s.className) && !s.hasAttribute('data-bq-maybe-empty'); })[0];
      if (first) { done.best = first; first.setAttribute('data-bq-key', 'best'); addEnLabel(sectionTitleEl(first), SECTIONS[0].en); }
    }

    // wide banners -> category keys
    var banners = blocks.filter(function (s) { return /fixed-banner|s-block--banners|banner/.test(s.className) && !/square|photos-slider/.test(s.className); });
    var unmatched = [];
    banners.forEach(function (sec) {
      var a = $('a[href]', sec), href = a ? a.href : '', id = catId(href), key = id && byId[id];
      if (!key && a) { // try image alt / banner label
        var alt = norm((($('img', sec) || {}).alt || '') + ' ' + (a.getAttribute('aria-label') || ''));
        SECTIONS.forEach(function (s) { if (!key && s.kw && s.kw.test(alt)) key = s.key; });
      }
      if (key && !done[key]) { done[key] = sec; sec.setAttribute('data-bq-key', key); }
      else unmatched.push(sec);
    });
    // fallback by known homepage order (steam, playstation, top-ups, subscriptions, cards)
    var order = ['steam', 'ps', 'topup', 'subs', 'cards'];
    order.forEach(function (k) {
      if (done[k]) return;
      var sec = unmatched.shift();
      if (sec) { done[k] = sec; sec.setAttribute('data-bq-key', k); }
    });

    SECTIONS.forEach(function (s) {
      var sec = done[s.key]; if (!sec) return;
      if (!sec.id && !document.getElementById('bq-sec-' + s.key)) sec.id = 'bq-sec-' + s.key; // never overwrite theme ids
      if (s.key !== 'best') {
        var a = $('a[href]', sec);
        var link = cats[s.key] || (a && catId(a.href) ? a.href : '');
        if (link && !cats[s.key]) { cats[s.key] = link; lsSet(cats); }
        bannerHead(sec, s, link);
      }
    });
    try { v2Home(done); } catch (e) {}
    return done;
  }

  /* ---------- 4. hide empty "منتجات على ذوقك" ---------- */
  function checkEmptyBlocks(final) {
    $$('section.s-block, section[class*="s-block--"]', mainEl()).forEach(function (sec) {
      var t = sectionTitleEl(sec);
      var title = txt(t) || txt(sec.querySelector('[block-title]')) || (sec.querySelector('[block-title]') || { getAttribute: function () { return ''; } }).getAttribute('block-title');
      if (!EMPTY_BLOCK_RE.test(norm(title || '')) && !sec.hasAttribute('data-bq-maybe-empty')) return;
      var hasProducts = !!sec.querySelector('.s-product-card, .s-product-card-entry, custom-salla-product-card, salla-product-card, [id^="product-card-"]');
      var loading = !!sec.querySelector('salla-skeleton, .s-skeleton-wrapper, salla-loading, .s-loading');
      if (hasProducts) sec.classList.remove('bq-hidden-empty');
      else if (!loading || final) sec.classList.add('bq-hidden-empty');
    });
  }

  /* ---------- 2. sticky shortcut bar ---------- */
  var bar, chips = {}, homeMode = false, clickLock = 0;
  function buildBar(cats) {
    if ($('.bq-shortcuts')) return;
    var home = storeBase();
    bar = document.createElement('nav');
    bar.className = 'bq-shortcuts' + (isHome() ? '' : ' bq-shortcuts--static');
    bar.setAttribute('aria-label', 'اختصارات الأقسام');
    var inner = document.createElement('div'); inner.className = 'bq-shortcuts__inner';
    SECTIONS.forEach(function (s) {
      var a = document.createElement('a');
      a.className = 'bq-chip'; a.setAttribute('data-key', s.key);
      a.innerHTML = svg(s.key) + '<span></span>';
      a.lastChild.textContent = s.chip;
      a.title = s.title;
      var url = homeMode ? '#bq-sec-' + s.key : (cats[s.key] || (home + '/#bq-sec-' + s.key));
      if (s.key === 'best' && !homeMode) url = home + '/#bq-sec-best';
      a.href = url;
      chips[s.key] = a; inner.appendChild(a);
    });
    bar.appendChild(inner);
    // Insert between header and <main> (never inside React-rendered content, never moving theme nodes)
    var main = mainEl(), h = headerEl();
    if (main && main !== document.body && main.parentNode) main.parentNode.insertBefore(bar, main);
    else if (h && h.parentNode) h.parentNode.insertBefore(bar, h.nextSibling);
    else document.body.insertBefore(bar, document.body.firstChild);
    inner.addEventListener('click', onChipClick);
  }
  function headerOffset() {
    var cands = $$('.site-header__bar, .site-header__bar-outer, #mainnav .inner, .store-header .inner, header.site-header');
    var best = 0;
    cands.forEach(function (el) {
      var cs = getComputedStyle(el);
      if (cs.position !== 'fixed' && cs.position !== 'sticky') return;
      var r = el.getBoundingClientRect();
      if (r.top <= 1 && r.bottom > 0 && r.bottom < window.innerHeight / 2 && cs.visibility !== 'hidden' && cs.opacity !== '0') best = Math.max(best, r.bottom);
    });
    return Math.round(best);
  }
  function stickyHeaderHeight() { // height the header will have once pinned (for scroll targets)
    var el = $('.site-header__bar') || $('#mainnav .inner');
    return el ? el.offsetHeight : 0;
  }
  var rafPending = false, lateT1, lateT2;
  function onScrollSync() { // header pins/shrinks with a transition after the theme's own scroll handler
    syncTop(); clearTimeout(lateT1); clearTimeout(lateT2);
    lateT1 = setTimeout(syncTop, 160); lateT2 = setTimeout(syncTop, 520);
  }
  function syncTop() {
    if (rafPending) return; rafPending = true;
    requestAnimationFrame(function () {
      rafPending = false;
      document.documentElement.style.setProperty('--bq-top', headerOffset() + 'px');
    });
  }
  function scrollToKey(key, smooth) {
    var sec = secFor(key);
    if (!sec) return false;
    var off = Math.max(headerOffset(), stickyHeaderHeight()) + (bar ? bar.offsetHeight : 0) + 12;
    var y = sec.getBoundingClientRect().top + window.pageYOffset - off;
    clickLock = Date.now();
    setActive(key);
    window.scrollTo({ top: Math.max(0, y), behavior: smooth ? 'smooth' : 'auto' });
    timers.push(setTimeout(syncTop, 700)); timers.push(setTimeout(syncTop, 1300));
    return true;
  }
  function secFor(key) { return $('[data-bq-key="' + key + '"]') || document.getElementById('bq-sec-' + key); }
  function onChipClick(e) {
    var a = e.target.closest && e.target.closest('.bq-chip'); if (!a || !homeMode) return;
    var key = a.getAttribute('data-key');
    if (secFor(key)) {
      e.preventDefault();
      scrollToKey(key, true);
    } else {
      var cats = lsGet(); if (cats[key]) { e.preventDefault(); location.href = cats[key]; }
    }
  }
  function setActive(key) {
    Object.keys(chips).forEach(function (k) { chips[k].classList.toggle('is-active', k === key); if (k === key) chips[k].setAttribute('aria-current', 'true'); else chips[k].removeAttribute('aria-current'); });
    var c = chips[key]; if (!c || !bar) return;
    var inner = bar.firstChild, cr = c.getBoundingClientRect(), br = inner.getBoundingClientRect();
    var delta = (cr.left + cr.width / 2) - (br.left + br.width / 2);
    if (Math.abs(delta) > 4 && inner.scrollWidth > inner.clientWidth) { try { inner.scrollBy({ left: delta, behavior: 'smooth' }); } catch (err) { inner.scrollLeft += delta; } }
  }
  var io = null, visible = {};
  function observeSections() {
    if (!('IntersectionObserver' in window)) return;
    if (io) { $$('[data-bq-key]').forEach(function (s) { io.observe(s); }); return; }
    io = new IntersectionObserver(function (entries) {
      entries.forEach(function (en) { visible[en.target.getAttribute('data-bq-key')] = en.isIntersecting ? en.boundingClientRect.top : null; });
      if (Date.now() - clickLock < 900) return;
      var bestKey = null, bestTop = Infinity;
      Object.keys(visible).forEach(function (k) { var t = visible[k]; if (t !== null && t !== undefined && Math.abs(t) < bestTop) { bestTop = Math.abs(t); bestKey = k; } });
      if (bestKey) setActive(bestKey);
      else Object.keys(chips).forEach(function (k) { chips[k].classList.remove('is-active'); });
    }, { rootMargin: '-30% 0px -55% 0px', threshold: 0 });
    $$('[data-bq-key]').forEach(function (s) { io.observe(s); });
  }

  /* ---------- 5. mobile bottom tab bar ---------- */
  function cartCount() {
    var n = sallaGet('cart.count') || sallaGet('cart.items_count');
    if (n == null) { var el = $('.s-cart-summary-count'); if (el) n = parseInt(el.textContent, 10); }
    return n || 0;
  }
  function buildTabbar() {
    if ($('.bq-tabbar')) return;
    // New Raed ships its own mobile bottom bar (.mobile-bottom-bar): keep it (styled by CSS) instead of stacking a second bar
    if ($('.mobile-bottom-bar, nav[class*="bottom-bar"]')) { document.body.classList.add('bq-native-tabbar'); return; }
    var kind = pageKind(); if (kind === 'cart' || kind === 'product') return; // product page has its own sticky buy bar
    var base = storeBase();
    var nav = document.createElement('nav');
    nav.className = 'bq-tabbar'; nav.setAttribute('aria-label', 'التنقل السريع');
    nav.innerHTML =
      '<a class="bq-tab" data-tab="home" href="' + base + '/">' + svg('home') + '<span>الرئيسية</span></a>' +
      '<button type="button" class="bq-tab" data-tab="cats">' + svg('grid') + '<span>التصنيفات</span></button>' +
      '<a class="bq-tab" data-tab="cart" href="' + base + '/cart">' + svg('cart') + '<span>السلة</span><b class="bq-tab__badge"></b></a>' +
      '<a class="bq-tab" data-tab="account" href="' + base + '/profile">' + svg('user') + '<span>حسابي</span></a>';
    document.body.appendChild(nav);
    document.body.classList.add('bq-has-tabbar');
    if (isHome()) nav.querySelector('[data-tab="home"]').classList.add('is-active');
    else if (/\/profile|\/orders|\/wishlist|\/notifications/.test(location.pathname)) nav.querySelector('[data-tab="account"]').classList.add('is-active');
    else if (/\/c\d+/.test(location.pathname)) nav.querySelector('[data-tab="cats"]').classList.add('is-active');

    var badge = nav.querySelector('.bq-tab__badge');
    function setBadge(n) { n = parseInt(n, 10) || 0; badge.textContent = n > 0 ? (n > 99 ? '99+' : String(n)) : ''; badge.setAttribute('data-count', String(n)); }
    setBadge(cartCount());
    try { salla.cart.event.onUpdated(function (d) { setBadge(d && (d.count != null ? d.count : (d.cart && d.cart.count))); }); } catch (e) {}
    try { salla.event.on('cart::updated', function (d) { setBadge(d && (d.count != null ? d.count : (d.cart && d.cart.count))); }); } catch (e) {}

    nav.querySelector('[data-tab="cats"]').addEventListener('click', function () {
      var t = $('.site-header__nav-toggle button, .site-header__nav-toggle a, a.mburger, [href="#mobile-menu"], .header-action[aria-label*="القائمة"]');
      if (t) { t.click(); return; }
      if (bar) { window.scrollTo({ top: 0, behavior: 'smooth' }); }
    });
    nav.querySelector('[data-tab="account"]').addEventListener('click', function (e) {
      var guest = false;
      try { guest = salla.config.isGuest(); } catch (err) { guest = false; }
      if (guest) { try { e.preventDefault(); salla.event.dispatch('login::open'); } catch (err) { location.href = this.href; } }
    });
  }

  /* =====================================================================
     V2 — "Bareq Neon" enhancements (all optional, all fail-safe)
     ===================================================================== */
  var V2 = { io: null, cardMo: null, fab: null, fx: null, raf: false, ptrRaf: false, ptrEv: null };
  var reduceMotion = false;
  try { reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) {}
  var finePointer = false;
  try { finePointer = window.matchMedia('(hover: hover) and (pointer: fine)').matches; } catch (e) {}

  function v2Classes(kind) {
    var h = document.documentElement;
    h.classList.add('bq-v2');
    h.classList.remove('bq-home', 'bq-listing', 'bq-product', 'bq-cart');
    var k = kind === 'cart' ? 'bq-cart' : kind === 'product' ? 'bq-product' : homeMode ? 'bq-home' : (catId(location.pathname) || /product-index|search/.test(document.body.className) ? 'bq-listing' : '');
    if (k) h.classList.add(k);
    h.classList.toggle('bq-motion', !reduceMotion && kind !== 'cart' && ('IntersectionObserver' in window));
    h.classList.toggle('bq-fine', finePointer && kind !== 'cart');
  }

  function v2Fx(kind) {
    if (kind === 'cart' || $('.bq-fx')) return;
    var fx = document.createElement('div');
    fx.className = 'bq-fx'; fx.setAttribute('aria-hidden', 'true');
    fx.innerHTML = '<div class="bq-fx__sparks"></div><div class="bq-fx__bolt bq-fx__bolt--a"></div><div class="bq-fx__bolt bq-fx__bolt--b"></div><div class="bq-fx__spot"></div>';
    document.body.insertBefore(fx, document.body.firstChild);
    V2.fx = fx;
  }

  /* --- platform badge from the product title --- */
  var PLAT = [
    { k: 'card',     t: 'CARD',     re: /بطاق|gift\s*card|wallet|محفظ/i },
    { k: 'sub',      t: 'SUB',      re: /اشتراك|game\s*pass|ps\s*plus|بلس|nitro|نيترو|netflix|نتفلكس|spotify|سبوتي|shahid|شاهد|chatgpt|youtube|يوتيوب/i },
    { k: 'topup',    t: 'TOP-UP',   re: /شحن|شدات|جواهر|كوينز|coins|عملات|uc\b|v-?bucks|فيبكس|diamonds|نقاط/i },
    { k: 'ps5',      t: 'PS5',      re: /ps\s*5|بلايستيشن\s*5|بلاي\s*ستيشن\s*5|سوني\s*5/i },
    { k: 'ps4',      t: 'PS4',      re: /ps\s*4|بلايستيشن\s*4|بلاي\s*ستيشن\s*4|سوني\s*4/i },
    { k: 'xbox',     t: 'XBOX',     re: /xbox|اكس\s*بوكس|إكس\s*بوكس/i },
    { k: 'nintendo', t: 'NINTENDO', re: /nintendo|نينتندو|switch/i },
    { k: 'steam',    t: 'STEAM',    re: /ستيم|steam|\bpc\b/i }
  ];
  function platFor(title) {
    for (var i = 0; i < PLAT.length; i++) if (PLAT[i].re.test(title)) return PLAT[i];
    return null;
  }
  function badgeCards() {
    // attribute only (CSS draws the badge): never inserts nodes or styles into theme-rendered cards
    $$('.s-product-card-entry:not([data-bq-plat])').forEach(function (card) {
      var t = txt($('.s-product-card-content-title', card)) || (($('img', card) || {}).alt || '');
      if (!t) return; // not rendered yet, retry on next mutation
      var p = platFor(t);
      card.setAttribute('data-bq-plat', p ? p.k : 'none');
    });
  }
  function watchCards(kind) {
    if (kind === 'cart') return;
    badgeCards();
    if (!('MutationObserver' in window)) return;
    var t;
    V2.cardMo = new MutationObserver(function () { clearTimeout(t); t = setTimeout(function () { try { badgeCards(); } catch (e) {} }, 250); });
    V2.cardMo.observe(mainEl(), { childList: true, subtree: true });
  }

  /* --- home: banner + following product row = one panel, scroll reveal --- */
  function v2Home(done) {
    SECTIONS.forEach(function (s) {
      var sec = done[s.key]; if (!sec || s.key === 'best') return;
      var nx = sec.nextElementSibling;
      while (nx && (nx.offsetHeight === 0 || /bq-/.test(nx.className) && !/s-block/.test(nx.className))) nx = nx.nextElementSibling;
      if (nx && /products/.test(nx.className) && !nx.hasAttribute('data-bq-key')) {
        nx.classList.add('bq-group-row'); nx.setAttribute('data-bq-group', s.key);
      }
    });
    revealSetup();
  }
  function revealSetup() {
    if (!document.documentElement.classList.contains('bq-motion')) return;
    var targets = $$('section.s-block, section[class*="s-block--"]', mainEl()).filter(function (s) { return !s.classList.contains('bq-rv'); });
    if (!targets.length) return;
    if (!V2.io) {
      V2.io = new IntersectionObserver(function (entries) {
        entries.forEach(function (en) {
          if (en.isIntersecting) { en.target.classList.add('bq-in'); V2.io.unobserve(en.target); }
        });
      }, { rootMargin: '0px 0px -8% 0px', threshold: 0.06 });
    }
    var vh = window.innerHeight || 800;
    targets.forEach(function (s) {
      var r = s.getBoundingClientRect();
      s.classList.add('bq-rv');
      if (r.top < vh * 0.92 && r.bottom > 0) s.classList.add('bq-in'); // first screen: no delay
      else V2.io.observe(s);
    });
    badgeCards();
  }

  /* --- scroll progress (chip bar line + FAB ring) + header state --- */
  function v2Scroll() {
    if (V2.raf) return; V2.raf = true;
    requestAnimationFrame(function () {
      V2.raf = false;
      var d = document.documentElement, max = Math.max(1, (d.scrollHeight || document.body.scrollHeight) - window.innerHeight);
      var y = window.pageYOffset || d.scrollTop || 0, p = Math.min(1, Math.max(0, y / max));
      d.style.setProperty('--bq-progress', p.toFixed(4));
      d.classList.toggle('bq-scrolled', y > 12);
      if (V2.fab) V2.fab.classList.toggle('is-on', y > 700);
    });
  }
  function v2Fab(kind) {
    if (kind === 'cart' || kind === 'product' || $('.bq-fab')) return;
    var b = document.createElement('button');
    b.type = 'button'; b.className = 'bq-fab'; b.setAttribute('aria-label', 'للأعلى');
    b.innerHTML = '<svg viewBox="0 0 50 50" aria-hidden="true"><circle class="bq-fab__track" cx="25" cy="25" r="22"/><circle class="bq-fab__ring" cx="25" cy="25" r="22"/></svg>' +
      '<svg class="bq-fab__icon" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path d="M13.5 2 4 13.6h6.2L9 22l10-12.2h-6.3L13.5 2z" fill="currentColor"/></svg>';
    b.addEventListener('click', function () { window.scrollTo({ top: 0, behavior: reduceMotion ? 'auto' : 'smooth' }); });
    document.body.appendChild(b);
    V2.fab = b;
  }

  /* --- pointer effects (mouse only): card spotlight, banner tilt, page spotlight --- */
  var tiltEl = null;
  function onPtr(e) {
    V2.ptrEv = e; if (V2.ptrRaf) return; V2.ptrRaf = true;
    requestAnimationFrame(function () {
      V2.ptrRaf = false; var ev = V2.ptrEv; if (!ev) return;
      var d = document.documentElement;
      d.style.setProperty('--bq-mx', ev.clientX + 'px'); d.style.setProperty('--bq-my', ev.clientY + 'px');
      var t = ev.target && ev.target.closest ? ev.target : null; if (!t) return;
      var card = t.closest('.s-product-card-entry');
      if (card) { var r = card.getBoundingClientRect(); card.style.setProperty('--bq-px', (ev.clientX - r.left) + 'px'); card.style.setProperty('--bq-py', (ev.clientY - r.top) + 'px'); }
      var ban = reduceMotion ? null : t.closest('.s-block--fixed-banner a.banner, .banner--fixed');
      if (tiltEl && tiltEl !== ban) { tiltEl.style.removeProperty('--bq-rx'); tiltEl.style.removeProperty('--bq-ry'); tiltEl = null; }
      if (ban) {
        var br = ban.getBoundingClientRect(), x = (ev.clientX - br.left) / br.width - 0.5, y = (ev.clientY - br.top) / br.height - 0.5;
        ban.style.setProperty('--bq-rx', (-y * 5).toFixed(2) + 'deg'); ban.style.setProperty('--bq-ry', (x * 7).toFixed(2) + 'deg');
        tiltEl = ban;
      }
    });
  }
  function onPtrLeave() { if (tiltEl) { tiltEl.style.removeProperty('--bq-rx'); tiltEl.style.removeProperty('--bq-ry'); tiltEl = null; } }

  function v2Mount(kind) {
    v2Classes(kind);
    v2Fx(kind);
    v2Fab(kind);
    watchCards(kind);
    if (!homeMode) revealSetup();
    v2Scroll();
  }
  function v2Teardown() {
    if (V2.io) { V2.io.disconnect(); V2.io = null; }
    if (V2.cardMo) { V2.cardMo.disconnect(); V2.cardMo = null; }
    $$('.bq-fab').forEach(function (n) { n.parentNode && n.parentNode.removeChild(n); });
    V2.fab = null;
  }

  /* ---------- init (SPA-aware: new Raed navigates without full reloads) ---------- */
  var mo = null, timers = [];
  function teardown() {
    timers.forEach(clearTimeout); timers = [];
    if (mo) { mo.disconnect(); mo = null; }
    if (io) { io.disconnect(); io = null; visible = {}; }
    $$('.bq-shortcuts').forEach(function (n) { n.parentNode && n.parentNode.removeChild(n); });
    $$('.bq-tabbar').forEach(function (n) { n.parentNode && n.parentNode.removeChild(n); });
    document.body.classList.remove('bq-has-tabbar', 'bq-native-tabbar');
    chips = {}; bar = null;
    try { v2Teardown(); } catch (e) {}
  }
  function mount() {
    if (!document.body) return;
    teardown();
    var kind = pageKind();
    homeMode = isHome();
    var cats = discoverCats();
    if (homeMode) tagHome(cats);
    if (kind !== 'cart') buildBar(cats);
    buildTabbar();
    syncTop();
    try { v2Mount(kind); } catch (e) {}

    if (homeMode) {
      observeSections();
      checkEmptyBlocks(false);
      var runs = 0;
      var rerun = function () {
        cats = discoverCats(); tagHome(cats); checkEmptyBlocks(false); observeSections();
      };
      if ('MutationObserver' in window) {
        var t; mo = new MutationObserver(function () { clearTimeout(t); t = setTimeout(function () { if (++runs < 25) rerun(); }, 300); });
        mo.observe(mainEl(), { childList: true, subtree: true });
      }
      timers.push(setTimeout(rerun, 1500));
      timers.push(setTimeout(function () { if (mo) { mo.disconnect(); mo = null; } rerun(); checkEmptyBlocks(true); }, 9000));
      var m = /^#bq-sec-(\w+)/.exec(location.hash);
      if (m) timers.push(setTimeout(function () { scrollToKey(m[1], true); }, 900));
    } else {
      var id = catId(location.pathname);
      if (id) Object.keys(cats).forEach(function (k) { if (catId(cats[k]) === id && chips[k]) chips[k].classList.add('is-active'); });
    }
  }
  function safeMount() { try { mount(); } catch (e) { /* never break the store */ } }

  var lastPath = location.pathname;
  function onRoute() {
    if (location.pathname === lastPath) return;
    lastPath = location.pathname;
    setTimeout(safeMount, 450); // let the theme render the new page first
  }
  ['pushState', 'replaceState'].forEach(function (fn) {
    var orig = history[fn];
    if (typeof orig !== 'function') return;
    history[fn] = function () { var r = orig.apply(this, arguments); try { onRoute(); } catch (e) {} return r; };
  });
  window.addEventListener('popstate', onRoute);
  window.addEventListener('scroll', onScrollSync, { passive: true });
  window.addEventListener('scroll', function () { try { v2Scroll(); } catch (e) {} }, { passive: true });
  if (finePointer) {
    document.addEventListener('pointermove', function (e) { try { onPtr(e); } catch (err) {} }, { passive: true });
    document.addEventListener('pointerleave', onPtrLeave, { passive: true });
  }
  window.addEventListener('resize', onScrollSync);

  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', safeMount);
  else safeMount();
})();

/* ==== Bareq: sync headline price with selected option price (pricefix v1) ==== */
(function () {
  'use strict';
  if (window.__bareqPriceFix) return; window.__bareqPriceFix = true;
  function q(s, r) { return (r || document).querySelector(s); }
  function sync() {
    try {
      var form = q('form.product-form'); if (!form) return;
      var w = q('.price-wrapper', form); if (!w) return;
      var saleBox = q('.price_is_on_sale', w), normBox = q('.starting-or-normal-price', w);
      var saleP = saleBox && q('.total-price', saleBox), before = saleBox && q('.before-price', saleBox);
      var normP = normBox && q('.total-price', normBox);
      if (!normP && !saleP) return;
      var onSale = saleBox && !saleBox.classList.contains('hidden');
      var heads = document.querySelectorAll('[data-testid="store-product-price"]');
      for (var i = 0; i < heads.length; i++) {
        var h = heads[i], kids = h.children; if (kids.length < 2) continue;
        var hs = kids[0], hn = kids[1];
        var hsP = q('p', hs), hsB = q('span', hs), hnP = q('p', hn);
        if (onSale) {
          hs.classList.remove('hidden'); hn.classList.add('hidden');
          if (hsP && saleP && hsP.innerHTML !== saleP.innerHTML) hsP.innerHTML = saleP.innerHTML;
          if (hsB && before && hsB.innerHTML !== before.innerHTML) hsB.innerHTML = before.innerHTML;
        } else {
          hs.classList.add('hidden'); hn.classList.remove('hidden');
          if (hnP && normP && hnP.innerHTML !== normP.innerHTML) hnP.innerHTML = normP.innerHTML;
        }
      }
    } catch (e) { /* no-op */ }
  }
  var t; function later() { clearTimeout(t); t = setTimeout(sync, 60); }
  function init() {
    var form = q('form.product-form'); if (!form) return;
    var w = q('.price-wrapper', form);
    if (w && window.MutationObserver) new MutationObserver(later).observe(w, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ['class'] });
    form.addEventListener('change', later, true);
    try { if (window.salla && salla.product && salla.product.event && salla.product.event.onPriceUpdated) { salla.product.event.onPriceUpdated(later); salla.product.event.onPriceUpdateFailed && salla.product.event.onPriceUpdateFailed(later); } } catch (e) {}
    try { document.addEventListener('salla-product-options::change', later); } catch (e) {}
    later();
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
})();

/* ===== Bareq: policy links box under product description ===== */
(function () {
  'use strict';
  if (window.__bareqPolicyLinks) return; window.__bareqPolicyLinks = true;
  var RET = 'https://bareq.store/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B1%D8%AC%D8%A7%D8%B9-%D9%88%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84/page-372593946';
  var TOS = 'https://bareq.store/%D8%A7%D9%84%D8%B4%D8%B1%D9%88%D8%B7-%D9%88%D8%A7%D9%84%D8%A3%D8%AD%D9%83%D8%A7%D9%85/page-1611822107';
  function addStyle() {
    if (document.getElementById('bq-policy-style')) return;
    var st = document.createElement('style'); st.id = 'bq-policy-style';
    st.textContent = '.bq-policy{direction:rtl;text-align:right;margin:10px 20px 14px;padding:12px 14px;border-radius:12px;background:#040A16;border:1px solid rgba(0,214,255,.45);box-shadow:0 0 12px rgba(0,214,255,.18);color:#C9D3E2;font-size:14px;line-height:1.9}'
      + '.bq-policy .bq-lead{margin:0 0 6px;color:#FFFFFF;font-weight:700}'
      + '.bq-policy a{display:block;color:#00D6FF !important;text-decoration:none;font-weight:600}'
      + '.bq-policy a:hover{text-decoration:underline;text-shadow:0 0 8px rgba(0,214,255,.6)}';
    (document.head || document.documentElement).appendChild(st);
  }
  function build() {
    var b = document.createElement('div'); b.className = 'bq-policy'; b.id = 'bq-policy-links'; b.setAttribute('dir', 'rtl');
    b.innerHTML = '<p class="bq-lead">قبل الطلب أو إذا احتجت شي:</p>'
      + '<a href="' + RET + '">↩️ سياسة الاسترجاع والاستبدال</a>'
      + '<a href="' + TOS + '">📄 الشروط والأحكام</a>';
    return b;
  }
  function tryInsert(final) {
    try {
      if (document.getElementById('bq-policy-links')) return true;
      var form = document.querySelector('form.product-form');
      var desc = document.querySelector('[data-testid="store-product-description"]') || document.querySelector('.product__description');
      if (!desc && !form) return false;            // not a product page (yet)
      if (!desc && !final) return false;           // wait for description
      var anchor = desc || form;
      addStyle();
      anchor.parentNode.insertBefore(build(), anchor.nextSibling);
      return true;
    } catch (e) { return true; }
  }
  function init() {
    if (tryInsert(false)) return;
    var n = 0, mo = null;
    var iv = setInterval(function () {
      n++;
      if (tryInsert(n >= 20)) { clearInterval(iv); if (mo) mo.disconnect(); }
      else if (n >= 20) { clearInterval(iv); if (mo) mo.disconnect(); }
    }, 500);
    try {
      if (window.MutationObserver) {
        mo = new MutationObserver(function () { if (tryInsert(false)) { mo.disconnect(); clearInterval(iv); } });
        mo.observe(document.body || document.documentElement, { childList: true, subtree: true });
        setTimeout(function () { mo.disconnect(); }, 15000);
      }
    } catch (e) {}
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
})();

/* ==== Bareq: option price refresh when required text fields are still empty (optprice v1) ====
   Raed's product.js only calls salla.product.getPrice() when EVERY form element is valid,
   so products with required order-form text fields (e.g. Game Pass PC) never refresh the price
   on option change. Salla's price API itself accepts empty text fields, so we request the price
   ourselves in exactly that case; the theme's onPriceUpdated handler + pricefix v1 then update
   the السعر row and the headline. When the form is fully valid we do nothing (theme handles it). */
(function () {
  'use strict';
  if (window.__bareqOptPrice) return; window.__bareqOptPrice = true;
  var TEXTY = /^(text|textarea|email|tel|number|url|password|search|file|date|datetime-local|time|month|week)$/i;
  function isTexty(el) { return el && (el.tagName === 'TEXTAREA' || (el.tagName === 'INPUT' && TEXTY.test(el.type || 'text'))); }
  function isOptionEl(el) { return el && el.name && /^options\[/.test(el.name) && !isTexty(el); }
  function valid(el) { return !el.willValidate || !el.validity || el.validity.valid; }
  var t;
  function run(form) {
    try {
      if (!(window.salla && salla.product && typeof salla.product.getPrice === 'function')) return;
      var els = Array.prototype.slice.call(form.elements), hasOpt = false;
      if (els.every(valid)) return;                       // theme already requested the price
      for (var i = 0; i < els.length; i++) {
        var el = els[i];
        if (isOptionEl(el)) { hasOpt = true; if (!valid(el)) return; }   // an option not chosen yet
        else if (!isTexty(el) && !valid(el)) return;      // e.g. invalid quantity: leave it
      }
      if (!hasOpt) return;
      salla.product.getPrice(new FormData(form)).catch(function () {});
    } catch (e) { /* no-op */ }
  }
  function onChange(ev) {
    var form = ev.currentTarget, el = ev.target;
    if (isTexty(el)) return;                               // typing in fields does not change price
    clearTimeout(t); t = setTimeout(function () { run(form); }, 80);
  }
  function init() {
    var form = document.querySelector('form.product-form'); if (!form) return;
    form.addEventListener('change', onChange);
  }
  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); else init();
})();