/* Wfarhali 8.6.1 — final customer experience layer.
   Purpose: one header system, reliable mobile drawer, no overlapping cards, text-first mobile storytelling. */
:root{--wf861-purple:#6f2bd4;--wf861-purple-deep:#4b159f;--wf861-ink:#25182e;--wf861-line:#ece5f2;--wf861-soft:#faf7fd}
html.wf-global-menu-open,body.wf-global-menu-open{overflow:hidden!important;overscroll-behavior:none}
.wf-global-header{border:0!important;box-shadow:none!important;background:rgba(255,255,255,.96)!important}
.wf-luxury-home .wf-global-header{background:transparent!important}
.wf-global-header-inner{width:min(1260px,calc(100% - 44px));grid-template-columns:198px minmax(0,1fr) auto}
.wf-global-brand img{width:184px!important;max-height:54px;filter:none!important}
.wf-global-mobile-nav{display:none!important}
.wf-global-menu-backdrop[hidden]{display:none!important}
.wf-global-menu-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.wf-global-mobile-menu{border-left:1px solid rgba(80,35,120,.08)}
.wf-global-mobile-head>a{display:flex;align-items:center}
.wf-global-mobile-head img{width:158px!important}
.wf-global-mobile-menu>nav a{font-size:13px;min-height:52px}
.wf-global-mobile-actions a,.wf-global-mobile-actions button{font-size:11px!important}

/* Company identity lives on its dedicated page instead of being repeated as a legal dump in every footer. */
.wf-company-page-note{margin-top:16px;padding:14px 16px;border:1px solid var(--wf861-line);border-radius:14px;background:var(--wf861-soft);color:#66566f;font-size:12px;line-height:1.7}

/* Pricing 8.6 customer controls */
.wf-rate-strip{margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wf-rate-strip span{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #e9e0f2;border-radius:999px;background:#fff;color:#6c5b76;font-size:10px;font-weight:750}
.wf-rate-strip b{color:var(--wf861-purple-deep);margin-left:4px}
.wf-free-shipping-toggle{margin-top:10px!important;display:flex!important;align-items:flex-start!important;gap:10px!important;padding:11px 12px!important;border:1px solid #ece4f3!important;border-radius:12px!important;background:#fbf9fd!important;cursor:pointer}
.wf-free-shipping-toggle input{width:18px!important;height:18px!important;min-width:18px!important;margin:1px 0 0!important;accent-color:var(--wf861-purple)}
.wf-free-shipping-toggle span{display:block!important;color:#3d3046!important;font-size:11px!important;font-weight:760!important;line-height:1.45!important}
.wf-free-shipping-toggle small{display:block;margin-top:2px;color:#8a7d92;font-size:9px;line-height:1.45}
.wf-estimate-warning{margin-top:10px;padding:10px 12px;border:1px solid #f1dfb8;border-radius:11px;background:#fff9ed;color:#8a6417;font-size:10px;line-height:1.55}

@media(max-width:900px){
  :root{--wf8-header-height:70px}
  .wf-global-header{position:relative!important;height:var(--wf8-header-height)!important;background:#fff!important}
  .wf-luxury-home .wf-global-header{position:absolute!important;background:transparent!important}
  .wf-global-header-inner{width:100%!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;padding:0 16px!important}
  .wf-global-brand img{width:154px!important;max-height:48px!important}
  .wf-global-tools{width:46px!important}
  .wf-global-menu-toggle{width:44px!important;height:44px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#2f173b!important;box-shadow:none!important}
  .wf-global-menu-toggle span{width:22px!important;height:2px!important;flex:0 0 2px!important;margin:2.25px 0!important;border-radius:999px!important}
  .wf-global-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)!important}
  .wf-global-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)!important}
  .wf-global-mobile-menu{width:min(91vw,390px)!important;padding:16px 17px calc(22px + env(safe-area-inset-bottom))!important}

  /* User requested text first, image second. Keep it deterministic even with older CSS layers. */
  .wf-luxury-home .wf-hero-grid{padding-top:104px!important}
  .wf-luxury-home .wf-hero-copy{order:0!important}
  .wf-luxury-home .wf-hero-art{order:1!important}
  .wf-luxury-home .wf-service-story-row .wf-story-copy,
  .wf-luxury-home .wf-service-story-row.is-reversed .wf-story-copy{order:0!important;padding:18px 10px 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:1!important}

  /* Protect forms/cards from horizontal collisions on narrow phones. */
  .wf-order-shell-page *,.wf-dashboard-mode *{min-width:0}
  .wf-multi-layout,.wf-multi-item-fields,.wf-profile-picker-fields,.wf-register-grid{grid-template-columns:minmax(0,1fr)!important}
  .wf-multi-item,.wf-multi-summary-card,.wf-multi-confirmation,.wf-profile-picker{max-width:100%!important;overflow:hidden}
  .wf-multi-field input,.wf-multi-field select,.wf-multi-field textarea{max-width:100%!important}
}
@media(max-width:390px){
  .wf-global-header-inner{padding-inline:13px!important}
  .wf-global-brand img{width:146px!important}
  .wf-global-mobile-menu{width:94vw!important}
}