/* Wfarhali 4.2 — unified purple visual system, loaded after all route styles. */
:root{
  --purple:#5b21b6;
  --purple2:#7c3aed;
  --rose:#7c3aed;
  --rose2:#a855f7;
  --lav:#f5f3ff;
  --blush:#faf5ff;
  --border:rgba(91,33,182,.14);
  --shadow:0 22px 60px rgba(61,24,120,.12);
  --shadow-sm:0 10px 28px rgba(61,24,120,.09);
}
html{background:#fbfaff}
body{background:#fbfaff}
::selection{background:#ded1ff;color:#241044}
.btn-primary,.wf-btn-primary,.wf-home-orders,.wf-order-nav .wf-order-cta,.wf-customer-auth-submit,.wf-portal-primary,.wf-pay-submit,.wf-multi-submit{
  background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 52%,#a855f7 100%)!important;
  box-shadow:0 14px 28px rgba(91,33,182,.22)!important;
}
.btn-primary:hover,.wf-btn-primary:hover,.wf-home-orders:hover,.wf-customer-auth-submit:hover,.wf-portal-primary:hover,.wf-pay-submit:hover,.wf-multi-submit:hover{filter:brightness(1.03)}
.btn-ghost,.wf-btn-secondary,.wf-home-login,.wf-portal-secondary{border-color:#cbb9f7!important;color:#5b21b6!important}
.btn-ghost:hover,.wf-btn-secondary:hover,.wf-home-login:hover,.wf-portal-secondary:hover{background:#f6f1ff!important}
input:focus,select:focus,textarea:focus{border-color:#7c3aed!important;box-shadow:0 0 0 4px rgba(124,58,237,.12)!important}
.badge,.wf-customer-auth-status,.wf-home-dot,.wf-pill,.dot{background:#7c3aed!important}
/* Keep operational statuses semantic; only brand accents move to purple. */
.wf-luxury-home{
  --wf-purple:#6d28d9;
  --wf-purple-deep:#3b0764;
  --wf-indigo:#2e1065;
  --wf-ink:#24113f;
  --wf-muted:#746f86;
  --wf-line:#e8e0f8;
  --wf-lilac:#f7f4ff;
  --wf-soft:#fcfbff;
}
.wf-luxury-home .wf-topbar,
.wf-luxury-home .wf-final-inner,
.wf-luxury-home .wf-track-card{background:linear-gradient(105deg,#3b0764 0%,#5b21b6 48%,#7c3aed 100%)!important}
.wf-luxury-home .wf-stars,
.wf-luxury-home .wf-review-score span,
.wf-luxury-home .wf-review-stars{color:#8b5cf6!important}
.wf-luxury-home .wf-avatar-row span,
.wf-luxury-home .wf-review-avatar{background:linear-gradient(135deg,#4c1d95,#8b5cf6)!important}
.wf-luxury-home .wf-home-dot{background:#8b5cf6!important}
.wf-luxury-home .wf-how-journey .wf-journey-rail{background:linear-gradient(90deg,#d8c6ff,#a78bfa 42%,#7c3aed 68%,#8b5cf6)!important}
.wf-luxury-home .wf-how-cta-icon{background:linear-gradient(135deg,#6d28d9,#a855f7)!important}
.wf-luxury-home .wf-how-card:last-child .wf-step{background:linear-gradient(135deg,#6d28d9,#8b5cf6)!important}
.wf-luxury-home .wf-store:hover{border-color:#cbb8ff!important;box-shadow:0 14px 28px rgba(91,33,182,.11)!important}
/* Admin, customer portal, checkout, forms and payment keep the same premium purple family. */
.premium-admin .wf-sidebar,.premium-admin .wf-topbar,.premium-admin .wf-main .wf-action,.premium-admin .wf-logo-mark{background-image:linear-gradient(145deg,#2e1065,#5b21b6 58%,#7c3aed)!important}
.premium-admin .wf-sidebar{background:#2e1065!important}
.premium-admin .wf-nav a.active,.premium-admin .wf-nav a:hover{background:#4c1d95!important}
.premium-admin .wf-nav a.active:before{background:#c4b5fd!important}
.wf-dashboard-mode .wf-dash-topbar,.wf-dashboard-mode .wf-dash-footer{background:linear-gradient(105deg,#2e1065,#5b21b6,#7c3aed)!important}
.wf-dashboard-mode .wf-client-cta{background:linear-gradient(105deg,#3b0764,#5b21b6 54%,#8b5cf6)!important}
.wf-payment-flow .done span,.wf-payment-flow .current span,.wf-payment-total,.wf-payment-hero .wf-payment-kicker{border-color:#bca7f3!important}
.wf-payment-flow .done span,.wf-payment-flow .current span{background:linear-gradient(135deg,#5b21b6,#8b5cf6)!important}
.wf-payment-total{background:linear-gradient(135deg,#f2edff,#fbfaff)!important}
@media (max-width:680px){
  body{background:#fff}
}
/* Standalone shells also inherit the violet brand rather than a separate blue/pink palette. */
.wf-admin-cover{background:linear-gradient(145deg,#2e1065 0%,#5b21b6 56%,#8b5cf6 100%)!important}
.wf-admin-form-wrap{--purple:#5b21b6;--violet:#7c3aed;--pink:#a855f7}
.wf-admin-form-wrap .wf-submit{background:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#a855f7)!important}
.wf-customer-auth-cover,.wf-customer-auth-simple:before{background:linear-gradient(145deg,#2e1065,#5b21b6 56%,#8b5cf6)!important}
.wf-customer-auth-status,.wf-verification-icon.pending{background:#7c3aed!important}


/* Wfarhali 4.3 — single French experience, official purple brand, vivid animated landing visuals. */
:root{--purple:#5b21b6!important;--purple2:#7c3aed!important;--rose:#a855f7!important;--rose2:#c026d3!important;--ink:#24113f!important;--lav:#f5f1ff!important;--blush:#fbf7ff!important;--border:rgba(91,33,182,.16)!important}
body,body[dir=ltr]{font-family:Inter,Arial,sans-serif!important;color:#281545}
.brand-logo-only{gap:0!important}.brand-logo-only span{display:none!important}.brand-logo-only img{width:188px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}.site-header .brand-logo-only img{width:180px!important}.footer-brand-logo img{width:190px!important;height:64px!important;object-fit:contain!important;object-position:left center!important}.site-footer .footer-brand-logo img{filter:none!important}
.wf-home-brand img,.wf-order-brand img,.wf-dash-brand img{width:188px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}.wf-footer-brand .wf-home-brand img{width:190px!important;height:64px!important;object-fit:contain!important;object-position:left center!important}
.wf-home-footer .wf-footer-brand .wf-home-brand img{filter:none!important}.wf-home-footer{background:linear-gradient(135deg,#24084b,#3b0f72 58%,#5714a4)!important;border-top-color:rgba(255,255,255,.13)!important}.wf-home-footer .wf-footer-grid h4,.wf-home-footer .wf-footer-grid a:hover{color:#fff!important}.wf-home-footer .wf-footer-grid a,.wf-home-footer .wf-footer-grid span,.wf-home-footer .wf-footer-brand p,.wf-home-footer .wf-footer-bottom{color:rgba(255,255,255,.73)!important}.wf-home-footer .wf-footer-bottom{border-top-color:rgba(255,255,255,.14)!important}.wf-home-footer .wf-socials a{background:#9d4edd!important}
.wf-logo-image{display:flex!important;align-items:center!important;padding:17px 14px!important}.wf-logo-image img{display:block;width:155px;max-height:52px;object-fit:contain;object-position:left center}
/* Remove all language/cart controls at any legacy route. */
.lang-switch,.icon-link[href="/cart"],.header-actions .icon-link{display:none!important}
/* Strong blue-to-violet visual unification across legacy pages. */
.site-header,.wf-home-header,.wf-order-header,.wf-dash-header{border-bottom-color:rgba(91,33,182,.14)!important}.main-nav a:hover,.main-nav a.active,.wf-order-nav a:hover,.wf-order-nav a.is-current,.wf-dash-nav a:hover{color:#6d28d9!important}.badge,.dot,.wf-home-dot,.wf-pill{background:#7c3aed!important}.btn-primary,.wf-btn-primary,.wf-home-orders,.wf-order-cta,.wf-order-orders,.wf-customer-auth-submit,.wf-portal-primary,.wf-pay-submit,.wf-multi-submit{background:linear-gradient(135deg,#3b0764 0%,#6d28d9 54%,#c026d3 100%)!important}.btn-ghost,.wf-home-login,.wf-order-login,.wf-dash-profile{border-color:#d8c4ff!important;color:#5b21b6!important}.btn-dark{background:#3b0764!important}.page-hero,.announcement{background:linear-gradient(105deg,#2d075a,#5b21b6,#7c3aed)!important}.site-footer{background:linear-gradient(135deg,#21063e,#360965 58%,#521190)!important}.site-footer .footer-brand-logo img{filter:none!important}
/* Vivid illustrated story: color, depth and motion. */
.wf-luxury-home .wf-service-story{background:radial-gradient(circle at 4% 20%,rgba(192,38,211,.13),transparent 25%),radial-gradient(circle at 94% 67%,rgba(124,58,237,.16),transparent 27%),linear-gradient(180deg,#fcfaff 0%,#f8f1ff 48%,#fff 100%)!important}
.wf-luxury-home .wf-service-story-row{overflow:hidden;background:linear-gradient(122deg,rgba(255,255,255,.98),rgba(251,245,255,.96))!important;border-color:#e4d3fb!important;box-shadow:0 22px 52px rgba(71,20,140,.09)!important}
.wf-luxury-home .wf-story-visual{isolation:isolate;background:linear-gradient(135deg,#efe2ff,#ffe9fb 48%,#dcd6ff)!important}.wf-luxury-home .wf-story-visual:before{content:"";position:absolute;z-index:0;width:240px;height:240px;top:-78px;right:-70px;border-radius:50%;background:radial-gradient(circle,rgba(224,72,201,.38),rgba(124,58,237,.10) 54%,transparent 70%);animation:wfAurora 7s ease-in-out infinite}
.wf-luxury-home .wf-story-visual:after{background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 46%,rgba(192,38,211,.10))!important}.wf-luxury-home .wf-story-visual img{filter:saturate(1.22) contrast(1.04) drop-shadow(0 18px 22px rgba(74,19,152,.16));animation:wfArtworkFloat 7.5s ease-in-out infinite;transform-origin:center}.wf-luxury-home .wf-service-story-row:nth-child(2) .wf-story-visual:before{background:radial-gradient(circle,rgba(247,147,30,.28),rgba(192,38,211,.14) 50%,transparent 72%);animation-delay:-2s}.wf-luxury-home .wf-service-story-row:nth-child(3) .wf-story-visual:before{background:radial-gradient(circle,rgba(94,234,212,.30),rgba(124,58,237,.14) 51%,transparent 72%);animation-delay:-4s}.wf-luxury-home .wf-service-story-row:hover .wf-story-visual img{animation-play-state:paused;transform:scale(1.045) rotate(-.8deg)}.wf-luxury-home .wf-story-number{background:linear-gradient(135deg,#3b0764,#7c3aed 65%,#c026d3)!important;box-shadow:0 12px 28px rgba(68,17,139,.27)!important}
@keyframes wfAurora{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-28px,38px,0) scale(1.18)}}@keyframes wfArtworkFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-9px,0) rotate(.7deg)}}
/* The single field tracking form. */
.wf-track-form-single{grid-template-columns:minmax(0,1fr) auto!important}
@media(max-width:620px){.wf-track-form-single{grid-template-columns:1fr!important}.brand-logo-only img,.site-header .brand-logo-only img{width:148px!important;height:48px!important}.wf-home-brand img,.wf-order-brand img,.wf-dash-brand img{width:150px!important;height:48px!important}.wf-luxury-home .wf-story-visual img{animation-duration:6.4s}}

/* Wfarhali 4.4 — official transparent mark, accessible violet system and richer motion. */
.brand-logo-only img,.wf-home-brand img,.wf-order-brand img,.wf-dash-brand img{object-position:left center!important}.wf-home-brand img{width:193px!important;height:66px!important;max-width:100%;padding:2px 0}.wf-home-header{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(16px)}.wf-home-nav a.active:after{background:linear-gradient(90deg,#7c3aed,#c026d3)!important}.wf-home-nav-order{color:#5f20a8!important;font-weight:850!important}.wf-luxury-home .wf-hero{background:radial-gradient(circle at 85% 42%,rgba(215,150,255,.22),transparent 29%),radial-gradient(circle at 14% 14%,rgba(145,111,255,.11),transparent 25%),linear-gradient(180deg,#fff 0%,#fcf9ff 100%)!important}.wf-luxury-home .wf-hero-art>img{filter:saturate(1.15) contrast(1.04) drop-shadow(0 29px 31px rgba(65,25,151,.22));animation:wfHeroArtwork 7s ease-in-out infinite}.wf-luxury-home .wf-hero-glow{animation:wfGlowPulse 6s ease-in-out infinite}.wf-luxury-home .wf-hero-float{animation:wfFloatCard 6.5s ease-in-out infinite}.wf-luxury-home .wf-float-two{animation-delay:-2.8s}.wf-luxury-home .wf-story-visual img{object-fit:contain!important;padding:18px}.wf-luxury-home .wf-service-story-row:nth-child(1) .wf-story-visual img{animation-delay:-1s}.wf-luxury-home .wf-service-story-row:nth-child(2) .wf-story-visual img{animation-delay:-3.2s}.wf-luxury-home .wf-service-story-row:nth-child(3) .wf-story-visual img{animation-delay:-5.1s}.wf-luxury-home .wf-story-visual:after{background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 42%,rgba(192,38,211,.13))!important}.wf-luxury-home .wf-benefit-icon{background:linear-gradient(135deg,#f4e8ff,#fff)!important;border-color:#dfc8fb!important}.wf-luxury-home .wf-benefit-icon svg{stroke:#6d28d9!important}.wf-luxury-home .wf-store{border-color:#e5d7fb!important}.wf-luxury-home .wf-store:hover{background:#fff!important}.wf-luxury-home .wf-process-strip>div>span{background:linear-gradient(135deg,#3b0764,#842bd1)!important}.wf-luxury-home .wf-process-strip i{background:linear-gradient(90deg,#d7c2fb,#7c3aed,#df7ce5)!important}.wf-luxury-home .wf-faq-card details summary:hover{color:#6822b5!important}
@keyframes wfHeroArtwork{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(-.7deg)}}@keyframes wfGlowPulse{0%,100%{transform:scale(.98);opacity:.82}50%{transform:scale(1.08);opacity:1}}@keyframes wfFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.wf-luxury-home .wf-hero-art>img,.wf-luxury-home .wf-hero-glow,.wf-luxury-home .wf-hero-float{animation:none!important}}

/* V4.5 global finishing: brand strapline, portal news, CMS and admin site preview. */
.wf-home-header-inner{min-height:92px;height:92px}.wf-home-nav a{height:92px}.wf-home-brand img,.wf-order-brand img,.wf-dash-brand img{width:206px!important;height:78px!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}.wf-footer-brand .wf-home-brand img{width:214px!important;height:82px!important;max-height:none!important}.wf-dash-brand{min-width:218px!important}.wf-dash-brand img{width:196px!important;height:70px!important}.wf-dash-profile i{display:none!important}.wf-site-preview{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #e4d5f3;border-radius:10px;color:#5b2099;background:#fff;text-decoration:none;font-size:11px;font-weight:800}.wf-site-preview:hover{background:#faf6ff;border-color:#ba8ce6}.wf-admin-news-compose{display:grid;gap:16px}.wf-admin-news-intro{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid #eadcf7;border-radius:14px;background:linear-gradient(135deg,#fbf8ff,#f7efff)}.wf-admin-news-intro>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#6e22ba;color:#fff}.wf-admin-news-intro b{display:block;color:#431565}.wf-admin-news-intro p{margin:4px 0 0;color:#7c678a;font-size:12px}.wf-review-create textarea{min-height:96px}.wf-cms-note{padding:14px 16px;margin-bottom:16px;border-radius:14px;background:#faf5ff;border:1px solid #ead9fa}.wf-cms-note b{color:#5d1f98}.wf-cms-note p{margin:5px 0 0;color:#786482;font-size:12px;line-height:1.6}.wf-article-editor textarea{line-height:1.75;direction:rtl;text-align:right}.wf-news-card{overflow:hidden}.wf-news-list{display:grid;gap:9px}.wf-news-copy{display:grid;gap:5px}.wf-news-copy>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wf-news-new{padding:3px 7px;border-radius:999px;background:#ece0fb;color:#6a1fad;font-size:9px;font-weight:900}.wf-news-read{align-self:center;color:#8d8398;font-size:11px}.wf-portal-notification.unread{border-left:3px solid #7825c0;background:linear-gradient(90deg,#fbf8ff,#fff)}.trustpilot-widget{min-height:140px;padding:10px;border:1px solid #e9def6;border-radius:18px;background:#fff}.article-tags-detail{margin:0 0 26px}.wf-article-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.wf-article-card-tags a,.wf-article-tags a{padding:6px 9px;border:1px solid #e6d7f4;border-radius:999px;background:#fff;color:#713ab4;font-size:10px;font-weight:800;text-decoration:none}.wf-article-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}.wf-article-tags a:hover,.wf-article-tags a.active{color:#fff;background:#6720b4;border-color:#6720b4}@media(max-width:900px){.wf-home-header-inner{min-height:76px;height:76px}.wf-home-nav a{height:auto}.wf-home-brand img{width:172px!important;height:64px!important}.wf-dash-brand img{width:164px!important;height:60px!important}.wf-dash-brand{min-width:170px!important}.wf-site-preview{display:none!important}}@media(max-width:620px){.wf-home-header-inner{min-height:70px;height:70px}.wf-home-brand img{width:154px!important;height:58px!important}.wf-dash-brand img{width:146px!important;height:54px!important}.wf-dash-brand{min-width:148px!important}}

/* V4.7 — clear notification bell in admin. */
.wf-admin-bell{font-size:0!important}.wf-admin-bell svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.wf-admin-bell b{font-size:9px!important}

/* Wfarhali 5.0 — Mobile-first premium interface layer. */
:root{
  --wf-mobile-ink:#17112b;
  --wf-mobile-muted:#746d84;
  --wf-mobile-line:#e8e1f2;
  --wf-mobile-soft:#faf8ff;
  --wf-mobile-purple:#5b21c4;
  --wf-mobile-purple-deep:#401493;
  --wf-mobile-purple-light:#efe9ff;
  --wf-mobile-green:#169d60;
  --wf-mobile-orange:#dc851b;
}

/* Shared finishing touches on all pages. */
body{background:#fff;color:var(--wf-mobile-ink)}
button,a,input,select,textarea{font-family:Inter,Arial,sans-serif}
.wf-bell-svg,.wf-side-bell{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wf-client-menu-toggle{display:none}
.wf-client-mobile-nav{display:none}
.wf-client-drawer-backdrop{display:none}

@media (max-width: 780px){
  html{background:#fff;scroll-padding-bottom:88px}
  body{min-width:320px;overflow-x:hidden;background:#fff}
  body:has(.wf-client-shell){padding-bottom:82px}
  .announcement,.wf-topbar,.wf-dash-topbar,.wf-order-topbar{display:none!important}
  .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid rgba(232,225,242,.92)}
  .site-header .header-inner{min-height:62px;padding:0 15px;gap:12px}
  .brand-logo-only img{max-width:142px;height:44px;object-fit:contain}
  .site-header .main-nav{position:fixed;inset:62px 12px auto 12px;padding:12px;border-radius:18px;border:1px solid #e8e1f2;background:#fff;box-shadow:0 18px 48px rgba(30,11,67,.16);display:none;flex-direction:column;align-items:stretch;z-index:80}
  .site-header .main-nav.open{display:flex}
  .site-header .main-nav a{padding:12px 10px;border-radius:10px}
  .mobile-toggle{order:-1!important;display:grid!important;place-items:center;width:38px;height:38px;border:1px solid #e8e1f2;border-radius:11px;background:#fff;color:#4e1caf;font-size:19px}
  .site-header .header-actions{margin-left:auto;gap:7px}
  .site-header .header-actions .btn{padding:8px 9px;font-size:11px}
  .site-header .header-actions .btn-dark{display:none}
  .site-footer,.wf-home-footer,.wf-order-footer{padding-bottom:25px}
  .whatsapp{bottom:86px!important;right:14px!important}

  /* Public landing: comfortable vertical rhythm and tap-safe actions. */
  .wf-home-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eee8f7}
  .wf-home-header-inner{min-height:65px;padding:0 15px;gap:10px}
  .wf-home-brand img{width:144px;height:48px;object-fit:contain}
  .wf-home-menu-toggle{display:grid;place-items:center;order:-1;width:39px;height:39px;border:1px solid #e8e1f2;border-radius:12px;background:#fff}
  .wf-home-header-actions{margin-left:auto;gap:5px}
  .wf-home-login{display:grid!important;place-items:center!important;width:37px;height:37px;border-radius:12px!important;font-size:0!important;padding:0!important;border:1px solid #e8e1f2!important;background:#fff!important}
  .wf-home-login:before{content:'⌁';font-size:20px;color:#5420b0}
  .wf-home-orders{display:none!important}
  .wf-home-nav{position:fixed!important;left:12px!important;right:12px!important;top:72px!important;padding:10px!important;display:none!important;grid-template-columns:1fr!important;border:1px solid #e8e1f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 55px rgba(31,12,66,.15)!important;z-index:100!important}
  .wf-home-nav.open{display:grid!important}
  .wf-home-nav a{padding:12px!important;border-radius:10px!important}
  .wf-hero{padding:31px 15px 24px!important}
  .wf-hero-grid,.wf-hero-grid>*{min-width:0!important}
  .wf-hero-grid{display:flex!important;flex-direction:column!important;gap:22px!important}
  .wf-hero-content h1{font-size:clamp(35px,10vw,47px)!important;line-height:1.02!important;letter-spacing:-1.8px!important}
  .wf-hero-content p{font-size:15px!important;line-height:1.65!important}
  .wf-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .wf-hero-actions .btn,.wf-hero-actions a{min-height:50px!important;justify-content:center!important;padding:0 12px!important}
  .wf-hero-visual{order:-1!important}
  .wf-hero-visual img{width:100%!important;max-width:470px!important;margin:0 auto!important;display:block!important}
  .wf-trust-strip,.wf-trust-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:0 15px!important}
  .wf-trust-item{padding:13px 10px!important;min-height:104px!important;border:1px solid #eee8f6!important;border-radius:14px!important}
  .wf-how-grid,.wf-feature-grid,.wf-category-grid,.wf-faq-grid{grid-template-columns:1fr!important;gap:12px!important}
  .wf-section{padding:38px 15px!important}
  .wf-section-title{font-size:28px!important;letter-spacing:-.9px!important}
  .wf-home-section-head{display:block!important}
  .wf-home-section-head .wf-home-section-copy{max-width:none!important}
  .wf-review-grid{display:flex!important;overflow-x:auto!important;gap:12px!important;padding:0 15px 8px!important;scroll-snap-type:x mandatory!important}
  .wf-review-card{flex:0 0 83%!important;scroll-snap-align:start!important}
  .wf-brands-track{animation:none!important;overflow:auto!important}

  /* Order / quote page. */
  .wf-order-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eee8f6}
  .wf-order-header-inner{min-height:64px;padding:0 15px!important;gap:10px!important}
  .wf-order-brand img{width:145px!important;height:48px!important;object-fit:contain!important}
  .wf-order-menu-toggle{order:-1!important;display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border:1px solid #e8e1f2!important;border-radius:12px!important;background:#fff!important}
  .wf-order-nav{position:fixed!important;left:12px!important;right:12px!important;top:72px!important;display:none!important;grid-template-columns:1fr!important;padding:10px!important;border:1px solid #e8e1f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 20px 55px rgba(31,12,66,.15)!important;z-index:100!important}
  .wf-order-nav.open{display:grid!important}
  .wf-order-nav a{padding:12px!important;border-radius:10px!important}
  .wf-order-actions{margin-left:auto!important}
  .wf-order-actions .wf-order-login{font-size:0!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid #e8e1f2!important;border-radius:11px!important;background:#fff!important}
  .wf-order-actions .wf-order-login:first-letter{font-size:18px!important}
  .wf-order-actions .wf-order-orders{display:none!important}
  .wf-order-shell{padding-left:15px!important;padding-right:15px!important}
  .wf-multi-page{padding:23px 15px 42px!important}
  .wf-multi-header{display:block!important;margin-bottom:22px!important}
  .wf-multi-header h1{font-size:32px!important;line-height:1.08!important}
  .wf-multi-header p{font-size:14px!important}
  .wf-multi-layout{display:flex!important;flex-direction:column!important;gap:16px!important}
  .wf-multi-sidebar{order:-1!important}
  .wf-multi-summary-card,.wf-multi-trust-card,.wf-multi-item{border-radius:18px!important}
  .wf-multi-summary-card{padding:16px!important}
  .wf-multi-item{padding:16px!important}
  .wf-multi-item-fields,.wf-profile-picker-fields{grid-template-columns:1fr!important}
  .wf-multi-submit,.wf-summary-primary{min-height:51px!important}

  /* Client portal top header. */
  .wf-dash-header{height:66px!important;position:sticky!important;top:0!important;z-index:80!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid #eee8f7!important}
  .wf-dash-header-inner{height:66px!important;padding:0 14px!important;gap:10px!important}
  .wf-client-menu-toggle{display:grid!important;place-items:center;order:-1;width:39px;height:39px;border:1px solid #e8e1f2;border-radius:12px;background:#fff;color:#5522b2;cursor:pointer}
  .wf-client-menu-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .wf-dash-brand{min-width:0!important;flex:1!important;justify-content:center!important}
  .wf-dash-brand img{width:150px!important;height:50px!important;object-fit:contain!important}
  .wf-dash-nav{display:none!important}
  .wf-dash-user-tools{gap:8px!important}
  .wf-dash-bell{width:39px!important;height:39px!important;border-radius:12px!important}
  .wf-dash-profile>span:not(.wf-dash-avatar),.wf-dash-profile i{display:none!important}
  .wf-dash-avatar{width:35px!important;height:35px!important;font-size:14px!important}
  .wf-dash-flash-wrap{margin:9px 14px 0!important}

  /* Mobile client shell and drawer. */
  .wf-client-shell{display:block!important;padding:16px 14px 92px!important;max-width:680px!important;margin:0 auto!important}
  .wf-client-sidebar{position:fixed!important;z-index:120!important;left:0!important;top:0!important;bottom:0!important;width:min(306px,86vw)!important;padding:18px 13px!important;background:#fff!important;box-shadow:20px 0 60px rgba(35,13,68,.2)!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;overflow-y:auto!important;align-self:auto!important}
  .wf-client-sidebar.is-open{transform:translateX(0)!important}
  .wf-client-drawer-backdrop{position:fixed!important;inset:0!important;z-index:110!important;background:rgba(19,8,39,.46)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s!important;display:block!important}
  .wf-client-drawer-backdrop.is-open{opacity:1!important;pointer-events:auto!important}
  .wf-client-nav{gap:6px!important}
  .wf-client-nav a,.wf-client-nav form button{font-size:13px!important;padding:13px 13px!important;border-radius:13px!important;min-height:48px!important}
  .wf-client-nav .wf-nav-icon{width:22px!important;font-size:18px!important}
  .wf-client-referral{margin-top:16px!important;border-radius:17px!important}
  .wf-client-main{min-width:0!important}
  .wf-portal-head{display:block!important;margin-bottom:17px!important}
  .wf-portal-head h1{font-size:29px!important;line-height:1.08!important;letter-spacing:-1px!important;margin:4px 0!important}
  .wf-portal-head p{font-size:13px!important;line-height:1.55!important}
  .wf-portal-head .wf-portal-primary{width:100%!important;margin-top:12px!important;min-height:48px!important}
  .wf-portal-card{padding:16px!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(57,20,103,.055)!important}
  .wf-portal-card h2{font-size:18px!important}
  .wf-portal-subtitle{font-size:12px!important}
  .wf-portal-stats,.wf-portal-grid,.wf-portal-grid-2,.wf-portal-grid-3,.wf-portal-product-grid{grid-template-columns:1fr!important;gap:11px!important}
  .wf-portal-stat{min-height:auto!important;padding:15px!important;display:grid!important;grid-template-columns:38px 1fr!important;column-gap:11px!important;align-items:center!important}
  .wf-portal-stat .icon{grid-row:1/3!important;width:36px!important;height:36px!important;margin:0!important}
  .wf-portal-stat b{font-size:22px!important}
  .wf-portal-stat a{margin-top:1px!important}
  .wf-portal-product{display:grid!important;grid-template-columns:94px 1fr!important;min-height:120px!important}
  .wf-portal-product img{grid-row:1/3!important;width:94px!important;height:120px!important;padding:8px!important}
  .wf-portal-product-body{padding:14px 12px!important}
  .wf-portal-product h3{min-height:0!important;font-size:14px!important}
  .wf-portal-product-actions{flex-wrap:wrap!important}
  .wf-portal-table-wrap{margin:0 -16px!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  .wf-portal-table{min-width:620px!important}
  .wf-portal-banner{padding:13px!important}
  .wf-portal-summary{padding:14px!important}
  .wf-client-mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:100!important;height:76px!important;padding:8px max(10px, env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right))!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:end!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(15px)!important;border-top:1px solid #e9e3f2!important;box-shadow:0 -10px 27px rgba(37,14,71,.08)!important}
  .wf-client-mobile-nav a{position:relative;display:grid!important;place-items:center!important;gap:3px!important;min-width:0!important;height:56px!important;border-radius:13px!important;text-decoration:none!important;color:#736a84!important;font-size:9.5px!important;font-weight:800!important;line-height:1.1!important}
  .wf-client-mobile-nav a svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .wf-client-mobile-nav a.active{color:#5520b6!important}
  .wf-client-mobile-nav a.active:before{content:''!important;position:absolute!important;top:0!important;width:30px!important;height:3px!important;border-radius:99px!important;background:#5b21c4!important}
  .wf-client-mobile-nav .wf-mobile-order{transform:translateY(-17px)!important;width:54px!important;height:54px!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(135deg,#4a18ac,#7e33d8)!important;box-shadow:0 11px 23px rgba(74,24,172,.32)!important;margin:auto!important}
  .wf-client-mobile-nav .wf-mobile-order:before{display:none!important}
  .wf-client-mobile-nav .wf-mobile-order svg{stroke:#fff!important}
  .wf-client-mobile-nav .wf-mobile-order span{position:absolute!important;top:57px!important;color:#5a20b4!important;white-space:nowrap!important}
  .wf-client-mobile-nav .wf-mobile-count{position:absolute!important;right:calc(50% - 18px)!important;top:2px!important;width:17px!important;height:17px!important;display:grid!important;place-items:center!important;border-radius:99px!important;background:#6b2acd!important;color:#fff!important;font-size:8px!important}

  /* Client pages: cart, orders, account & notifications. */
  .wf-cart-grid,.wf-account-grid,.wf-orders-layout,.wf-order-layout{grid-template-columns:1fr!important;gap:14px!important}
  .wf-cart-item,.wf-order-card,.wf-notification-card{border-radius:17px!important}
  .wf-cart-item{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;padding:13px!important;gap:12px!important}
  .wf-cart-item img{width:92px!important;height:92px!important;grid-row:1/4!important}
  .wf-cart-item-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .wf-cart-item-actions .wf-portal-primary,.wf-cart-item-actions .wf-portal-secondary{min-height:44px!important}
  .wf-order-card{padding:14px!important}
  .wf-order-card-head,.wf-order-card-footer{display:block!important}
  .wf-order-card-head>*+*{margin-top:8px!important}
  .wf-order-timeline{overflow-x:auto!important;padding-bottom:8px!important}
  .wf-account-tabs{display:flex!important;overflow:auto!important;gap:8px!important;padding-bottom:3px!important}
  .wf-account-tabs a{white-space:nowrap!important}
  .wf-notification-card{padding:15px!important;gap:12px!important}
  .wf-notification-card .wf-notification-icon{width:42px!important;height:42px!important}
  .wf-notification-card h3{font-size:14px!important}
  .wf-notification-card p{font-size:12px!important}

  /* Payment, made dense and premium for a 390 px viewport. */
  .wf-payment-page{padding:17px 14px 36px!important;max-width:680px!important}
  .wf-payment-preview{margin:0 0 11px!important;padding:10px 12px!important;border-radius:13px!important;font-size:11px!important}
  .wf-payment-preview a{margin-top:6px!important}
  .wf-payment-hero{padding:3px 1px 18px!important;display:block!important}
  .wf-payment-heading{gap:11px!important}
  .wf-payment-step-label{width:35px!important;height:35px!important;min-width:35px!important;border-radius:11px!important;font-size:15px!important}
  .wf-payment-heading h1{font-size:26px!important;letter-spacing:-1.1px!important;line-height:1.12!important}
  .wf-payment-heading p{font-size:13px!important;line-height:1.58!important;margin-top:7px!important}
  .wf-payment-secure-label{margin:13px 0 0 46px!important;padding:7px 10px!important;border:1px solid #e9e2f4!important;border-radius:999px!important;font-size:11px!important}
  .wf-payment-layout{display:flex!important;flex-direction:column!important;gap:14px!important;margin-top:14px!important}
  .wf-payment-form{gap:13px!important}
  .wf-payment-section{padding:16px!important;border-radius:18px!important}
  .wf-payment-section-head{gap:10px!important;margin-bottom:15px!important}
  .wf-section-number{min-width:32px!important;height:32px!important;border-radius:10px!important;font-size:12px!important}
  .wf-payment-section-head h2{font-size:18px!important;letter-spacing:-.45px!important}
  .wf-payment-section-head p{font-size:12px!important;line-height:1.45!important}
  .wf-payment-fields{grid-template-columns:1fr!important;gap:10px!important}
  .wf-payment-fields label span{font-size:11px!important}
  .wf-payment-fields input,.wf-payment-fields select,.wf-payment-fields textarea{min-height:47px!important;border-radius:12px!important;font-size:14px!important}
  .wf-payment-method-intro{display:block!important}
  .wf-payment-method-hint{display:inline-flex!important;margin:8px 0 0 42px!important;font-size:10px!important}
  .wf-payment-methods{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .wf-pay-method{min-height:0!important;border-radius:16px!important;overflow:visible!important}
  .wf-pay-method-inner{min-height:128px!important;display:grid!important;grid-template-columns:43px 99px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:13px!important}
  .wf-pay-method-radio{position:static!important;grid-column:1!important;grid-row:1/4!important;width:25px!important;height:25px!important;font-size:12px!important}
  .wf-pay-method-badge{display:none!important}
  .wf-pay-visual{grid-column:2!important;grid-row:1/4!important;width:99px!important;height:100px!important;margin:0!important;display:grid!important;place-items:center!important}
  .wf-pay-card-art{width:133px!important;height:82px!important;transform:scale(.73)!important;transform-origin:center!important}
  .wf-mobile-art{width:78px!important;height:125px!important;transform:scale(.68)!important;transform-origin:center!important}
  .wf-pay-method-copy{grid-column:3!important;grid-row:1/3!important;gap:6px!important;min-width:0!important}
  .wf-pay-method-copy h3{font-size:18px!important;letter-spacing:-.35px!important}
  .wf-pay-method-copy p{font-size:12px!important;line-height:1.45!important}
  .wf-pay-method-tag{grid-column:3!important;grid-row:3!important;margin:0!important;justify-self:start!important;padding:6px 9px!important;font-size:10px!important}
  .wf-payment-lockbar{padding:13px!important;border-radius:14px!important;gap:10px!important}
  .wf-payment-lockbar svg{width:21px!important;height:21px!important}
  .wf-payment-lockbar b{font-size:12px!important}
  .wf-payment-lockbar p{font-size:11px!important;line-height:1.42!important}
  .wf-payment-network{display:none!important}
  .wf-pay-consent{font-size:11px!important;margin:0 3px!important}
  .wf-pay-submit{min-height:62px!important;padding:13px 15px!important;border-radius:16px!important}
  .wf-pay-submit b{font-size:14px!important}
  .wf-pay-submit small{font-size:10px!important}
  .wf-pay-submit strong{font-size:17px!important}
  .wf-payment-summary{position:static!important;padding:16px!important;border-radius:18px!important;order:2!important}
  .wf-summary-trust{display:none!important}
  .wf-summary-line{grid-template-columns:39px 1fr auto!important;gap:8px!important}
  .wf-summary-line img,.wf-summary-line .wf-summary-placeholder{width:39px!important;height:39px!important}
  .wf-summary-line b{font-size:12px!important}
  .wf-summary-line strong{font-size:11px!important}
  .wf-payment-help{min-height:48px!important}

  /* Articles and generic pages. */
  .wf-articles-hero,.wf-article-hero{padding:28px 15px!important}
  .wf-articles-hero h1,.wf-article-hero h1{font-size:31px!important;line-height:1.13!important}
  .wf-article-toolbar{display:block!important;padding:0 15px!important}
  .wf-article-search{width:100%!important}
  .wf-tag-strip{padding:0 15px!important;overflow:auto!important;white-space:nowrap!important}
  .wf-articles-grid,.wf-related-grid{grid-template-columns:1fr!important;padding:0 15px!important}
  .wf-featured-article{margin:0 15px!important;grid-template-columns:1fr!important}
  .wf-featured-article-media{min-height:190px!important}
  .wf-article-content{padding:24px 15px!important;font-size:15px!important;line-height:1.75!important}
  .page-hero,.contact-hero{padding:34px 15px!important}
  .page-body,.contact-grid{padding:0 15px 42px!important;grid-template-columns:1fr!important}

  /* Auth mobile: remove decorative white brand and make actions legible. */
  .auth-shell{padding:18px 14px!important;min-height:100vh!important}
  .auth-brand-panel,.auth-side-brand,.customer-auth-logo-white{display:none!important}
  .auth-card{width:100%!important;max-width:460px!important;border-radius:21px!important;padding:23px 18px!important;box-shadow:0 16px 44px rgba(45,16,86,.11)!important}
  .auth-card h1{font-size:28px!important}
  .auth-card input,.auth-card select{min-height:50px!important}
}

@media (max-width: 390px){
  .wf-dash-brand img{width:134px!important}
  .wf-payment-heading h1{font-size:24px!important}
  .wf-pay-method-inner{grid-template-columns:36px 87px minmax(0,1fr)!important;padding:11px!important;gap:7px!important}
  .wf-pay-visual{width:87px!important}
  .wf-pay-method-copy h3{font-size:17px!important}
  .wf-pay-method-copy p{font-size:11.5px!important}
  .wf-client-mobile-nav a{font-size:8.7px!important}
}

/* Wfarhali 5.1 — stability layer. Loaded after legacy visual files. */
:root{--wf-stable-purple:#5b21c4;--wf-stable-purple-deep:#401493;--wf-stable-line:#e9e1f2;--wf-stable-soft:#faf8ff;--wf-stable-ink:#24143c;--wf-stable-muted:#726a82}
.wf-news-card{overflow:visible!important}
.wf-news-head{align-items:flex-start!important}
.wf-news-list{display:grid!important;gap:12px!important}
.wf-portal-notification{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;padding:16px!important;border:1px solid var(--wf-stable-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.wf-portal-notification.unread{border-left:3px solid var(--wf-stable-purple)!important;background:linear-gradient(100deg,#fbf8ff 0%,#fff 60%)!important}
.wf-portal-notification:target{outline:3px solid rgba(91,33,196,.16)!important;outline-offset:2px!important}
.wf-portal-notification-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#f0eaff!important;color:var(--wf-stable-purple)!important;font-weight:900!important;font-size:17px!important}
.wf-portal-notification.unread .wf-portal-notification-icon{background:linear-gradient(135deg,#4a19ad,#7c33d5)!important;color:#fff!important}
.wf-news-copy{min-width:0!important;display:grid!important;gap:5px!important}
.wf-news-copy b{color:var(--wf-stable-ink)!important;font-size:14px!important;line-height:1.35!important}
.wf-news-copy p{margin:0!important;color:var(--wf-stable-muted)!important;font-size:12px!important;line-height:1.55!important}
.wf-news-copy time{color:#9b94a6!important;font-size:10px!important;font-weight:700!important}
.wf-news-read-button{white-space:nowrap!important;min-height:38px!important;align-self:center!important}
.wf-admin-news-destination{display:grid;gap:5px;padding:12px 13px;border:1px solid #e5d8f5;border-radius:12px;background:#fbf8ff;color:#3d1d60}.wf-admin-news-destination b{font-size:12px}.wf-admin-news-destination span{font-size:11px;line-height:1.55;color:#746780}
@media(max-width:780px){
  .wf-client-shell{padding-bottom:96px!important}
  .wf-portal-notification{grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;padding:14px!important;gap:11px!important}
  .wf-portal-notification form{grid-column:2!important;margin-top:2px!important}
  .wf-news-read-button{width:100%!important;justify-content:center!important;min-height:44px!important}
  .wf-news-head .wf-portal-secondary{width:100%!important;margin-top:12px!important;justify-content:center!important}
  .wf-client-mobile-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.wf-client-sidebar,.wf-client-drawer-backdrop,.wf-dash-bell{transition:none!important}}

/* Wfarhali 5.4 — Mobile UX reconstruction.
   Loaded last: fixes the 320–780px experience without changing desktop layouts. */

:root{
  --wf-m54-ink:#23113f;
  --wf-m54-muted:#756c84;
  --wf-m54-line:#e9e1f3;
  --wf-m54-soft:#fbf9ff;
  --wf-m54-purple:#5b21c4;
  --wf-m54-purple-deep:#3f128f;
  --wf-m54-purple-soft:#f0e9ff;
}

@media (max-width:780px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{min-width:320px;background:#fff}
  img,svg,video,canvas{max-width:100%}
  input,select,textarea,button{max-width:100%}

  /* ------------------------------------------------------------------
     MOBILE HEADER — 3-column fixed rhythm: menu / centered logo / account
     ------------------------------------------------------------------ */
  .wf-home-header-inner,
  .wf-order-header-inner,
  .site-header .header-inner{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    min-height:66px!important;
    height:66px!important;
    padding:0 14px!important;
    gap:8px!important;
  }
  .wf-home-brand,.wf-order-brand,.site-header .brand{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .wf-home-brand img,.wf-order-brand img,.site-header .brand img,.brand-logo-only img{
    width:min(144px,43vw)!important;
    max-width:100%!important;
    height:46px!important;
    object-fit:contain!important;
  }
  .wf-home-menu-toggle,.wf-order-menu-toggle,.mobile-toggle{
    grid-column:1!important;
    grid-row:1!important;
    order:initial!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid var(--wf-m54-line)!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(58,21,115,.05)!important;
  }
  .wf-home-menu-toggle span,.wf-order-menu-toggle span:not(.sr-only){
    width:18px!important;
    height:2px!important;
    margin:3px auto!important;
    background:var(--wf-m54-purple)!important;
  }
  .wf-home-header-actions,.wf-order-actions,.site-header .header-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    min-width:42px!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:0!important;
  }
  .wf-home-orders,.wf-order-orders,.site-header .header-actions .btn-dark{display:none!important}
  .wf-home-login,.wf-order-login,.site-header .header-actions .btn-ghost{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    border:1px solid var(--wf-m54-line)!important;
    border-radius:13px!important;
    background:#fff!important;
    color:var(--wf-m54-purple)!important;
    box-shadow:0 5px 14px rgba(58,21,115,.05)!important;
    font-size:0!important;
  }
  .wf-home-login::before,.wf-order-login::before,.site-header .header-actions .btn-ghost::before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 50% 33%,currentColor 0 2.5px,transparent 2.8px),
      radial-gradient(ellipse at 50% 116%,currentColor 0 6px,transparent 6.4px)!important;
    box-shadow:inset 0 0 0 1.7px currentColor!important;
  }
  .wf-home-dot{position:absolute!important;top:-3px!important;right:-3px!important}
  .wf-home-nav,.wf-order-nav,.site-header .main-nav{
    top:74px!important;
    left:12px!important;
    right:12px!important;
    border-radius:18px!important;
    padding:10px!important;
  }
  .wf-home-nav a,.wf-order-nav a,.site-header .main-nav a{
    min-height:46px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }

  /* ------------------------------------------------------------------
     HOME — one clear story: artwork, value proposition, actions
     ------------------------------------------------------------------ */
  .wf-hero{padding:22px 0 38px!important}
  .wf-hero-grid{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  .wf-hero-copy{width:100%!important;padding:0!important}
  .wf-hero-art{order:-1!important;width:100%!important;min-height:0!important}
  .wf-hero-art>img{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:23px!important;
    filter:drop-shadow(0 16px 23px rgba(65,25,151,.14))!important;
  }
  .wf-hero-glow,.wf-hero-float{display:none!important}
  .wf-hero-kicker{
    display:inline-flex!important;
    max-width:100%!important;
    padding:8px 11px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .wf-hero h1{
    margin:15px 0 0!important;
    font-size:clamp(34px,10.2vw,45px)!important;
    line-height:1.05!important;
    letter-spacing:-1.7px!important;
  }
  .wf-hero-lead{
    margin:14px 0 0!important;
    max-width:none!important;
    font-size:15px!important;
    line-height:1.66!important;
  }
  .wf-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:22px 0 18px!important;
  }
  .wf-btn-primary,.wf-btn-secondary{
    width:100%!important;
    min-height:53px!important;
    padding:0 16px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .wf-trust-proof{gap:10px!important;padding-top:2px!important}
  .wf-avatar-row span{width:30px!important;height:30px!important}
  .wf-trust-proof b{font-size:10px!important;line-height:1.35!important}

  .wf-benefits{padding:4px 0 34px!important}
  .wf-benefits-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .wf-benefits-grid article{min-height:78px!important;padding:15px 12px!important;border-right:0!important}

  /* ------------------------------------------------------------------
     MULTI-PRODUCT ORDER — no cropped stepper, no sidebar before form
     ------------------------------------------------------------------ */
  .wf-multi-quote{padding:23px 0 48px!important}
  .wf-multi-shell{width:calc(100% - 28px)!important}
  .wf-multi-hero{display:block!important;margin-bottom:19px!important}
  .wf-multi-eyebrow{margin-bottom:9px!important;font-size:9px!important;letter-spacing:.09em!important}
  .wf-multi-hero h1{font-size:clamp(30px,9vw,38px)!important;line-height:1.06!important;letter-spacing:-1.5px!important}
  .wf-multi-hero>div>p:last-child{margin-top:12px!important;font-size:14px!important;line-height:1.65!important}
  .wf-multi-hero-note{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    min-width:0!important;
    max-width:none!important;
    margin-top:16px!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  .wf-multi-hero-note b{font-size:12px!important}
  .wf-multi-hero-note small{font-size:10px!important;line-height:1.45!important}

  .wf-multi-steps{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
    overflow:visible!important;
    margin:0 0 19px!important;
    padding:0!important;
  }
  .wf-multi-steps>i{display:none!important}
  .wf-multi-steps button{
    min-width:0!important;
    min-height:73px!important;
    gap:5px!important;
    padding:8px 4px!important;
    border:1px solid var(--wf-m54-line)!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(54,22,104,.045)!important;
  }
  .wf-multi-steps button span{width:27px!important;height:27px!important;font-size:10px!important}
  .wf-multi-steps button b{font-size:10px!important;line-height:1.2!important;text-align:center!important}
  .wf-multi-steps button small{display:none!important}
  .wf-multi-steps button.is-active{border-color:#caaafb!important;background:linear-gradient(145deg,#fbf8ff,#fff)!important}

  .wf-multi-layout{display:flex!important;flex-direction:column!important;gap:14px!important}
  .wf-multi-form{gap:14px!important}
  .wf-multi-sidebar{order:initial!important;position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .wf-multi-products-card,.wf-multi-estimate,.wf-multi-confirm{padding:17px 14px!important;border-radius:19px!important}
  .wf-multi-card-head{gap:10px!important;margin-bottom:16px!important}
  .wf-multi-card-index{width:29px!important;height:29px!important;border-radius:9px!important}
  .wf-multi-card-head h2{font-size:18px!important;line-height:1.25!important}
  .wf-multi-card-head p{font-size:11px!important;line-height:1.5!important}
  .wf-multi-count,.wf-multi-live{display:none!important}
  .wf-multi-tool-row{align-items:stretch!important;gap:9px!important;margin-bottom:14px!important;padding:12px!important;border-radius:15px!important}
  .wf-multi-tool-row>span{font-size:10px!important;line-height:1.45!important}
  .wf-multi-outline-button{width:100%!important;justify-content:center!important;height:47px!important;border-radius:12px!important;font-size:13px!important}
  .wf-multi-items{gap:12px!important}
  .wf-multi-item{padding:14px!important;border-radius:17px!important}
  .wf-multi-item-header{gap:8px!important;margin-bottom:12px!important}
  .wf-item-badge{font-size:12px!important}
  .wf-multi-item-header p{font-size:10px!important;line-height:1.4!important}
  .wf-item-remove{width:34px!important;height:34px!important;border-radius:10px!important}
  .wf-multi-url>div{height:52px!important;border-radius:13px!important;padding:0 12px!important}
  .wf-multi-url input{font-size:13px!important}
  .wf-multi-item-fields,.wf-profile-picker-fields,.wf-variant-fields{grid-template-columns:1fr!important;gap:11px!important}
  .wf-multi-field{gap:7px!important;font-size:11px!important}
  .wf-multi-field input,.wf-multi-field select{min-height:48px!important;border-radius:12px!important;font-size:14px!important}
  .wf-multi-quantity{min-height:48px!important}
  .wf-profile-picker{padding:13px!important;border-radius:15px!important}
  .wf-profile-picker-head b{font-size:12px!important}
  .wf-profile-picker-head small,.wf-profile-picker-hint{font-size:10px!important;line-height:1.45!important}
  .wf-item-dzd-total{padding:12px!important;border-radius:13px!important}
  .wf-item-dzd-total strong{font-size:18px!important}
  .wf-multi-add-row{align-items:stretch!important;gap:9px!important}
  .wf-multi-add-button,.wf-multi-calculate,.wf-multi-submit,.wf-summary-primary{min-height:52px!important;border-radius:14px!important;font-size:13px!important}
  .wf-multi-add-button{width:100%!important;justify-content:center!important}
  .wf-multi-calculate{margin-top:15px!important}
  .wf-multi-safe{font-size:10px!important;line-height:1.45!important}

  .wf-multi-summary-card{padding:16px!important;border-radius:18px!important}
  .wf-multi-summary-card header{margin-bottom:13px!important}
  .wf-summary-preview{padding:11px!important;border-radius:13px!important}
  .wf-summary-lines{gap:9px!important;padding:13px 0!important}
  .wf-summary-lines div{font-size:11px!important}
  .wf-multi-summary-total{padding:13px 0!important}
  .wf-multi-summary-total strong{font-size:21px!important}
  .wf-summary-primary{width:100%!important}
  .wf-multi-trust-card{padding:13px!important;border-radius:18px!important}
  .wf-multi-trust-card>div{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
  .wf-multi-trust-card b{font-size:12px!important}
  .wf-multi-trust-card small{font-size:10px!important;line-height:1.45!important}
  .wf-multi-whatsapp{padding:14px!important;border-radius:16px!important}
  .wf-multi-bottom-assurance{grid-template-columns:1fr!important;gap:10px!important;margin-top:14px!important;padding:14px!important;border-radius:18px!important}

  /* Checkout / address: always one field per line, no clipped select controls. */
  .wf-payment-fields,.wf-checkout-fields,.form-grid{grid-template-columns:1fr!important;gap:11px!important}
  .wf-payment-fields input,.wf-payment-fields select,.wf-payment-fields textarea,
  .wf-checkout-fields input,.wf-checkout-fields select,.wf-checkout-fields textarea{width:100%!important;min-height:48px!important}

  /* Strong focus for touch users. */
  input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{
    outline:3px solid rgba(91,33,196,.2)!important;
    outline-offset:2px!important;
  }
}

@media (max-width:390px){
  .wf-home-brand img,.wf-order-brand img,.site-header .brand img,.brand-logo-only img{width:132px!important}
  .wf-hero h1{font-size:34px!important}
  .wf-multi-hero h1{font-size:30px!important}
  .wf-multi-steps{gap:6px!important}
  .wf-multi-steps button{min-height:69px!important}
  .wf-multi-steps button b{font-size:9px!important}
}

/* Wfarhali 5.7 — operational polish, customer clarity and desktop rhythm. */
:root{--wf-max:1280px;--wf-ink:#24103f;--wf-muted:#756b82;--wf-line:#e9e1f1;--wf-purple:#6420c8;--wf-soft:#fbf9ff;}
@media (min-width:781px){.container,.wf-dash-header-inner,.wf-client-shell{max-width:var(--wf-max)!important}.wf-content{max-width:calc(100vw - 260px)!important}.wf-hero h1{font-size:clamp(46px,4.3vw,68px)!important}.wf-hero-lead{font-size:18px!important}.wf-home-header-inner{min-height:76px!important}.wf-dash-header-inner{min-height:70px!important}.wf-client-main{padding:34px!important}.wf-portal-head h1{font-size:34px!important}}
/* Testimonials */
.wf-trustpilot-section{padding:76px 0;background:linear-gradient(180deg,#fff,#fbf9ff)}.wf-trustpilot-score{display:flex;gap:14px;align-items:center;justify-content:center;margin:0 auto 28px;max-width:620px;padding:15px 20px;background:#fff;border:1px solid var(--wf-line);border-radius:18px}.wf-trustpilot-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#03a775;color:#fff;font-size:22px}.wf-trustpilot-score div{display:grid;gap:2px;flex:1}.wf-trustpilot-score small{color:var(--wf-muted)}.wf-trustpilot-score a{color:var(--wf-purple);font-weight:800;text-decoration:none}.wf-trustpilot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wf-trustpilot-grid article{min-height:220px;padding:24px;border:1px solid var(--wf-line);border-radius:22px;background:#fff;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 30px rgba(42,16,76,.05)}.wf-trustpilot-grid h3{margin:0;color:var(--wf-ink);font-size:18px}.wf-trustpilot-grid p{margin:0;color:var(--wf-muted);line-height:1.7}.wf-trustpilot-grid footer{margin-top:auto;display:grid;gap:3px}.wf-trustpilot-grid footer span{font-size:12px;color:#8e8498}.wf-trustpilot-cta{background:linear-gradient(135deg,#f1e8ff,#fff)!important}.wf-trustpilot-cta>span{color:var(--wf-purple);font-size:24px}.wf-trustpilot-cta a{color:var(--wf-purple);font-weight:800;text-decoration:none}
/* Client notifications & compact notes */
.wf-news-open-form{margin:0}.wf-news-open{width:100%;border:1px solid transparent;background:#fff;text-align:left;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:14px;align-items:center;border-radius:16px;padding:16px;transition:.18s ease}.wf-news-open:hover{border-color:#d9c5fb;background:#fcfaff;transform:translateY(-1px)}.wf-news-copy{display:grid;gap:5px;min-width:0}.wf-news-copy>span{display:flex;align-items:center;gap:9px}.wf-news-copy small{color:var(--wf-muted);line-height:1.55;font-size:13px}.wf-news-copy time{color:#9b92a6;font-size:12px}.wf-news-new{font-style:normal;background:#efe5ff;color:#6c25c8;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.wf-news-open-arrow{color:#7650b9;font-size:20px}.wf-cart-product-link{display:inline-flex;align-items:center;margin-top:10px;font-size:13px;font-weight:800;color:#6024bf;text-decoration:none}.wf-cart-product-link:hover{text-decoration:underline}.wf-cart-admin-note{margin:14px 0 0;border-left:3px solid #7b35d4;background:#fbf8ff;padding:13px 14px;border-radius:0 12px 12px 0;display:grid;gap:5px}.wf-cart-admin-note span{font-weight:800;color:#562081;font-size:12px}.wf-cart-admin-note p{margin:0;color:#645672;line-height:1.6}
/* Admin orders */
.wf-orders-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.wf-orders-panel{padding:24px}.wf-orders-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.wf-orders-toolbar h2{margin:0;color:var(--wf-ink)}.wf-orders-toolbar p{margin:6px 0 0;color:var(--wf-muted)}.wf-orders-filters{display:flex;gap:8px;flex-wrap:wrap}.wf-orders-filters input,.wf-orders-filters select{min-height:40px;border:1px solid var(--wf-line);border-radius:10px;padding:0 11px;background:#fff}.wf-order-filter-chips{display:flex;gap:8px;overflow:auto;padding:4px 0 18px}.wf-order-filter-chips a{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;padding:8px 11px;border:1px solid var(--wf-line);border-radius:999px;color:#655b73;text-decoration:none;font-size:13px}.wf-order-filter-chips a.active{color:#fff;background:#6322c5;border-color:#6322c5}.wf-order-filter-chips b{font-size:11px}.wf-admin-order-list{display:grid;gap:9px}.wf-admin-order-row{display:grid;grid-template-columns:1.05fr 1fr 1.7fr .75fr .9fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--wf-line);border-radius:15px;background:#fff}.wf-admin-order-row small{display:block;color:var(--wf-muted);margin-top:3px;font-size:12px}.wf-admin-order-product{min-width:0}.wf-admin-order-product b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.wf-admin-order-product a{font-size:12px;color:#6124bd;text-decoration:none;font-weight:800}.wf-admin-order-total{text-align:right}.wf-admin-empty{display:grid;gap:5px;padding:40px;text-align:center;color:var(--wf-muted)}.wf-admin-order-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:20px}.wf-admin-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.wf-admin-section-title h2{margin:0}.wf-admin-section-title p{margin:5px 0 0;color:var(--wf-muted)}.wf-admin-product-card{display:flex;gap:18px;justify-content:space-between;padding:15px 0;border-top:1px solid var(--wf-line)}.wf-admin-product-card:first-of-type{border-top:0}.wf-admin-product-card span,.wf-admin-product-card p{display:block;color:var(--wf-muted);font-size:13px;margin:4px 0}.wf-admin-product-card h3{margin:0;color:var(--wf-ink);font-size:16px}.wf-admin-product-card a{font-size:13px;color:#5d20bd;font-weight:800;text-decoration:none}.wf-admin-product-card strong{white-space:nowrap}.wf-admin-address,.wf-admin-note-preview{display:grid;gap:5px;margin-top:16px;padding:14px;border-radius:12px;background:#faf8ff;color:#655b73}.wf-admin-note-preview{border-left:3px solid #6d2bd0}.wf-admin-note-preview p{margin:0;line-height:1.6}.wf-admin-order-summary .summary-row{padding:10px 0}
/* Track */
.wf-track-hero{padding-bottom:48px}.wf-track-grid{align-items:start}.wf-track-form{position:sticky;top:18px}.wf-track-result h2{margin:12px 0 5px;color:var(--wf-ink)}.wf-track-empty>span{font-size:34px;color:#6a28c4}
/* Variant select custom */
.wf-variant-fields select,.wf-variant-fields input,.wf-variant-fields textarea{width:100%;box-sizing:border-box}.wf-variant-custom-color{margin-top:8px}
@media(max-width:780px){.wf-trustpilot-section{padding:46px 0}.wf-trustpilot-score{align-items:flex-start}.wf-trustpilot-score a{font-size:12px}.wf-trustpilot-grid{grid-template-columns:1fr}.wf-trustpilot-grid article{min-height:0}.wf-dash-topbar{display:none!important}.wf-dash-header{position:sticky;top:0;z-index:60}.wf-dash-header-inner{display:grid!important;grid-template-columns:42px 1fr 42px!important;gap:8px!important;min-height:62px!important;padding:0 14px!important}.wf-client-menu-toggle{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid var(--wf-line)!important;background:#fff!important}.wf-dash-brand{justify-self:center!important;min-width:0}.wf-dash-brand img{width:132px!important;height:42px!important;object-fit:contain}.wf-dash-nav{display:none!important}.wf-dash-user-tools{justify-self:end!important;gap:0!important}.wf-dash-profile{width:42px!important;height:42px!important;border:1px solid var(--wf-line)!important;border-radius:13px!important;padding:0!important;display:grid!important;place-items:center!important;background:#fff!important}.wf-dash-profile>span:last-child{display:none!important}.wf-dash-avatar{margin:0!important;width:27px!important;height:27px!important}.wf-dash-bell{display:none!important}.wf-client-sidebar{width:min(310px,calc(100vw - 30px))!important}.wf-client-referral{display:none!important}.wf-portal-head{gap:14px!important}.wf-portal-head h1{font-size:27px!important}.wf-news-open{grid-template-columns:38px minmax(0,1fr) 18px;padding:13px}.wf-orders-title,.wf-orders-toolbar{align-items:stretch;flex-direction:column}.wf-orders-filters{display:grid;grid-template-columns:1fr 1fr}.wf-orders-filters input{grid-column:1/-1}.wf-orders-panel{padding:16px}.wf-admin-order-row{grid-template-columns:1fr auto;gap:10px;padding:14px}.wf-admin-order-client,.wf-admin-order-total{display:none}.wf-admin-order-product{grid-column:1/2}.wf-admin-order-row>.wf-badge{grid-column:1/2;justify-self:start}.wf-admin-order-row>.wf-btn{grid-column:2;grid-row:1/4;align-self:center}.wf-admin-order-detail-grid{grid-template-columns:1fr}.wf-admin-product-card{gap:10px}.wf-admin-product-card strong{font-size:13px}.wf-track-form{position:static}.wf-multi-confirm-actions p{font-size:12px}.wf-variant-fields{grid-template-columns:1fr!important}}
/* Short registration surface: keep the form focused. */
.wf-customer-auth-cover-copy p{max-width:42ch}.wf-customer-auth-benefits{display:none!important}.wf-customer-auth-cover{min-height:unset!important}.wf-customer-auth-foot{margin-top:40px!important}.wf-customer-auth-secure{font-size:12px!important}
@media(max-width:920px){.wf-customer-auth-cover{display:none!important}.wf-customer-auth-shell{grid-template-columns:1fr!important;max-width:620px!important}.wf-customer-auth-form-wrap{padding:30px 22px!important}}
/* Public mobile header: readable login action, compact three-dot menu. */
@media(max-width:780px){
  .wf-home-header-inner{grid-template-columns:42px minmax(0,1fr) auto!important}
  .wf-home-menu-toggle{font-size:0!important}
  .wf-home-menu-toggle span{display:none!important}
  .wf-home-menu-toggle::after{content:'⋮'!important;font-size:29px!important;line-height:1!important;color:#5d1bb8!important;font-weight:700!important}
  .wf-home-login{width:auto!important;min-width:0!important;padding:0 11px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
  .wf-home-login::before{display:none!important}
}

/* Wfarhali 5.8 — operations, mobile density, language & brand layer.
   Loaded after all previous styles. It changes only the requested areas. */
:root{--wf58-purple:#5a1bb3;--wf58-deep:#35105f;--wf58-soft:#f6f0ff;--wf58-line:#e9dff5;--wf58-text:#312044;--wf58-muted:#76698a;--wf58-success:#12845b}
html[dir="rtl"] body{font-family:"Noto Kufi Arabic",Inter,Arial,sans-serif}
/* Brand asset sizes across desktop, tablet and mobile. */
.wf-home-brand img,.wf-order-brand img,.wf-dash-brand img,.site-header .brand img{display:block;object-fit:contain;max-width:100%;height:auto}
.wf-home-brand img{width:166px;max-height:58px}.wf-order-brand img{width:164px;max-height:54px}.wf-dash-brand img{width:160px;max-height:52px}.site-header .brand img{width:154px;max-height:50px}.wf-logo-image img{width:152px;max-height:52px;object-fit:contain}.footer-brand-logo img{width:175px;max-height:62px;object-fit:contain}

/* Language controller: compact and never allowed to take header space on phones. */
.wf-language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--wf58-line);border-radius:999px;background:#fff;white-space:nowrap;box-shadow:0 2px 10px rgba(69,22,126,.05)}
.wf-language-switch a{display:inline-grid;place-items:center;min-width:30px;height:27px;padding:0 5px;border-radius:999px;text-decoration:none!important;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.02em;color:#705d85!important}
.wf-language-switch a.active{background:linear-gradient(135deg,#5b20bc,#8e32df);color:#fff!important;box-shadow:0 3px 8px rgba(91,32,188,.22)}
.wf-home-header-actions,.wf-order-actions{gap:10px!important}.wf-home-languages{margin-left:2px}.wf-order-languages{margin-right:2px}.wf-dash-languages{margin-right:4px}

/* Floating WhatsApp action. */
.wf-whatsapp-float{position:fixed;right:max(18px,calc(env(safe-area-inset-right) + 12px));bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));z-index:90;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#22c55e;color:#fff!important;box-shadow:0 13px 28px rgba(21,139,73,.33),0 0 0 5px rgba(255,255,255,.85);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none!important}
.wf-whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 17px 33px rgba(21,139,73,.38),0 0 0 5px rgba(255,255,255,.85)}
.wf-whatsapp-float svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Customer account head: bell stays high and count stays distant from 'Mon espace'. */
.wf-dash-user-tools{gap:12px!important}.wf-dash-bell{flex:0 0 auto!important;position:relative!important}.wf-dash-bell b{right:-8px!important;top:-7px!important;min-width:19px!important;height:19px!important;display:grid!important;place-items:center!important;padding:0 4px!important;border:2px solid #fff!important}
.wf-dash-profile{min-width:0!important}.wf-dash-profile>span:last-child{min-width:0!important}.wf-dash-profile b{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Desktop density: prevent panels from looking oversized on wide screens. */
@media(min-width:1100px){.wf-content{max-width:1540px;margin:0 auto}.wf-client-main{max-width:1420px}.wf-portal-head h1{font-size:clamp(26px,2.1vw,38px)!important}.wf-portal-card,.wf-portal-summary{border-radius:18px!important}.wf-order-header-inner,.wf-home-header-inner{min-height:74px!important}.wf-home-header{min-height:74px!important}}

/* Customer menu — compact row menu; fixes oversized tile drawer on phones. */
@media(max-width:780px){
  .wf-topbar,.wf-dash-topbar,.wf-order-topbar{display:none!important}
  .wf-dash-header{position:sticky;top:0;z-index:70;min-height:64px!important}.wf-dash-header-inner{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;min-height:64px!important;padding:0 12px!important}
  .wf-dash-brand{justify-self:center;min-width:0!important}.wf-dash-brand img{width:138px!important;max-height:42px!important}.wf-dash-nav{display:none!important}.wf-dash-languages{display:none!important}
  .wf-dash-user-tools{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.wf-dash-bell{display:grid!important;place-items:center!important;width:37px!important;height:37px!important}.wf-dash-profile{display:grid!important;place-items:center!important;width:37px!important;height:37px!important;padding:0!important;border-radius:12px!important}.wf-dash-profile>span:last-child{display:none!important}.wf-dash-avatar{width:31px!important;height:31px!important;display:grid!important;place-items:center!important}
  .wf-client-menu-toggle{width:40px!important;height:40px!important;border-radius:12px!important}
  .wf-client-sidebar{width:min(332px,calc(100vw - 42px))!important;padding:76px 12px 18px!important;overflow-y:auto!important;background:#fff!important}
  .wf-client-nav{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0!important;padding:0!important}
  .wf-client-nav a,.wf-client-nav form button{display:flex!important;align-items:center!important;gap:11px!important;min-height:48px!important;width:100%!important;padding:10px 11px!important;border-radius:13px!important;font-size:14px!important;line-height:1.18!important;box-sizing:border-box!important;box-shadow:none!important;background:transparent!important}
  .wf-client-nav a.active{background:linear-gradient(135deg,#5a20bd,#8c2ee0)!important;color:#fff!important;box-shadow:0 9px 18px rgba(90,32,189,.18)!important}
  .wf-client-nav .wf-nav-icon{width:29px!important;height:29px!important;flex:0 0 29px!important}.wf-client-nav .wf-nav-count{margin-left:auto!important;position:static!important;min-width:22px!important;height:22px!important;font-size:10px!important;padding:0 6px!important;display:grid!important;place-items:center!important}
  .wf-client-referral{display:none!important}
  .wf-client-drawer-backdrop{z-index:72!important}.wf-client-sidebar{z-index:73!important}
  .wf-order-header{min-height:66px!important}.wf-order-header-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 42px auto!important;gap:8px!important;padding:0 12px!important;min-height:66px!important}.wf-order-brand img{width:138px!important;max-height:42px!important}.wf-order-actions{display:flex!important;align-items:center!important;gap:5px!important}.wf-order-languages{display:none!important}.wf-order-actions .wf-order-orders{display:none!important}.wf-order-login{width:36px!important;height:36px!important;overflow:hidden!important;font-size:0!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important}.wf-order-login:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 32%,currentColor 0 3px,transparent 3.4px),radial-gradient(ellipse at 50% 116%,currentColor 0 6px,transparent 6.5px);box-shadow:inset 0 0 0 1.6px currentColor}.wf-order-menu-toggle{order:2!important;width:40px!important;height:40px!important;border-radius:12px!important}.wf-order-nav{z-index:80!important}
  .wf-home-header{min-height:66px!important}.wf-home-header-inner{grid-template-columns:minmax(0,1fr) 42px auto!important;gap:8px!important;min-height:66px!important;padding:0 12px!important}.wf-home-brand img{width:140px!important;max-height:42px!important}.wf-home-header-actions{display:flex!important;gap:5px!important;align-items:center!important}.wf-home-languages{display:none!important}.wf-home-orders{display:none!important}.wf-home-login{width:37px!important;height:37px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important;border-radius:12px!important}.wf-home-login:before{content:"";display:block;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 32%,currentColor 0 3px,transparent 3.4px),radial-gradient(ellipse at 50% 116%,currentColor 0 6px,transparent 6.5px);box-shadow:inset 0 0 0 1.6px currentColor}.wf-home-menu-toggle{order:2!important;width:40px!important;height:40px!important;border-radius:12px!important}
  .wf-whatsapp-float{width:52px;height:52px;right:16px;bottom:76px}.wf-whatsapp-float svg{width:27px;height:27px}
}

/* Login page never retains the generic header; the logo stays in the form top. */
.wf-auth-mobile-logo{display:none}.wf-customer-auth .wf-auth-mobile-logo img{display:block;width:155px;max-height:52px;object-fit:contain}
@media(max-width:780px){.wf-auth-mobile-logo{display:flex!important;justify-content:center;margin:0 0 22px}.wf-customer-auth-form-wrap{padding-top:28px!important}.wf-customer-auth{min-height:100vh!important}}

/* Cart confirmation gate. */
.wf-cart-payment-locked{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #f1d8b6;border-radius:15px;background:#fffaf3;color:#754a16;margin:15px 0 10px}.wf-cart-payment-locked>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff0d7;font-size:15px}.wf-cart-payment-locked b,.wf-cart-payment-locked small{display:block}.wf-cart-payment-locked small{margin-top:3px;line-height:1.45;color:#8a7359}.wf-cart-pay-button.is-locked{cursor:not-allowed!important;filter:grayscale(.28);opacity:.65;justify-content:flex-start}.wf-cart-pay-button.is-locked i{display:none}

/* Price verification: two operational queues. */
.wf-verify-section{scroll-margin-top:94px}.wf-verify-row a{color:#5a20bd;font-weight:800;text-decoration:none}.wf-verify-row a:hover{text-decoration:underline}.wf-verify-row .wf-admin-note-preview{margin-top:9px;border-left:3px solid #c9a6f4;padding:8px 10px;background:#faf7ff;border-radius:0 9px 9px 0}.wf-verify-row .wf-admin-note-preview b{font-size:11px}.wf-verify-row .wf-admin-note-preview p{margin:3px 0 0}.wf-verify-tabs{position:sticky;top:12px;z-index:6;padding:8px 0;background:linear-gradient(#f8f6fb 70%,rgba(248,246,251,0))}

/* Tracking screen and order history cards. */
.wf-track-linkbox{margin-top:16px;padding:14px;border:1px solid #d7c1f4;border-radius:14px;background:#fbf8ff;display:grid;gap:6px}.wf-track-linkbox b{color:#35105f}.wf-track-empty-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f0e8ff;color:#5a20bd;font-weight:900}.wf-portal-event h4,.wf-portal-event p{word-break:break-word}.wf-order-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wf-order-visual-card{padding:16px;border:1px solid var(--wf58-line);border-radius:17px;background:linear-gradient(180deg,#fff,#fcfaff);box-shadow:0 8px 21px rgba(58,24,105,.05);text-decoration:none!important;color:var(--wf58-text)!important;display:grid;gap:12px}.wf-order-visual-card:hover{transform:translateY(-2px);border-color:#c7a1ee}.wf-order-visual-top{display:flex;justify-content:space-between;gap:10px}.wf-order-visual-card h3{margin:0;font-size:16px}.wf-order-visual-card p{margin:0;color:var(--wf58-muted);font-size:13px}.wf-order-visual-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #efe7f7;font-size:12px}.wf-order-visual-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f0e9ff;color:#6125bc;font-weight:900}

/* Content/settings administrative tools. */
.wf-settings-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.wf-settings-shortcuts a{display:grid;grid-template-columns:1fr auto;gap:4px;padding:16px;border:1px solid var(--wf58-line);border-radius:15px;background:#fff;color:var(--wf58-text);text-decoration:none;box-shadow:0 5px 16px rgba(58,24,105,.04)}.wf-settings-shortcuts a:hover{border-color:#b98ae9}.wf-settings-shortcuts b{font-size:14px}.wf-settings-shortcuts small{grid-column:1;color:var(--wf58-muted);line-height:1.4}.wf-settings-shortcuts span{grid-column:2;grid-row:1/3;align-self:center;color:#6a25ca;font-size:20px}.wf-cms-note{margin:12px 0;padding:11px 13px;border:1px solid #e5d6f5;background:#fbf8ff;border-radius:12px;color:#5d4a72;line-height:1.55}.wf-cms-note code{font-family:ui-monospace,monospace;background:#efe5fd;padding:2px 5px;border-radius:5px}.wf-settings-form details{overflow:visible}

/* Trustpilot section belongs near the end of the landing page. */
.wf-trustpilot-bottom{margin-top:36px!important}.wf-trustpilot-section .wf-trustpilot-score,.wf-trustpilot-section .wf-trustpilot-grid{max-width:1100px;margin-left:auto;margin-right:auto}.wf-trustpilot-grid{align-items:stretch}.wf-trustpilot-grid article{display:flex;flex-direction:column}.wf-trustpilot-grid footer{margin-top:auto}

@media(max-width:900px){.wf-order-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-settings-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wf-order-card-grid{grid-template-columns:1fr}.wf-settings-shortcuts{grid-template-columns:1fr}.wf-settings-shortcuts a{padding:14px}.wf-cart-payment-locked{padding:12px}.wf-verify-tabs{top:0}.wf-verify-tabs a{font-size:12px;padding:8px 10px}.wf-verify-row{gap:10px!important}.wf-verify-actions form{gap:6px!important}.wf-verify-actions input{min-width:0!important}.wf-trustpilot-section{padding-bottom:18px!important}}

/* Customer-facing order review notice */
.wf-order-review-alert{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:20px 22px;border:2px solid #f1c56e;border-radius:20px;background:linear-gradient(135deg,#fff9e8 0%,#fffdf7 55%,#fff3d1 100%);box-shadow:0 12px 28px rgba(181,112,20,.1);direction:rtl;text-align:right}.wf-order-review-alert-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e79a18,#c96a0d);color:#fff;font-size:24px;box-shadow:0 8px 16px rgba(201,106,13,.22)}.wf-order-review-alert strong{display:block;color:#78420c;font-size:18px;line-height:1.4}.wf-order-review-alert p{margin:4px 0 0;color:#744f24;font-size:13px;font-weight:700;line-height:1.7}.wf-order-review-alert small{display:block;margin-top:7px;color:#957653;font:600 10px/1.55 Inter,Arial;direction:ltr;text-align:left}@media(max-width:560px){.wf-order-review-alert{padding:16px;gap:10px}.wf-order-review-alert-icon{width:40px;height:40px;border-radius:12px;font-size:20px}.wf-order-review-alert strong{font-size:16px}.wf-order-review-alert p{font-size:12px}.wf-order-review-alert small{font-size:9px}}

/* Wfarhali 5.8.1 — French-only recovery.
   This sheet intentionally touches only language selectors and header/dashboard balance. */
.wf-language-switch,
.wf-home-languages,
.wf-order-languages,
.wf-dash-languages { display: none !important; }

/* Keep every header balanced after the language selector was removed. */
.wf-home-header-actions,
.wf-order-actions,
.wf-dash-user-tools { margin-left: auto; }

@media (min-width: 781px) {
  .wf-home-header-inner,
  .wf-order-header-inner,
  .wf-dash-header-inner { column-gap: 22px !important; }
  .wf-home-header-actions,
  .wf-order-actions,
  .wf-dash-user-tools { min-width: max-content; }
}

/* Customer account: prevent header overlap and keep the notification count distinct. */
.wf-dash-header-inner { min-width: 0; }
.wf-dash-brand,
.wf-dash-user-tools,
.wf-dash-profile { min-width: 0; }
.wf-dash-bell b { right: -7px !important; top: -7px !important; }
.wf-dash-profile b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 780px) {
  .wf-home-header-inner,
  .wf-order-header-inner { grid-template-columns: minmax(0, 1fr) 40px 40px !important; }
  .wf-dash-header-inner { grid-template-columns: 40px minmax(0, 1fr) auto !important; }
  .wf-home-brand img,
  .wf-order-brand img,
  .wf-dash-brand img { width: 132px !important; max-height: 40px !important; }
  .wf-home-header-actions,
  .wf-order-actions { margin-left: 0; }
  .wf-dash-user-tools { gap: 8px !important; }
}

/* Never bring right-to-left direction back through a stale browser cookie. */
html[dir="rtl"] { direction: ltr; }


/* 5.8.2 — panier professionnel + transition commandes après paiement */
@media (max-width: 1380px){
  .wf-dashboard-mode .wf-cart-layout{grid-template-columns:1fr!important;}
  .wf-dashboard-mode .wf-cart-summary{position:static!important;top:auto!important;}
}
.wf-dashboard-mode .wf-cart-item{
  grid-template-columns:112px minmax(0,1fr) minmax(170px,210px)!important;
  align-items:stretch!important;
  gap:16px!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid #eadff7!important;
  background:linear-gradient(180deg,#fff 0%,#fff 64%,#fdfaff 100%)!important;
}
.wf-dashboard-mode .wf-cart-item-main{min-width:0!important;display:grid!important;align-content:center!important;gap:8px!important;}
.wf-dashboard-mode .wf-cart-item h3{
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.45!important;
  font-size:16px!important;
  letter-spacing:-.2px!important;
}
.wf-dashboard-mode .wf-cart-meta{margin-top:4px!important;}
.wf-dashboard-mode .wf-cart-product-link{
  width:max-content!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:#f3ebff!important;
  color:#5d24b8!important;
  text-decoration:none!important;
}
.wf-dashboard-mode .wf-cart-admin-note{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  margin-top:10px!important;
  padding:13px 14px!important;
  border-left:4px solid #7531d4!important;
  border-radius:0 16px 16px 0!important;
  background:linear-gradient(135deg,#fbf7ff,#fff)!important;
  color:#4b3b5d!important;
}
.wf-dashboard-mode .wf-cart-admin-note span{font-size:12px!important;color:#532076!important;}
.wf-dashboard-mode .wf-cart-admin-note p{margin:0!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:break-word!important;}
.wf-dashboard-mode .wf-cart-item-side{
  min-height:0!important;
  border-left:0!important;
  border-radius:16px!important;
  padding:14px!important;
  background:linear-gradient(135deg,#f6f0ff,#fff)!important;
  text-align:left!important;
  justify-items:start!important;
  align-content:center!important;
}
.wf-dashboard-mode .wf-cart-item-side small{max-width:none!important;}
.wf-dashboard-mode .wf-cart-pay-button{min-height:64px!important;justify-content:flex-start!important;}
@media(max-width:760px){
  .wf-dashboard-mode .wf-cart-item{grid-template-columns:92px minmax(0,1fr)!important;}
  .wf-dashboard-mode .wf-cart-item-side{grid-column:1/-1!important;}
  .wf-dashboard-mode .wf-cart-admin-note{grid-template-columns:1fr!important;}
}

/* Wfarhali 5.8.3 — targeted customer UX/logic recovery. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Quote / Commander maintenant: keep one clean flow: product info -> panier. */
.wf-multi-steps>i{display:none!important}
.wf-multi-steps{gap:10px!important;justify-content:flex-start!important}
.wf-multi-calculate{display:none!important}
.wf-multi-estimate{display:none!important}
.wf-multi-sidebar .wf-summary-preview,.wf-multi-sidebar .wf-summary-lines,.wf-multi-sidebar [data-summary-caption],.wf-multi-sidebar [data-summary-calculate]{display:none!important}
.wf-multi-sidebar .wf-summary-total{border-top:0!important;margin-top:0!important}
.wf-variant-card-clean{border:1px solid #efe5f8!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 34px rgba(76,29,149,.06)!important}
.wf-variant-fields-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.wf-variant-fields-clean label.full{grid-column:1/-1!important}
.wf-variant-fields-clean input,.wf-variant-fields-clean textarea{width:100%!important;border:1px solid #eadcf7!important;border-radius:15px!important;background:#fff!important;padding:13px 14px!important;font:600 13px Inter,Arial,sans-serif!important;color:#422056!important;outline:none!important}
.wf-variant-fields-clean textarea{min-height:92px!important;resize:vertical!important}
.wf-variant-fields-clean input:focus,.wf-variant-fields-clean textarea:focus{border-color:#a855f7!important;box-shadow:0 0 0 4px rgba(168,85,247,.12)!important}
.wf-multi-submit{font-size:16px!important;min-height:56px!important;justify-content:center!important}

/* Cart payment button: no overlapping text, one compact CTA. */
.wf-cart-pay-button{min-height:58px!important;overflow:hidden!important}
.wf-cart-pay-icon{font-size:19px!important;font-weight:900!important;color:#fff!important;line-height:1!important;text-align:center!important;min-width:38px!important;max-width:38px!important;overflow:hidden!important;white-space:nowrap!important}
.wf-cart-pay-copy{min-width:0!important;overflow:hidden!important}
.wf-cart-pay-copy b{display:block!important;line-height:1.22!important;white-space:normal!important;overflow-wrap:anywhere!important}
.wf-cart-pay-copy small{display:block!important;line-height:1.2!important}
.wf-cart-item{align-items:stretch!important}
.wf-cart-admin-note{display:block!important;border-left:4px solid #a855f7!important;background:#fbf7ff!important;color:#5b2677!important;padding:12px 14px!important;border-radius:14px!important;line-height:1.65!important;max-width:100%!important}
.wf-cart-admin-note span{display:block!important;font-weight:900!important;color:#582077!important;margin-bottom:5px!important;text-transform:none!important;letter-spacing:0!important}
.wf-cart-meta span{line-height:1.45!important}

/* Payment page: prevent disabled/loading text from looking broken. */
.wf-pay-submit{min-height:66px!important;gap:14px!important;overflow:hidden!important}
.wf-pay-submit span{min-width:0!important}
.wf-pay-submit b{display:block!important;line-height:1.22!important;white-space:normal!important;overflow-wrap:anywhere!important}
.wf-pay-submit strong{white-space:nowrap!important;font-size:clamp(16px,2vw,24px)!important}
.wf-pay-submit.is-loading{opacity:.86!important;cursor:wait!important}

/* Dashboard counters and cards: more stable desktop/mobile proportions. */
.wf-summary-grid{align-items:stretch!important}
.wf-summary-card{overflow:hidden!important}
.wf-stat-card b{line-height:1!important}
.wf-active-card,.wf-product-card,.wf-bottom-card,.wf-history{box-shadow:0 10px 28px rgba(66,25,111,.045)!important}

/* Actualités: keep it as a clean independent page. */
.wf-news-card .wf-portal-empty{margin-top:12px!important;border-style:solid!important;background:#fff!important}
.wf-news-open{width:100%!important;text-align:left!important}

@media(max-width:900px){
  .wf-variant-fields-clean{grid-template-columns:1fr!important}
  .wf-multi-layout{grid-template-columns:1fr!important}
  .wf-multi-sidebar{position:static!important}
  .wf-cart-item{grid-template-columns:96px minmax(0,1fr)!important}
  .wf-cart-item-side{grid-column:1/-1!important;text-align:left!important;justify-items:start!important;border-left:0!important;border-top:1px solid #eee8f8!important;padding-left:0!important}
}
@media(max-width:560px){
  .wf-pay-submit{align-items:flex-start!important;flex-direction:column!important}
  .wf-pay-submit strong{font-size:20px!important}
  .wf-cart-pay-button{align-items:center!important}
  .wf-multi-submit{width:100%!important}
}

/* Wfarhali 5.8.4 — customer polish: quote details, payment recovery and mobile header. */

/* Quote/new: keep the form focused on required product details only. */
.wf-multi-steps i{display:none!important}
.wf-multi-steps{gap:14px!important}
.wf-multi-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1120px;margin-inline:auto}
.wf-multi-sidebar{display:none!important}
.wf-multi-estimate{display:none!important}
.wf-multi-confirm{display:block!important;visibility:visible!important}
.wf-details-only-card{border:1px solid rgba(120,36,170,.14)!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fdfbff)!important;box-shadow:0 16px 44px rgba(70,24,110,.07)!important}
.wf-details-only-fields{grid-template-columns:1fr!important}
.wf-required-details-label textarea{min-height:132px!important;resize:vertical!important;border:1.5px solid #e5d7f2!important;border-radius:20px!important;background:#fff!important;font-size:15px!important;line-height:1.65!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}
.wf-required-details-label textarea:focus{outline:none!important;border-color:#8b35df!important;box-shadow:0 0 0 5px rgba(139,53,223,.12)!important}
.wf-required-details-label textarea.wf-field-invalid{border-color:#e12d39!important;background:#fff7f7!important;box-shadow:0 0 0 5px rgba(225,45,57,.10)!important}
.wf-field-error{display:block;margin-top:8px;color:#b4232d;font-weight:800;font-size:13px;line-height:1.35}.wf-field-error[hidden]{display:none!important}
.wf-price-verified-note{margin-top:18px!important;padding:18px 20px!important;border-radius:24px!important;background:linear-gradient(135deg,#f5efff,#ffffff 62%,#f2fff8)!important;border:1px solid rgba(111,37,196,.16)!important;box-shadow:0 16px 38px rgba(79,28,120,.08)!important;align-items:center!important}
.wf-price-verified-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#5b21b6,#bf36ee);color:#fff;font-weight:1000;box-shadow:0 12px 24px rgba(95,33,182,.22)}
.wf-price-verified-note b{font-size:17px!important;color:#35104e!important}.wf-price-verified-note small{font-size:14px!important;color:#695371!important;line-height:1.55!important}
.wf-multi-confirm-actions{align-items:center!important}.wf-multi-submit{box-shadow:0 18px 42px rgba(137,43,215,.26)!important}

/* Cart/customer portal: avoid stale empty-cart toast over Actualités and improve empty state spacing. */
.wf-dashboard-mode .flash-stack .flash-warning{border-left-color:#7c3aed}.wf-news-card{position:relative;z-index:2}.wf-portal-empty{border-radius:30px!important}

/* Payment: clear, single, recoverable button. */
.wf-pay-submit{position:relative;overflow:hidden}.wf-pay-submit.is-loading{cursor:progress!important;opacity:.9}.wf-pay-submit.is-loading i{animation:wfPayPulse .7s infinite alternate}.wf-pay-submit.is-loading:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-100%);animation:wfPayShimmer 1.1s infinite}@keyframes wfPayShimmer{to{transform:translateX(100%)}}@keyframes wfPayPulse{to{transform:translateX(4px)}}

/* Home mobile header: menu / centered logo / account icon, clean like the admin rhythm. */
@media(max-width:780px){
  .wf-home-header{background:#fff!important;border-bottom:1px solid #eee6f7!important;box-shadow:0 12px 30px rgba(45,14,79,.06)!important;position:sticky!important;top:0!important;z-index:80!important}
  .wf-home-header-inner{display:grid!important;grid-template-columns:56px minmax(0,1fr) 56px!important;align-items:center!important;gap:10px!important;min-height:72px!important;padding:10px 16px!important}
  .wf-home-menu-toggle{grid-column:1!important;width:50px!important;height:50px!important;border-radius:17px!important;background:#fff!important;border:1px solid #eadff5!important;box-shadow:0 10px 24px rgba(64,20,111,.08)!important;display:grid!important;place-items:center!important;margin:0!important}
  .wf-home-menu-toggle span{width:5px!important;height:5px!important;border-radius:50%!important;background:#6b22c8!important;display:block!important;margin:2px auto!important}
  .wf-home-brand{grid-column:2!important;justify-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:118px!important;max-width:150px!important;height:50px!important;padding:6px 12px!important;border-radius:18px!important;background:#fff!important;border:1px solid #efe5f7!important;box-shadow:0 10px 26px rgba(77,25,125,.08)!important;overflow:hidden!important}
  .wf-home-brand img{width:112px!important;max-width:112px!important;height:auto!important;max-height:38px!important;object-fit:contain!important;display:block!important}
  .wf-home-header-actions{grid-column:3!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:56px!important;height:56px!important;gap:0!important}
  .wf-home-header-actions .wf-home-orders{display:none!important}
  .wf-home-header-actions .wf-home-login{position:relative!important;width:50px!important;height:50px!important;padding:0!important;border-radius:17px!important;background:#fff!important;border:1px solid #eadff5!important;box-shadow:0 10px 24px rgba(64,20,111,.08)!important;color:#6b22c8!important;font-size:0!important;display:grid!important;place-items:center!important;margin:0!important}
  .wf-home-header-actions .wf-home-login:before{content:'👤';font-size:20px;line-height:1}.wf-home-header-actions .wf-home-dot{position:absolute!important;right:-7px!important;top:-8px!important;font-size:11px!important;min-width:22px!important;height:22px!important;border-radius:999px!important;background:#7c2fe2!important;color:#fff!important;display:grid!important;place-items:center!important;border:2px solid #fff!important}
  .wf-home-nav{top:74px!important;border-radius:0 0 24px 24px!important}
}

/* Google/Chrome icon visibility: the icon image has a white source in this patch; keep browser tiles clean. */
@media(max-width:420px){.wf-whatsapp-float{right:18px!important;bottom:92px!important;width:64px!important;height:64px!important}.wf-home-hero{padding-top:28px!important}.wf-home-hero h1{font-size:48px!important;line-height:1.02!important}.wf-home-primary{width:100%!important;justify-content:center!important}.wf-home-secondary{width:100%!important;justify-content:center!important}}

/* Wfarhali 6.0 — final UI stability layer
   Patch only: landing header/stores/reviews and payment cards. */

.wf-luxury-home .wf-store-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.wf-luxury-home .wf-store{min-width:0}
.wf-luxury-home .wf-stores-note{max-width:760px;margin-left:auto;margin-right:auto}

.wf-trustpilot-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch;
  gap:18px;
  overflow-x:auto;
  padding:2px 4px 18px;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#c8a9f1 transparent;
}
.wf-trustpilot-grid article{
  flex:0 0 clamp(285px,31vw,360px);
  min-height:240px;
  scroll-snap-align:start;
}
.wf-trustpilot-grid article p{overflow-wrap:anywhere}
.wf-trustpilot-official footer span{color:#14815d!important;font-weight:800}
.wf-site-review footer span{color:#7b6c8b!important}
.wf-trustpilot-grid::-webkit-scrollbar{height:7px}
.wf-trustpilot-grid::-webkit-scrollbar-thumb{background:#c8a9f1;border-radius:99px}

.wf-payment-service-state{
  display:grid;
  gap:5px;
  margin:20px 0 0;
  padding:14px 16px;
  border:1px solid #f0d9a9;
  border-radius:15px;
  background:#fffaf0;
  color:#795819;
  line-height:1.55;
  font-size:13px;
}
.wf-payment-service-state strong{font-size:14px;color:#684708}
.wf-pay-submit.is-disabled{cursor:not-allowed!important;opacity:.68!important;filter:saturate(.7)}

/* Payment cards: one stable visual column and one text column on small screens. */
.wf-payment-methods,.wf-pay-method,.wf-pay-method-inner,.wf-pay-method-copy{min-width:0}
.wf-pay-method-copy p,.wf-pay-method-copy h3,.wf-pay-method-tag{overflow-wrap:anywhere}
@media(max-width:780px){
  .wf-luxury-home .wf-home-header-inner{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 48px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:70px!important;
    height:70px!important;
    padding:8px 14px!important;
  }
  .wf-luxury-home .wf-home-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:8px!important;
    border-radius:13px!important;
  }
  .wf-luxury-home .wf-home-menu-toggle:after{content:none!important;display:none!important}
  .wf-luxury-home .wf-home-menu-toggle span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    margin:3px auto!important;
    border-radius:99px!important;
    background:#6b22c8!important;
  }
  .wf-luxury-home .wf-home-brand{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    width:min(154px,45vw)!important;
    min-width:0!important;
    max-width:154px!important;
    height:48px!important;
    padding:4px 10px!important;
    border:1px solid #efe5f7!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .wf-luxury-home .wf-home-brand img{
    width:min(130px,39vw)!important;
    max-width:100%!important;
    height:auto!important;
    max-height:38px!important;
    object-fit:contain!important;
  }
  .wf-luxury-home .wf-home-header-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    width:48px!important;
    min-width:48px!important;
    margin:0!important;
  }
  .wf-luxury-home .wf-home-header-actions .wf-home-login{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border-radius:13px!important;
    font-size:0!important;
  }
  .wf-luxury-home .wf-home-header-actions .wf-home-login:before{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    border:1.8px solid currentColor!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 50% 35%,currentColor 0 2.2px,transparent 2.6px),radial-gradient(ellipse at 50% 120%,currentColor 0 5px,transparent 5.5px)!important;
  }
  .wf-luxury-home .wf-home-header-actions .wf-home-dot{
    top:-5px!important;
    right:-5px!important;
    min-width:20px!important;
    height:20px!important;
    border:2px solid #fff!important;
  }
  .wf-luxury-home .wf-home-nav{top:70px!important}

  .wf-pay-method{
    min-height:196px!important;
    overflow:hidden!important;
  }
  .wf-pay-method-inner{
    display:grid!important;
    grid-template-columns:102px minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    column-gap:12px!important;
    min-height:196px!important;
    height:100%!important;
    padding:16px 14px!important;
  }
  .wf-pay-method-radio{left:10px!important;top:11px!important;z-index:3!important}
  .wf-pay-method-badge{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    margin:0!important;
    padding:6px 8px!important;
    font-size:10px!important;
  }
  .wf-pay-visual{
    grid-column:1!important;
    grid-row:1/-1!important;
    align-self:center!important;
    height:auto!important;
    min-height:120px!important;
    margin:18px 0 0!important;
  }
  .wf-pay-card-art{transform:scale(.62)!important;transform-origin:center!important}
  .wf-mobile-art{transform:scale(.62)!important;transform-origin:center!important}
  .wf-pay-method-copy{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    padding-top:8px!important;
  }
  .wf-pay-method-copy h3{font-size:18px!important;line-height:1.12!important}
  .wf-pay-method-copy p{font-size:12px!important;line-height:1.45!important}
  .wf-pay-method-tag{
    grid-column:2!important;
    grid-row:3!important;
    align-self:start!important;
    margin:8px 0 0!important;
    max-width:100%!important;
    padding:7px 9px!important;
    font-size:10px!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .wf-trustpilot-grid{gap:14px;padding-left:2px;padding-right:2px}
  .wf-trustpilot-grid article{flex-basis:min(318px,84vw);min-height:230px}
}
@media(max-width:380px){
  .wf-pay-method-inner{grid-template-columns:88px minmax(0,1fr)!important;column-gap:10px!important;padding-left:12px!important;padding-right:12px!important}
  .wf-pay-card-art{transform:scale(.54)!important}
  .wf-mobile-art{transform:scale(.55)!important}
  .wf-pay-method-copy h3{font-size:16px!important}
  .wf-pay-method-copy p{font-size:11px!important}
}

/* Wfarhali 6.1 — final responsive layer. */
:root{--wf-content-max:1240px;--wf-gutter:clamp(16px,3vw,32px)}
*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}button,a,input,select,textarea{max-width:100%}input,select,textarea{min-width:0}.container,.wf-order-shell{width:min(var(--wf-content-max),calc(100% - (var(--wf-gutter) * 2)));margin-inline:auto}
.wf-luxury-home .wf-home-header-inner{height:76px;min-height:76px;gap:20px}.wf-luxury-home .wf-home-brand img{width:154px!important;height:auto!important;max-height:58px!important;object-fit:contain}.wf-luxury-home .wf-home-nav{gap:clamp(12px,1.6vw,24px);min-width:0}.wf-luxury-home .wf-home-nav a{font-size:clamp(10px,1vw,12px)}.wf-luxury-home .wf-home-header-actions{flex:0 0 auto}.wf-luxury-home .wf-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,4vw,64px)}.wf-luxury-home .wf-hero-copy,.wf-luxury-home .wf-hero-art{min-width:0}.wf-luxury-home .wf-hero-art>img{width:min(100%,610px);height:auto;object-fit:contain}.wf-luxury-home .wf-store-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-inline:auto;margin-top:27px}.form-grid,.grid-2,.grid-3,.wf-payment-layout,.wf-checkout-layout,.wf-multi-layout,.wf-order-card-grid{min-width:0}.panel,.auth-card,.wf-card,.wf-payment-card,.wf-payment-summary,.wf-multi-summary-card{max-width:100%}.data-table-wrap,.wf-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.flash-stack{max-width:calc(100% - 28px)}.wf-order-header-inner{min-height:76px;height:auto;gap:18px}.wf-order-brand{flex:0 0 auto;min-width:0}.wf-order-brand img{width:154px!important;height:auto!important;max-height:58px!important;object-fit:contain}.wf-order-nav{min-width:0;gap:clamp(10px,1.4vw,22px)}.wf-order-nav a{font-size:clamp(10px,1vw,12px);white-space:nowrap}
@media(max-width:1050px){.wf-luxury-home .wf-home-nav,.wf-order-nav{gap:11px}.wf-luxury-home .wf-home-nav a,.wf-order-nav a{font-size:10px}.wf-luxury-home .wf-home-header-actions .wf-home-orders,.wf-order-actions .wf-order-orders{display:none}.wf-luxury-home .wf-hero h1{font-size:clamp(38px,5vw,51px)}}
@media(max-width:780px){:root{--wf-gutter:16px}.container,.wf-order-shell{width:calc(100% - 32px)}.wf-luxury-home .wf-topbar-inner{width:calc(100% - 32px);height:auto;min-height:34px;padding-block:7px}.wf-luxury-home .wf-topbar-message{justify-content:center;text-align:center;font-size:9px;line-height:1.35}.wf-luxury-home .wf-home-header-inner{height:70px;min-height:70px;width:100%;padding-inline:16px;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px}.wf-luxury-home .wf-home-brand{max-width:150px;min-width:0;padding:5px 9px}.wf-luxury-home .wf-home-brand img{width:116px!important;max-width:100%;max-height:42px!important}.wf-luxury-home .wf-home-menu-toggle{width:44px;height:44px}.wf-luxury-home .wf-home-header-actions,.wf-luxury-home .wf-home-header-actions .wf-home-login{width:44px;height:44px}.wf-luxury-home .wf-home-nav{top:70px;max-height:calc(100vh - 70px);overflow:auto;padding:8px 16px 14px}.wf-luxury-home .wf-home-nav a{min-height:44px;font-size:12px}.wf-luxury-home .wf-hero{padding:30px 0 38px}.wf-luxury-home .wf-hero-grid{display:flex;flex-direction:column;gap:24px;min-height:0}.wf-luxury-home .wf-hero-art{order:0;width:100%;max-width:560px}.wf-luxury-home .wf-hero-copy{order:1;width:100%;padding:0}.wf-luxury-home .wf-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.08;letter-spacing:-1px}.wf-luxury-home .wf-hero-lead{font-size:13px;line-height:1.7}.wf-luxury-home .wf-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.wf-luxury-home .wf-btn-primary,.wf-luxury-home .wf-btn-secondary{width:100%;min-height:50px}.wf-luxury-home .wf-benefits-grid{grid-template-columns:1fr;overflow:hidden}.wf-luxury-home .wf-benefits-grid article{min-height:68px;padding:13px 15px}.wf-luxury-home .wf-store-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wf-luxury-home .wf-service-story-row{width:100%;overflow:hidden}.wf-luxury-home .wf-process-strip{width:100%;overflow:hidden}.wf-luxury-home .wf-track-form{grid-template-columns:1fr;gap:9px}.wf-luxury-home .wf-track-form input,.wf-luxury-home .wf-track-form button{width:100%;min-height:46px}.wf-luxury-home .wf-final-inner{width:100%;padding:22px 18px}.wf-luxury-home .wf-final-inner>a{width:100%;text-align:center}.wf-luxury-home .wf-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wf-luxury-home .wf-footer-brand{grid-column:1/-1}.wf-order-header-inner{min-height:70px;padding-block:8px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px}.wf-order-brand{grid-column:2;justify-self:center}.wf-order-brand img{width:116px!important;max-height:44px!important}.wf-order-menu-toggle{grid-column:1;grid-row:1;width:44px;height:44px}.wf-order-actions{grid-column:3;grid-row:1;justify-self:end}.wf-order-actions .wf-order-login{font-size:0;width:44px;height:44px;padding:0;display:grid;place-items:center}.wf-order-actions .wf-order-login:first-letter{font-size:20px}.wf-order-nav{top:70px;width:100%;max-height:calc(100vh - 70px);overflow:auto}.wf-order-nav a{min-height:44px;font-size:12px}.wf-order-topbar-inner{min-height:34px;padding-block:7px;text-align:center}.wf-order-topbar-links{display:none}.wf-multi-layout,.wf-payment-layout,.wf-checkout-layout,.grid-2,.grid-3,.form-grid{grid-template-columns:1fr!important}.wf-multi-layout{padding-inline:0!important}.wf-multi-item-card,.wf-payment-card,.wf-payment-summary,.checkout-card,.panel{border-radius:18px!important}.wf-multi-item-card,.wf-payment-card,.wf-payment-summary,.checkout-card,.panel{padding:16px!important}.wf-multi-actions,.wf-form-actions,.form-actions{display:grid;grid-template-columns:1fr;gap:10px}.wf-multi-actions>* ,.wf-form-actions>*,.form-actions>*{width:100%;min-height:48px}.wf-payment-summary{position:static!important;order:2}.wf-payment-fields,.wf-checkout-fields{grid-template-columns:1fr!important}.wf-payment-fields input,.wf-payment-fields select,.wf-payment-fields textarea,.wf-checkout-fields input,.wf-checkout-fields select,.wf-checkout-fields textarea{min-height:48px}.wf-cart-grid,.cart-layout{grid-template-columns:1fr!important}.wf-cart-item{grid-template-columns:56px minmax(0,1fr) auto!important;gap:9px!important}.wf-cart-notice{font-size:13px!important;line-height:1.55!important;padding:15px!important}.premium-admin .wf-content{padding:14px}.premium-admin .wf-page-title{gap:12px}.premium-admin .wf-page-title h1{font-size:25px}.premium-admin .wf-page-actions{display:grid;grid-template-columns:1fr;width:100%}.premium-admin .wf-page-actions>*{width:100%}.premium-admin .wf-topbar{padding:10px 12px}.premium-admin .wf-kpi-grid,.premium-admin .wf-kpi-grid.four,.premium-admin .wf-grid-2,.premium-admin .wf-grid-3,.premium-admin .wf-grid-4{grid-template-columns:1fr}.premium-admin .wf-card{padding:15px}}
@media(max-width:390px){.container,.wf-order-shell{width:calc(100% - 24px)}.wf-luxury-home .wf-home-header-inner{padding-inline:12px;grid-template-columns:40px minmax(0,1fr) 40px}.wf-luxury-home .wf-home-menu-toggle,.wf-luxury-home .wf-home-header-actions,.wf-luxury-home .wf-home-header-actions .wf-home-login,.wf-order-menu-toggle,.wf-order-actions .wf-order-login{width:40px;height:40px}.wf-luxury-home .wf-home-brand img,.wf-order-brand img{width:105px!important}.wf-luxury-home .wf-hero h1{font-size:32px}.wf-luxury-home .wf-store-row{grid-template-columns:1fr}.wf-luxury-home .wf-track-stages b{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/*
 * Wfarhali production UI layer — 7.2
 * One final responsive contract for storefront, checkout, customer portal,
 * and administration. Loaded last on purpose.
 */
:root {
  --wf-page-max: 1180px;
  --wf-page-gutter: clamp(16px, 3vw, 32px);
  --wf-touch: 46px;
  --wf-focus: #7c3aed;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  text-size-adjust: 100%;
}

body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

main,
header,
footer,
section {
  max-width: 100%;
}

.wf-dashboard-mode .wf-client-main,
.wf-dashboard-mode .wf-portal-card,
.wf-dashboard-mode .wf-portal-form { min-height: 0; height: auto; }
.wf-dashboard-mode .wf-portal-form textarea { max-height: 240px; }

img,
svg,
video,
canvas {
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wf-focus) 42%, transparent);
  outline-offset: 3px;
}

.container,
.wf-order-shell,
.wf-multi-shell,
.wf-payment-page,
.wf-client-shell {
  width: min(var(--wf-page-max), calc(100% - (2 * var(--wf-page-gutter)))) !important;
  max-width: 100%;
  margin-inline: auto;
}

.wf-luxury-home .wf-home-header {
  position: sticky;
  top: 0;
  z-index: 80;
}

.wf-luxury-home .wf-home-header-inner {
  width: min(var(--wf-page-max), calc(100% - 32px)) !important;
  max-width: var(--wf-page-max) !important;
  min-width: 0;
  display: grid !important;
  grid-template-columns: minmax(150px, 170px) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 1.35vw, 20px);
  padding-inline: 0 !important;
}

.wf-luxury-home .wf-home-brand,
.wf-luxury-home .wf-home-nav,
.wf-luxury-home .wf-home-header-actions {
  min-width: 0;
}

.wf-luxury-home .wf-home-brand img {
  width: 168px !important;
  height: 60px !important;
  object-fit: contain;
}

.wf-luxury-home .wf-home-nav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(2px, .55vw, 9px) !important;
}

.wf-luxury-home .wf-home-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding-inline: clamp(5px, .55vw, 9px) !important;
  font-size: clamp(10.5px, .84vw, 12.5px) !important;
  white-space: nowrap;
}

.wf-luxury-home .wf-home-header-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px !important;
}

.wf-luxury-home .wf-home-login {
  min-height: 44px;
  padding-inline: 14px !important;
  font-size: 11.5px !important;
  white-space: nowrap;
}

.wf-luxury-home .wf-hero,
.wf-luxury-home .wf-hero-inner,
.wf-luxury-home .wf-service-story-row,
.wf-luxury-home .wf-process-strip,
.wf-luxury-home .wf-benefits-grid,
.wf-luxury-home .wf-footer-grid {
  min-width: 0;
  max-width: 100%;
}

.wf-payment-layout,
.wf-multi-layout,
.wf-checkout-layout,
.wf-cart-layout,
.grid-2,
.grid-3,
.grid-4,
.form-grid {
  min-width: 0;
}

.wf-payment-form,
.wf-payment-summary,
.wf-payment-section,
.wf-multi-item,
.wf-multi-products-card,
.wf-cart-item,
.panel,
.premium-admin .wf-card {
  min-width: 0;
  overflow-wrap: anywhere;
}

.wf-payment-summary,
.wf-cart-summary,
.premium-admin .wf-side-detail {
  align-self: start;
}

.wf-summary-line {
  min-width: 0;
}

.wf-summary-line > div {
  min-width: 0;
}

.wf-summary-line b {
  overflow: hidden;
  text-overflow: ellipsis;
}

.wf-table-wrap {
  max-width: 100%;
  overflow: auto;
  overscroll-behavior-inline: contain;
}

.premium-admin .wf-admin-menu-toggle,
.premium-admin .wf-admin-backdrop {
  display: none;
}

@media (max-width: 1420px) and (min-width: 1181px) {
  .wf-luxury-home .wf-home-nav a[href="/articles"],
  .wf-luxury-home .wf-home-nav a[href="/contact"] {
    display: none;
  }
}

@media (max-width: 1180px) {
  .wf-luxury-home .wf-topbar-inner {
    width: calc(100% - 28px) !important;
  }

  .wf-luxury-home .wf-home-header-inner {
    min-height: 74px !important;
    height: 74px !important;
    grid-template-columns: 46px minmax(0, 1fr) 46px !important;
    gap: 10px !important;
  }

  .wf-luxury-home .wf-home-menu-toggle {
    display: inline-flex !important;
    grid-column: 1;
    grid-row: 1;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    border: 1px solid #e5d8f5;
    border-radius: 14px;
    background: #fff;
  }

  .wf-luxury-home .wf-home-menu-toggle span {
    display: block !important;
    width: 19px;
    height: 2px;
    border-radius: 4px;
    background: #5b21b6;
  }

  .wf-luxury-home .wf-home-brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
  }

  .wf-luxury-home .wf-home-brand img {
    width: 156px !important;
    height: 56px !important;
  }

  .wf-luxury-home .wf-home-header-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    width: 46px;
  }

  .wf-luxury-home .wf-home-header-actions .wf-home-orders {
    display: none !important;
  }

  .wf-luxury-home .wf-home-header-actions .wf-home-login {
    width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    overflow: hidden;
    font-size: 0 !important;
  }

  .wf-luxury-home .wf-home-header-actions .wf-home-login::before {
    content: "♙";
    font-size: 22px;
    line-height: 1;
  }

  .wf-luxury-home .wf-home-nav {
    position: absolute !important;
    inset: 74px 14px auto !important;
    max-height: calc(100dvh - 92px);
    padding: 10px !important;
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px !important;
    overflow: auto;
    border: 1px solid #e8ddf5;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 20px 48px rgba(47, 18, 84, .18);
  }

  .wf-luxury-home .wf-home-nav.open {
    display: grid !important;
  }

  .wf-luxury-home .wf-home-nav a,
  .wf-luxury-home .wf-home-nav a[href="/articles"],
  .wf-luxury-home .wf-home-nav a[href="/contact"] {
    display: flex;
    min-height: 46px;
    height: auto !important;
    padding: 10px !important;
    border-radius: 12px;
    font-size: 12px !important;
  }

  .wf-payment-layout,
  .wf-checkout-layout,
  .wf-cart-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wf-payment-summary,
  .wf-checkout-summary,
  .wf-cart-summary {
    position: static !important;
  }
}

@media (max-width: 1024px) {
  .premium-admin .wf-shell {
    display: block !important;
  }

  .premium-admin .wf-main {
    width: 100%;
    min-width: 0;
  }

  .premium-admin .wf-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 120;
    width: min(320px, calc(100vw - 42px)) !important;
    height: 100dvh !important;
    padding: 18px !important;
    overflow: auto !important;
    transform: translateX(-104%);
    transition: transform .24s ease;
    box-shadow: 24px 0 55px rgba(25, 8, 53, .26);
  }

  .premium-admin .wf-sidebar.is-open {
    transform: translateX(0);
  }

  .premium-admin .wf-admin-backdrop {
    position: fixed;
    inset: 0;
    z-index: 110;
    border: 0;
    background: rgba(24, 10, 42, .52);
    backdrop-filter: blur(3px);
  }

  .premium-admin .wf-admin-backdrop.is-open {
    display: block;
  }

  .premium-admin .wf-admin-menu-toggle {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border: 1px solid #e2d7ee;
    border-radius: 13px;
    background: #fff;
    color: #5b21b6;
    font-size: 22px;
    cursor: pointer;
  }

  .premium-admin .wf-topbar {
    min-height: 68px !important;
    height: auto !important;
    padding: 11px 14px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 9px !important;
  }

  .premium-admin .wf-search-form {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    min-width: 0;
    order: initial !important;
  }

  .premium-admin .wf-top-spacer,
  .premium-admin .wf-site-preview,
  .premium-admin .wf-health {
    display: none !important;
  }

  .premium-admin .wf-action {
    grid-column: 3;
    grid-row: 1;
  }

  .premium-admin .wf-icon {
    display: none !important;
  }

  .premium-admin .wf-content {
    width: 100%;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  :root {
    --wf-page-gutter: 12px;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  button,
  .btn,
  .wf-btn,
  [class*="submit"],
  [class*="primary"] {
    min-height: var(--wf-touch);
  }

  .wf-luxury-home .wf-topbar {
    min-height: 32px;
  }

  .wf-luxury-home .wf-topbar-message {
    font-size: 9.5px !important;
    text-align: center;
  }

  .wf-luxury-home .wf-topbar-contact {
    display: none !important;
  }

  .wf-luxury-home .wf-hero-inner,
  .wf-luxury-home .wf-service-story-row,
  .wf-luxury-home .wf-benefits-grid,
  .wf-luxury-home .wf-footer-grid,
  .wf-multi-layout,
  .wf-payment-layout,
  .wf-checkout-layout,
  .grid-2,
  .grid-3,
  .grid-4,
  .form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wf-luxury-home .wf-hero {
    padding-block: 28px 34px !important;
  }

  .wf-luxury-home .wf-hero h1 {
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: 1.04 !important;
  }

  .wf-luxury-home .wf-hero-actions,
  .wf-form-actions,
  .form-actions,
  .wf-multi-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .wf-luxury-home .wf-hero-actions > *,
  .wf-form-actions > *,
  .form-actions > *,
  .wf-multi-actions > * {
    width: 100% !important;
  }

  .wf-payment-page,
  .wf-multi-shell,
  .wf-order-shell {
    width: calc(100% - 24px) !important;
  }

  .wf-payment-hero,
  .wf-payment-method-intro,
  .wf-payment-section-head,
  .wf-cart-head,
  .wf-page-title {
    align-items: flex-start !important;
  }

  .wf-payment-hero,
  .wf-payment-method-intro,
  .wf-cart-head,
  .wf-page-title {
    flex-direction: column !important;
  }

  .wf-payment-section,
  .wf-payment-summary,
  .wf-multi-products-card,
  .wf-multi-estimate,
  .wf-multi-confirm,
  .wf-cart-summary,
  .panel,
  .premium-admin .wf-card {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .wf-payment-fields,
  .wf-checkout-fields,
  .wf-payment-methods,
  .wf-profile-picker-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wf-pay-method-inner {
    min-width: 0;
  }

  .wf-pay-submit {
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto 28px !important;
    padding: 12px !important;
  }

  .wf-pay-submit strong {
    font-size: 14px !important;
    white-space: nowrap;
  }

  .wf-summary-line {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  .wf-summary-line > strong {
    grid-column: 2;
    justify-self: start;
  }

  .wf-cart-item {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }

  .wf-cart-item-side {
    grid-column: 1 / -1 !important;
  }

  .premium-admin .wf-kpi-grid,
  .premium-admin .wf-kpi-grid.four,
  .premium-admin .wf-grid-2,
  .premium-admin .wf-grid-3,
  .premium-admin .wf-grid-4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .premium-admin .wf-page-actions {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .premium-admin .wf-page-actions > * {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .wf-luxury-home .wf-home-nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .wf-luxury-home .wf-home-brand img {
    width: 132px !important;
  }

  .wf-luxury-home .wf-store-row,
  .wf-luxury-home .wf-footer-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .premium-admin .wf-topbar {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  .premium-admin .wf-search-form {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .premium-admin .wf-action {
    width: 44px;
    padding: 0 !important;
    overflow: hidden;
    font-size: 0 !important;
  }

  .premium-admin .wf-action::before {
    content: "+";
    font-size: 22px;
  }

  .premium-admin .wf-icon {
    display: none !important;
  }
}

/* 7.2 — verified social profiles, legal address and compact desktop scale. */
.wf-social-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
}

.wf-social-link {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-grid !important;
  place-items: center;
  border-radius: 11px;
  color: #fff !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(28, 17, 52, .16);
  transition: transform .18s ease, box-shadow .18s ease;
}

.wf-social-link:hover {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 11px 22px rgba(28, 17, 52, .22);
}

.wf-social-link svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: currentColor;
  stroke: none;
}

.wf-social-instagram {
  background: linear-gradient(135deg, #833ab4, #fd1d1d 58%, #fcb045);
}

.wf-social-facebook {
  background: #1877f2;
}

.wf-social-youtube {
  background: #ff0000;
}

.wf-company-address {
  margin-top: 5px;
  overflow-wrap: anywhere;
  line-height: 1.5 !important;
}

.wf-address-row {
  align-items: flex-start !important;
}

.wf-address-row b {
  max-width: 68%;
  text-align: right;
  overflow-wrap: anywhere;
  line-height: 1.45;
}

.wf-customer-orders-entry {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin-top: 17px;
  padding: 12px 13px;
  border: 1px solid #e5d9f4;
  border-radius: 15px;
  background: #fbf7ff;
  color: #4c2464;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.wf-customer-orders-entry:hover,
.wf-customer-orders-entry.is-selected {
  border-color: #b994ec;
  background: #f5ebff;
  transform: translateY(-1px);
}

.wf-customer-orders-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #6d28d9, #a637d1);
  color: #fff;
  font-size: 18px;
}

.wf-customer-orders-entry b,
.wf-customer-orders-entry small {
  display: block;
}

.wf-customer-orders-entry b {
  font-size: 13px;
}

.wf-customer-orders-entry small {
  margin-top: 2px;
  color: #81728f;
  font-size: 10.5px;
  line-height: 1.4;
}

.wf-customer-orders-entry i {
  color: #7c3aed;
  font-style: normal;
  font-size: 19px;
}

.wf-dash-footer .wf-social-links {
  margin: 0 0 0 auto;
}

.wf-dash-footer .wf-social-link {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  border-radius: 9px;
}

.wf-dash-footer .wf-social-link svg {
  width: 16px;
  height: 16px;
}

@media (min-width: 1181px) {
  .wf-luxury-home .wf-home-header-inner {
    min-height: 72px !important;
    height: 72px !important;
  }

  .wf-luxury-home .wf-home-nav a {
    height: 72px !important;
    font-size: clamp(10px, .78vw, 11.5px) !important;
  }

  .wf-luxury-home .wf-hero-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
    gap: clamp(24px, 3vw, 46px) !important;
  }

  .wf-luxury-home .wf-hero h1 {
    font-size: clamp(40px, 3.45vw, 50px) !important;
  }
}

@media (max-width: 760px) {
  .wf-social-link {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  .wf-address-row {
    display: grid !important;
    gap: 4px;
  }

  .wf-address-row b {
    max-width: none;
    text-align: left;
  }

  .wf-dash-footer .wf-social-links {
    width: 100%;
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* Wfarhali 8.0 — unified customer header and mobile-first landing experience. */
:root {
  --wf8-purple: #6d28d9;
  --wf8-purple-dark: #3b1479;
  --wf8-ink: #21152c;
  --wf8-muted: #70667a;
  --wf8-line: #ebe5f1;
  --wf8-soft: #faf7ff;
  --wf8-header-height: 76px;
  --wf8-shadow: 0 18px 48px rgba(52, 21, 85, .12);
}

html.wf-global-menu-open,
body.wf-global-menu-open { overflow: hidden !important; }

/* Retire the competing customer headers/top strips. The admin console keeps its own shell. */
body:not(.premium-admin) > .announcement,
body:not(.premium-admin) > .wf-topbar,
body:not(.premium-admin) > .wf-order-topbar,
body:not(.premium-admin) > .wf-dash-topbar,
body:not(.premium-admin) > .site-header,
body:not(.premium-admin) > .wf-home-header,
body:not(.premium-admin) > .wf-order-header,
body:not(.premium-admin) > .wf-dash-header { display: none !important; }

.wf-global-header {
  position: sticky;
  inset: 0 0 auto;
  z-index: 900;
  height: var(--wf8-header-height);
  border-bottom: 1px solid rgba(90, 49, 118, .09);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 7px 24px rgba(51, 25, 75, .045);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.wf-global-header-inner {
  width: min(1240px, calc(100% - 40px));
  height: 100%;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
}

.wf-global-brand { display: flex; align-items: center; min-width: 0; }
.wf-global-brand img { display: block; width: 170px; height: auto; object-fit: contain; }

.wf-global-nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(15px, 2vw, 29px);
}

.wf-global-nav a {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: #4f4359;
  font-size: 12px;
  font-weight: 720;
  text-decoration: none;
  white-space: nowrap;
}

.wf-global-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 4px;
  height: 2px;
  border-radius: 99px;
  background: var(--wf8-purple);
  transition: left .2s ease, right .2s ease;
}

.wf-global-nav a:hover,
.wf-global-nav a.is-active { color: var(--wf8-purple); }
.wf-global-nav a:hover::after,
.wf-global-nav a.is-active::after { left: 0; right: 0; }

.wf-global-tools { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }
.wf-global-icon-link,
.wf-global-menu-toggle {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--wf8-line);
  border-radius: 14px;
  color: #372540;
  background: #fff;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.wf-global-icon-link:hover,
.wf-global-menu-toggle:hover { transform: translateY(-1px); border-color: #ccb9e7; background: var(--wf8-soft); }
.wf-global-icon-link svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wf-global-bell { position: relative; }
.wf-global-bell b { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 99px; color: #fff; background: #b02fd4; font-size: 8px; }

.wf-global-account {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 12px 5px 6px;
  border: 1px solid var(--wf8-line);
  border-radius: 15px;
  color: var(--wf8-ink);
  background: #fff;
  text-decoration: none;
}

.wf-global-account-avatar {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(145deg, #7c32df, #4c16a5);
  box-shadow: 0 7px 16px rgba(91, 33, 178, .22);
  font-size: 13px;
  font-weight: 850;
}

.wf-global-account-guest > svg { width: 31px; height: 31px; padding: 6px; border-radius: 10px; color: var(--wf8-purple); background: #f2ebff; fill: none; stroke: currentColor; stroke-width: 1.7; }
.wf-global-account-copy { display: block; min-width: 0; line-height: 1.1; }
.wf-global-account-copy small,
.wf-global-account-copy b { display: block; white-space: nowrap; }
.wf-global-account-copy small { margin-bottom: 3px; color: #968b9e; font-size: 8px; font-weight: 650; }
.wf-global-account-copy b { font-size: 10.5px; font-weight: 820; }

.wf-global-menu-toggle { display: none; padding: 0; cursor: pointer; }
.wf-global-menu-toggle span { width: 20px; height: 2px; margin: 2.4px 0; display: block; border-radius: 99px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.wf-global-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.8px) rotate(45deg); }
.wf-global-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.wf-global-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.8px) rotate(-45deg); }

.wf-global-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(24, 11, 34, .42);
  opacity: 0;
  transition: opacity .24s ease;
}
.wf-global-menu-backdrop.is-open { opacity: 1; }

.wf-global-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: min(88vw, 390px);
  padding: 18px 18px calc(22px + env(safe-area-inset-bottom));
  overflow-y: auto;
  color: var(--wf8-ink);
  background: #fff;
  box-shadow: -22px 0 60px rgba(29, 10, 41, .2);
  transform: translateX(105%);
  visibility: hidden;
  transition: transform .28s cubic-bezier(.22, .7, .22, 1), visibility .28s;
}
.wf-global-mobile-menu.is-open { transform: translateX(0); visibility: visible; }
.wf-global-mobile-head { height: 53px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 13px; border-bottom: 1px solid var(--wf8-line); }
.wf-global-mobile-head img { display: block; width: 145px; height: auto; }
.wf-global-mobile-head button { width: 39px; height: 39px; border: 1px solid var(--wf8-line); border-radius: 12px; color: #44354c; background: #fff; font: 300 26px/1 Inter, sans-serif; cursor: pointer; }
.wf-global-mobile-eyebrow { margin: 24px 0 8px; color: #9a8ba5; font-size: 9px; font-weight: 850; letter-spacing: .15em; }
.wf-global-mobile-menu > nav { display: grid; }
.wf-global-mobile-menu > nav a { min-height: 49px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #f0ecf4; color: #33263b; text-decoration: none; font-size: 13px; font-weight: 760; }
.wf-global-mobile-menu > nav a i { color: #9a77c0; font-style: normal; font-size: 15px; }
.wf-global-mobile-client > div { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wf-global-mobile-client a { min-height: 42px; display: grid; place-items: center; padding: 8px; border: 1px solid var(--wf8-line); border-radius: 11px; color: #54316b; background: #fcfaff; text-align: center; text-decoration: none; font-size: 10px; font-weight: 750; }
.wf-global-mobile-actions { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.wf-global-mobile-actions > a,
.wf-global-mobile-actions button { min-height: 47px; width: 100%; display: grid; place-items: center; padding: 0 12px; border: 1px solid #d9cce8; border-radius: 12px; color: #5f2f7a; background: #fff; text-align: center; text-decoration: none; font: 780 11px Inter, sans-serif; cursor: pointer; }
.wf-global-mobile-actions .is-primary { border-color: transparent; color: #fff; background: linear-gradient(135deg, #7b2add, #4b159f); box-shadow: 0 12px 24px rgba(91, 31, 170, .22); }
.wf-global-mobile-support { margin: 20px 0 0; padding: 13px; border-radius: 12px; color: #817389; background: #f8f4fc; text-align: center; font-size: 10px; }
.wf-global-mobile-support a { color: var(--wf8-purple); font-weight: 800; }
.wf-global-flashes { z-index: 950 !important; }

/* Refined landing canvas: open composition, no floating frame above the content. */
.wf-luxury-home .wf-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 3% 9%, rgba(207, 243, 178, .42), transparent 27%),
    radial-gradient(circle at 94% 17%, rgba(226, 205, 250, .48), transparent 31%),
    linear-gradient(145deg, #fbfced 0%, #fffaf5 47%, #fbf3ff 100%);
}
.wf-luxury-home .wf-hero::before,
.wf-luxury-home .wf-hero::after { content: ""; position: absolute; pointer-events: none; border: 1px solid rgba(255, 255, 255, .72); border-radius: 50%; }
.wf-luxury-home .wf-hero::before { width: 430px; height: 430px; right: -210px; top: -170px; box-shadow: 0 0 0 54px rgba(255, 255, 255, .16); }
.wf-luxury-home .wf-hero::after { width: 280px; height: 280px; left: -190px; bottom: -170px; box-shadow: 0 0 0 45px rgba(255, 255, 255, .16); }
.wf-luxury-home .wf-hero-grid { position: relative; z-index: 1; }
.wf-luxury-home .wf-hero-kicker { border-color: rgba(110, 50, 183, .14); background: rgba(255, 255, 255, .58); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.wf-luxury-home .wf-hero h1 strong { position: relative; display: inline-block; }
.wf-luxury-home .wf-hero h1 strong::after { content: ""; position: absolute; left: 2%; right: -2%; bottom: -.12em; height: .16em; border-radius: 99px; background: linear-gradient(90deg, #a63bd3, #7331dc); transform: rotate(-1.5deg); opacity: .78; }

@media (max-width: 1120px) {
  .wf-global-header-inner { grid-template-columns: 155px minmax(0, 1fr) auto; gap: 18px; }
  .wf-global-brand img { width: 151px; }
  .wf-global-nav { gap: 14px; }
  .wf-global-nav a { font-size: 10.5px; }
  .wf-global-account-copy { display: none; }
  .wf-global-account { width: 44px; padding: 4px; justify-content: center; }
}

@media (max-width: 900px) {
  :root { --wf8-header-height: 68px; }
  .wf-global-header { box-shadow: 0 5px 18px rgba(50, 21, 70, .055); }
  .wf-global-header-inner { width: 100%; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 0 15px; }
  .wf-global-brand img { width: 148px; max-height: 47px; }
  .wf-global-nav,
  .wf-global-account,
  .wf-global-bell { display: none; }
  .wf-global-tools { gap: 8px; }
  .wf-global-icon-link,
  .wf-global-menu-toggle { width: 43px; height: 43px; flex-basis: 43px; border: 0; border-radius: 11px; background: transparent; }
  .wf-global-icon-link svg { width: 24px; height: 24px; stroke-width: 1.9; }
  .wf-global-menu-toggle { display: grid; }
  .wf-global-menu-toggle span { width: 23px; height: 2.5px; margin: 2.5px 0; }

  .wf-luxury-home .wf-hero { padding: 0 !important; }
  .wf-luxury-home .wf-hero-grid {
    width: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 19px !important;
    padding: 35px 18px 0 !important;
  }
  .wf-luxury-home .wf-hero-copy { order: 0 !important; width: 100% !important; padding: 0 !important; }
  .wf-luxury-home .wf-hero-art { order: 1 !important; width: calc(100% + 36px) !important; max-width: none !important; min-height: 0 !important; margin: 3px -18px 0 !important; overflow: hidden; }
  .wf-luxury-home .wf-hero-art > img { width: 112% !important; max-width: none !important; height: auto !important; margin: 0 0 -1px -6% !important; border-radius: 0 !important; filter: none !important; box-shadow: none !important; }
  .wf-luxury-home .wf-hero-glow,
  .wf-luxury-home .wf-hero-float { display: none !important; }
  .wf-luxury-home .wf-hero-kicker { padding: 0 !important; border: 0 !important; color: #6b38bb !important; background: transparent !important; font-size: 9px !important; line-height: 1.45 !important; letter-spacing: .07em !important; }
  .wf-luxury-home .wf-hero h1 { max-width: 540px; margin-top: 14px !important; font-size: clamp(39px, 11.6vw, 54px) !important; line-height: 1.05 !important; letter-spacing: -1.7px !important; }
  .wf-luxury-home .wf-hero-lead { max-width: 590px; margin-top: 18px !important; color: #62596a !important; font-size: 14.5px !important; line-height: 1.68 !important; }
  .wf-luxury-home .wf-hero-actions { margin: 24px 0 18px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 10px !important; }
  .wf-luxury-home .wf-btn-primary,
  .wf-luxury-home .wf-btn-secondary { width: 100% !important; min-height: 51px !important; border-radius: 13px !important; font-size: 12px !important; }
  .wf-luxury-home .wf-btn-secondary { border-color: rgba(104, 54, 161, .22) !important; background: rgba(255, 255, 255, .58) !important; }
  .wf-luxury-home .wf-trust-proof { gap: 11px !important; padding-bottom: 2px; }
  .wf-luxury-home .wf-avatar-row span { width: 29px; height: 29px; }
  .wf-luxury-home .wf-trust-proof b { font-size: 9px !important; line-height: 1.35; }

  .wf-luxury-home .wf-benefits { padding: 24px 0 42px !important; background: #fff; }
  .wf-luxury-home .wf-benefits-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  .wf-luxury-home .wf-benefits-grid article { min-height: 92px !important; align-items: flex-start !important; padding: 13px !important; border: 1px solid var(--wf8-line) !important; border-radius: 14px !important; background: #fff !important; }
  .wf-luxury-home .wf-benefit-icon { width: 33px; height: 33px; border-radius: 10px; }
  .wf-luxury-home .wf-benefits-grid b { font-size: 10px !important; }
  .wf-luxury-home .wf-benefits-grid span { font-size: 8.5px !important; }

  body:not(.premium-admin) main,
  body:not(.premium-admin) main > section,
  body:not(.premium-admin) .container,
  body:not(.premium-admin) [class*="-shell"] { min-width: 0; max-width: 100%; }
  .wf-dashboard-mode .wf-client-shell { padding-top: 16px !important; }
  .wf-order-shell-page .wf-multi-shell,
  .wf-order-shell-page .wf-payment-page { margin-top: 16px !important; }
}

@media (max-width: 420px) {
  .wf-global-header-inner { padding-inline: 12px; }
  .wf-global-brand img { width: 137px; }
  .wf-global-tools { gap: 4px; }
  .wf-global-icon-link,
  .wf-global-menu-toggle { width: 41px; height: 41px; flex-basis: 41px; }
  .wf-global-mobile-menu { width: 91vw; }
  .wf-luxury-home .wf-hero-grid { padding-inline: 16px !important; }
  .wf-luxury-home .wf-hero-art { width: calc(100% + 32px) !important; margin-inline: -16px !important; }
  .wf-luxury-home .wf-hero h1 { font-size: clamp(36px, 11.5vw, 46px) !important; }
  .wf-luxury-home .wf-benefits-grid { grid-template-columns: 1fr !important; }
  .wf-luxury-home .wf-benefits-grid article { min-height: 72px !important; align-items: center !important; }
}

@media (prefers-reduced-motion: reduce) {
  .wf-global-mobile-menu,
  .wf-global-menu-backdrop,
  .wf-global-menu-toggle span { transition: none !important; }
}

.wf-global-header a:focus-visible,
.wf-global-header button:focus-visible { outline: 3px solid rgba(109, 40, 217, .28); outline-offset: 3px; }

/* Wfarhali 8.1 — clean mobile header, reliable native menu and strict no-overflow layout. */
.wf-global-header { border: 0 !important; box-shadow: none !important; }
.wf-global-mobile-nav { display: none; }
.wf-company-facts { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wf-company-facts > div { min-width: 0; padding: 16px; border: 1px solid #e9e1f1; border-radius: 14px; background: #fbf9fd; }
.wf-company-facts .full { grid-column: 1 / -1; }
.wf-company-facts small,.wf-company-facts b,.wf-company-facts a { display: block; overflow-wrap: anywhere; }
.wf-company-facts small { margin-bottom: 7px; color: #8b7f94; font-size: 10px; }
.wf-company-facts b,.wf-company-facts a { color: #35243f; font-size: 13px; line-height: 1.55; }
.wf-footer-compact { display: grid; grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); gap: 64px; align-items: start; }
.wf-footer-compact nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px 18px; }
.wf-footer-compact nav a { color: rgba(255,255,255,.76); font-size: 10px; line-height: 1.55; }

@media (max-width: 900px) {
  :root { --wf8-header-height: 66px; }
  html,body { width: 100%; max-width: 100%; overflow-x: clip !important; }
  .wf-global-header { position: relative; height: var(--wf8-header-height); background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .wf-luxury-home .wf-global-header { position: absolute; inset: 0 0 auto; width: 100%; background: transparent !important; }
  .wf-global-header-inner { width: 100%; padding: 0 18px; grid-template-columns: minmax(0,1fr) 48px; gap: 10px; }
  .wf-global-brand img { width: 138px !important; max-height: 44px; object-fit: contain; object-position: left center; }
  .wf-global-nav,.wf-global-account,.wf-global-bell,.wf-global-icon-link { display: none !important; }
  .wf-global-tools { width: 48px; justify-content: flex-end; }

  .wf-global-mobile-nav { position: static; display: block; }
  .wf-global-mobile-nav > summary { width: 46px; height: 46px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 0; border: 0; border-radius: 12px; color: #2c1736; background: transparent; cursor: pointer; list-style: none; }
  .wf-global-mobile-nav > summary::-webkit-details-marker { display: none; }
  .wf-global-mobile-nav > summary span { width: 22px; height: 2.5px; flex: 0 0 2.5px; margin: 0; border-radius: 99px; background: currentColor; transition: transform .18s ease,opacity .18s ease; }
  .wf-global-mobile-nav[open] > summary span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
  .wf-global-mobile-nav[open] > summary span:nth-child(2) { opacity: 0; }
  .wf-global-mobile-nav[open] > summary span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
  .wf-global-mobile-panel { position: absolute; top: calc(100% + 6px); left: 12px; right: 12px; z-index: 1000; max-height: calc(100dvh - 84px); padding: 17px; overflow-y: auto; border: 1px solid #eee7f3; border-radius: 20px; background: rgba(255,255,255,.985); box-shadow: 0 24px 65px rgba(42,16,58,.22); }
  .wf-global-mobile-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 13px; border-bottom: 1px solid #eee8f2; }
  .wf-global-mobile-title img { width: 124px; height: auto; }
  .wf-global-mobile-title b { color: #806f8a; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
  .wf-global-mobile-panel nav { display: grid; margin-top: 7px; }
  .wf-global-mobile-panel nav a { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #f0ebf3; color: #35263d; text-decoration: none; font-size: 12px; font-weight: 750; }
  .wf-global-mobile-panel nav i { color: #8a55bd; font-style: normal; }
  .wf-global-mobile-actions { margin-top: 14px; }

  .wf-luxury-home .wf-hero-grid { padding-top: 101px !important; }
  .wf-luxury-home .wf-trust-proof { display: grid !important; grid-template-columns: auto minmax(0,1fr); align-items: center; }
  .wf-luxury-home .wf-trust-proof > div:last-child { min-width: 0; }
  .wf-luxury-home .wf-trust-proof b { display: block; overflow-wrap: anywhere; }
  .wf-whatsapp-float { width: 50px !important; height: 50px !important; right: 14px !important; bottom: 18px !important; }

  .wf-luxury-home .wf-service-story { padding: 54px 0 48px !important; overflow: clip; }
  .wf-luxury-home .wf-service-story-head { width: 100%; display: block !important; }
  .wf-luxury-home .wf-service-story-head .wf-section-heading { width: 100%; max-width: none; }
  .wf-luxury-home .wf-service-story-seal { display: none !important; }
  .wf-luxury-home .wf-service-stories { width: 100%; gap: 18px; margin-top: 25px; }
  .wf-luxury-home .wf-service-story-row,
  .wf-luxury-home .wf-service-story-row.is-reversed { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 10px !important; overflow: hidden !important; border-radius: 20px !important; }
  .wf-luxury-home .wf-service-story-row .wf-story-visual,
  .wf-luxury-home .wf-service-story-row.is-reversed .wf-story-visual { order: 0 !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; aspect-ratio: 1.1 / 1; border-radius: 15px !important; }
  .wf-luxury-home .wf-story-visual img { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 12px !important; object-fit: contain !important; }
  .wf-luxury-home .wf-service-story-row .wf-story-copy,
  .wf-luxury-home .wf-service-story-row.is-reversed .wf-story-copy { order: 1 !important; width: 100% !important; min-width: 0 !important; padding: 21px 8px 12px !important; }
  .wf-luxury-home .wf-story-copy h3 { max-width: 100%; font-size: 23px !important; line-height: 1.2 !important; overflow-wrap: anywhere; }
  .wf-luxury-home .wf-story-copy > p,.wf-luxury-home .wf-story-copy li { font-size: 12px !important; overflow-wrap: anywhere; }

  .wf-luxury-home .wf-process-strip { width: 100% !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; padding: 9px 15px !important; overflow: hidden !important; }
  .wf-luxury-home .wf-process-strip > div { width: 100%; min-height: 58px; display: grid !important; grid-template-columns: 40px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; align-items: center; justify-items: start; column-gap: 12px; text-align: left; }
  .wf-luxury-home .wf-process-strip > div > span { grid-row: 1 / 3; width: 36px; height: 36px; }
  .wf-luxury-home .wf-process-strip > div > b { align-self: end; font-size: 12px !important; }
  .wf-luxury-home .wf-process-strip > div > small { align-self: start; font-size: 9px !important; }
  .wf-luxury-home .wf-process-strip > i { width: 2px !important; height: 13px !important; margin: -4px 0 -4px 17px !important; background: #d9c6ee !important; }
  .wf-luxury-home .wf-service-story-cta { width: 100%; display: grid !important; gap: 14px !important; padding: 22px 2px !important; }
  .wf-luxury-home .wf-service-story-cta > div { min-width: 0; align-items: flex-start; }
  .wf-luxury-home .wf-service-story-cta p { overflow-wrap: anywhere; }

  .wf-home-footer { padding: 34px 0 18px !important; }
  .wf-footer-compact { display: grid; grid-template-columns: 1fr; gap: 28px; }
  .wf-footer-compact .wf-footer-brand { grid-column: auto; }
  .wf-footer-compact nav { grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .wf-footer-compact nav a { min-height: 39px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.10); font-size: 10px; }
  .wf-footer-bottom { margin-top: 24px !important; flex-direction: row !important; gap: 8px !important; font-size: 8.5px !important; }
  .wf-company-facts { grid-template-columns: 1fr; }
  .wf-company-facts .full { grid-column: auto; }
}

@media (max-width: 380px) {
  .wf-global-header-inner { padding-inline: 14px; }
  .wf-global-brand img { width: 128px !important; }
  .wf-luxury-home .wf-hero h1 { font-size: 35px !important; }
  .wf-footer-compact nav { grid-template-columns: 1fr; }
}