/* جميع الألوان البارزة في هذا الملف ترث لون القالب النشط. */
:root {
  --wfx-success: var(--wfx-p);
  --wfx-danger: var(--wfx-p);
  --wfx-warning: var(--wfx-p);
}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0..1&display=swap');
:root{--ref-ink:var(--wfx-muted);--ref-soft:var(--wfx-muted);--ref-muted:var(--wfx-p);--ref-paper:var(--wfx-card);--ref-card:var(--wfx-card);--ref-card2:var(--wfx-card);--ref-line:var(--wfx-card);--ref-purple:var(--wfx-p);--ref-purple-light:var(--wfx-p);--ref-cyan:var(--wfx-p);--ref-green:var(--wfx-p);--ref-orange:var(--wfx-p);--ref-red:var(--wfx-p)}
html,body{background:radial-gradient(circle at 75% 0%,color-mix(in srgb, var(--wfx-card) 27%, transparent),transparent 36%),var(--ref-paper)!important;color:var(--ref-ink)}body{font-family:'IBM Plex Sans Arabic','Cairo',sans-serif!important}
.wfx-header{background:linear-gradient(180deg,color-mix(in srgb, var(--wfx-card) 93%, transparent),color-mix(in srgb, var(--wfx-card) 93%, transparent))!important;border-bottom:1px solid var(--wfx-card)!important;box-shadow:0 12px 35px color-mix(in srgb, var(--wfx-bg) 15%, transparent)!important;backdrop-filter:blur(16px)}
.wfx-header-main{max-width:1240px!important;padding:18px clamp(17px,4vw,62px)!important}.wfx-brand-name{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif!important;font-weight:800!important;letter-spacing:-.05em;color:var(--wfx-txt)!important}.wfx-brand-sub{color:var(--ref-soft)!important}.wfx-brand-icon,.wfx-brand-logo-img{box-shadow:0 0 24px color-mix(in srgb, var(--wfx-p) 47%, transparent)!important;border-radius:13px!important}.wfx-brand-icon{background:linear-gradient(140deg,var(--wfx-p),var(--wfx-p))!important;color:var(--wfx-txt)!important}
.wfx-nav-btn,.wfx-menu-toggle{border-color:var(--wfx-card)!important;background:transparent!important;color:var(--wfx-muted)!important;border-radius:12px!important}.wfx-nav-btn:hover,.wfx-nav-btn.active,.wfx-menu-toggle:hover{color:var(--wfx-txt)!important;background:linear-gradient(100deg,var(--wfx-p),var(--wfx-card))!important;border-color:var(--wfx-p)!important;box-shadow:0 8px 22px color-mix(in srgb, var(--wfx-p) 27%, transparent)!important}
.wfx-main-content{max-width:1240px!important;margin:0 auto!important;padding:0 clamp(17px,4vw,62px)!important}.wfx-section,.wfx-hero,.wfx-card,.wfx-product-card,.product-card,.wfx-panel{background:linear-gradient(145deg,color-mix(in srgb, var(--wfx-card) 80%, transparent),color-mix(in srgb, var(--wfx-card) 87%, transparent))!important;border:1px solid var(--wfx-card)!important;border-radius:20px!important;box-shadow:0 12px 28px color-mix(in srgb, var(--wfx-card) 21%, transparent)!important}
.wfx-hero{position:relative;overflow:hidden;padding:clamp(25px,4vw,42px)!important;background:linear-gradient(112deg,var(--wfx-card),var(--wfx-card) 68%,var(--wfx-card))!important}.wfx-hero:before{content:'';position:absolute;width:270px;height:270px;left:-90px;bottom:-160px;border-radius:50%;background:color-mix(in srgb, var(--wfx-p) 16%, transparent);box-shadow:150px -65px 0 color-mix(in srgb, var(--wfx-p) 15%, transparent),380px 120px 0 color-mix(in srgb, var(--wfx-p) 13%, transparent);filter:blur(3px)}
.wfx-hero h1,.wfx-hero h2,.wfx-hero h3,.wfx-page-title{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif!important;font-weight:800!important;letter-spacing:-.06em;color:var(--wfx-txt)!important}.wfx-hero p,.wfx-muted,.wfx-subtitle{color:var(--ref-soft)!important;line-height:1.9!important}
.wfx-products,.products-grid,.wfx-product-grid{gap:18px!important}.wfx-product-card,.product-card{overflow:hidden!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}.wfx-product-card:hover,.product-card:hover{transform:translateY(-4px);border-color:var(--wfx-p)!important;box-shadow:0 18px 40px color-mix(in srgb, var(--wfx-card) 40%, transparent),0 0 18px color-mix(in srgb, var(--wfx-p) 13%, transparent)!important}.wfx-product-card img,.product-card img,.wfx-product-image{object-fit:contain!important;background:var(--wfx-card)!important;padding:10px!important;border-radius:14px!important}
.wfx-btn,.wfx-button,.btn-primary,.buy-button{background:linear-gradient(100deg,var(--wfx-p),var(--wfx-p))!important;border:1px solid var(--wfx-p)!important;color:var(--wfx-txt)!important;border-radius:12px!important;box-shadow:0 8px 22px color-mix(in srgb, var(--wfx-p) 26%, transparent)!important;font-weight:700!important}.wfx-btn:hover,.wfx-button:hover,.btn-primary:hover,.buy-button:hover{filter:brightness(1.12)!important;transform:translateY(-1px)}
input,select,textarea,.wfx-input{background:var(--wfx-card)!important;border:1px solid var(--wfx-card)!important;color:var(--wfx-muted)!important;border-radius:10px!important}input::placeholder,textarea::placeholder{color:var(--wfx-p)!important}.wfx-badge,.badge,.status-pill{border-radius:999px!important}.wfx-badge.success,.badge.success{background:var(--wfx-card)!important;color:var(--wfx-p)!important}.wfx-badge.warning,.badge.warning{background:var(--wfx-card)!important;color:var(--wfx-p)!important}
.wfx-site-footer{border-top:1px solid var(--wfx-card)!important;color:var(--wfx-p)!important}.wfx-footer-socials a{background:var(--wfx-card)!important;border-color:var(--wfx-card)!important;color:var(--wfx-p)!important}.wfx-footer-socials a:hover{background:var(--wfx-p)!important;color:var(--wfx-txt)!important}
@media(max-width:700px){.wfx-main-content{padding:0 17px!important}.wfx-header-main{padding:15px 17px!important}.wfx-nav-desktop{display:none!important}.wfx-hero{border-radius:18px!important;padding:27px 23px!important}.wfx-products,.products-grid,.wfx-product-grid{grid-template-columns:1fr!important;gap:12px!important}.wfx-card,.wfx-product-card,.product-card{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;vertical-align:middle}
.page-ref-badge{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:var(--wfx-txt)}
.ref-stat-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px}.ref-stat{padding:17px;background:linear-gradient(145deg,var(--wfx-card),var(--wfx-card));border:1px solid var(--wfx-card);border-radius:18px;box-shadow:0 12px 24px color-mix(in srgb, var(--wfx-card) 22%, transparent)}.ref-stat.featured{background:linear-gradient(135deg,var(--wfx-p),var(--wfx-p));border-color:var(--wfx-p)}.ref-stat strong{display:block;color:var(--wfx-txt);font:700 24px 'DM Sans'}.ref-stat span{display:block;margin-bottom:7px;color:var(--wfx-muted);font-size:11px}
@media(max-width:930px){.ref-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ref-stat-grid{grid-template-columns:1fr 1fr;gap:7px}.ref-stat{padding:11px}.ref-stat strong{font-size:20px}}

