- of its own? Mirror whatever the main menu lists for it.
if (!subUl || !qa(":scope > li, :scope > a", subUl).length) {
var kids = getDesktopSubcategories(norm);
if (kids && kids.length > 0) {
if (!subUl) {
subUl = document.createElement("ul");
li.appendChild(subUl);
}
subUl.innerHTML = "";
var viewAllLi = document.createElement("li");
viewAllLi.className = "text-sm font-bold";
var viewAllA = document.createElement("a");
var mainA = q(":scope > a", li);
viewAllA.href = (mainA && mainA.getAttribute("href")) || "#";
viewAllA.textContent = "عرض الكل";
viewAllLi.appendChild(viewAllA);
subUl.appendChild(viewAllLi);
kids.forEach(function (kid) {
var subLi = document.createElement("li");
subLi.className = "text-sm font-bold";
var subA = document.createElement("a");
subA.href = kid.href;
subA.textContent = kid.label;
subLi.appendChild(subA);
subUl.appendChild(subLi);
});
}
}
var hasKids = subUl && qa(":scope > li, :scope > a", subUl).length > 0;
if (hasKids) {
li.classList.add("has-children");
li.style.setProperty("position", "relative", "important");
// Determine category URL
var catUrl = "";
var aTag = q(":scope > a", li);
var spanTag = q(":scope > span", li);
if (aTag) {
catUrl = aTag.getAttribute("href") || "";
}
if (!catUrl || catUrl === "#") {
var firstSubA = q("a", subUl);
if (firstSubA && /عرض\s*الكل|view\s*all/i.test(firstSubA.textContent)) {
catUrl = firstSubA.getAttribute("href") || "";
}
}
// Ensure the category has a direct navigation link so tapping the category navigates directly
if (!aTag && spanTag) {
aTag = document.createElement("a");
aTag.href = catUrl || "#";
aTag.className = spanTag.className || "text-gray-500";
aTag.innerHTML = spanTag.innerHTML;
spanTag.parentNode.replaceChild(aTag, spanTag);
} else if (aTag && catUrl && (!aTag.getAttribute("href") || aTag.getAttribute("href") === "#")) {
aTag.setAttribute("href", catUrl);
}
// Direct category tap navigates directly to category page
if (aTag && !aTag._vv_bound_nav) {
aTag._vv_bound_nav = true;
aTag.classList.add("vv-cat-direct-link");
aTag.addEventListener("click", function (e) {
var href = aTag.getAttribute("href");
if (href && href !== "#" && !/^javascript/i.test(href)) {
setTimeout(closeNativeMobileMenu, 100);
}
});
}
// Inject dedicated arrow button (سهم) for opening subcategories
var arrowBtn = q(":scope > .vv-sub-toggle", li);
if (!arrowBtn) {
arrowBtn = document.createElement("button");
arrowBtn.type = "button";
arrowBtn.className = "vv-sub-toggle";
arrowBtn.setAttribute("aria-label", "عرض التصنيفات الفرعية لـ " + cleanLabel);
arrowBtn.innerHTML =
'';
if (subUl && subUl.parentNode === li) {
li.insertBefore(arrowBtn, subUl);
} else {
li.appendChild(arrowBtn);
}
}
// Force arrow styles to guarantee visibility
arrowBtn.style.setProperty("display", "flex", "important");
arrowBtn.style.setProperty("visibility", "visible", "important");
arrowBtn.style.setProperty("opacity", "1", "important");
arrowBtn.style.setProperty("pointer-events", "auto", "important");
arrowBtn.style.setProperty("z-index", "25", "important");
// Wire click on arrow to open the subcategories sliding panel
if (!arrowBtn._vv_bound_toggle) {
arrowBtn._vv_bound_toggle = true;
arrowBtn.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
e.stopImmediatePropagation();
nav.classList.remove("mm-spn--main");
nav.setAttribute("data-mm-spn-title", cleanLabel || "التصنيفات");
qa("ul.mm-spn--open", nav).forEach(function (u) {
u.classList.remove("mm-spn--open");
u.classList.add("mm-spn--parent");
});
subUl.classList.add("mm-spn--open");
subUl.classList.remove("mm-spn--parent");
syncBackBtnVisibility();
});
}
// Wire subcategory links inside subUl to close drawer after navigation
qa("a", subUl).forEach(function (subA) {
if (!subA._vv_bound_sub_nav) {
subA._vv_bound_sub_nav = true;
subA.addEventListener("click", function () {
setTimeout(closeNativeMobileMenu, 80);
});
}
});
} else {
li.classList.remove("has-children");
var oldArrow = q(":scope > .vv-sub-toggle", li);
if (oldArrow) oldArrow.remove();
}
});
syncBackBtnVisibility();
// 3. Wire back navigation on navbar click
if (!nav._vv_bound_back) {
nav._vv_bound_back = true;
nav.addEventListener("click", function (e) {
if (e.target && e.target.closest && (
e.target.closest(".btn--close") ||
e.target.closest(".close-mobile-menu") ||
e.target.closest("ul.mm-spn--open a") ||
e.target.closest(".vv-drawer-footer") ||
e.target.closest(".vv-sub-toggle")
)) {
return;
}
if (e.target === nav || e.target.closest(".mm-spn--navbar:before") || !e.target.closest("ul.mm-spn--open")) {
goBackToMainMenu();
}
});
}
// 4. Attach MutationObserver on custom-main-menu & #mobile-menu to re-run injection if Salla re-renders
if (!nav._vv_observer_attached) {
nav._vv_observer_attached = true;
var parentMenuHost = nav.closest("custom-main-menu") || nav.parentElement;
if (parentMenuHost && window.MutationObserver) {
var menuObserverTimer = null;
var menuObs = new MutationObserver(function () {
clearTimeout(menuObserverTimer);
menuObserverTimer = setTimeout(function () {
ensureMobileDrawerSubcategories();
}, 60);
});
menuObs.observe(parentMenuHost, { childList: true, subtree: true });
}
}
}
function initLuxuryMobileDrawer() {
// 1. Purge Image 2 features (Delivery in Riyadh & Tabby/Tamara pills)
qa(".vv-df-features, .vv-df-feat, #mobile-menu .vv-df-features, #mobile-menu .vv-df-feat, .mm-ocd .vv-df-features, .mm-ocd .vv-df-feat").forEach(function (el) {
el.remove();
});
// 3. Ensure subcategories (التصنيفات الفرعية) are populated, visible, and expandable in mobile drawer
ensureMobileDrawerSubcategories();
// 4. Enhance or inject "احجز حفلتك" Luxury VIP card in the drawer footer
var menu = q("#mobile-menu, nav.mobile-menu");
if (menu) {
var footer = q(".vv-drawer-footer", menu);
if (!footer) {
footer = document.createElement("div");
footer.className = "vv-drawer-footer";
menu.appendChild(footer);
}
// Remove any old feature badges inside footer
qa(".vv-df-features, .vv-df-feat", footer).forEach(function (el) {
el.remove();
});
// WhatsApp Party Booking URL dynamically fetched from the page's WhatsApp
var partyPhone = getStoreWhatsAppPhone();
var partyText = encodeURIComponent("مرحباً فيلفيت فايبز، أود الاستفسار وحجز وتنسيق حفلة / مناسبة");
var partyHref = "https://wa.me/" + partyPhone + "?text=" + partyText;
// Render the high-end "احجز حفلتك" VIP Card
var existingCard = q(".vv-drawer-party-card, .vv-df-whatsapp", footer);
if (!existingCard || !existingCard.classList.contains("vv-drawer-party-card")) {
footer.innerHTML =
'' +
'
' +
'' +
'
' +
'' +
'احجز حفلتك' +
'تنسيق وتجهيز مناسباتكم' +
'
' +
'' +
'تواصل' +
'' +
'
' +
'';
} else if (existingCard) {
// If existing element was .vv-df-whatsapp, upgrade it gracefully
existingCard.className = "vv-drawer-party-card";
existingCard.href = partyHref;
existingCard.setAttribute("aria-label", "احجز حفلتك عبر واتساب");
existingCard.innerHTML =
'' +
'' +
'
' +
'' +
'احجز حفلتك' +
'تنسيق وتجهيز مناسباتكم' +
'
' +
'' +
'تواصل' +
'' +
'
';
}
// Dynamically re-evaluate number on pointer interaction so it always matches any dynamically injected WhatsApp widget
var activeCard = q(".vv-drawer-party-card", footer);
if (activeCard && !activeCard._vv_bound_phone) {
activeCard._vv_bound_phone = true;
activeCard.addEventListener("pointerdown", function () {
var freshPhone = getStoreWhatsAppPhone();
this.href = "https://wa.me/" + freshPhone + "?text=" + partyText;
});
}
}
// 3. Wire close button (X) in mobile drawer
qa(".btn--close.close-mobile-menu, .btn--close-sm.close-mobile-menu, #mobile-menu .btn--close").forEach(function (btn) {
if (!btn.dataset.vvCloseBound) {
btn.dataset.vvCloseBound = "1";
btn.setAttribute("aria-label", "إغلاق القائمة");
btn.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
closeNativeMobileMenu();
});
}
});
// 4. Wire mobile menu open triggers
qa('a[href="#mobile-menu"], .btn--menu, [data-target="#mobile-menu"], [data-show="#mobile-menu"]').forEach(function (trigger) {
if (!trigger.dataset.vvDrawerBound) {
trigger.dataset.vvDrawerBound = "1";
var onOpen = function () {
setTimeout(initLuxuryMobileDrawer, 30);
setTimeout(initLuxuryMobileDrawer, 180);
setTimeout(ensureMobileDrawerSubcategories, 30);
setTimeout(ensureMobileDrawerSubcategories, 180);
setTimeout(ensureMobileDrawerSubcategories, 400);
};
trigger.addEventListener("click", onOpen);
trigger.addEventListener("pointerdown", onOpen, { passive: true });
}
});
// 5. Watch for drawer open class additions to html/body
if (!window.__VV_DRAWER_CLASS_OBS__) {
window.__VV_DRAWER_CLASS_OBS__ = true;
var drawerClassTimer = null;
var drawerObs = new MutationObserver(function () {
var opened = document.documentElement.classList.contains("mm-wrapper--opened") ||
document.body.classList.contains("menu-opened") ||
document.body.classList.contains("mm-wrapper--opened");
if (opened) {
clearTimeout(drawerClassTimer);
drawerClassTimer = setTimeout(function () {
safe(initLuxuryMobileDrawer);
safe(ensureMobileDrawerSubcategories);
}, 40);
}
});
drawerObs.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
drawerObs.observe(document.body, { attributes: true, attributeFilter: ["class"] });
}
}
function initMobileMenuAccordion() {
initLuxuryMobileDrawer();
ensureMobileDrawerSubcategories();
}
function initMobileMenuClose() {
initLuxuryMobileDrawer();
ensureMobileDrawerSubcategories();
}
/* --------------------------------------------------------------------------
Mobile app-style fixed bottom navigation
-------------------------------------------------------------------------- */
function appNavIcon(name) {
var icons = {
home:
'',
menu:
'',
search:
'',
cart:
'',
user:
'',
};
return icons[name] || "";
}
function clickNative(selector) {
var el = q(selector);
if (!el) return false;
try {
el.click();
return true;
} catch (e) {
return false;
}
}
function updateAppNavState() {
var nav = q(".vv-appnav");
if (!nav) return;
var path = decodePath((location.pathname || "/").replace(/\/$/, "") || "/");
var isHome = path === "/";
var isCart = /\/cart/i.test(path);
var isAccount = /\/(account|profile|login|register|my-account)/i.test(path);
var menuOpen =
document.documentElement.classList.contains("mm-wrapper--opened") ||
document.body.classList.contains("mm-wrapper--opened") ||
!!q(".mm-ocd--open");
var searchOpen = !!q(".vv-searchbox.is-open");
qa(".vv-appnav__item", nav).forEach(function (el) {
el.classList.remove("is-active");
});
var key = "home";
if (searchOpen) key = "search";
else if (menuOpen) key = "menu";
else if (isCart) key = "cart";
else if (isAccount) key = "account";
else if (isHome) key = "home";
var active = q('.vv-appnav__item[data-vv-appnav="' + key + '"]', nav);
if (active) active.classList.add("is-active");
}
function handleAppNav(action) {
if (action === "home") {
var path = decodePath((location.pathname || "/").replace(/\/$/, "") || "/");
if (path === "/") {
try {
window.scrollTo({ top: 0, behavior: "smooth" });
} catch (e) {
window.scrollTo(0, 0);
}
} else {
location.href = getStoreBase() + "/";
}
return;
}
if (action === "menu") {
setTimeout(initLuxuryMobileDrawer, 50);
setTimeout(ensureMobileDrawerSubcategories, 50);
setTimeout(initLuxuryMobileDrawer, 250);
setTimeout(ensureMobileDrawerSubcategories, 250);
if (
!clickNative('[data-testid="store-header-mobile-toggle"]') &&
!clickNative('a[href="#mobile-menu"]') &&
!clickNative(".vv-menu-toggle")
) {
var menu = q("#mobile-menu");
if (menu) location.hash = "mobile-menu";
}
return;
}
if (action === "search") {
openSearch();
return;
}
if (action === "cart") {
if (
!clickNative('[data-testid="store-header-cart"] .s-cart-summary-wrapper') &&
!clickNative('[data-testid="store-header-cart"]') &&
!clickNative("salla-cart-summary")
) {
location.href = getStoreBase() + "/cart";
}
return;
}
if (action === "account") {
if (
!clickNative('[data-testid="store-header-user-menu"] .s-user-menu-trigger') &&
!clickNative('[data-testid="store-header-user-menu"] .s-user-menu-login-btn') &&
!clickNative('[data-testid="store-header-user-menu"]')
) {
location.href = getStoreBase() + "/account";
}
}
}
function appNavMarkup() {
return (
'' +
'' +
'' +
'' +
'' +
'' +
"
"
);
}
/* The tab bar is fixed over the bottom of the page, so the body needs room
under the footer for it. collapseAfterFooter() used to zero that padding
inline (inline !important beats the stylesheet), which slid the end of the
footer — and the product page cart bar — underneath the tab bar.
On the cart page Salla pins its own total + checkout bar to the bottom
on phones; style.css lifts it to sit on top of the tab bar using the
heights published here, and the body leaves room for both. */
function syncAppNavSpace() {
var root = document.documentElement;
var nav = q(".vv-appnav");
var h = 0;
if (nav && window.getComputedStyle(nav).display !== "none") {
h = Math.ceil(nav.getBoundingClientRect().height || 0);
}
var cartBar = q(".s-cart-summary-card");
var cartH = 0;
if (cartBar && window.getComputedStyle(cartBar).position === "fixed") {
cartH = Math.ceil(cartBar.getBoundingClientRect().height || 0);
}
root.style.setProperty("--vv-appnav-h", h + "px");
root.style.setProperty("--vv-cartbar-h", cartH + "px");
setImportant(document.body, "padding-bottom", h + cartH ? h + cartH + "px" : "0");
}
function initAppNav() {
var existingNav = q(".vv-appnav");
if (existingNav) {
if (q(".vv-appnav__item--fab", existingNav) || qa(".vv-appnav__item", existingNav).length !== 5) {
existingNav.innerHTML = appNavMarkup();
}
document.body.classList.add("vv-appnav-on");
updateAppNavState();
syncAppNavSpace();
return;
}
var nav = document.createElement("nav");
nav.className = "vv-appnav";
nav.setAttribute("aria-label", "التنقل الرئيسي");
nav.innerHTML = appNavMarkup();
document.body.appendChild(nav);
document.body.classList.add("vv-appnav-on");
nav.addEventListener("click", function (e) {
var item = e.target.closest ? e.target.closest("[data-vv-appnav]") : null;
if (!item) return;
e.preventDefault();
handleAppNav(item.getAttribute("data-vv-appnav"));
setTimeout(updateAppNavState, 60);
});
if (!window.__VV_APPNAV_WATCH__) {
window.__VV_APPNAV_WATCH__ = true;
["hashchange", "popstate"].forEach(function (evt) {
window.addEventListener(evt, updateAppNavState);
});
if (window.MutationObserver) {
new MutationObserver(function () {
updateAppNavState();
if (
document.documentElement.classList.contains("mm-wrapper--opened") ||
document.body.classList.contains("mm-wrapper--opened") ||
document.body.classList.contains("mm-ocd--open") ||
!!q(".mm-ocd--open")
) {
safe(initLuxuryMobileDrawer);
safe(ensureMobileDrawerSubcategories);
}
}).observe(document.documentElement, {
attributes: true,
attributeFilter: ["class"],
});
}
}
updateAppNavState();
syncAppNavSpace();
var existing = q(".s-cart-summary-count");
if (existing) applyCartCount(parseInt(existing.textContent, 10) || 0);
}
function markPageType() {
var body = document.body;
if (!body) return;
body.classList.add("vv-body", "vv-clean-theme", "vv-override-theme");
var path = decodePath((location.pathname || "/").replace(/\/$/, "") || "/");
var isHome =
path === "/" ||
body.classList.contains("index") ||
body.classList.contains("home");
body.classList.toggle("vv-page-home", isHome);
body.classList.toggle("vv-page-inner", !isHome);
if (
body.classList.contains("product") ||
body.classList.contains("product-single") ||
/\/p\d+|\/product/i.test(path)
) {
body.classList.add("vv-page-product");
}
if (
body.classList.contains("category") ||
body.classList.contains("products") ||
/\/c\d+/i.test(path) ||
/\/search/i.test(path)
) {
body.classList.add("vv-page-listing");
}
if (body.classList.contains("cart") || /\/cart/i.test(path)) {
body.classList.add("vv-page-cart");
}
if (
body.classList.contains("page") ||
/\/page-\d+/i.test(path) ||
/من-نحن|اتصل|خدمات|blog|مدون/i.test(path)
) {
body.classList.add("vv-page-static");
}
}
/* --------------------------------------------------------------------------
Desktop nav + hover submenu
-------------------------------------------------------------------------- */
function sanitizeNavLabel(text) {
return (text || "")
.replace(/[\u{1F000}-\u{1FFFF}\u{2600}-\u{27BF}\u{FE00}-\u{FE0F}]/gu, "")
.replace(/\s+/g, " ")
.trim();
}
function collectNavItems() {
var items = [];
var byLabel = {};
function upsert(label, href, children) {
label = sanitizeNavLabel(label);
href = (href || "").trim();
children = children || [];
if (!label || label.length > 48) return;
if (!href || href === "#") return;
/* Storefront controls only, never menu entries. Matched whole so a
real category such as «سلة الهدايا» is never swallowed. */
if (/^(بحث|حسابي|حساب|سلة|السلة|المفضلة|wishlist|login|cart)$/i.test(label)) return;
var existing = byLabel[label];
if (existing) {
if ((!existing.children || !existing.children.length) && children.length) {
existing.children = children;
} else if (children.length) {
children.forEach(function (ch) {
if (
!existing.children.some(function (x) {
return x.label === ch.label;
})
) {
existing.children.push(ch);
}
});
}
if (href && (!existing.href || existing.href === "#")) existing.href = href;
return;
}
var item = { label: label, href: href, children: children.slice() };
byLabel[label] = item;
items.push(item);
}
function readChildren(li) {
var children = [];
var seenChild = {};
qa(
".sub-menu a, .dropdown-menu a, :scope > ul a, :scope ul li > a",
li,
).forEach(function (sa) {
/* skip the top-level link itself */
if (sa.parentElement === li || (sa.closest && sa.closest(":scope > a") === sa)) {
var parentA = q(":scope > a", li);
if (parentA === sa) return;
}
var topA = q(":scope > a", li);
if (topA && sa === topA) return;
var sl = sanitizeNavLabel(sa.textContent);
var sh = sa.getAttribute("href") || sa.href || "";
if (!sl || !sh || seenChild[sl]) return;
if (/عرض\s*الكل|view\s*all|see\s*all/i.test(sl)) return;
if (topA && (topA.getAttribute("href") || topA.href) === sh) return;
seenChild[sl] = true;
children.push({ label: sl, href: sh });
});
return children;
}
/* Prefer desktop root items that carry submenus */
qa(
"#mobile-menu .main-menu > li.has-children, " +
"#mobile-menu .main-menu > li.root-level, " +
"#mobile-menu .main-menu > li[data-menu-item], " +
"custom-main-menu .main-menu > li.has-children, " +
"custom-main-menu .main-menu > li",
).forEach(function (li) {
var a = q(":scope > a", li);
var label = "";
var href = "";
if (a) {
var span = q(".vv-d-text", a) || q("span:not(.vv-d-icon):not(.vv-d-badge)", a) || q("span", a);
label = sanitizeNavLabel(
(span && span.textContent) ||
a.getAttribute("aria-label") ||
a.textContent
);
href = a.getAttribute("href") || a.href;
} else {
/* mobile accordion headers sometimes use span only */
var head = q(":scope > span", li);
label = sanitizeNavLabel(head ? head.textContent : "");
var firstLink = q("ul a, .sub-menu a", li);
href = firstLink ? firstLink.getAttribute("href") || firstLink.href : "";
}
upsert(label, href, readChildren(li));
});
/* Salla's menu is the whole story: same entries, same order, nothing
added, removed, reordered or capped. The desktop bar and the drawer are
built from this one list, so they always carry the same links and the
dashboard is the only place the menu is edited. */
return items;
}
function injectNavSubmenuCSS() {
var style = q("#vv-nav-submenu-css");
if (!style) {
style = document.createElement("style");
style.id = "vv-nav-submenu-css";
document.head.appendChild(style);
}
style.textContent =
/* ── Desktop nav ── */
"header.store-header,#mainnav,.vv-header-stick,.vv-desktop-nav,.vv-desktop-nav__list,.vv-desktop-nav__list>li{overflow:visible!important;}" +
".vv-header-stick{position:relative!important;z-index:110!important;width:100%!important;background:#fff!important;}" +
"@media(max-width:1023px){.vv-header-stick,header.store-header,#mainnav,#mainnav .inner{background:#5c1a1a!important}}" +
".vv-header-stick.is-pinned{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;}" +
".vv-header-stick.is-pinned .vv-desktop-nav,.vv-header-stick .vv-desktop-nav{display:flex!important;visibility:visible!important;opacity:1!important;height:54px!important;position:relative!important;z-index:130!important;}" +
"body.vv-header-pinned #mainnav,#mainnav.fixed-header,#mainnav.fixed-pinned{position:relative!important;top:auto!important;transform:none!important;}" +
".vv-desktop-nav{position:relative!important;z-index:130!important;background:#fff!important;}" +
"body>.vv-desktop-nav__sub,body>.vv-sub-portal{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}" +
".vv-desktop-nav__sub{" +
"position:absolute!important;top:calc(100% - 2px)!important;inset-inline:auto!important;right:0!important;left:auto!important;" +
"display:block!important;list-style:none!important;margin:0!important;padding:8px 0!important;" +
"background:#fff!important;border:1px solid rgba(92,26,26,.14)!important;" +
"border-radius:0 0 14px 16px!important;box-shadow:0 18px 40px rgba(45,13,12,.16)!important;" +
"min-width:240px!important;max-width:300px!important;max-height:min(48vh,280px)!important;" +
"overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;" +
"z-index:400!important;" +
"opacity:0!important;visibility:hidden!important;pointer-events:none!important;" +
"transform:scale(.96) translateY(-6px)!important;transform-origin:top right!important;}" +
".vv-desktop-nav__list>li.has-sub:hover>.vv-desktop-nav__sub," +
".vv-desktop-nav__list>li.has-sub.is-open>.vv-desktop-nav__sub{" +
"opacity:1!important;visibility:visible!important;pointer-events:auto!important;" +
"transform:scale(1) translateY(0)!important;}" +
".vv-desktop-nav__sub>li{margin:0!important;padding:0!important;list-style:none!important;display:block!important;}" +
".vv-desktop-nav__sub>li+li{border-top:1px solid rgba(92,26,26,.08)!important;}" +
".vv-desktop-nav__sub a{" +
"display:block!important;box-sizing:border-box!important;" +
"padding:10px 16px!important;margin:0!important;line-height:1.35!important;" +
"color:#5c1a1a!important;text-decoration:none!important;" +
"font:700 .88rem/1.35 Tajawal,Tahoma,sans-serif!important;" +
"text-align:right!important;background:transparent!important;border:0!important;}" +
".vv-desktop-nav__sub a:hover{background:#f9ebe0!important;color:#5c1a1a!important;}" +
".vv-desktop-nav__list>li>a,.vv-desktop-nav__list>li>a:hover,.vv-desktop-nav__list>li>a:focus," +
".vv-desktop-nav__list>li>a.is-active,.vv-desktop-nav__list>li.has-sub:hover>a,.vv-desktop-nav__list>li.has-sub.is-open>a{" +
"color:#5c1a1a!important;background:transparent!important;box-shadow:none!important;}" +
".vv-desktop-nav__sub a:after,.vv-desktop-nav__sub a:before{display:none!important;content:none!important;}" +
".s-slider-block__display-all{display:none!important;}" +
"@media(max-width:1023px){" +
".vv-desktop-nav,.vv-desktop-nav__sub{display:none!important;}" +
".vv-header-stick,#mainnav.main-nav-container,#mainnav .inner,header.store-header{background:#5c1a1a!important;}" +
"}" ;
}
function reclaimStraySubmenus() {
qa("body > .vv-desktop-nav__sub, body > .vv-sub-portal").forEach(function (sub) {
var ownerId = sub.getAttribute("data-vv-owner");
var owner = ownerId && document.getElementById(ownerId);
sub.classList.remove("is-open", "vv-sub-portal");
if (owner) owner.appendChild(sub);
else sub.remove();
});
}
function closeAllPortalSubs() {
qa(".vv-desktop-nav__list > li.is-open").forEach(function (li) {
li.classList.remove("is-open");
});
qa(".vv-desktop-nav__sub").forEach(function (sub) {
sub.classList.remove("is-open", "vv-sub-portal");
sub.removeAttribute("style");
var ownerId = sub.getAttribute("data-vv-owner");
var owner = ownerId && document.getElementById(ownerId);
if (owner && sub.parentNode !== owner) owner.appendChild(sub);
});
reclaimStraySubmenus();
}
function bindPortalSubmenu(li, sub) {
if (!li || !sub) return;
var ownerId = li.id || "vv-nav-li-" + Math.random().toString(36).slice(2, 9);
li.id = ownerId;
sub.setAttribute("data-vv-owner", ownerId);
sub.classList.remove("vv-sub-portal");
if (sub.parentNode !== li) li.appendChild(sub);
sub.removeAttribute("style");
li.addEventListener("mouseenter", function () {
qa(".vv-desktop-nav__list > li.is-open").forEach(function (other) {
if (other !== li) other.classList.remove("is-open");
});
li.classList.add("is-open");
});
li.addEventListener("mouseleave", function () {
li.classList.remove("is-open");
});
}
function initDesktopNavigation(header, main) {
injectNavSubmenuCSS();
reclaimStraySubmenus();
if (!window.__VV_NAV_SUB_SCROLL__) {
window.__VV_NAV_SUB_SCROLL__ = true;
window.addEventListener("scroll", closeAllPortalSubs, { passive: true });
window.addEventListener("resize", closeAllPortalSubs, { passive: true });
}
if (window.matchMedia("(max-width: 1023px)").matches) {
var oldM = q(".vv-desktop-nav", header) || q(".vv-desktop-nav");
if (oldM) oldM.remove();
closeAllPortalSubs();
return;
}
header = header || q("header.store-header");
main = main || q("#mainnav.main-nav-container");
if (!header || !main) return;
var shell = ensureStickyShell(header, main);
var old = q(".vv-desktop-nav", header) || q(".vv-desktop-nav");
if (old) old.remove();
closeAllPortalSubs();
var nav = document.createElement("nav");
nav.className = "vv-desktop-nav";
nav.setAttribute("data-vv-nav", "v4");
nav.setAttribute("aria-label", "أقسام المتجر");
var ul = document.createElement("ul");
ul.className = "vv-desktop-nav__list";
var path = decodePath((location.pathname || "/").replace(/\/$/, "") || "/");
var fullPath = decodePath(((location.pathname || "/") + (location.search || "")).replace(/\/$/, "") || "/");
var items = collectNavItems();
items.forEach(function (item) {
if (!item || !item.label) return;
var labelTrim = item.label.trim();
var li = document.createElement("li");
li.setAttribute("data-vv-nav-item", labelTrim);
var kids = (item.children || []).filter(function (ch) {
return ch && ch.label && !/عرض\s*الكل|view\s*all|see\s*all/i.test(ch.label);
});
var hasSub = kids.length > 0;
if (hasSub) li.classList.add("has-sub");
var a = document.createElement("a");
a.href = item.href;
a.className = "vv-desktop-nav__link";
a.innerHTML =
'' +
(hasSub
? ''
: "");
q(".vv-desktop-nav__label", a).textContent = sanitizeNavLabel(item.label);
if (hasSub) a.setAttribute("aria-haspopup", "true");
var itemFullPath = decodePath(
(item.href || "").replace(/^https?:\/\/[^/]+/, "").replace(/\/$/, "") || "/",
);
var itemCleanPath = itemFullPath.split("?")[0];
if (
fullPath === itemFullPath ||
(itemFullPath === "/" && fullPath === "/") ||
(!location.search && path === itemCleanPath)
) {
a.classList.add("is-active");
}
li.appendChild(a);
if (hasSub) {
var sub = document.createElement("ul");
sub.className = "vv-desktop-nav__sub";
sub.setAttribute("role", "menu");
kids.forEach(function (ch) {
var sli = document.createElement("li");
sli.setAttribute("role", "none");
var sa = document.createElement("a");
sa.href = ch.href;
sa.textContent = sanitizeNavLabel(ch.label);
sa.setAttribute("role", "menuitem");
sa.style.setProperty("height", "auto", "important");
sa.style.setProperty("min-height", "0", "important");
sa.style.setProperty("max-height", "none", "important");
sa.style.setProperty("line-height", "1.35", "important");
sa.style.setProperty("padding", "8px 16px", "important");
sli.style.setProperty("height", "auto", "important");
sli.style.setProperty("min-height", "0", "important");
sli.appendChild(sa);
sub.appendChild(sli);
});
li.appendChild(sub);
bindPortalSubmenu(li, sub);
}
ul.appendChild(li);
});
nav.appendChild(ul);
if (shell) shell.appendChild(nav);
else main.insertAdjacentElement("afterend", nav);
safe(hideViewAllLinks);
var isMobileChrome = (window.innerWidth || 0) < 1024;
[header, main, shell, q(".inner", main)].forEach(function (el) {
if (!el) return;
if (isMobileChrome) {
el.classList.remove("vv-nav-overflow-visible");
try {
el.style.removeProperty("overflow");
} catch (e) {}
return;
}
el.classList.add("vv-nav-overflow-visible");
try {
el.style.setProperty("overflow", "visible", "important");
} catch (e) {}
});
}
function layoutMobileHeader(main) {
if (!main) return;
var bar = q(".inner > .container > .relative", main);
var account = q("[data-testid='store-header-user-menu']", main);
var toggle =
q("[data-testid='store-header-mobile-toggle']", main) ||
q("a[href='#mobile-menu']", main);
var actions = q(".vv-header-actions", main) || q(".inner > .container > .relative > .flex.items-center.justify-end", main);
if (!bar || !account) return;
if ((window.innerWidth || 0) < 1024) {
setImportant(bar, "position", "relative");
setImportant(bar, "height", "64px");
setImportant(bar, "width", "100%");
/* Pull hamburger out of zero-size custom-main-menu onto the bar */
if (toggle && toggle.parentNode !== bar) bar.appendChild(toggle);
if (account.parentNode !== bar) bar.appendChild(account);
var logo = q("[data-testid='store-header-logo']", main);
if (logo && logo.parentNode !== bar) bar.appendChild(logo);
if (logo) {
setImportant(logo, "position", "absolute");
setImportant(logo, "left", "50%");
setImportant(logo, "right", "auto");
setImportant(logo, "top", "50%");
setImportant(logo, "transform", "translate(-50%, -50%)");
setImportant(logo, "z-index", "10");
setImportant(logo, "max-height", "52px");
setImportant(logo, "display", "inline-flex");
setImportant(logo, "align-items", "center");
setImportant(logo, "justify-content", "center");
}
account.classList.add("vv-header-user-fixed");
toggle && toggle.classList.add("vv-header-toggle-fixed");
[toggle, account].forEach(function (el, i) {
if (!el) return;
setImportant(el, "position", "absolute");
setImportant(el, "top", "50%");
setImportant(el, "transform", "translateY(-50%)");
setImportant(el, "width", "36px");
setImportant(el, "height", "36px");
setImportant(el, "left", "auto");
setImportant(el, "right", i === 0 ? "6px" : "44px");
setImportant(el, "z-index", i === 0 ? "30" : "12");
setImportant(el, "opacity", "1");
setImportant(el, "visibility", "visible");
setImportant(el, "pointer-events", "auto");
});
if (actions) {
setImportant(actions, "position", "absolute");
setImportant(actions, "left", "6px");
setImportant(actions, "right", "auto");
setImportant(actions, "top", "50%");
setImportant(actions, "transform", "translateY(-50%)");
setImportant(actions, "display", "flex");
setImportant(actions, "align-items", "center");
setImportant(actions, "gap", "6px");
var cart = q("[data-testid='store-header-cart']", actions);
var search = q(".vv-clean-search, .vv-search-trigger", actions);
if (cart) actions.insertBefore(cart, actions.firstChild);
if (search && cart && search !== cart.nextSibling) {
if (cart.nextSibling) actions.insertBefore(search, cart.nextSibling);
else actions.appendChild(search);
}
}
} else if (actions && account.parentNode !== actions) {
actions.appendChild(account);
account.classList.remove("vv-header-user-fixed");
}
}
function enhanceHeaderLogo(main) {
var logo = q("[data-testid='store-header-logo']", main || document);
if (!logo) return;
logo.classList.add("vv-logo-stack");
if (q(".vv-logo-ar", logo)) return;
var ar = document.createElement("span");
ar.className = "vv-logo-ar";
ar.textContent = "فيلفيت فايبز";
logo.appendChild(ar);
}
function ensureProductsViewAll() {
var section = q('[data-testid="store-home-products-slider"]');
if (!section) return;
var title = q(".s-slider-block__title", section);
if (!title) return;
title.classList.add("vv-products-head");
var existingAll = q(".vv-products-all", title);
if (existingAll) {
existingAll.innerHTML =
'عرض جميع المنتجات';
return;
}
var a = document.createElement("a");
a.className = "vv-products-all";
a.href = "/products";
a.innerHTML =
'عرض جميع المنتجات';
title.appendChild(a);
}
function markHomeCategoryCards() {
/* Show every category slide — never hide as "extra". */
qa('[data-testid="store-home-main-links"] .swiper-slide').forEach(function (slide) {
slide.classList.remove("vv-cat-extra");
slide.classList.add("vv-cat-main");
slide.style.removeProperty("display");
});
}
var HOME_SPECIALIZED_LINKS = [
{
label: "باقات ورد",
href: "/-/c336992474",
img: "https://cdn.files.salla.network/other/1056988811/242d5d49-8153-493a-9aaf-4dc652f87a1b-original.webp",
},
{
label: "فازات ورد",
href: "/-/c1643325403",
img: "https://cdn.files.salla.network/other/1056988811/00854e4f-8a02-43d4-be24-f37fb4a349cb-original.webp",
},
{
label: "ورد مع تشوكليت",
href: "/-/c869811748",
img: "https://cdn.files.salla.network/other/1056988811/f8316180-36db-43f6-99d5-76807b956a59-original.webp",
},
{
label: "الأكثر مبيعاً",
href: "/products",
img: "https://cdn.salla.sa/AzQqXn/wPnES4zoo9YBiwbww29Ccpo6KNXxIKIHqRfje2ER.jpg",
},
{
label: "مناسبات",
href: "/-/c140145074",
img: "https://cdn.files.salla.network/other/1056988811/242d5d49-8153-493a-9aaf-4dc652f87a1b-original.webp",
},
{
label: "الاضافات",
href: "/-/c101680937",
img: "https://cdn.files.salla.network/other/1056988811/00854e4f-8a02-43d4-be24-f37fb4a349cb-original.webp",
},
];
function getHomeCategoriesSection() {
/* First main-links under the hero — not the later «الإضافات» strip */
var sections = qa('[data-testid="store-home-main-links"]');
for (var i = 0; i < sections.length; i++) {
if (!isAddonsSection(sections[i]) && !sections[i].classList.contains("vv-fz-addons")) {
return sections[i];
}
}
return sections[0] || null;
}
function fillHomeCategoriesIfEmpty(section) {
if (!section || isAddonsSection(section)) return false;
if (qa(".slide--cat-entry", section).length >= 6) return false;
var wrapper =
q(".swiper-wrapper", section) ||
q('[slot="items"]', section) ||
q("salla-slider", section);
if (!wrapper) return false;
wrapper.innerHTML = "";
HOME_SPECIALIZED_LINKS.forEach(function (item, idx) {
var slide = document.createElement("div");
slide.className =
"swiper-slide slide--one-sixth vv-cat-main" +
(idx === 0 ? " swiper-slide-active" : "");
slide.setAttribute("role", "group");
slide.setAttribute("aria-label", idx + 1 + " / " + HOME_SPECIALIZED_LINKS.length);
slide.innerHTML =
'' +
'" + item.label + "
" + ""; wrapper.appendChild(slide); }); return true; } function restoreHomeCategoriesStrip() { var section = getHomeCategoriesSection(); if (!section) return; section.classList.remove("vv-fz-addons", "hidden", "s-hidden"); section.removeAttribute("hidden"); section.classList.add("vv-fz-square-links", "vv-fz-categories-portrait"); setImportant(section, "display", "block"); setImportant(section, "visibility", "visible"); setImportant(section, "opacity", "1"); setImportant(section, "height", "auto"); setImportant(section, "max-height", "none"); setImportant(section, "overflow", "hidden"); setImportant(section, "max-width", "100%"); fillHomeCategoriesIfEmpty(section); decorateCategoryCards(section); markHomeCategoryCards(); var mobile = (window.innerWidth || 0) < 1024; var sliderOpts = { slidesPerView: "auto", spaceBetween: mobile ? 12 : 16, allowTouchMove: true, freeMode: mobile, }; qa("salla-slider", section).forEach(function (host) { fixSliderHost(host, sliderOpts); }); qa(".swiper, .s-slider-container", section).forEach(function (el) { fixSliderHost(el, sliderOpts); }); } function initHeader() { var header = q("header.store-header"); var main = q("#mainnav.main-nav-container"); if (!header || !main) return; markPageType(); normalizeHeaderDimensions(); var actions = q(".vv-header-end", main) || q(".inner > .container > .relative > .flex.items-center.justify-end", main); if (actions) { var mobile = (window.innerWidth || 0) < 1024; actions.classList.add("vv-header-actions"); actions.classList.remove("my-2.5"); if (mobile) { setImportant(actions, "display", "flex"); setImportant(actions, "flex-direction", "row"); setImportant(actions, "flex-wrap", "nowrap"); setImportant(actions, "align-items", "center"); setImportant(actions, "gap", "2px"); setImportant(actions, "width", "auto"); setImportant(actions, "min-width", "0"); setImportant(actions, "height", "40px"); setImportant(actions, "opacity", "1"); setImportant(actions, "visibility", "visible"); setImportant(actions, "pointer-events", "auto"); } else { setImportant(actions, "display", "grid"); setImportant(actions, "grid-auto-flow", "column"); setImportant(actions, "grid-auto-columns", "44px"); setImportant(actions, "align-items", "center"); setImportant(actions, "justify-content", "start"); setImportant(actions, "gap", "18px"); setImportant(actions, "column-gap", "18px"); } /* Keep account with search/cart on desktop only. On mobile, layoutMobileHeader places account next to the hamburger. */ if (!mobile) { var account = q(".vv-account-group", main) || q('[data-testid="store-header-user-menu"]', main); if (account && account.parentNode !== actions) { var accWrap = account.classList.contains("vv-account-group") ? account : account.closest(".vv-account-group") || account; actions.appendChild(accWrap); } } var hasSearch = q(".vv-clean-search, .vv-search-trigger", actions); if (!hasSearch) { var search = document.createElement("button"); search.type = "button"; search.className = "vv-clean-search"; search.setAttribute("aria-label", "بحث"); search.innerHTML = ''; actions.insertBefore(search, actions.firstChild); } qa("salla-wishlist-summary", actions).forEach(function (el) { setImportant(el, "display", "none"); setImportant(el, "width", "0"); setImportant(el, "min-width", "0"); setImportant(el, "margin", "0"); setImportant(el, "padding", "0"); el.setAttribute("hidden", ""); }); qa( ".vv-clean-search, .vv-search-trigger, [data-testid='store-header-user-menu'], [data-testid='store-header-cart'], .vv-cart, .vv-account-group", actions, ).forEach(function (el) { var slot = mobile ? "38px" : "44px"; el.classList.remove("ml-4", "mr-4", "rtl:mr-4", "rtl:ml-[unset]"); setImportant(el, "margin", "0"); setImportant(el, "flex", "0 0 " + slot); setImportant(el, "flex-shrink", "0"); setImportant(el, "width", slot); setImportant(el, "min-width", slot); setImportant(el, "max-width", slot); setImportant(el, "height", slot); setImportant(el, "position", "relative"); setImportant( el, "overflow", el.matches && el.matches( "salla-user-menu, [data-testid='store-header-user-menu'], salla-cart-summary, [data-testid='store-header-cart']", ) ? "visible" : "hidden", ); }); qa(".s-user-menu-wrapper", actions).forEach(function (wrap) { var slot = mobile ? "38px" : "44px"; setImportant(wrap, "display", "block"); setImportant(wrap, "position", "relative"); setImportant(wrap, "width", slot); setImportant(wrap, "height", slot); setImportant(wrap, "overflow", "visible"); }); qa(".s-user-menu-toggler", actions).forEach(function (tog) { setImportant(tog, "position", "absolute"); setImportant(tog, "top", "calc(100% + 8px)"); setImportant(tog, "left", "0"); setImportant(tog, "right", "auto"); setImportant(tog, "width", "0"); setImportant(tog, "height", "0"); setImportant(tog, "min-width", "0"); setImportant(tog, "overflow", "visible"); setImportant(tog, "z-index", "5000"); }); qa("[data-testid='store-header-cart'], .s-cart-summary-wrapper", actions).forEach(function (el) { setImportant(el, "overflow", "visible"); }); } initDesktopNavigation(header, main); initUserMenu(); initSearch(); layoutMobileHeader(main); enhanceHeaderLogo(main); ensureProductsViewAll(); markHomeCategoryCards(); clearInlineHeaderFight(); watchThemeHeaderFight(); syncPinnedHeader(); } var USER_MENU_CSS = ":host{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;overflow:visible!important;z-index:400!important}" + ".s-user-menu-wrapper{position:relative!important;display:flex!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;margin:0!important;padding:0!important;overflow:visible!important}" + ".s-user-menu-trigger-slot{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}" + ".s-user-menu-toggler{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:0!important;height:0!important;min-width:0!important;overflow:visible!important;z-index:5000!important}" + ".s-user-menu-dropdown{width:260px!important;min-width:240px!important;background:#fff!important;color:#5c1a1a!important;border:1px solid rgba(92,26,26,.12)!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(45,13,12,.18)!important;overflow:hidden!important;z-index:5000!important}" + ".s-user-menu-dropdown a,.s-user-menu-dropdown a:hover,.s-user-menu-dropdown-item-link,.s-user-menu-dropdown-item-title,.s-user-menu-dropdown span,.s-user-menu-dropdown p,.s-user-menu-dropdown li,.s-user-menu-dropdown-header{color:#5c1a1a!important}" + ".s-user-menu-dropdown svg,.s-user-menu-dropdown path,.s-user-menu-dropdown-item-prefix svg{fill:#5c1a1a!important;color:#5c1a1a!important;width:18px!important;height:18px!important}" + ".s-user-menu-dropdown-item-link{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;color:#5c1a1a!important}" + ".s-user-menu-dropdown-item-link:hover{background:#f9ebe0!important;color:#5c1a1a!important}" + ".s-user-menu-dropdown-header{background:#f9ebe0!important;color:#5c1a1a!important}" + ".s-user-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;border:1.5px solid #5c1a1a!important;border-radius:999px!important;background:#fff!important;color:#5c1a1a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-shadow:none!important}" + ".s-user-menu-trigger:hover{background:#5c1a1a!important;border-color:#5c1a1a!important;color:#fff!important}" + ".s-user-menu-trigger-content,.s-user-menu-trigger-icon,.s-user-menu-trigger-hello,.s-user-menu-trigger-name{display:none!important}" + ".s-user-menu-trigger-avatar,.s-user-menu-avatar-wrap img{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;border:0!important;border-radius:999px!important;object-fit:cover!important;display:block!important}" + ".s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar{border:0!important}" + ".s-user-menu-login-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;border:1.5px solid #5c1a1a!important;border-radius:999px!important;background:#fff!important;color:#5c1a1a!important;box-shadow:none!important}" + ".s-user-menu-login-btn svg{width:21px!important;height:21px!important;fill:currentColor!important}" + "@media(max-width:1023px){:host,.s-user-menu-wrapper,.s-user-menu-trigger-slot,.s-user-menu-trigger,.s-user-menu-login-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:#f2d6bc!important}.s-user-menu-trigger svg,.s-user-menu-login-btn svg{fill:#f2d6bc!important;color:#f2d6bc!important}.s-user-menu-trigger-avatar,.s-user-menu-avatar-wrap img{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important}}"; function initUserMenu() { qa('[data-testid="store-header-user-menu"], salla-user-menu.vv-account').forEach(function (host) { injectShadow(host, "vv-user-menu-skin", USER_MENU_CSS); }); qa('[data-testid="store-header-cart"], salla-cart-summary').forEach(function (host) { injectShadow( host, "vv-cart-badge-skin", ":host{overflow:visible!important}" + ".s-cart-summary-wrapper{overflow:visible!important;position:relative!important}" + ".s-cart-summary-count{position:absolute!important;top:-3px!important;right:-3px!important;left:auto!important;width:18px!important;height:18px!important;min-width:18px!important;border:2px solid #fff!important;border-radius:999px!important;background:#5c1a1a!important;color:#fff!important;z-index:8!important;overflow:visible!important}" + "@media(max-width:1023px){:host,.s-cart-summary-wrapper{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#f2d6bc!important}.s-cart-summary-icon,.s-cart-summary-wrapper i,svg{color:#f2d6bc!important;fill:#f2d6bc!important}.s-cart-summary-count{width:16px!important;height:16px!important;min-width:16px!important;top:-2px!important;right:-2px!important;background:#e11d48!important;border-color:#5c1a1a!important;color:#fff!important}}", ); }); } function bindUserMenuEvents() { if (window.__VV_USER_MENU_EVENTS__) return; window.__VV_USER_MENU_EVENTS__ = true; try { if (window.salla && salla.event && typeof salla.event.on === "function") { ["auth::verified", "auth::logged.in", "profile::updated", "user::ready"].forEach(function (evt) { salla.event.on(evt, function () { setTimeout(function () { safe(initUserMenu); }, 120); }); }); } } catch (e) {} } function polishListingCards() { qa( "#main-content custom-salla-product-card, #main-content .s-product-card-entry, .s-products-list custom-salla-product-card", ).forEach(function (card) { card.classList.add("vv-product-card"); qa( ".s-product-card-content-footer .s-button-element, .s-product-card-content-footer button", card, ).forEach(function (btn) { if (btn.disabled || btn.classList.contains("s-button-disabled")) return; btn.classList.remove( "s-button-primary-outline", "s-button-light", "s-button-light-outline", "s-button-gray", ); btn.classList.add("s-button-primary"); }); }); } function wishlistProductId(response, id) { var value = id; if (value == null && response) { if (typeof response !== "object") { value = response; } else { value = response.product_id || response.productId || response.id; if (value == null && response.data) { value = response.data.product_id || response.data.productId || response.data.id; } } } if (value && typeof value === "object") { value = value.product_id || value.productId || value.id; } return value == null ? "" : String(value); } function wishlistButtonId(el) { if (!el) return ""; var card = el.closest ? el.closest(".s-product-card-entry, custom-salla-product-card, .vv-fz-product-card") : null; return wishlistProductId( null, el.getAttribute("data-id") || el.getAttribute("product-id") || el.getAttribute("id") || (card && productIdFromCard(card)), ); } function paintWishlistEl(el, favorited) { if (!el) return; var targets = [el].concat(qa(".s-product-card-wishlist-btn, button, .s-button-element", el)); targets.forEach(function (target) { target.classList.toggle("vv-fav", !!favorited); target.classList.toggle("favorited", !!favorited); target.classList.toggle("is-added", !!favorited); target.classList.toggle("un-favorited", !favorited); target.classList.toggle("not-added", !favorited); target.setAttribute("aria-pressed", favorited ? "true" : "false"); }); qa("i.sicon-heart, i", el).forEach(function (icon) { icon.classList.toggle("vv-heart-solid", !!favorited); icon.style.setProperty("color", favorited ? "#e11d48" : "", "important"); icon.style.setProperty("opacity", "1", "important"); icon.style.setProperty("visibility", "visible", "important"); }); } function paintWishlistProduct(id, favorited) { id = wishlistProductId(null, id); if (!id || !/^[\w-]+$/.test(id)) return; qa(".s-product-card-wishlist-btn, .vv-fz-card-wish").forEach(function (el) { var btnId = wishlistButtonId(el); var onclick = el.getAttribute("onclick") || ""; if (btnId === id || onclick.indexOf(id) !== -1) paintWishlistEl(el, favorited); }); var qvWish = q("#vv-quickview .vv-quickview__wish"); if (qvWish && qvWish.getAttribute("data-product-id") === String(id)) { qvWish.classList.toggle("is-active", !!favorited); var qvIcon = q("i", qvWish); if (qvIcon) { qvIcon.className = favorited ? "sicon-heart vv-heart-solid" : "sicon-heart"; qvIcon.style.setProperty("color", favorited ? "#e11d48" : "#5c1a1a", "important"); } } } function notifyWishlist(message) { try { if (window.salla && salla.notify && typeof salla.notify.success === "function") { salla.notify.success(message); } } catch (e) {} } function initWishlistFeedback() { /* Restore the selected look whenever cards are re-rendered. */ try { if (window.salla && salla.storage && typeof salla.storage.get === "function") { var saved = salla.storage.get("salla::wishlist", []) || []; if (Array.isArray(saved)) { saved.forEach(function (item) { paintWishlistProduct(wishlistProductId(item), true); }); } } } catch (e) {} if (!window.__VV_WISH_CLICK__) { window.__VV_WISH_CLICK__ = true; document.addEventListener( "click", function (e) { var btn = e.target && e.target.closest ? e.target.closest(".s-product-card-wishlist-btn, .vv-fz-card-wish") : null; if (!btn) return; var id = wishlistButtonId(btn); if (!id) return; var on = !( btn.classList.contains("is-added") || btn.classList.contains("vv-fav") || btn.classList.contains("favorited") ); paintWishlistProduct(id, on); }, true, ); } if (wishlistBound || !window.salla) return; var events = null; if (salla.wishlist && salla.wishlist.event) events = salla.wishlist.event; else if (salla.event && salla.event.wishlist) events = salla.event.wishlist; if (!events || typeof events.onAdded !== "function") return; events.onAdded(function (response, id) { var productId = wishlistProductId(response, id); paintWishlistProduct(productId, true); requestAnimationFrame(function () { paintWishlistProduct(productId, true); }); setTimeout(function () { paintWishlistProduct(productId, true); }, 80); notifyWishlist("\u062a\u0645\u062a \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0625\u0644\u0649 \u0627\u0644\u0645\u0641\u0636\u0644\u0629"); }); if (typeof events.onRemoved === "function") { events.onRemoved(function (response, id) { var productId = wishlistProductId(response, id); paintWishlistProduct(productId, false); requestAnimationFrame(function () { paintWishlistProduct(productId, false); }); notifyWishlist("\u062a\u0645\u062a \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0646 \u0627\u0644\u0645\u0641\u0636\u0644\u0629"); }); } wishlistBound = true; } function cartCountFrom(payload) { if (payload == null) return null; var cart = payload.cart || payload.data || payload; if (typeof cart.count === "number") return cart.count; if (typeof cart.count === "string") return parseInt(cart.count, 10); if (typeof cart.items_count === "number") return cart.items_count; if (Array.isArray(cart.items)) return cart.items.length; return null; } function applyCartCount(n) { n = parseInt(n, 10); if (isNaN(n) || n < 0) n = 0; qa(".s-cart-summary-count, .vv-appnav__badge").forEach(function (el) { el.textContent = n ? String(n) : "0"; if (n <= 0) { setImportant(el, "display", "none"); el.setAttribute("hidden", ""); } else { el.style.removeProperty("display"); el.removeAttribute("hidden"); } }); if (/\/cart/i.test(location.pathname || "")) { qa("h1, h2, h3, .cart-title, .s-cart h2, [class*='cart'] span, [class*='cart'] p").forEach(function (el) { var t = (el.childNodes.length === 1 && el.childNodes[0].nodeType === 3) || (el.children.length === 0); if (!t) return; var text = (el.textContent || "").trim(); if (!/الإجمالي/.test(text)) return; el.textContent = "الإجمالي (" + n + " منتجات)"; }); } } var cartCountBound = false; function initCartCount() { qa("salla-cart-summary slot-fb, .s-cart slot-fb, .cart-page slot-fb").forEach(function (el) { el.setAttribute("hidden", ""); setImportant(el, "display", "none"); }); var visibleItems = qa( ".s-cart-item:not([hidden]), .cart-item:not([hidden]), salla-cart-item:not([hidden])", ).filter(function (el) { return el.offsetParent !== null && !(el.textContent || "").match(/placeholder|skeleton/i); }); if (/\/cart/i.test(location.pathname || "") && visibleItems.length === 0) { applyCartCount(0); } try { if (window.salla && salla.cart) { if (typeof salla.cart.details === "function") { salla.cart.details().then(function (res) { var n = cartCountFrom(res); if (n != null) applyCartCount(n); }).catch(function () {}); } if (!cartCountBound && salla.event && typeof salla.event.on === "function") { cartCountBound = true; ["cart::update", "cart::updated", "cart::ready"].forEach(function (evt) { try { salla.event.on(evt, function (res) { var n = cartCountFrom(res); if (n != null) applyCartCount(n); }); } catch (e) {} }); } if (!cartCountBound && salla.cart.event && typeof salla.cart.event.onUpdated === "function") { cartCountBound = true; salla.cart.event.onUpdated(function (res) { var n = cartCountFrom(res); if (n != null) applyCartCount(n); }); } } } catch (e) {} } /* Raed pins the product page cart bar (quantity, add to cart, buy now) to the bottom of the screen on phones. Our app tab bar owns that edge now, so the pinned bar sat half under it — the add-to-cart button disappeared behind the tab labels — and it floated over the footer while scrolling. Any fixed or sticky wrapper around the product's add button is tagged here and style.css drops it back into the page flow under the options. */ function unpinProductCartBar() { if (!document.body.classList.contains("vv-page-product")) return; if ((window.innerWidth || 0) >= 1024) return; qa("#main-content salla-add-product-button, .product-form salla-add-product-button").forEach(function (btn) { if (btn.closest && btn.closest(".s-product-card-entry, custom-salla-product-card, .vv-quickview")) return; var el = btn.parentElement; while (el && el !== document.body && el.id !== "main-content") { var pos = window.getComputedStyle(el).position; if (pos === "fixed" || pos === "sticky") el.classList.add("vv-pbar-inflow"); el = el.parentElement; } }); } function initInnerPages() { markPageType(); polishListingCards(); initCartCount(); unpinProductCartBar(); /* Product page CTA colors */ qa( ".product-details .s-button-element, .s-product-card-content-footer .s-button-element, salla-add-product-button .s-button-element", ).forEach(function (btn) { if (btn.disabled || btn.classList.contains("s-button-disabled")) return; if (btn.closest && btn.closest(".s-product-card-wishlist-btn")) return; btn.classList.remove("s-button-light", "s-button-gray"); if (!btn.classList.contains("s-button-primary-outline")) { btn.classList.add("s-button-primary"); } }); } /* -------------------------------------------------------------------------- Products — center + static grid on desktop + 2 cards mobile -------------------------------------------------------------------------- */ function syncProductSlides() { var w = window.innerWidth || 0; var per = w < 768 ? 2 : w < 1100 ? 3 : w < 1280 ? 4 : 5; qa( 'salla-products-slider .swiper, [data-testid*="products-slider"] .swiper, .s-block--best-offers .swiper', ).forEach(function (el) { if (!el.swiper || !el.swiper.params) return; try { el.swiper.params.slidesPerView = per; el.swiper.params.spaceBetween = per <= 2 ? 10 : 14; el.swiper.params.allowTouchMove = true; el.swiper.allowTouchMove = true; el.swiper.update(); } catch (e) {} }); } function initProducts() { qa('[data-testid="store-home-products-slider"]').forEach(function (section) { var cards = qa("custom-salla-product-card, .s-product-card-entry", section); section.classList.add("vv-products"); section.classList.toggle("vv-products-static", cards.length > 0 && cards.length <= 4 && window.innerWidth >= 1024); section.classList.toggle("vv-products-centered", cards.length > 0 && cards.length <= 4); section.classList.toggle("vv-products-empty", cards.length === 0); if (cards.length === 0) { section.style.setProperty("display", "none", "important"); } else { section.style.removeProperty("display"); } qa( ".s-product-card-content-footer .s-button-element, .s-product-card-content-footer button", section, ).forEach(function (btn) { if (btn.disabled || btn.classList.contains("s-button-disabled")) return; btn.classList.remove( "s-button-primary-outline", "s-button-light", "s-button-light-outline", "s-button-gray", ); btn.classList.add("s-button-primary"); }); }); syncProductSlides(); } /* -------------------------------------------------------------------------- Features + quick links centering -------------------------------------------------------------------------- */ function initFeatures() { var section = q('[data-testid="store-home-features"]'); if (!section) return; section.classList.add("vv-features-centered"); setImportant(section, "margin-inline", "auto"); setImportant(section, "width", "min(calc(100% - 40px), 1120px)"); setImportant(section, "max-width", "1120px"); var grid = q(".grid, .vv-features-grid", section); if (grid) { setImportant(grid, "display", "grid"); setImportant(grid, "grid-template-columns", "repeat(3, minmax(0, 1fr))"); setImportant(grid, "align-items", "stretch"); } qa(".s-block--features__item, .vv-feature-item", section).forEach(function (card) { setImportant(card, "height", "100%"); setImportant(card, "width", "100%"); setImportant(card, "min-width", "0"); setImportant(card, "align-self", "stretch"); }); } function fixHeroSwiper(sw) { /* Leave swiper entirely to native Salla */ return false; } function normalizeHeroSlides(section) { return; } function fixHeroPagination(host, pag) { return; } function initHeroBanners() { initAdvancedHero(); } function initHeroBannersWithRetry() { initAdvancedHeroWithRetry(); } function initQuickLinks() { var section = q('[data-testid="store-home-main-links"]'); if (!section) return; section.classList.remove("vv-links-static", "vv-fz-square-static"); } /* -------------------------------------------------------------------------- Testimonials — force pagination BELOW the card (Raed bundle). Structure: host shadow > .wrapper > salla-slider > (.swiper-pagination) Pagination often paints on top via salla-slider absolute CSS — we move the node after the slider and rebind Swiper pagination.el. -------------------------------------------------------------------------- */ var TITLE_FLOWER_CSS = "@keyframes vv-title-flow{0%{background-position:200% 50%}100%{background-position:-200% 50%}}" + "@keyframes vv-flower-sway{0%,100%{transform:translate(-50%,0) rotate(-10deg) scale(1)}50%{transform:translate(-50%,0) rotate(10deg) scale(1.12)}}" + ".s-reviews-header,h1.s-reviews-header,.s-block-trust-map__title,h3.s-block-trust-map__title," + ".s-block-trust-testimonials-title,.s-block-trust-map-title,.s-block-trust-faq-title{" + "position:relative!important;display:block!important;width:auto!important;max-width:100%!important;" + "margin:0 auto!important;padding:0 0 28px!important;text-align:center!important;" + "color:#5c1a1a!important;font-weight:800!important;font-size:clamp(1.45rem,2.2vw,1.85rem)!important;" + "font-family:Tajawal,Tahoma,sans-serif!important;line-height:1.35!important}" + ".s-reviews-header::before,h1.s-reviews-header::before,.s-block-trust-map__title::before,h3.s-block-trust-map__title::before," + ".s-block-trust-testimonials-title::before,.s-block-trust-map-title::before,.s-block-trust-faq-title::before{" + "content:''!important;display:block!important;position:absolute!important;left:50%!important;bottom:10px!important;" + "width:168px!important;height:2px!important;transform:translateX(-50%)!important;" + "background:linear-gradient(90deg,transparent,#5c1a1a 12%,#c9a27a 50%,#5c1a1a 88%,transparent)!important;" + "background-size:220% 100%!important;animation:vv-title-flow 2.6s linear infinite!important}" + ".s-reviews-header::after,h1.s-reviews-header::after,.s-block-trust-map__title::after,h3.s-block-trust-map__title::after," + ".s-block-trust-testimonials-title::after,.s-block-trust-map-title::after,.s-block-trust-faq-title::after{" + "content:'\\273F'!important;display:block!important;position:absolute!important;left:50%!important;bottom:1px!important;" + "transform:translate(-50%,0)!important;background:#fff!important;padding:0 8px!important;" + "color:#b84a5a!important;font-size:15px!important;line-height:1!important;width:auto!important;height:auto!important;" + "animation:vv-flower-sway 2.8s ease-in-out infinite!important}"; var TESTIMONIALS_CSS = ":host{display:block!important;font-family:Tajawal,Arial,sans-serif!important;--testimonial-primary-color:#4d1917!important;" + "--swiper-pagination-left:0!important;--swiper-pagination-right:0!important;--swiper-pagination-bottom:auto!important}" + ".s-block-trust-testimonials{background:transparent!important;padding:0!important;margin:0!important}" + ".s-block-trust-testimonials--wrapper{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative!important;gap:0!important}" + "salla-slider{display:block!important;order:1!important;width:100%!important}" + ".vv-testimonials-pagination," + ".s-block-trust-testimonials--wrapper > .swiper-pagination," + ".swiper-pagination," + ".swiper-horizontal > .swiper-pagination-bullets," + ".swiper-pagination-bullets.swiper-pagination-horizontal{" + "order:2!important;position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;" + "left:0!important;right:0!important;transform:none!important;" + "margin:20px auto 0!important;padding:0!important;width:100%!important;height:auto!important;" + "display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;" + "text-align:center!important;z-index:5!important;pointer-events:auto!important}" + ".swiper-pagination-bullet{width:8px!important;height:8px!important;background:#e8e0da!important;opacity:1!important;margin:0!important}" + ".swiper-pagination-bullet-active{width:24px!important;border-radius:999px!important;background:#4d1917!important}" + ".s-block-trust-testimonials .swiper-wrapper{padding:8px 0 4px!important}" + ".s-block-trust-testimonials__slide--inner{width:min(100%,720px)!important;margin:0 auto!important;background:#ffffff!important;border:1px solid #e8e0da!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;padding:24px 28px!important;gap:1.5rem!important}" + ".s-block-trust-testimonials__image-wrapper{width:120px!important;height:120px!important}" + ".s-block-trust-testimonials__image-wrapper::before{border-color:#4d1917!important;border-width:2px!important}" + ".s-block-trust-testimonials__name{color:#1f1f1f!important;font-weight:800!important;font-size:1.05rem!important}" + ".s-block-trust-testimonials__feedback{color:#6b6b6b!important;line-height:1.9!important;font-size:.95rem!important}" + ".s-block-trust-testimonials__quote-icon{color:#4d1917!important;font-size:2.1rem!important;opacity:.9!important}" + TITLE_FLOWER_CSS + "@media(max-width:991px){.s-block-trust-testimonials__slide--inner{flex-direction:column!important;width:100%!important;padding:18px 14px!important}.s-block-trust-testimonials__image-wrapper{width:96px!important;height:96px!important}}"; var TESTIMONIALS_SLIDER_CSS = ":host{display:flex!important;flex-direction:column!important;width:100%!important;" + "--swiper-pagination-left:0!important;--swiper-pagination-right:0!important}" + ".s-slider-wrapper,.s-slider-container,.swiper{order:1!important;position:relative!important}" + ".swiper-pagination,.s-slider-pagination,[class*=pagination]," + ".swiper-horizontal > .swiper-pagination-bullets{" + "order:99!important;position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;" + "left:0!important;right:0!important;margin:18px auto 0!important;transform:none!important;width:100%!important;" + "display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;" + "text-align:center!important}" + ".s-slider-block__title-nav,.s-slider-nav-arrow{display:none!important}"; function findDeep(root, selector) { if (!root) return null; try { var hit = root.querySelector(selector); if (hit) return hit; } catch (e) {} var nodes = root.querySelectorAll ? root.querySelectorAll("*") : []; for (var i = 0; i < nodes.length; i++) { if (nodes[i].shadowRoot) { var nested = findDeep(nodes[i].shadowRoot, selector); if (nested) return nested; } } return null; } function rebindSwiperPagination(sliderHost, pagEl) { if (!sliderHost || !pagEl) return; try { var swiperEl = (sliderHost.shadowRoot && sliderHost.shadowRoot.querySelector(".swiper, .s-slider-container")) || sliderHost.querySelector(".swiper"); var sw = swiperEl && swiperEl.swiper; if (!sw || !sw.params) return; sw.params.pagination = sw.params.pagination || {}; sw.params.pagination.el = pagEl; sw.params.pagination.clickable = true; if (sw.pagination) { if (typeof sw.pagination.destroy === "function") sw.pagination.destroy(); if (typeof sw.pagination.init === "function") sw.pagination.init(); if (typeof sw.pagination.render === "function") sw.pagination.render(); if (typeof sw.pagination.update === "function") sw.pagination.update(); } if (typeof sw.update === "function") sw.update(); } catch (e) {} } function fixTestimonialsPagination(host) { if (!host || !host.shadowRoot) return false; var root = host.shadowRoot; var wrap = root.querySelector(".s-block-trust-testimonials--wrapper") || root.querySelector(".s-block-trust-testimonials"); var slider = root.querySelector("salla-slider"); var pag = root.querySelector(".swiper-pagination") || (slider && slider.querySelector(".swiper-pagination")) || findDeep(root, ".swiper-pagination"); if (!pag || !wrap) return false; /* Always place pagination AFTER the slider (below the card) */ if (pag.parentNode !== wrap || (slider && pag.previousElementSibling !== slider && wrap.lastElementChild !== pag)) { wrap.appendChild(pag); } pag.classList.add("vv-testimonials-pagination"); pag.style.setProperty("order", "2", "important"); pag.style.setProperty("position", "relative", "important"); pag.style.setProperty("top", "auto", "important"); pag.style.setProperty("bottom", "auto", "important"); pag.style.setProperty("left", "0", "important"); pag.style.setProperty("right", "0", "important"); pag.style.setProperty("transform", "none", "important"); pag.style.setProperty("width", "100%", "important"); pag.style.setProperty("margin", "20px auto 0", "important"); pag.style.setProperty("display", "flex", "important"); pag.style.setProperty("justify-content", "center", "important"); pag.style.setProperty("align-items", "center", "important"); pag.style.setProperty("gap", "8px", "important"); pag.style.setProperty("text-align", "center", "important"); if (slider) { injectShadow(slider, "vv-testimonials-slider-skin", TESTIMONIALS_SLIDER_CSS); rebindSwiperPagination(slider, pag); } return true; } function initTestimonials() { qa( 'salla-trust-testimonials-wkwwef, [component-name="trust-testimonials"]', ).forEach(function (host) { host.style.setProperty("--testimonial-primary-color", "#d6a64f"); injectShadow(host, "vv-stable-testimonials", TESTIMONIALS_CSS); var tries = 0; (function tick() { tries++; var ok = false; try { ok = fixTestimonialsPagination(host); } catch (e) {} if (!ok && tries < 30) setTimeout(tick, 200); else if (ok && tries < 8) setTimeout(tick, 400); /* re-assert after Swiper init */ })(); }); } /* Compact FAQ question row — no giant padding/height */ var FAQ_CSS = ":host{display:block!important;font-family:Tajawal,Arial,sans-serif!important}" + ".s-block-trust-faq{width:100%!important;max-width:880px!important;margin:0 auto!important;padding:0!important;background:transparent!important}" + TITLE_FLOWER_CSS + ".s-block-trust-faq-items-wrapper{display:flex!important;flex-direction:column!important;gap:10px!important}" + ".s-block-trust-faq-item{background:#fff!important;border:1px solid #e8e0da!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 14px rgba(0,0,0,.04)!important;margin:0!important}" + ".s-block-trust-faq-item:hover{border-color:#4d1917!important}" + ".s-block-trust-faq-question," + ".s-block-trust-faq-item > button," + ".s-block-trust-faq-item > [role='button']," + ".s-block-trust-faq-item > .s-block-trust-faq-header{" + "min-height:0!important;height:auto!important;max-height:none!important;" + "padding:12px 16px!important;line-height:1.45!important;" + "display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;" + "color:#2d0d0c!important;font-size:.95rem!important;font-weight:800!important;background:#fff!important;cursor:pointer!important;" + "box-sizing:border-box!important;width:100%!important}" + /* Text takes the free space; icon stays a fixed chip (prevents huge empty SVG gap) */ + ".s-block-trust-faq-question > span," + ".s-block-trust-faq-question > p," + ".s-block-trust-faq-question > div," + ".s-block-trust-faq-item > button > span:not(.s-button-loader)," + ".s-block-trust-faq-header > span," + ".s-block-trust-faq-header > p," + ".s-block-trust-faq-header > div{" + "flex:1 1 auto!important;min-width:0!important;text-align:right!important;margin:0!important}" + ".s-block-trust-faq-question svg," + ".s-block-trust-faq-question i," + ".s-block-trust-faq-item > button svg," + ".s-block-trust-faq-item > button i," + ".s-block-trust-faq-item > [role='button'] svg," + ".s-block-trust-faq-header svg," + ".s-block-trust-faq-header i," + ".s-block-trust-faq-item svg{" + "flex:0 0 18px!important;flex-grow:0!important;flex-shrink:0!important;" + "width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;" + "min-height:18px!important;max-height:18px!important;" + "color:#571d19!important;fill:#571d19!important;stroke:#571d19!important;" + "display:inline-block!important;overflow:hidden!important;margin:0!important;padding:0!important;" + "align-self:center!important}" + ".s-block-trust-faq-answer{padding:14px 18px!important;color:#74594d!important;font-size:.9rem!important;line-height:1.75!important;background:#fffaf4!important;border-top:1px solid rgba(221,193,165,.4)!important}" + ".s-block-trust-faq-item:not(.is-open):not(.open):not([open]) .s-block-trust-faq-answer:not(.is-open):not([aria-hidden='false']){padding:0 18px!important}" + ".s-block-trust-faq-answer-inner,.s-block-trust-faq-answer-content{margin:0!important;padding:0!important}" + ".s-block-trust-faq-answer p{margin:0!important;padding:0!important}" + "@media(max-width:767px){.s-block-trust-faq-question,.s-block-trust-faq-item > button{padding:11px 14px!important;font-size:.9rem!important}.s-block-trust-faq-answer{padding:12px 14px!important}}"; function injectShadow(host, id, css) { if (!host) return; var tries = 0; (function run() { tries++; try { var root = host.shadowRoot; if (root) { var old = root.querySelector("#" + id); if (old) old.remove(); var style = document.createElement("style"); style.id = id; style.textContent = css; root.appendChild(style); return; } } catch (e) {} if (tries < 24) setTimeout(run, 180); })(); } function clampFaqIcons(host) { if (!host) return; var tries = 0; (function run() { tries++; try { var root = host.shadowRoot; if (root) { root.querySelectorAll("svg, i, .sicon-angle-down, .sicon-keyboard_arrow_down").forEach(function (el) { if (!el.closest(".s-block-trust-faq-question, button, [role='button'], .s-block-trust-faq-header, .s-block-trust-faq-item")) { return; } if (el.closest(".s-block-trust-faq-answer")) return; el.style.setProperty("width", "18px", "important"); el.style.setProperty("height", "18px", "important"); el.style.setProperty("min-width", "18px", "important"); el.style.setProperty("max-width", "18px", "important"); el.style.setProperty("flex", "0 0 18px", "important"); el.style.setProperty("flex-grow", "0", "important"); el.setAttribute("width", "18"); el.setAttribute("height", "18"); }); return; } } catch (e) {} if (tries < 20) setTimeout(run, 200); })(); } function initShadowComponents() { safe(initTestimonials); qa('[component-name="faq"]').forEach(function (host) { injectShadow(host, "vv-stable-faq", FAQ_CSS); clampFaqIcons(host); }); qa('[component-name="trust-map"]').forEach(function (host) { injectShadow( host, "vv-stable-map", ":host{display:block!important;width:100%!important}" + ".s-block-trust-map{width:100%!important;max-width:none!important;margin:0!important}" + TITLE_FLOWER_CSS + "p,.s-block-trust-map-subtitle,.s-block-trust-map p{text-align:center!important;margin:0 auto 18px!important;color:#8a6a6a!important}" + "iframe{width:100%!important;min-height:340px!important;height:360px!important;border:0!important;border-radius:18px!important;display:block!important;box-shadow:0 14px 36px rgba(45,13,12,.1)!important}", ); }); } /* -------------------------------------------------------------------------- Footer — Important Links + Legal Links (clean 4 columns) -------------------------------------------------------------------------- */ function makeFooterCol(title) { var col = document.createElement("div"); col.className = "vv-footer-col"; var h = document.createElement("h3"); h.textContent = title; col.appendChild(h); var list = document.createElement("div"); list.className = "vv-footer-links s-menu-footer-list"; col.appendChild(list); return { col: col, list: list }; } function fillLinkList(list, links) { if (!list) return; list.innerHTML = ""; links.forEach(function (item) { var a = document.createElement("a"); a.className = "s-menu-footer-item"; a.href = item.href; a.textContent = item.label; list.appendChild(a); }); } function collectSallaFooterLinks() { var links = []; var seen = {}; qa( 'salla-menu[data-testid="store-footer-menu"] a, salla-menu[source="footer"]:not([topnav]) a', ).forEach(function (a) { if (a.closest && a.closest(".vv-footer-col--important, .vv-footer-col--legal, .vv-footer-col--contact")) { return; } var label = (a.textContent || "").replace(/\s+/g, " ").trim(); var href = a.getAttribute("href") || ""; if (!label || !href || href === "#" || seen[label]) return; seen[label] = true; links.push({ label: label, href: href }); }); return links; } function isFooterLegalLink(item) { return /خصوصي|شروط|أحكام|استبدال|استخدام|استرجاع|cookie|كوكيز|تفضيلات/i.test( (item && item.label) || "", ); } function setFooterColVisibility(col, links) { if (!col) return; if (!links || !links.length) { col.classList.add("is-empty"); setImportant(col, "display", "none"); } else { col.classList.remove("is-empty"); col.style.removeProperty("display"); } } function initFooter() { var footer = q("footer.store-footer"); if (!footer) return; footer.classList.add("vv-footer", "vv-footer-overridden"); var grid = q(".store-footer__inner > .container, .store-footer__inner > .grid", footer); if (!grid) return; grid.classList.add("vv-footer-grid"); /* Already rebuilt — only refresh legal/important hrefs from live menus */ if (grid.getAttribute("data-vv-footer-built") === "1") { Array.prototype.forEach.call(grid.children, function (child) { if (!child.classList.contains("vv-footer-col")) { child.classList.add("vv-footer-hide"); setImportant(child, "display", "none"); } }); /* Remove duplicate h3/tagline but keep the store description */ qa(".vv-footer-col--brand > h3", grid).forEach(function (el) { el.remove(); }); qa(".vv-footer-col--brand .vv-footer-tagline", grid).forEach(function (el) { el.remove(); }); installFooterCr(footer); var discovered = collectSallaFooterLinks(); var importantLinks = discovered.filter(function (item) { return !isFooterLegalLink(item); }); var legalLinks = discovered.filter(isFooterLegalLink); if (!importantLinks.length && legalLinks.length) { importantLinks = legalLinks.slice(); legalLinks = []; } var importantCol = q(".vv-footer-col--important", grid); var legalCol = q(".vv-footer-col--legal", grid); var importantList = q(".vv-footer-links", importantCol); var legalList = q(".vv-footer-links", legalCol); if (importantList) fillLinkList(importantList, importantLinks); if (legalList) fillLinkList(legalList, legalLinks); setFooterColVisibility(importantCol, importantLinks); setFooterColVisibility(legalCol, legalLinks); collapseAfterFooter(); return; } /* Hide native messy columns we will rebuild */ Array.prototype.forEach.call(grid.children, function (child) { child.classList.add("vv-footer-hide"); setImportant(child, "display", "none"); }); var brand = document.createElement("div"); brand.className = "vv-footer-col vv-footer-col--brand"; brand.innerHTML = '
';
/* Pull store description from the native footer (set by Salla dashboard) */
var nativeDesc = q(".vv-footer-tagline p, .store-footer__inner .vv-footer-tagline p, .store-footer__inner .max-w-sm p", footer);
if (!nativeDesc) {
/* Fallback: try any inside the first column that has the logo */ var firstCol = q(".store-footer__inner .container > div:first-child p", footer); if (firstCol && firstCol.textContent.trim()) nativeDesc = firstCol; } if (nativeDesc && nativeDesc.textContent.trim()) { var descP = document.createElement("p"); descP.className = "vv-footer-desc"; descP.textContent = nativeDesc.textContent.trim(); brand.appendChild(descP); } var social = q("salla-social", footer); if (social) { brand.appendChild(social); } var discovered = collectSallaFooterLinks(); var importantLinks = discovered.filter(function (item) { return !isFooterLegalLink(item); }); var legalLinks = discovered.filter(isFooterLegalLink); if (!importantLinks.length && legalLinks.length) { importantLinks = legalLinks.slice(); legalLinks = []; } var important = makeFooterCol("روابط مهمة"); important.col.classList.add("vv-footer-col--important"); fillLinkList(important.list, importantLinks); setFooterColVisibility(important.col, importantLinks); var legal = makeFooterCol("روابط قانونية"); legal.col.classList.add("vv-footer-col--legal"); fillLinkList(legal.list, legalLinks); setFooterColVisibility(legal.col, legalLinks); var contact = document.createElement("div"); contact.className = "vv-footer-col vv-footer-col--contact"; contact.innerHTML = "
تواصل معنا
" + '"; grid.appendChild(brand); grid.appendChild(important.col); grid.appendChild(legal.col); grid.appendChild(contact); grid.setAttribute("data-vv-footer-built", "1"); installFooterCr(footer); collapseAfterFooter(); } function installFooterCr(footer) { if (!footer) return; var brand = q(".vv-footer-col--brand", footer); if (!brand) return; qa(".vv-footer-cr", footer).forEach(function (el) { el.remove(); }); var badge = q('salla-trust-badges[data-testid="store-footer-trust-badges"]', footer) || q("salla-trust-badges", footer); if (badge) { badge.classList.remove("vv-footer-hide"); badge.removeAttribute("hidden"); badge.style.removeProperty("display"); setImportant(badge, "display", "flex"); if (badge.parentNode !== brand) brand.appendChild(badge); } if (!footer.getAttribute("data-vv-cr-watch")) { footer.setAttribute("data-vv-cr-watch", "1"); try { new MutationObserver(function () { qa(".vv-footer-cr", footer).forEach(function (el) { el.remove(); }); var native = q("salla-trust-badges", footer); if (native && native.parentNode !== brand) { native.classList.remove("vv-footer-hide"); native.removeAttribute("hidden"); setImportant(native, "display", "flex"); brand.appendChild(native); } }).observe(footer, { childList: true, subtree: true }); } catch (e) {} } } function collapseAfterFooter() { var footer = q("footer.store-footer"); if (!footer) return; setImportant(document.documentElement, "height", "auto"); setImportant(document.documentElement, "min-height", "0"); setImportant(document.body, "height", "auto"); setImportant(document.body, "min-height", "0"); syncAppNavSpace(); setImportant(document.body, "margin-bottom", "0"); setImportant(footer, "margin-bottom", "0"); qa("salla-apps-icons, .s-apps-icons").forEach(function (el) { if (el.closest && el.closest(".vv-footer-col")) return; setImportant(el, "display", "none"); setImportant(el, "height", "0"); setImportant(el, "margin", "0"); setImportant(el, "padding", "0"); }); qa(".vv-header-stick-spacer").forEach(function (sp) { if (footer.compareDocumentPosition(sp) & 4) { setImportant(sp, "height", "0"); setImportant(sp, "display", "none"); } }); var el = footer.nextElementSibling; while (el) { var next = el.nextElementSibling; var tag = (el.tagName || "").toLowerCase(); var idc = ((el.id || "") + " " + (el.className || "")).toLowerCase(); if ( tag === "script" || tag === "style" || tag === "noscript" || tag === "template" || /whatsapp|chat|cookie|modal|drawer|popup|tawk|crisp|smartsupp|vv-desktop-nav|vv-sub-portal|vv-searchbox|vv-quickview/i.test(tag + " " + idc) ) { el = next; continue; } if (el.querySelector && el.querySelector("salla-modal, .s-modal, iframe[src*='whatsapp']")) { el = next; continue; } setImportant(el, "height", "0"); setImportant(el, "min-height", "0"); setImportant(el, "margin", "0"); setImportant(el, "padding", "0"); setImportant(el, "overflow", "hidden"); if (!el.getAttribute("slot") && tag !== "salla-modal") { setImportant(el, "display", "none"); } el = next; } } /* -------------------------------------------------------------------------- Flower Zone Theme Engine — Selia blocks + Raed fallbacks Dashboard (Phase 0): advanced-slider, square-links, circle-links, enhanced-features, animated-brands, best-offers, fixed-banner, testimonials, FAQ — same order as flower-zone.com -------------------------------------------------------------------------- */ function detectFlowerZoneBlocks() { return { advancedSlider: !!q(".advanced-slider"), photosSlider: !!q('[data-testid="store-home-photos-slider"]'), squareLinks: !!q(".s-block--square-links"), mainLinks: !!q('[data-testid="store-home-main-links"]'), circleLinks: !!q(".s-block--circle-links"), enhancedFeatures: !!q(".s-block--enhanced-features"), features: !!q('[data-testid="store-home-features"]'), animatedBrands: !!q(".s-block--animated-brands"), nativeTestimonials: !!q(".s-block--testimonials.enhanced, .s-block--testimonials"), bundleTestimonials: !!q(".s-block--bundle-trust-testimonials"), nativeFaq: !!q(".s-block--faq"), bundleFaq: !!q(".s-block--bundle-faq"), }; } function clearInlineHeaderFight() { var mobile = (window.innerWidth || 0) < 1024; var bg = mobile ? "#5c1a1a" : "#ffffff"; qa( "header.store-header, .vv-header-stick, #mainnav.main-nav-container, #mainnav .inner, #mainnav.vv-header-bar", ).forEach(function (el) { try { if (el.style && el.style.background) { el.style.removeProperty("background"); } setImportant(el, "background", bg); } catch (e) {} }); } function initFlowerZoneTheme() { document.body.classList.add("vv-fz-theme", "vv-fz-100", "vv-fz-raed"); var blocks = detectFlowerZoneBlocks(); if (blocks.photosSlider) document.body.classList.add("vv-fz-has-photos"); if (blocks.mainLinks) document.body.classList.add("vv-fz-has-main-links"); if (blocks.features) document.body.classList.add("vv-fz-has-features"); clearInlineHeaderFight(); try { console.info("[Velvet Vibes] Flower Zone on Raed HTML", blocks); } catch (e) {} } var CAT_EN_LABELS = { "الهدايا": "Gifts", "الورد": "Flowers", "مستلزمات الحفلات": "Party Supplies", "الحفلات": "Parties", "باقات ورد": "Flower Bouquets", "فازات ورد": "Flower Vases", "ورد صناعي": "Artificial Flowers", "ورد مع تشوكليت": "Flowers with Chocolate", "ورد مع شوكولاته": "Flowers with Chocolate", "مناسبات": "Occasions", "الاضافات": "Add-ons", "الأضافات": "Add-ons", }; var productDescCache = {}; function productIdFromCard(card) { if (!card) return ""; var id = card.getAttribute("id") || card.getAttribute("product-id") || (q("[data-id]", card) && q("[data-id]", card).getAttribute("data-id")) || (q("salla-add-product-button", card) && q("salla-add-product-button", card).getAttribute("product-id")); return id ? String(id) : ""; } function stripHtml(html) { var d = document.createElement("div"); d.innerHTML = html || ""; return (d.textContent || d.innerText || "").replace(/\s+/g, " ").trim(); } function truncateText(text, max) { text = (text || "").trim(); if (!text) return ""; if (text.length <= max) return text; return text.slice(0, max).replace(/\s+\S*$/, "") + "…"; } function fetchProductSnippet(id, href, done) { if (!id && !href) return done(""); if (id && productDescCache[id] != null) return done(productDescCache[id]); function finish(text) { text = truncateText(stripHtml(text), 140); if (id) productDescCache[id] = text; done(text || ""); } try { if (window.salla && salla.product && typeof salla.product.getDetails === "function" && id) { salla.product.getDetails(id).then(function (res) { var p = (res && (res.data || res.product || res)) || {}; finish(p.description || p.subtitle || p.short_description || p.promotion_title || ""); }).catch(function () { fetchProductHtml(href, finish); }); return; } if (window.salla && salla.api && salla.api.product && typeof salla.api.product.getDetails === "function" && id) { salla.api.product.getDetails(id).then(function (res) { var p = (res && (res.data || res.product || res)) || {}; finish(p.description || p.subtitle || p.short_description || ""); }).catch(function () { fetchProductHtml(href, finish); }); return; } } catch (e) {} fetchProductHtml(href, finish); } function fetchProductHtml(href, done) { if (!href) return done(""); var url = href; try { if (href.indexOf("http") !== 0) { url = new URL(href, window.location.origin).href; } } catch (e) { return done(""); } try { fetch(url, { credentials: "same-origin" }) .then(function (r) { return r.text(); }) .then(function (html) { var doc = new DOMParser().parseFromString(html, "text/html"); var node = q(".product-description, .s-product-details-desc, [itemprop='description'], .product__description, #product-description, .product-details__description", doc) || q('meta[property="og:description"]', doc) || q('meta[name="description"]', doc); var desc = ""; if (node) { desc = node.getAttribute ? node.getAttribute("content") || node.textContent : node.textContent; } done(desc || ""); }) .catch(function () { done(""); }); } catch (e) { done(""); } } function ensureQuickView() { var box = q("#vv-quickview"); if (box && box.getAttribute("data-vv-qv-v") === "7") return box; if (box) box.parentNode.removeChild(box); box = document.createElement("div"); box.id = "vv-quickview"; box.className = "vv-quickview"; box.setAttribute("data-vv-qv-v", "7"); box.hidden = true; box.innerHTML = '' + '' +
'' +
'
";
document.body.appendChild(box);
box.addEventListener("click", function (e) {
if (e.target && e.target.closest && e.target.closest("[data-vv-qv-close]")) {
e.preventDefault();
closeQuickView();
}
});
var closeBtn = q(".vv-quickview__close", box);
if (closeBtn) {
closeBtn.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
closeQuickView();
});
}
/* Stop backdrop/dialog chrome from stealing focus from fields */
var dialog = q(".vv-quickview__dialog", box);
if (dialog) {
dialog.addEventListener("click", function (e) {
if (e.target && e.target.closest && e.target.closest("[data-vv-qv-close]")) {
e.preventDefault();
closeQuickView();
return;
}
e.stopPropagation();
});
}
qa(".vv-quickview__qty-btn", box).forEach(function (btn) {
btn.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
var input = q(".vv-quickview__qty-input", box);
if (!input) return;
var delta = parseInt(btn.getAttribute("data-vv-qty"), 10) || 0;
var next = Math.max(1, (parseInt(input.value, 10) || 1) + delta);
input.value = String(next);
});
});
var addBtn = q(".vv-quickview__add", box);
if (addBtn) {
addBtn.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
var pid = box.getAttribute("data-product-id");
var qty = parseInt((q(".vv-quickview__qty-input", box) || {}).value, 10) || 1;
if (!pid) return;
var payload = { id: pid, quantity: qty };
var optionInputs = qa("[data-vv-option-id]", box);
if (optionInputs.length) {
payload.options = {};
optionInputs.forEach(function (input) {
var oid = input.getAttribute("data-vv-option-id");
if (oid) payload.options[oid] = input.value;
});
}
try {
if (window.salla && salla.cart && typeof salla.cart.addItem === "function") {
salla.cart.addItem(payload);
} else if (window.salla && salla.cart && typeof salla.cart.add === "function") {
salla.cart.add(pid, qty);
}
} catch (err) {}
});
}
document.addEventListener("keydown", function (e) {
if (e.key === "Escape") closeQuickView();
});
return box;
}
function closeQuickView() {
var box = q("#vv-quickview");
if (!box) return;
box.classList.remove("is-open");
document.body.classList.remove("vv-quickview-open");
setTimeout(function () {
if (!box.classList.contains("is-open")) box.hidden = true;
}, 280);
}
function collectProductOptions(product) {
var lists = [];
if (!product) return [];
[product.options, product.notify_options, product.custom_fields, product.fields, product.product_options].forEach(function (list) {
if (Array.isArray(list)) lists = lists.concat(list);
});
return lists.filter(function (opt) {
return opt && (opt.id || opt.name || opt.label);
});
}
function optionInputType(opt) {
var t = String(opt.type || opt.field_type || opt.format || "").toLowerCase();
if (t === "date" || t === "datetime" || t === "datepicker") return "date";
if (t === "textarea" || t === "longtext" || t === "text_area") return "textarea";
if (t === "number") return "number";
return "text";
}
function renderProductFields(box, product) {
var wrap = q(".vv-quickview__fields", box);
if (!wrap) return;
wrap.innerHTML = "";
wrap.hidden = true;
var options = collectProductOptions(product);
if (!options.length) return;
options.forEach(function (opt, idx) {
var id = String(opt.id || opt.option_id || "opt-" + idx);
var label = opt.name || opt.label || opt.title || "";
if (!label) return;
var required = !!(opt.required || opt.is_required);
var type = optionInputType(opt);
var lab = document.createElement("label");
lab.className = "vv-quickview__label";
lab.setAttribute("for", "vv-qv-" + id);
lab.textContent = label + (required ? " *" : "");
wrap.appendChild(lab);
var input;
if (type === "textarea") {
input = document.createElement("textarea");
input.className = "vv-quickview__textarea";
input.rows = 3;
input.placeholder = opt.placeholder || label;
} else {
input = document.createElement("input");
input.className = "vv-quickview__input";
input.type = type === "date" ? "date" : type === "number" ? "number" : "text";
input.placeholder = opt.placeholder || label;
}
input.id = "vv-qv-" + id;
input.setAttribute("data-vv-option-id", id);
if (required) input.required = true;
wrap.appendChild(input);
});
if (wrap.children.length) wrap.hidden = false;
}
function openQuickView(data) {
var box = ensureQuickView();
box.setAttribute("data-product-id", data.id || "");
q(".vv-quickview__img", box).src = data.image || "";
q(".vv-quickview__img", box).alt = data.title || "";
q(".vv-quickview__title", box).textContent = data.title || "";
q(".vv-quickview__sub", box).textContent = data.subtitle || "";
var priceBox = q(".vv-quickview__price", box);
if (priceBox) {
priceBox.innerHTML = data.priceHtml || "";
priceBox.removeAttribute("style");
qa("[style]", priceBox).forEach(function (el) {
el.style.removeProperty("text-align");
el.style.removeProperty("justify-content");
el.style.removeProperty("margin");
el.style.removeProperty("width");
});
}
q(".vv-quickview__desc", box).textContent = data.description || "جاري تحميل الوصف…";
var more = q(".vv-quickview__more", box);
var cta = q(".vv-quickview__cta", box);
var share = q(".vv-quickview__share", box);
var qtyInput = q(".vv-quickview__qty-input", box);
var fieldsWrap = q(".vv-quickview__fields", box);
if (fieldsWrap) {
fieldsWrap.innerHTML = "";
fieldsWrap.hidden = true;
}
if (qtyInput) qtyInput.value = "1";
more.href = data.href || "#";
cta.href = data.href || "#";
share.href =
"https://wa.me/?text=" + encodeURIComponent((data.title || "") + " " + (data.href || ""));
var wishBtn = q(".vv-quickview__wish", box);
wishBtn.setAttribute("data-product-id", data.id || "");
wishBtn.classList.remove("is-active");
wishBtn.onclick = function (e) {
e.preventDefault();
e.stopPropagation();
if (data.id && window.salla && salla.wishlist && typeof salla.wishlist.toggle === "function") {
salla.wishlist.toggle(data.id);
wishBtn.classList.toggle("is-active");
var icon = q("i", wishBtn);
if (icon) {
icon.classList.toggle("vv-heart-solid", wishBtn.classList.contains("is-active"));
icon.style.setProperty("color", wishBtn.classList.contains("is-active") ? "#e11d48" : "#5c1a1a", "important");
}
}
};
/* Richer details from API when available */
try {
if (data.id && window.salla && salla.product && typeof salla.product.getDetails === "function") {
salla.product.getDetails(data.id, ["images", "options"]).then(function (res) {
var p = (res && (res.data || res.product || res)) || {};
if (p.name || p.title) q(".vv-quickview__title", box).textContent = p.name || p.title;
if (p.subtitle || p.promotion_title) {
q(".vv-quickview__sub", box).textContent = p.subtitle || p.promotion_title;
}
var desc = stripHtml(p.description || p.short_description || "");
if (desc) q(".vv-quickview__desc", box).textContent = truncateText(desc, 280);
if (p.price && p.price.amount != null) {
q(".vv-quickview__price", box).textContent = p.price.amount + " ر.س";
}
renderProductFields(box, p);
var imgs = p.images || [];
if (imgs.length && imgs[0] && (imgs[0].url || imgs[0].main || imgs[0].original)) {
q(".vv-quickview__img", box).src = imgs[0].url || imgs[0].main || imgs[0].original;
}
box.__vvImages = imgs.map(function (img) {
return img.url || img.main || img.original || "";
}).filter(Boolean);
box.__vvImgIdx = 0;
}).catch(function () {});
}
} catch (e) {}
fetchProductSnippet(data.id, data.href, function (text) {
var full = text || data.description || "لا يتوفر وصف مختصر حالياً.";
if (!(q(".vv-quickview__desc", box).textContent || "").trim() ||
q(".vv-quickview__desc", box).textContent.indexOf("جاري") === 0) {
q(".vv-quickview__desc", box).textContent = full;
}
if (!data.subtitle) q(".vv-quickview__sub", box).textContent = truncateText(full, 60);
});
qa(".vv-quickview__nav", box).forEach(function (nav) {
if (nav && nav.parentNode) nav.parentNode.removeChild(nav);
});
box.hidden = false;
requestAnimationFrame(function () {
requestAnimationFrame(function () {
box.classList.add("is-open");
});
});
document.body.classList.add("vv-quickview-open");
}
/* Product sliders and lists outside the home page (related products on the
product page, category and search results) get .vv-inner-cards. style.css
gives that class every home card rule, and the loop below builds the same
heart/eye/cart chrome, so the cards inside the store match the ones on
the home page. */
function markInnerCardHosts() {
if (!document.body.classList.contains("vv-page-inner")) return;
qa("salla-products-slider, salla-products-list, .s-products-list").forEach(function (host) {
if (host.closest && host.closest("[data-testid='store-home-products-slider']")) return;
host.classList.add("vv-inner-cards");
});
}
function initFlowerZoneProducts() {
ensureQuickView();
markInnerCardHosts();
qa(
"[data-testid='store-home-products-slider'] .s-product-card-entry, [data-testid='store-home-products-slider'] custom-salla-product-card, .s-products-list .s-product-card-entry, .vv-inner-cards .s-product-card-entry, .vv-inner-cards custom-salla-product-card",
).forEach(function (card) {
card.classList.add("vv-fz-product-card");
var image = q(".s-product-card-image", card);
var content = q(".s-product-card-content", card);
var link = q(".s-product-card-image > a, .s-product-card-content-title a", card);
var href = link && link.getAttribute("href");
var titleEl = q(".s-product-card-content-title a, .s-product-card-content-title", card);
var priceEl = q(".s-product-card-price, .s-product-card-sale-price", card);
var priceWrap = q(".s-product-card-content-sub", card);
var imgEl = q(".s-product-card-image img", card);
var id = productIdFromCard(card);
if (content) {
content.classList.add("vv-fz-card-info");
if (priceWrap) {
setImportant(priceWrap, "text-align", "center");
setImportant(priceWrap, "align-items", "center");
setImportant(priceWrap, "justify-content", "center");
setImportant(priceWrap, "width", "100%");
}
if (priceEl) {
priceEl.classList.add("vv-fz-card-price");
setImportant(priceEl, "text-align", "center");
setImportant(priceEl, "justify-content", "center");
setImportant(priceEl, "width", "100%");
setImportant(priceEl, "margin", "0 auto");
}
function paintExcerpt(text) {
var snippet = truncateText(text, 80);
if (!snippet) return;
var excerpt = q(".vv-fz-card-excerpt", content);
if (!excerpt) {
excerpt = document.createElement("p");
excerpt.className = "vv-fz-card-excerpt";
var titleBlock =
q(".s-product-card-content-main", content) ||
q(".s-product-card-content-title", content);
var priceWrap = q(".s-product-card-content-sub", content);
if (titleBlock && titleBlock.parentNode === content) {
content.insertBefore(excerpt, titleBlock.nextSibling);
} else if (priceWrap) {
content.insertBefore(excerpt, priceWrap);
} else {
content.appendChild(excerpt);
}
}
excerpt.textContent = snippet;
}
var cached = card.getAttribute("data-vv-desc");
if (cached) paintExcerpt(cached);
else {
fetchProductSnippet(id, href, function (text) {
card.setAttribute("data-vv-desc", text || "");
paintExcerpt(text);
});
}
}
if (!image) return;
var actions = q(".vv-fz-card-actions", image);
if (!actions) {
actions = document.createElement("div");
actions.className = "vv-fz-card-actions";
image.appendChild(actions);
}
/* Heart BEFORE eye — always re-home wishlist into center actions */
var wish = q(".s-product-card-wishlist-btn", card);
if (wish) {
wish.classList.add("vv-fz-card-wish");
if (id) wish.setAttribute("data-id", id);
if (wish.parentNode !== actions) actions.insertBefore(wish, actions.firstChild);
else if (wish.nextSibling) actions.insertBefore(wish, actions.firstChild);
}
var view = q(".vv-fz-card-view", actions);
if (!view) {
view = document.createElement("button");
view.type = "button";
view.className = "vv-fz-card-action vv-fz-card-view";
view.setAttribute("aria-label", "عرض سريع");
view.innerHTML = '';
view.addEventListener("click", function (e) {
e.preventDefault();
e.stopPropagation();
var desc =
card.getAttribute("data-vv-desc") ||
(q(".vv-fz-card-excerpt", card) && q(".vv-fz-card-excerpt", card).textContent) ||
"";
openQuickView({
id: id,
href: href,
title: ((titleEl && titleEl.textContent) || "").trim(),
subtitle: truncateText(desc, 60),
description: desc,
priceHtml: (priceEl && priceEl.innerHTML) || "",
image: (imgEl && (imgEl.currentSrc || imgEl.src)) || "",
});
});
actions.appendChild(view);
}
/* Ensure order: heart then eye */
if (wish && view && wish.nextSibling !== view) {
actions.insertBefore(wish, view);
}
image.setAttribute("data-vv-fz-chrome", "1");
var footer = q(".s-product-card-content-footer", card);
if (footer) {
footer.classList.add("vv-fz-card-cartbar");
var btn = q(".s-button-element", footer);
if (btn) {
qa(".vv-fz-cart-label", btn).forEach(function (el) {
if (el && el.parentNode) el.parentNode.removeChild(el);
});
var textWrap = q(".s-button-text", btn) || btn;
var textSpans = qa("span", textWrap).filter(function (sp) {
return !sp.querySelector("i, svg") && /أضف|السلة|نفد/.test(sp.textContent || "");
});
textSpans.slice(1).forEach(function (sp) {
if (sp && sp.parentNode) sp.parentNode.removeChild(sp);
});
if (!q(".sicon-shopping-bag, .sicon-cart, .sicon-basket", btn)) {
var icon = document.createElement("i");
icon.className = "sicon-shopping-bag";
icon.setAttribute("aria-hidden", "true");
textWrap.insertBefore(icon, textWrap.firstChild);
}
}
var isMobile = (window.innerWidth || 0) < 1024;
if (isMobile && content) {
if (footer.parentNode !== content) content.appendChild(footer);
} else if (image && footer.parentNode !== image) {
image.appendChild(footer);
}
}
});
safe(initWishlistFeedback);
}
function decorateCategoryCards(section) {
qa(".slide--cat-entry", section).forEach(function (entry) {
entry.classList.add("vv-fz-cat-portrait");
var title = q("h2, h3", entry);
if (!title) return;
var ar = (title.textContent || "").trim();
if (!ar) return;
entry.setAttribute("data-vv-cat-ar", ar);
var en = CAT_EN_LABELS[ar] || entry.getAttribute("data-vv-cat-en") || "";
if (en) entry.setAttribute("data-vv-cat-en", en);
if (en && !q(".vv-fz-cat-en", entry)) {
var enEl = document.createElement("span");
enEl.className = "vv-fz-cat-en";
enEl.textContent = en;
entry.appendChild(enEl);
}
});
markHomeCategoryCards();
}
function isAddonsSection(section) {
if (!section) return false;
/* Only the dedicated «الإضافات» block — never the hero categories strip
just because one card is named الاضافات. */
if (section.classList.contains("vv-fz-categories-portrait") && !section.classList.contains("vv-fz-addons")) {
var blockTitle = "";
qa(".s-slider-block__title-right h2, .s-slider-block__title > .s-slider-block__title-right h2", section).forEach(function (h) {
blockTitle += " " + (h.textContent || "");
});
qa("salla-slider", section).forEach(function (s) {
blockTitle += " " + (s.getAttribute("block-title") || "");
});
blockTitle = blockTitle.replace(/\s+/g, " ").trim();
if (/^(الإضافات|الاضافات|إضافات|اضافات)$/.test(blockTitle)) return true;
if (qa(".slide--cat-entry img", section).length > 0) return false;
}
var title = "";
qa(".s-slider-block__title-right h2, .vv-home-heading", section).forEach(function (h) {
/* Ignore headings inside category cards */
if (h.closest && h.closest(".slide--cat-entry")) return;
title += " " + (h.textContent || "");
});
qa("salla-slider", section).forEach(function (s) {
title += " " + (s.getAttribute("block-title") || "");
});
title = title.replace(/\s+/g, " ").trim();
if (/^(الإضافات|الاضافات|إضافات|اضافات)$/.test(title)) return true;
var icons = qa(".slide--cat-entry i", section).length;
var imgs = qa(".slide--cat-entry img", section).length;
return icons >= 3 && imgs === 0;
}
var ADDON_SVGS = {
"كيك":
'',
"بالون":
'',
"شوكولاتة":
'',
"شوكولاته":
'',
"تغريسة":
'',
"عطور":
'',
"اكسسوارات":
'',
};
function addonSvgFor(label) {
var key = (label || "").replace(/\s+/g, " ").trim();
if (ADDON_SVGS[key]) return ADDON_SVGS[key];
if (/كيك/.test(key)) return ADDON_SVGS["كيك"];
if (/بالون/.test(key)) return ADDON_SVGS["بالون"];
if (/شوكول/.test(key)) return ADDON_SVGS["شوكولاتة"];
if (/تغريس/.test(key)) return ADDON_SVGS["تغريسة"];
if (/عطر/.test(key)) return ADDON_SVGS["عطور"];
if (/اكسسوار|إكسسوار/.test(key)) return ADDON_SVGS["اكسسوارات"];
return "";
}
function initAddonsCircles(section) {
if (!section) {
qa('[data-testid="store-home-main-links"], .s-block--circle-links').forEach(function (el) {
if (isAddonsSection(el)) initAddonsCircles(el);
});
return;
}
section.classList.add("vv-fz-addons");
section.classList.remove("vv-fz-categories-portrait", "vv-fz-square-links", "vv-fz-square-static");
qa(".vv-fz-cat-en", section).forEach(function (el) {
el.remove();
});
qa(".slide--cat-entry", section).forEach(function (entry) {
entry.classList.remove("vv-fz-cat-portrait");
var title = q("h2, h3", entry);
var label = title ? (title.textContent || "").replace(/\s+/g, " ").trim() : "";
var icon = q(".vv-addon-icon", entry);
if (!icon) {
icon = document.createElement("span");
icon.className = "vv-addon-icon";
icon.setAttribute("aria-hidden", "true");
entry.insertBefore(icon, entry.firstChild);
}
icon.innerHTML = addonSvgFor(label);
if (!icon.innerHTML) {
var native = q("i", entry);
if (native) icon.innerHTML = native.outerHTML;
}
});
var mobile = (window.innerWidth || 0) < 1024;
if (mobile) {
var sliderOpts = {
slidesPerView: "auto",
spaceBetween: 14,
allowTouchMove: true,
freeMode: true,
};
qa("salla-slider", section).forEach(function (host) {
injectShadow(
host,
"vv-addons-slider-skin",
".swiper,.s-slider-container{overflow:hidden!important;touch-action:pan-x pan-y!important}" +
".swiper-wrapper{display:flex!important;flex-wrap:nowrap!important}" +
".s-slider-block__title-nav{display:none!important}",
);
fixSliderHost(host, sliderOpts);
});
qa(".swiper, .s-slider-container", section).forEach(function (el) {
fixSliderHost(el, sliderOpts);
});
}
}
function initSquareLinks() {
/* Raed HTML: store-home-main-links → Flower Zone portrait category cards */
safe(restoreHomeCategoriesStrip);
qa('[data-testid="store-home-main-links"], .s-block--square-links').forEach(function (section) {
if (isAddonsSection(section)) {
initAddonsCircles(section);
return;
}
section.classList.remove("vv-fz-addons");
section.classList.add("vv-fz-square-links", "vv-fz-categories-portrait");
section.classList.remove("vv-fz-categories-circles", "vv-fz-square-static", "vv-links-static");
fillHomeCategoriesIfEmpty(section);
decorateCategoryCards(section);
var mobile = (window.innerWidth || 0) < 1024;
var sliderOpts = {
slidesPerView: mobile ? 3 : 6,
spaceBetween: mobile ? 8 : 16,
allowTouchMove: !mobile,
freeMode: false,
};
qa("salla-slider", section).forEach(function (host) {
injectShadow(
host,
"vv-cat-slider-skin",
".swiper,.s-slider-container{overflow:visible!important;touch-action:pan-x pan-y!important}" +
".swiper-wrapper{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;transform:none!important;will-change:auto!important;overscroll-behavior-x:contain!important}" +
".s-slider-block__title-nav{display:none!important}",
);
fixSliderHost(host, sliderOpts);
});
qa(".swiper, .s-slider-container", section).forEach(function (el) {
fixSliderHost(el, sliderOpts);
});
qa(".swiper-wrapper", section).forEach(function (wrap) {
if (mobile) {
wrap.style.setProperty("transform", "none", "important");
wrap.style.setProperty("overscroll-behavior-x", "contain", "important");
}
if (!wrap.dataset.vvInitScroll) {
wrap.dataset.vvInitScroll = "1";
wrap.scrollLeft = 0;
}
});
qa(".s-slider-block__title-nav", section).forEach(function (nav) {
nav.style.setProperty("display", "none", "important");
});
});
}
function initSquareLinksWithRetry() {
initSquareLinks();
var tries = 0;
(function tick() {
tries++;
try {
initSquareLinks();
} catch (e) {}
if (tries < 25) setTimeout(tick, 200);
})();
}
function fixSliderHost(host, opts) {
if (!host) return false;
opts = opts || {};
var swiperEl =
(host.shadowRoot && host.shadowRoot.querySelector(".swiper, .s-slider-container")) ||
host.querySelector(".swiper, .s-slider-container") ||
(host.classList && host.classList.contains("swiper") ? host : null);
var sw = swiperEl && swiperEl.swiper;
if (!sw || !sw.params) return false;
sw.params.slidesPerView = opts.slidesPerView != null ? opts.slidesPerView : 1;
sw.params.centeredSlides = !!opts.centeredSlides;
sw.params.spaceBetween = opts.spaceBetween != null ? opts.spaceBetween : 0;
sw.params.watchOverflow = false;
sw.params.simulateTouch = opts.allowTouchMove !== false;
sw.params.allowTouchMove = opts.allowTouchMove !== false;
sw.allowTouchMove = opts.allowTouchMove !== false;
if (opts.freeMode) {
if (sw.params.freeMode && typeof sw.params.freeMode === "object") {
sw.params.freeMode.enabled = true;
sw.params.freeMode.momentum = true;
} else {
sw.params.freeMode = true;
}
}
if (typeof sw.updateSize === "function") sw.updateSize();
if (typeof sw.updateSlides === "function") sw.updateSlides();
if (typeof sw.update === "function") sw.update();
var idx = typeof sw.realIndex === "number" ? sw.realIndex : sw.activeIndex || 0;
try {
if (sw.params.loop && typeof sw.slideToLoop === "function") sw.slideToLoop(idx, 0, false);
else if (typeof sw.slideTo === "function") sw.slideTo(idx, 0, false);
} catch (e) {}
return true;
}
/* --------------------------------------------------------------------------
Hero banner — artwork only.
Each banner is designed complete: the headline, the offer and the CTA are
all painted into the image. Nothing is drawn on top of it and no caption is
rendered beside it — the stylesheet hides .home-slider__content outright.
All this needs to do is tell the stylesheet the shape of the artwork, so
the slide box matches it exactly and the image is neither cropped nor
stretched, whatever size the next banner is uploaded at.
-------------------------------------------------------------------------- */
var HERO_SECTION_SEL =
'[data-testid="store-home-slider"], .s-block--hero-slider';
var HERO_ART_SEL =
".swiper-slide > .bg-cover, .swiper-slide > .absolute.inset-0, .overlay-bg";
function heroSection() {
return q(HERO_SECTION_SEL);
}
function heroBackgroundUrl(el) {
if (!el) return "";
var bg = (el.style && el.style.backgroundImage) || "";
var match = bg.match(/url\((['"]?)(.*?)\1\)/);
return match ? match[2] : "";
}
function applyHeroArtworkRatio() {
var section = heroSection();
if (!section) return;
/* One ratio for the whole slider, read off the first artwork we can see.
Every slide then shares one box, so the height never changes as the
slider advances and no blank frame can appear mid-transition. */
var url = "";
qa(HERO_ART_SEL, section).some(function (art) {
url = heroBackgroundUrl(art);
return !!url;
});
if (!url) return;
if (section.getAttribute("data-vv-hero-art") === url) return;
var probe = new Image();
probe.onload = function () {
var w = probe.naturalWidth;
var h = probe.naturalHeight;
if (!w || !h) return;
var ratio = w / h;
/* A hero banner is always wide. Anything squarer than 3:2 is a spinner,
a placeholder or a tracking pixel — keep the default rather than let
it blow the hero up to full-viewport height. */
if (ratio < 1.5 || ratio > 6) return;
section.setAttribute("data-vv-hero-art", url);
section.style.setProperty("--vv-hero-ratio", w + " / " + h);
};
probe.src = url;
}
function initAdvancedHero() {
applyHeroArtworkRatio();
qa('[data-testid="store-home-photos-slider"] .swiper-wrapper, [data-testid="store-home-slider"] .swiper-wrapper, .s-block--hero-slider .swiper-wrapper').forEach(function (w) {
if (w.style.getPropertyPriority("transform") === "important") {
w.style.removeProperty("transform");
}
});
}
function initAdvancedHeroWithRetry() {
initAdvancedHero();
}
function initCircleLinks() {
qa(".s-block--circle-links").forEach(function (section) {
section.classList.add("vv-fz-circle-links");
qa("salla-slider", section).forEach(function (host) {
fixSliderHost(host, { slidesPerView: "auto", spaceBetween: 12 });
});
});
}
function initEnhancedFeatures() {
var section = q(".s-block--enhanced-features") || q('[data-testid="store-home-features"]');
if (!section) return;
section.classList.add("vv-fz-enhanced-features");
initFeatures();
}
function initAnimatedBrands() {
qa(".s-block--animated-brands").forEach(function (section) {
section.classList.add("vv-fz-brands");
});
}
var SLIDER_TITLE_CSS =
".s-slider-block__title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin:0 auto 22px!important;text-align:center!important;position:relative!important;gap:0!important}" +
".s-slider-block__title-right,.vv-home-heading-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0!important;margin:0 auto!important;text-align:center!important}" +
".s-slider-block__title h2,.vv-home-heading{display:block!important;width:auto!important;max-width:100%!important;margin:0 auto!important;padding:0!important;text-align:center!important}" +
".s-slider-block__title-left,.s-slider-block__title-nav{display:none!important}" +
".enhanced-title-border,.home-block-line{display:block!important;position:relative!important;width:168px!important;height:22px!important;margin:12px auto 0!important;background:transparent!important;align-self:center!important}" +
".enhanced-title-border::before,.home-block-line::before{content:''!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;height:2px!important;transform:translateY(-50%)!important;background:linear-gradient(90deg,transparent,#5c1a1a 12%,#c9a27a 50%,#5c1a1a 88%,transparent)!important;background-size:220% 100%!important;animation:vv-title-flow 2.6s linear infinite!important}" +
".enhanced-title-border::after,.home-block-line::after{content:'\\273F'!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;background:#fff!important;padding:0 8px!important;color:#b84a5a!important;font-size:15px!important;line-height:1!important;animation:vv-flower-sway 2.8s ease-in-out infinite!important}" +
"@keyframes vv-title-flow{0%{background-position:200% 50%}100%{background-position:-200% 50%}}" +
"@keyframes vv-flower-sway{0%,100%{transform:translate(-50%,-50%) rotate(-10deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(10deg) scale(1.12)}}";
function ensureEnhancedTitleBorder(titleWrap) {
if (!titleWrap || q(".enhanced-title-border, .home-block-line", titleWrap)) return;
var line = document.createElement("span");
line.className = "enhanced-title-border home-block-line";
line.setAttribute("aria-hidden", "true");
titleWrap.appendChild(line);
}
function initFlowerZoneTitles() {
qa(".swiper > .s-slider-block__title, .s-slider-container > .s-slider-block__title, .swiper-wrapper > .s-slider-block__title, .swiper .vv-products-head").forEach(function (title) {
setImportant(title, "display", "none");
title.setAttribute("hidden", "true");
});
qa(".s-slider-block__title, .s-block__title, .home-block-title").forEach(function (title) {
if (title.closest(".swiper, .s-slider-container, .swiper-wrapper")) {
setImportant(title, "display", "none");
title.setAttribute("hidden", "true");
return;
}
setImportant(title, "display", "flex");
setImportant(title, "flex-direction", "column");
setImportant(title, "align-items", "center");
setImportant(title, "justify-content", "center");
setImportant(title, "width", "100%");
setImportant(title, "text-align", "center");
setImportant(title, "gap", "0");
});
qa(
".home-block-title, .s-block--best-offers .home-block-title, .s-slider-block__title-right, .s-block__title, .vv-home-heading-wrap",
).forEach(function (wrap) {
if (wrap.closest(".swiper, .s-slider-container, .swiper-wrapper")) return;
setImportant(wrap, "display", "flex");
setImportant(wrap, "flex-direction", "column");
setImportant(wrap, "align-items", "center");
setImportant(wrap, "justify-content", "center");
setImportant(wrap, "width", "100%");
setImportant(wrap, "padding", "0");
setImportant(wrap, "text-align", "center");
ensureEnhancedTitleBorder(wrap);
});
qa(".s-slider-block__title h2, .s-block__title h2").forEach(function (h2) {
if (h2.closest(".swiper, .s-slider-container, .swiper-wrapper")) return;
h2.classList.add("vv-home-heading");
setImportant(h2, "font-family", "Tajawal, Tahoma, sans-serif");
setImportant(h2, "text-align", "center");
setImportant(h2, "margin", "0 auto");
setImportant(h2, "padding", "0");
setImportant(h2, "width", "auto");
});
qa(
".s-reviews-header, .s-block-trust-map__title, .s-block-trust-testimonials-title, .s-block-trust-map-title",
).forEach(function (el) {
setImportant(el, "width", "auto");
setImportant(el, "text-align", "center");
setImportant(el, "margin", "0 auto");
setImportant(el, "padding", "0 0 28px");
setImportant(el, "position", "relative");
});
qa("[component-name='trust-testimonials'], [component-name='trust-map'], salla-comments, salla-reviews").forEach(function (host) {
injectShadow(host, "vv-title-flower-skin", TITLE_FLOWER_CSS);
});
qa("*").forEach(function (el) {
if (!el.shadowRoot) return;
try {
if (el.shadowRoot.querySelector(".s-reviews-header, .s-block-trust-map__title, .s-block-trust-testimonials-title, .s-block-trust-map-title")) {
injectShadow(el, "vv-title-flower-skin", TITLE_FLOWER_CSS);
}
} catch (e) {}
});
qa(".s-slider-block__title-nav, .s-slider-block__title-left .s-slider-nav-arrow").forEach(function (nav) {
setImportant(nav, "display", "none");
});
qa("salla-slider, salla-products-slider").forEach(function (host) {
injectShadow(host, "vv-slider-title-skin", SLIDER_TITLE_CSS);
});
}
function initFlowerZoneHome() {
initFlowerZoneTheme();
initAdvancedHeroWithRetry();
initSquareLinksWithRetry();
initCircleLinks();
initEnhancedFeatures();
initAnimatedBrands();
initFlowerZoneTitles();
initFlowerZoneProducts();
clearInlineHeaderFight();
}
/* --------------------------------------------------------------------------
Boot
-------------------------------------------------------------------------- */
function refreshDynamicContent() {
safe(markPageType);
safe(normalizeHeaderDimensions);
safe(initHeader);
safe(initUserMenu);
safe(initProducts);
safe(initFlowerZoneProducts);
safe(initSquareLinks);
safe(initCircleLinks);
safe(initAddonsCircles);
safe(initEnhancedFeatures);
safe(initAnimatedBrands);
safe(initFlowerZoneTitles);
safe(initAdvancedHeroWithRetry);
safe(clearInlineHeaderFight);
safe(initShadowComponents);
safe(initFooter);
safe(initSearch);
safe(initInnerPages);
safe(initCartCount);
safe(initWishlistFeedback);
safe(hideViewAllLinks);
safe(initMobileMenuClose);
safe(initMobileMenuAccordion);
safe(initAppNav);
qa(".swal2-container").forEach(function (c) {
if ((c.textContent || "").includes("المحتوى الذي تحاول الوصول له")) {
setImportant(c, "display", "none");
}
});
}
function init() {
safe(injectNavSubmenuCSS);
safe(markPageType);
document.body.classList.add("vv-clean-theme", "vv-override-theme", "vv-body", "vv-fz-theme");
safe(initFlowerZoneTheme);
safe(initAnnouncement);
safe(bindUserMenuEvents);
safe(initHeader);
safe(initUserMenu);
safe(initProducts);
safe(initFlowerZoneProducts);
safe(initFeatures);
safe(initSquareLinks);
safe(initCircleLinks);
safe(initAddonsCircles);
safe(initEnhancedFeatures);
safe(initAnimatedBrands);
safe(initFlowerZoneTitles);
safe(initAdvancedHeroWithRetry);
safe(clearInlineHeaderFight);
safe(initShadowComponents);
safe(initFooter);
safe(initInnerPages);
safe(initWishlistFeedback);
safe(hideViewAllLinks);
safe(initMobileMenuClose);
safe(initAppNav);
/* Rebuild nav after Salla menu hydrates */
[200, 800, 1800, 3500].forEach(function (ms) {
setTimeout(function () {
safe(injectNavSubmenuCSS);
safe(function () {
initDesktopNavigation(
q("header.store-header"),
q("#mainnav.main-nav-container"),
);
});
safe(initLuxuryMobileDrawer);
safe(ensureMobileDrawerSubcategories);
}, ms);
});
[350, 1000, 2200, 4000].forEach(function (ms) {
setTimeout(refreshDynamicContent, ms);
});
if (!contentObserver) {
var timer = null;
contentObserver = new MutationObserver(function (mutations) {
var useful = mutations.some(function (m) {
return m.addedNodes && m.addedNodes.length;
});
if (!useful) return;
clearTimeout(timer);
timer = setTimeout(function () {
safe(initProducts);
safe(initFlowerZoneProducts);
safe(initUserMenu);
safe(initSquareLinks);
safe(initAddonsCircles);
safe(initAdvancedHeroWithRetry);
safe(initFlowerZoneTitles);
safe(initShadowComponents);
safe(initSearch);
safe(initInnerPages);
safe(initMobileMenuClose);
safe(initAppNav);
}, 200);
});
contentObserver.observe(document.body, { childList: true, subtree: true });
}
revealStore();
try {
console.info("[Velvet Vibes] Flower Zone locked to Raed HTML (index.html)");
} catch (e) {}
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", init, { once: true });
} else {
init();
}
window.addEventListener(
"resize",
function () {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(function () {
safe(normalizeHeaderDimensions);
safe(initHeader);
safe(initAnnouncement);
safe(initProducts);
safe(initFlowerZoneProducts);
safe(initSquareLinks);
safe(initAddonsCircles);
safe(initFlowerZoneTitles);
safe(initAppNav);
safe(unpinProductCartBar);
}, 120);
},
{ passive: true },
);
var pinScrollTick = false;
window.addEventListener(
"scroll",
function () {
if (pinScrollTick) return;
pinScrollTick = true;
requestAnimationFrame(function () {
pinScrollTick = false;
syncPinnedHeader();
});
},
{ passive: true },
);
window.addEventListener(
"twilight::initiated",
function () {
setTimeout(refreshDynamicContent, 250);
},
{ once: true },
);
})();' +
'![]()
' +
"
" +
'' +
'" +
'' +
'' +
'' +
'
' + '
' + '
متوفر
' +
'' +
'… المزيد' +
'' +
'' +
'
" +
'عرض تفاصيل المنتج' +
"' +
'' +
'' +
'' +
"
" +
'' +
"