/* تطبيق مباشر على أصناف متجر WolFox الحالية */
.wfx-hero.premium{display:flex;justify-content:space-between;align-items:center;min-height:245px;padding:35px 42px!important;background:linear-gradient(112deg,var(--wfx-card),var(--wfx-card) 68%,var(--wfx-card))!important;border:1px solid var(--wfx-card)!important;border-radius:24px!important;overflow:hidden;position:relative;box-shadow:0 18px 45px color-mix(in srgb, var(--wfx-card) 40%, transparent)!important}.wfx-hero-copy{position:relative;z-index:1}.wfx-hero-kicker.premium{color:var(--wfx-txt)!important;font:600 10px/1.3 'IBM Plex Mono',monospace!important;letter-spacing:.12em}.wfx-hero-title.premium{font:800 clamp(33px,4.2vw,57px)/1 'DM Sans','IBM Plex Sans Arabic',sans-serif!important;letter-spacing:-.07em!important;color:var(--wfx-txt)!important}.wfx-hero-title.premium em,.wfx-hero-title.premium strong{color:var(--wfx-txt)!important;text-shadow:0 0 20px color-mix(in srgb, var(--wfx-p) 40%, transparent)}.wfx-hero-subtitle.premium{max-width:420px;color:var(--wfx-muted)!important;font-size:13px;line-height:1.8}.wfx-hero-visual{position:relative;z-index:1}.wfx-hero-proof{background:linear-gradient(145deg,color-mix(in srgb, var(--wfx-card) 80%, transparent),color-mix(in srgb, var(--wfx-card) 87%, transparent))!important;border:1px solid var(--wfx-card)!important;border-radius:18px!important;box-shadow:0 12px 28px color-mix(in srgb, var(--wfx-card) 21%, transparent)!important}.wfx-stats.premium{display:grid!important;grid-template-columns:1.5fr repeat(3,1fr)!important;gap:12px!important}.wfx-stat.premium{display:flex;align-items:center;gap:13px;min-height:87px;padding:17px!important;background:linear-gradient(145deg,var(--wfx-card),var(--wfx-card))!important;border:1px solid var(--wfx-card)!important;border-radius:18px!important;box-shadow:0 12px 24px color-mix(in srgb, var(--wfx-card) 22%, transparent)!important}.wfx-stat.premium:first-child{background:linear-gradient(135deg,var(--wfx-p),var(--wfx-p))!important;border-color:var(--wfx-p)!important}.wfx-stat-val.premium{color:var(--wfx-txt)!important;font:700 24px 'DM Sans','IBM Plex Sans Arabic',sans-serif!important}.wfx-stat-lbl{color:var(--wfx-muted)!important;font-size:11px}.wfx-stat-fa{color:var(--wfx-p)!important}.wfx-card.premium{background:linear-gradient(145deg,color-mix(in srgb, var(--wfx-card) 80%, transparent),color-mix(in srgb, var(--wfx-card) 87%, transparent))!important;border:1px solid var(--wfx-card)!important;border-radius:20px!important;box-shadow:0 12px 28px color-mix(in srgb, var(--wfx-card) 21%, transparent)!important}.wfx-card.premium h2{font:700 19px 'DM Sans','IBM Plex Sans Arabic',sans-serif!important;color:var(--wfx-muted)!important}.wfx-products.premium{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:18px!important}.wfx-product.premium{background:linear-gradient(145deg,color-mix(in srgb, var(--wfx-card) 80%, transparent),color-mix(in srgb, var(--wfx-card) 87%, transparent))!important;border:1px solid var(--wfx-card)!important;border-radius:20px!important;box-shadow:0 12px 28px color-mix(in srgb, var(--wfx-card) 21%, transparent)!important;overflow:hidden!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}.wfx-product.premium:hover{transform:translateY(-4px);border-color:var(--wfx-p)!important;box-shadow:0 18px 40px color-mix(in srgb, var(--wfx-card) 40%, transparent),0 0 18px color-mix(in srgb, var(--wfx-p) 13%, transparent)!important}.wfx-product-visual{background:linear-gradient(180deg,var(--wfx-card),var(--wfx-card))!important;min-height:178px!important}.wfx-product-image-frame{background:var(--wfx-card)!important;border:1px solid var(--wfx-card)!important;border-radius:14px!important}.wfx-product-img{object-fit:contain!important;padding:10px!important}.wfx-product-title{font:700 16px/1.55 'IBM Plex Sans Arabic',sans-serif!important;color:var(--wfx-muted)!important}.wfx-product-price{font:700 24px 'DM Sans','IBM Plex Sans Arabic',sans-serif!important;color:var(--wfx-txt)!important}.wfx-product-bottom{border-top:1px solid var(--wfx-card)!important}.wfx-product-buy{background:linear-gradient(100deg,var(--wfx-p),var(--wfx-p))!important;border-color:var(--wfx-p)!important}.wfx-pay-grid.premium{gap:12px!important}.wfx-pay-item.premium{background:linear-gradient(145deg,var(--wfx-card),var(--wfx-card))!important;border:1px solid var(--wfx-card)!important;border-radius:18px!important;color:var(--wfx-muted)!important}.wfx-pay-item.premium i{color:var(--wfx-p)!important}
@media(max-width:930px){.wfx-stats.premium{grid-template-columns:repeat(2,1fr)!important}.wfx-stat.premium:first-child{grid-column:span 2}}
@media(max-width:700px){.wfx-hero.premium{min-height:300px;padding:27px 23px!important;border-radius:18px!important}.wfx-hero-title.premium{font-size:38px!important}.wfx-stats.premium{gap:7px!important}.wfx-stat.premium{min-height:75px;padding:11px!important}.wfx-stat-val.premium{font-size:20px}.wfx-products.premium{grid-template-columns:1fr!important;gap:12px!important}.wfx-product.premium,.wfx-card.premium{border-radius:16px!important}}


/* Key Store card boundary refinement — theme-aware */
.wfx-products.premium > .wfx-product.premium {
  position: relative !important;
  border: 1px solid color-mix(in srgb, var(--wfx-p) 40%, transparent) !important;
  outline: 1px solid color-mix(in srgb, var(--wfx-p) 10%, transparent) !important;
  outline-offset: -3px !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, .28),
    inset 0 0 0 1px rgba(255, 255, 255, .035),
    0 0 0 1px color-mix(in srgb, var(--wfx-p) 10%, transparent) !important;
}
.wfx-products.premium > .wfx-product.premium:hover,
.wfx-products.premium > .wfx-product.premium:focus-within {
  border-color: color-mix(in srgb, var(--wfx-p) 85%, transparent) !important;
  outline-color: color-mix(in srgb, var(--wfx-p) 20%, transparent) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, .38),
    inset 0 0 0 1px rgba(255, 255, 255, .06),
    0 0 0 2px color-mix(in srgb, var(--wfx-p) 14%, transparent),
    0 0 22px color-mix(in srgb, var(--wfx-p) 18%, transparent) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-image-frame {
  border-color: color-mix(in srgb, var(--wfx-p) 30%, transparent) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-bottom {
  border-top-color: color-mix(in srgb, var(--wfx-p) 20%, transparent) !important;
}
@media (max-width: 700px) {
  .wfx-products.premium > .wfx-product.premium {
    border-radius: 17px !important;
    outline-offset: -2px !important;
  }
}


/* Product cards: one authoritative mobile layout override. */
.wfx-products.premium > .wfx-product.premium .wfx-product-visual {
  min-height: 178px !important;
  height: 178px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-image-frame {
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain !important;
}
@media (max-width: 700px) {
  .wfx-products.premium > .wfx-product.premium {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .wfx-products.premium > .wfx-product.premium .wfx-product-visual {
    height: 118px !important;
    min-height: 118px !important;
    padding: 8px !important;
  }
  .wfx-products.premium > .wfx-product.premium .wfx-product-body {
    display: flex !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    padding: 12px !important;
  }
  .wfx-products.premium > .wfx-product.premium .wfx-product-heading { gap: 4px !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-title { font-size: 15px !important; line-height: 1.4 !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-description { max-height: 3.1em !important; overflow: hidden !important; line-height: 1.55 !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-bottom { gap: 8px !important; padding-top: 8px !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-price { padding: 6px 12px !important; font-size: 20px !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-actions { gap: 6px !important; }
  .wfx-products.premium > .wfx-product.premium .wfx-product-actions .wfx-btn { min-height: 42px !important; padding: 9px 12px !important; }
}
/* p3nd navy-gold card palette v1 */
:root {
  --p3nd-navy-950: #0b1328;
  --p3nd-navy-900: #101a32;
  --p3nd-navy-850: #14213c;
  --p3nd-navy-800: #192946;
  --p3nd-gold: #d6b15c;
  --p3nd-gold-bright: #f1d78b;
  --p3nd-gold-soft: rgba(214, 177, 92, .22);
  --p3nd-text: #f8f5ec;
  --p3nd-muted: #b8bfd2;
}

.wfx-products.premium > .wfx-product.premium {
  background: linear-gradient(145deg, var(--p3nd-navy-850), var(--p3nd-navy-950)) !important;
  border: 1px solid var(--p3nd-gold-soft) !important;
  box-shadow: 0 14px 30px rgba(3, 8, 22, .42), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.wfx-products.premium > .wfx-product.premium:hover {
  border-color: rgba(214, 177, 92, .72) !important;
  box-shadow: 0 20px 40px rgba(3, 8, 22, .55), 0 0 24px rgba(214, 177, 92, .12) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-visual {
  background: linear-gradient(180deg, var(--p3nd-navy-900), var(--p3nd-navy-850)) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-image-frame {
  background: var(--p3nd-navy-800) !important;
  border-color: rgba(214, 177, 92, .24) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-title {
  color: var(--p3nd-text) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-description,
.wfx-products.premium > .wfx-product.premium .wfx-product-price span {
  color: var(--p3nd-muted) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-price {
  color: var(--p3nd-gold-bright) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-bottom {
  border-top-color: rgba(214, 177, 92, .18) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-icon {
  background: linear-gradient(145deg, var(--p3nd-navy-800), var(--p3nd-navy-900)) !important;
  border-color: rgba(214, 177, 92, .28) !important;
  color: var(--p3nd-gold-bright) !important;
}
.wfx-products.premium > .wfx-product.premium .wfx-product-buy,
.wfx-products.premium > .wfx-product.premium .wfx-product-buy:hover {
  color: #17120a !important;
  background: linear-gradient(135deg, var(--p3nd-gold-bright), var(--p3nd-gold)) !important;
  border-color: var(--p3nd-gold) !important;
  box-shadow: 0 8px 18px rgba(214, 177, 92, .18) !important;
}

.wfx-stats.premium {
  gap: 12px !important;
}
.wfx-stats.premium .wfx-stat.premium {
  background: linear-gradient(145deg, var(--p3nd-navy-850), var(--p3nd-navy-950)) !important;
  border: 1px solid var(--p3nd-gold-soft) !important;
  box-shadow: 0 12px 26px rgba(3, 8, 22, .38), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.wfx-stats.premium .wfx-stat.premium::after {
  background: radial-gradient(circle, rgba(214,177,92,.13), transparent 68%) !important;
}
.wfx-stats.premium .wfx-stat.premium:first-child {
  background: linear-gradient(135deg, #3b2f19, #8a6b2d) !important;
  border-color: rgba(241, 215, 139, .58) !important;
}
.wfx-stats.premium .wfx-stat.premium:first-child::after {
  background: radial-gradient(circle, rgba(255,245,201,.24), transparent 68%) !important;
}
.wfx-stats.premium .wfx-stat-val.premium {
  color: var(--p3nd-text) !important;
}
.wfx-stats.premium .wfx-stat.premium:not(:first-child) .wfx-stat-val.premium {
  color: var(--p3nd-gold-bright) !important;
}
.wfx-stats.premium .wfx-stat-lbl,
.wfx-stats.premium .wfx-stat.premium:first-child .wfx-stat-lbl {
  color: var(--p3nd-muted) !important;
}
.wfx-stats.premium .wfx-stat-fa,
.wfx-stats.premium .wfx-stat.premium:first-child .wfx-stat-fa {
  color: var(--p3nd-gold-bright) !important;
  background: rgba(214, 177, 92, .13) !important;
  border-color: rgba(241, 215, 139, .22) !important;
}

@media (max-width: 700px) {
  .wfx-products.premium > .wfx-product.premium,
  .wfx-stats.premium .wfx-stat.premium {
    border-radius: 16px !important;
  }
  .wfx-stats.premium .wfx-stat.premium {
    box-shadow: 0 9px 20px rgba(3, 8, 22, .34) !important;
  }
}

/* Catalog and statistics polish */
.wfx-stats.premium {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px !important;
  margin: 18px 0 24px;
}
.wfx-stats.premium .wfx-stat.premium {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 18px 12px !important;
  border: 1px solid rgba(163, 181, 214, .22) !important;
  border-top: 3px solid var(--stat-accent, #d6b15c) !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #182946 0%, #101b31 100%) !important;
  box-shadow: 0 12px 26px rgba(3, 8, 22, .34), inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.wfx-stats.premium .wfx-stat.premium:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--stat-accent) 58%, #a3b5d6) !important;
  box-shadow: 0 16px 32px rgba(3, 8, 22, .46), 0 0 20px color-mix(in srgb, var(--stat-accent) 14%, transparent) !important;
}
.wfx-stats.premium .wfx-stat.premium:nth-child(1) { --stat-accent: #31d69a; }
.wfx-stats.premium .wfx-stat.premium:nth-child(2) { --stat-accent: #7c8cff; }
.wfx-stats.premium .wfx-stat.premium:nth-child(3) { --stat-accent: #f1c85b; }
.wfx-stats.premium .wfx-stat.premium:nth-child(4) { --stat-accent: #58b8ff; }
.wfx-stats.premium .wfx-stat-val.premium {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--stat-accent) !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 950 !important;
  line-height: 1;
  text-shadow: 0 4px 18px color-mix(in srgb, var(--stat-accent) 18%, transparent);
}
.wfx-stats.premium .wfx-stat-fa {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  color: var(--stat-accent) !important;
  background: color-mix(in srgb, var(--stat-accent) 15%, #17253f) !important;
  border: 1px solid color-mix(in srgb, var(--stat-accent) 28%, transparent) !important;
  font-size: 17px;
}
.wfx-stats.premium .wfx-stat-lbl {
  color: #c5cee0 !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}
.wfx-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.wfx-section-heading > div { min-width: 0; }
.wfx-section-heading h2 { line-height: 1.35; }
.wfx-section-count {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(214, 177, 92, .34);
  border-radius: 999px;
  background: rgba(214, 177, 92, .09);
  color: #f1d88b !important;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .wfx-stats.premium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px !important;
    margin: 14px 0 20px;
  }
  .wfx-stats.premium .wfx-stat.premium {
    min-height: 116px;
    padding: 15px 8px !important;
    border-radius: 17px !important;
  }
  .wfx-stats.premium .wfx-stat-val.premium { font-size: clamp(20px, 6.5vw, 29px) !important; gap: 6px; }
  .wfx-stats.premium .wfx-stat-fa { width: 32px; height: 32px; border-radius: 11px; font-size: 14px; }
  .wfx-stats.premium .wfx-stat-lbl { font-size: 12px; }
  .wfx-section-heading { align-items: center; gap: 10px; flex-wrap: wrap; }
  .wfx-section-heading h2 { font-size: clamp(22px, 7vw, 30px); }
  .wfx-section-count { margin-inline-start: auto; font-size: 12px; padding: 6px 10px; }
}
@media (max-width: 390px) {
  .wfx-stats.premium .wfx-stat.premium { min-height: 108px; }
  .wfx-stats.premium .wfx-stat-val.premium { font-size: 20px !important; }
  .wfx-section-heading { align-items: flex-start; flex-direction: column; }
  .wfx-section-count { margin-inline-start: 0; }
}

/* Unified Saudi Riyal symbol and final statistics palette */
.wfx-currency {
  color: #f5d77a !important;
}
.wfx-currency img {
  width: 1.18em !important;
  height: 1.18em !important;
  object-fit: contain;
  display: block;
  filter: invert(1) sepia(1) saturate(4.8) hue-rotate(5deg) brightness(1.12) contrast(1.02) !important;
  mix-blend-mode: screen;
  opacity: 1;
}
.wfx-stats.premium .wfx-stat.premium:first-child {
  background: linear-gradient(145deg, #182f49 0%, #101b31 100%) !important;
  border-top-color: #31d69a !important;
  border-color: rgba(49, 214, 154, .28) !important;
}
.wfx-stats.premium .wfx-stat.premium:first-child::after {
  background: radial-gradient(circle, rgba(49,214,154,.16), transparent 68%) !important;
}
@media (max-width: 700px) {
  .wfx-currency img { width: 1.12em !important; height: 1.12em !important; }
}

/* High-contrast currency finish */
.wfx-currency {
  color: #f6d77a !important;
  text-shadow: 0 0 10px rgba(246, 215, 122, .18);
}
.wfx-currency img {
  width: 1.24em !important;
  height: 1.24em !important;
  filter: invert(1) sepia(1) saturate(11) hue-rotate(2deg) brightness(1.35) contrast(1.08) !important;
  mix-blend-mode: screen;
}
.plan-price,
.plan-price .wfx-currency {
  color: #f6d77a !important;
}
@media (max-width: 700px) {
  .wfx-currency img { width: 1.18em !important; height: 1.18em !important; }
}

/* True transparent gold asset: no filter or blend-mode drift */
.wfx-currency img {
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
}

/* Unified customer accent across customer-facing pages */
:root { --wfx-customer-accent: #7aa8ff; --wfx-customer-soft: rgba(122, 168, 255, .16); }
.wfx-stats.premium .wfx-stat.premium:nth-child(2) {
  --stat-accent: var(--wfx-customer-accent) !important;
  border-top-color: var(--wfx-customer-accent) !important;
  border-color: rgba(122, 168, 255, .30) !important;
  background: linear-gradient(145deg, #182d4b 0%, #101b31 100%) !important;
}
.wfx-stats.premium .wfx-stat.premium:nth-child(2)::after {
  background: radial-gradient(circle, rgba(122,168,255,.18), transparent 68%) !important;
}
.wfx-stats.premium .wfx-stat.premium:nth-child(2) .wfx-stat-val.premium,
.wfx-stats.premium .wfx-stat.premium:nth-child(2) .wfx-stat-fa {
  color: var(--wfx-customer-accent) !important;
}
.wfx-stats.premium .wfx-stat.premium:nth-child(2) .wfx-stat-fa {
  background: rgba(122,168,255,.15) !important;
  border-color: rgba(122,168,255,.30) !important;
}
/* Checkout customer information */
.co-card h2 i.fa-lock { color: var(--wfx-customer-accent) !important; }
.co-card .fg label { color: #bfd0f3 !important; }
.co-card .wfi,
.co-card .cs {
  border-color: rgba(122,168,255,.28) !important;
  background: #111b32 !important;
}
.co-card .wfi:focus,
.co-card .cs:focus {
  border-color: var(--wfx-customer-accent) !important;
  box-shadow: 0 0 0 3px rgba(122,168,255,.18) !important;
}
.co-card .wfi::placeholder { color: #869ed5 !important; opacity: 1; }

/* Currency follows the surrounding price color */
.wfx-currency,
.plan-price .wfx-currency,
.wfx-products.premium > .wfx-product.premium .wfx-product-price .wfx-currency {
  position: relative;
  display: inline-block !important;
  width: 1.24em;
  height: 1.24em;
  min-width: 1.24em;
  padding: 0;
  color: inherit !important;
  vertical-align: middle;
  text-shadow: none;
}
.wfx-currency img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  filter: none !important;
}
.wfx-currency::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background: currentColor;
  -webkit-mask: url("../images/saudi-riyal-symbol.png?v=202609041556") center / contain no-repeat;
  mask: url("../images/saudi-riyal-symbol.png?v=202609041556") center / contain no-repeat;
}
@media (max-width: 700px) {
  .wfx-currency,
  .plan-price .wfx-currency { width: 1.18em; height: 1.18em; min-width: 1.18em; }
}

/* WolFox Store Theme V2: compact side-by-side product cards */
.wfx-catalog-theme-v2 {
  padding: clamp(16px, 2.4vw, 28px) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(18, 31, 58, .96), rgba(10, 18, 39, .98)) !important;
  border: 1px solid rgba(241, 215, 139, .22) !important;
}
.wfx-catalog-theme-v2 .wfx-section-heading {
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}
.wfx-catalog-theme-v2 .wfx-section-heading h2 {
  color: #f4f7ff !important;
  font-size: clamp(18px, 2.5vw, 25px) !important;
}
.wfx-catalog-theme-v2 .wfx-section-count {
  color: #f1d78b !important;
  background: rgba(241, 215, 139, .10) !important;
  border: 1px solid rgba(241, 215, 139, .28) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
}
.wfx-store-theme-v2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.7vw, 18px) !important;
  align-items: stretch !important;
}
.wfx-store-theme-v2 > .wfx-product {
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, rgba(25, 42, 77, .96), rgba(12, 23, 48, .98)) !important;
  border: 1px solid rgba(241, 215, 139, .24) !important;
  box-shadow: 0 12px 26px rgba(3, 8, 22, .30) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.wfx-store-theme-v2 > .wfx-product:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(168, 85, 247, .78) !important;
  box-shadow: 0 16px 34px rgba(124, 58, 237, .20) !important;
}
.wfx-store-theme-v2 .wfx-product-visual {
  min-height: 122px !important;
  padding: 14px !important;
  display: grid !important;
  place-items: center !important;
}
.wfx-store-theme-v2 .wfx-product-icon,
.wfx-store-theme-v2 .wfx-product-image-frame {
  width: 84px !important;
  height: 84px !important;
  border-radius: 20px !important;
}
.wfx-store-theme-v2 .wfx-product-body {
  padding: 12px !important;
  gap: 0 !important;
}
.wfx-store-theme-v2 .wfx-product-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 7px !important;
}
.wfx-store-theme-v2 .wfx-product-category {
  font-size: 10px !important;
  color: #aeb9d2 !important;
}
.wfx-store-theme-v2 .wfx-product-title {
  min-height: 42px !important;
  color: #f4f7ff !important;
  font-size: clamp(13px, 1.7vw, 16px) !important;
  line-height: 1.55 !important;
}
.wfx-store-theme-v2 .wfx-badge {
  align-self: flex-start !important;
  font-size: 10px !important;
  padding: 5px 8px !important;
}
.wfx-store-theme-v2 .wfx-desc-btn {
  margin: 8px auto 0 !important;
  padding: 7px 9px !important;
  font-size: 10px !important;
}
.wfx-store-theme-v2 .wfx-product-bottom {
  padding-top: 11px !important;
  margin-top: auto !important;
  gap: 9px !important;
}
.wfx-store-theme-v2 .wfx-product-price {
  min-width: 0 !important;
  padding: 6px 10px !important;
  font-size: 19px !important;
  border-radius: 11px !important;
}
.wfx-store-theme-v2 .wfx-product-actions {
  width: 100% !important;
  gap: 7px !important;
}
.wfx-store-theme-v2 .wfx-product-actions .wfx-btn {
  min-height: 38px !important;
  padding: 8px 7px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}
@media (min-width: 980px) {
  .wfx-store-theme-v2 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 440px) {
  .wfx-catalog-theme-v2 { padding: 12px !important; }
  .wfx-store-theme-v2 { gap: 8px !important; }
  .wfx-store-theme-v2 .wfx-product-visual { min-height: 100px !important; padding: 10px !important; }
  .wfx-store-theme-v2 .wfx-product-icon,
  .wfx-store-theme-v2 .wfx-product-image-frame { width: 66px !important; height: 66px !important; border-radius: 16px !important; }
  .wfx-store-theme-v2 .wfx-product-body { padding: 9px !important; }
  .wfx-store-theme-v2 .wfx-product-title { min-height: 40px !important; font-size: 12px !important; }
  .wfx-store-theme-v2 .wfx-product-price { font-size: 17px !important; padding-inline: 7px !important; }
  .wfx-store-theme-v2 .wfx-product-actions .wfx-btn { font-size: 10px !important; padding-inline: 4px !important; }
  .wfx-catalog-theme-v2 .wfx-section-heading { align-items: flex-start !important; flex-direction: column !important; }
}

/* WFX Product Card Layout Control: WFX_PRODUCT_CARD_LAYOUT */
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product { direction: rtl !important; }
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product { direction: ltr !important; }
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-body,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-body {
  direction: rtl !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 12px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-visual,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-visual {
  min-height: 100% !important;
  height: 100% !important;
  padding: 10px !important;
  display: grid !important;
  place-items: center !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-icon,
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-image-frame,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-icon,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-image-frame {
  width: 72px !important;
  height: 72px !important;
  border-radius: 17px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-head,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-head {
  gap: 5px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-title,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-title {
  min-height: 38px !important;
  font-size: 13px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-badge,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-badge {
  align-self: flex-start !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-guide-actions,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-guide-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  margin-top: 6px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-guide-actions .wfx-btn,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-guide-actions .wfx-btn {
  width: 100% !important;
  min-height: 28px !important;
  padding: 5px 6px !important;
  font-size: 9px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-bottom,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding-top: 8px !important;
  margin-top: 7px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-price,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-price {
  align-self: flex-start !important;
  font-size: 17px !important;
  padding: 5px 8px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-actions,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  gap: 5px !important;
}
.wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-actions .wfx-btn,
.wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-actions .wfx-btn {
  min-height: 31px !important;
  padding: 6px 4px !important;
  font-size: 9px !important;
  white-space: normal !important;
}
@media (max-width: 440px) {
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    border-radius: 15px !important;
  }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-visual,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-visual {
    padding: 7px !important;
  }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-icon,
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-image-frame,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-icon,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-image-frame {
    width: 52px !important;
    height: 52px !important;
    border-radius: 13px !important;
  }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-body,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-body { padding: 8px !important; }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-title,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-title { min-height: 36px !important; font-size: 11px !important; }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-category,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-category { font-size: 8px !important; }
  .wfx-store-theme-v2.wfx-card-layout-right > .wfx-product .wfx-product-actions .wfx-btn,
  .wfx-store-theme-v2.wfx-card-layout-left > .wfx-product .wfx-product-actions .wfx-btn { font-size: 8px !important; min-height: 27px !important; }
}