/* جميع الألوان البارزة في هذا الملف ترث لون القالب النشط. */
: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; }
}
/* WolFox public Store refresh — p3nd.fun only */
:root{--wfx-refresh-bg:#071326;--wfx-refresh-panel:#0d1e36;--wfx-refresh-panel-2:#102b4a;--wfx-refresh-line:rgba(118,181,255,.24);--wfx-refresh-cyan:#29d4ff;--wfx-refresh-violet:#8b5cf6;--wfx-refresh-text:#f7fbff;--wfx-refresh-muted:#a9bdd6}
body.wfx-page-index{background:radial-gradient(circle at 12% 0%,rgba(41,212,255,.14),transparent 32%),radial-gradient(circle at 90% 8%,rgba(139,92,246,.18),transparent 30%),linear-gradient(180deg,#061224 0%,#08142a 54%,#050c19 100%)!important;color:var(--wfx-refresh-text)}
body.wfx-page-index .wfx-header{position:sticky;top:0;z-index:30;padding:10px 16px;background:transparent!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none;}
body.wfx-page-index .wfx-header-main{max-width:640px;margin:0 auto;padding:12px 20px!important;background:linear-gradient(135deg,rgba(10,10,18,.96),rgba(15,15,28,.98));border:1px solid rgba(124,92,255,.22);border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);}
body.wfx-page-index .wfx-brand-icon{border-radius:18px!important;background:linear-gradient(135deg,#15c9ff,#8b5cf6)!important;box-shadow:0 0 0 5px rgba(41,212,255,.08),0 10px 28px rgba(41,212,255,.18)}
body.wfx-page-index .wfx-brand-name{letter-spacing:-.03em;color:#fff!important}
body.wfx-page-index .wfx-brand-sub{color:#9dc3e4!important}
body.wfx-page-index .wfx-nav-btn{border-radius:14px!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
body.wfx-page-index .wfx-nav-btn:hover,body.wfx-page-index .wfx-nav-btn.active{transform:translateY(-1px);background:linear-gradient(135deg,rgba(41,212,255,.2),rgba(139,92,246,.2))!important;box-shadow:0 8px 22px rgba(41,212,255,.1)}
body.wfx-page-index .wfx-main{max-width:1180px!important;padding-inline:20px!important}
body.wfx-page-index .wfx-hero{position:relative;overflow:hidden;border:1px solid var(--wfx-refresh-line)!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(14,40,72,.96),rgba(12,20,47,.96) 58%,rgba(45,24,80,.85))!important;box-shadow:0 26px 80px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)!important}
body.wfx-page-index .wfx-hero:before{content:"";position:absolute;inset:auto -10% -65% 35%;height:420px;background:radial-gradient(circle,rgba(41,212,255,.22),transparent 68%);pointer-events:none}
body.wfx-page-index .wfx-hero-title{font-weight:900!important;letter-spacing:-.055em!important;line-height:1.16!important;text-wrap:balance}
body.wfx-page-index .wfx-hero-subtitle{color:#bed6ec!important;line-height:1.9!important}
body.wfx-page-index .wfx-hero-actions .wfx-btn{min-height:48px!important;border-radius:15px!important;font-weight:800!important}
body.wfx-page-index .wfx-hero-actions .wfx-btn.primary{background:linear-gradient(135deg,#15c9ff,#2478ff)!important;border-color:rgba(158,232,255,.65)!important;box-shadow:0 14px 30px rgba(36,120,255,.25)!important}
body.wfx-page-index .wfx-hero-proof{gap:10px!important}
body.wfx-page-index .wfx-hero-proof span{border:1px solid rgba(139,92,246,.28);border-radius:14px;padding:9px 12px;background:rgba(8,18,39,.32);color:#d6e8f9!important}
body.wfx-page-index .wfx-section-heading{margin-top:34px!important;margin-bottom:16px!important}
body.wfx-page-index .wfx-section-heading h2{font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.04em!important}
body.wfx-page-index .wfx-products{gap:18px!important}
body.wfx-page-index .wfx-product{position:relative;border:1px solid rgba(124,92,255,.22)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(20,20,42,.96),rgba(16,16,36,.98))!important;box-shadow:0 20px 55px -25px rgba(124,92,255,.38),0 8px 24px rgba(0,0,0,.28)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:visible!important;}
body.wfx-page-index .wfx-product:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.45)!important;box-shadow:0 28px 60px -20px rgba(124,92,255,.45),0 0 0 1px rgba(201,162,39,.18)!important;}
body.wfx-page-index .wfx-product-visual{background:linear-gradient(135deg,rgba(41,212,255,.12),rgba(139,92,246,.16))!important;border-bottom:1px solid rgba(118,181,255,.14)!important}
body.wfx-page-index .wfx-product-icon,body.wfx-page-index .wfx-product-image-frame{border-radius:22px!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important}
body.wfx-page-index .wfx-product-body{padding:18px!important}
body.wfx-page-index .wfx-product-title{font-size:18px!important;line-height:1.45!important;color:#fff!important}
body.wfx-page-index .wfx-product-description{color:#b7cde4!important;line-height:1.8!important}
body.wfx-page-index .wfx-product-price{border-radius:14px!important;background:rgba(41,212,255,.08)!important;border-color:rgba(41,212,255,.32)!important}
body.wfx-page-index .wfx-product-actions .wfx-btn,body.wfx-page-index .wfx-product-guide-actions .wfx-btn{border-radius:13px!important;min-height:42px!important}
body.wfx-page-index .wfx-support-alert{border-radius:22px!important;border:1px solid rgba(245,198,92,.35)!important;background:linear-gradient(135deg,rgba(70,49,22,.46),rgba(22,26,51,.7))!important}
body.wfx-page-index .wfx-footer{margin-top:48px!important;border-top:1px solid rgba(118,181,255,.15)!important}
@media(max-width:700px){body.wfx-page-index .wfx-main{padding-inline:12px!important}body.wfx-page-index .wfx-header-main{padding:10px 12px!important}body.wfx-page-index .wfx-hero{border-radius:22px!important;padding:22px 16px!important}body.wfx-page-index .wfx-hero-title{font-size:clamp(28px,9vw,42px)!important;text-align:center}body.wfx-page-index .wfx-hero-subtitle{text-align:center;font-size:14px!important}body.wfx-page-index .wfx-hero-actions{grid-template-columns:1fr!important}body.wfx-page-index .wfx-hero-proof{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}body.wfx-page-index .wfx-hero-proof span{padding:8px 4px;font-size:10px!important;text-align:center}body.wfx-page-index .wfx-products{grid-template-columns:1fr!important;gap:12px!important}body.wfx-page-index .wfx-product{border-radius:20px!important}body.wfx-page-index .wfx-product-visual{min-height:132px!important}body.wfx-page-index .wfx-product-title{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){body.wfx-page-index .wfx-product,body.wfx-page-index .wfx-nav-btn{transition:none!important}}
/* Full public catalog UX — p3nd.fun */
.wfx-catalog-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 170px 170px auto;gap:10px;align-items:end;margin:0 0 10px;padding:12px;border:1px solid rgba(118,181,255,.18);border-radius:18px;background:rgba(8,20,39,.48)}
.wfx-catalog-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 13px;border:1px solid rgba(118,181,255,.22);border-radius:13px;background:rgba(5,13,27,.72);color:#8edfff}.wfx-catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:13px}.wfx-catalog-search input::placeholder{color:#7892ae}
.wfx-catalog-filter{display:grid;gap:4px;color:#9fb6ce;font-size:11px;font-weight:700}.wfx-catalog-filter select{min-height:46px;border:1px solid rgba(118,181,255,.22);border-radius:13px;background:#0b1d35;color:#fff;padding:0 10px;font:inherit;outline:0}.wfx-catalog-filter select:focus,.wfx-catalog-search:focus-within{border-color:#29d4ff;box-shadow:0 0 0 3px rgba(41,212,255,.1)}
.wfx-catalog-clear{min-height:46px;border:1px solid rgba(255,98,114,.35);border-radius:13px;background:rgba(255,98,114,.1);color:#ffafba;padding:0 14px;font:inherit;font-weight:800;cursor:pointer}.wfx-catalog-clear:hover{background:rgba(255,98,114,.18)}.wfx-catalog-status{min-height:24px;margin:0 4px 8px;color:#8fa9c3;font-size:12px}
.wfx-catalog-empty{display:grid;place-items:center;gap:7px;min-height:180px;padding:28px;border:1px dashed rgba(118,181,255,.3);border-radius:20px;color:#9db4cc;text-align:center}.wfx-catalog-empty i{font-size:26px;color:#29d4ff}.wfx-catalog-empty strong{color:#fff;font-size:17px}.wfx-catalog-empty span{font-size:12px}
.wfx-product[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.wfx-catalog-toolbar{grid-template-columns:1fr 1fr}.wfx-catalog-search{grid-column:1/-1}.wfx-catalog-clear{grid-column:1/-1}}
@media(max-width:520px){.wfx-catalog-toolbar{grid-template-columns:1fr;gap:8px;padding:10px}.wfx-catalog-search,.wfx-catalog-filter select,.wfx-catalog-clear{min-height:44px}.wfx-catalog-filter{font-size:10px}.wfx-catalog-status{font-size:11px}}
/* WolFox public Store unified theme — all public pages */
body:not(.admin){background:radial-gradient(circle at 8% 0%,rgba(41,212,255,.08),transparent 30%),radial-gradient(circle at 92% 8%,rgba(139,92,246,.1),transparent 32%),linear-gradient(180deg,#061224,#08142a 58%,#050c19)!important}
body:not(.admin) .wfx-header{position:sticky;top:0;z-index:40;padding:10px 16px;background:transparent!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none;}
body:not(.admin) .wfx-header-main{max-width:640px;margin:0 auto;padding:12px 20px!important;background:linear-gradient(135deg,rgba(10,10,18,.96),rgba(15,15,28,.98));border:1px solid rgba(124,92,255,.22);border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);}
body:not(.admin) .wfx-brand-icon{border-radius:18px!important;background:linear-gradient(135deg,#15c9ff,#8b5cf6)!important;box-shadow:0 0 0 5px rgba(41,212,255,.08),0 10px 28px rgba(41,212,255,.16)}
body:not(.admin) .wfx-nav-btn{border-radius:14px!important;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.wfx-nav-btn:hover,body:not(.admin) .wfx-nav-btn.active{transform:translateY(-1px);background:linear-gradient(135deg,rgba(41,212,255,.18),rgba(139,92,246,.18))!important;box-shadow:0 8px 22px rgba(41,212,255,.1)}
body:not(.admin) .wfx-page-heading{max-width:1180px;margin-inline:auto;padding:22px 20px 12px;border-bottom:1px solid rgba(118,181,255,.16)}
body:not(.admin) .wfx-page-heading h1{font-weight:900;letter-spacing:-.04em;color:#fff!important}
body:not(.admin) .wfx-card,body:not(.admin) .wfx-help-hero,body:not(.admin) .wfx-guide-card,body:not(.admin) .wfx-form-card,body:not(.admin) .wfx-order-card,body:not(.admin) .wfx-subscribe-card{border:1px solid rgba(118,181,255,.2)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(16,43,74,.92),rgba(8,19,38,.97))!important;box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important}
body:not(.admin) .wfx-btn{border-radius:13px!important;min-height:42px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}body:not(.admin) .wfx-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(0,0,0,.22)}
body:not(.admin) input,body:not(.admin) select,body:not(.admin) textarea{border-radius:13px!important;border-color:rgba(118,181,255,.25)!important;background:rgba(5,13,27,.68)!important;color:#fff!important}body:not(.admin) input:focus,body:not(.admin) select:focus,body:not(.admin) textarea:focus{border-color:#29d4ff!important;box-shadow:0 0 0 3px rgba(41,212,255,.1)!important;outline:0}
body:not(.admin) .wfx-footer{border-top:1px solid rgba(118,181,255,.16)!important;background:rgba(5,13,27,.25)!important}
@media(max-width:700px){body:not(.admin) .wfx-header-main{padding:10px 12px!important}body:not(.admin) .wfx-page-heading{padding:14px 12px 8px}body:not(.admin) .wfx-card,body:not(.admin) .wfx-help-hero,body:not(.admin) .wfx-guide-card,body:not(.admin) .wfx-form-card,body:not(.admin) .wfx-order-card,body:not(.admin) .wfx-subscribe-card{border-radius:19px!important}}
@media(prefers-reduced-motion:reduce){body:not(.admin) .wfx-btn,body:not(.admin) .wfx-nav-btn{transition:none!important}}
/* Platform destination buttons — public homepage */
.wfx-platform-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 18px}.wfx-platform-btn{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 15px;border:1px solid rgba(118,181,255,.25);border-radius:18px;text-decoration:none;background:linear-gradient(135deg,rgba(16,43,74,.95),rgba(8,19,38,.98));color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.wfx-platform-btn:hover{transform:translateY(-3px);border-color:rgba(41,212,255,.7);box-shadow:0 18px 34px rgba(0,0,0,.28)}.wfx-platform-btn>i:first-child{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;font-size:23px}.wfx-platform-btn.ios>i:first-child{color:#fff;background:linear-gradient(135deg,#566579,#151c29)}.wfx-platform-btn.android>i:first-child{color:#9cf3b1;background:linear-gradient(135deg,#087f50,#0d3e36)}.wfx-platform-btn span{display:grid;gap:3px;flex:1;min-width:0}.wfx-platform-btn b{font-size:15px}.wfx-platform-btn small{color:#9fb7cf;font-size:10px;line-height:1.5}.wfx-platform-btn>i:last-child{color:#72ddff;font-size:13px}@media(max-width:560px){.wfx-platform-actions{grid-template-columns:1fr;gap:9px}.wfx-platform-btn{min-height:66px;border-radius:15px}.wfx-platform-btn b{font-size:14px}}

/* WFX_CARD_PRICING_STYLE: بطاقات بنفس أسلوب صفحة الأسعار */
body.wfx-page-index .wfx-product-visual{
  background:linear-gradient(145deg,rgba(124,92,255,.1),rgba(201,162,39,.06))!important;
  border-bottom:1px solid rgba(124,92,255,.15)!important;
  border-radius:20px 20px 0 0!important;
}
body.wfx-page-index .wfx-product-icon,body.wfx-page-index .wfx-product-image-frame{
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
body.wfx-page-index .wfx-product-body{padding:20px!important}
body.wfx-page-index .wfx-product-title{
  font-size:19px!important;font-weight:900!important;
  line-height:1.35!important;color:#fff!important;
  letter-spacing:-.02em!important;
}
body.wfx-page-index .wfx-product-description{
  color:rgba(192,196,220,.72)!important;
  font-size:13px!important;line-height:1.85!important;
  margin-top:8px!important;
}
body.wfx-page-index .wfx-product-category{
  color:rgba(154,125,255,.9)!important;
  font-size:11px!important;font-weight:800!important;
  letter-spacing:.05em!important;
}
body.wfx-page-index .wfx-product-price{
  border:1px solid rgba(201,162,39,.35)!important;
  border-radius:14px!important;
  background:rgba(201,162,39,.07)!important;
  padding:10px 16px!important;
}
body.wfx-page-index .wfx-product-price .wfx-currency img{
  filter:invert(1) sepia(1) saturate(3) hue-rotate(8deg) brightness(.92)!important;
}
body.wfx-page-index .wfx-product-actions .wfx-product-buy{
  background:linear-gradient(135deg,#7c5cff,#5b3fd6)!important;
  border:1px solid rgba(154,125,255,.6)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(124,92,255,.32)!important;
}
body.wfx-page-index .wfx-product-actions .wfx-product-subscribe{
  background:rgba(201,162,39,.1)!important;
  border:1px solid rgba(201,162,39,.4)!important;
  color:#e4c65a!important;
}
body.wfx-page-index .wfx-badge.good{
  background:rgba(34,197,94,.1)!important;
  border-color:rgba(34,197,94,.35)!important;
  color:#86efac!important;
}
body.wfx-page-index .wfx-badge.warn{
  background:rgba(234,179,8,.1)!important;
  border-color:rgba(234,179,8,.35)!important;
  color:#fde68a!important;
}
body.wfx-page-index .wfx-badge.bad{
  background:rgba(239,68,68,.1)!important;
  border-color:rgba(239,68,68,.3)!important;
  color:#fca5a5!important;
}

/* Page heading بنفس style topbar */
body:not(.admin) .wfx-page-heading{
  max-width:640px!important;
  margin:12px auto 0!important;
  padding:14px 20px 12px!important;
  border-bottom:1px solid rgba(124,92,255,.14)!important;
  border-radius:0!important;
}
body:not(.admin) .wfx-page-heading h1{
  font-weight:900!important;letter-spacing:-.03em!important;
  color:#fff!important;font-size:clamp(20px,3vw,28px)!important;
}
body:not(.admin) .wfx-page-heading-kicker{
  color:rgba(154,125,255,.9)!important;
  border-color:rgba(124,92,255,.3)!important;
  background:rgba(124,92,255,.08)!important;
}

/* Mobile */
@media(max-width:680px){
  body:not(.admin) .wfx-header{padding:8px 12px}
  body:not(.admin) .wfx-header-main{
    max-width:none;border-radius:14px;padding:10px 14px!important;
  }
  body:not(.admin) .wfx-page-heading{max-width:none!important;margin:8px 12px 0!important}
  body.wfx-page-index .wfx-products{gap:14px!important}
  body.wfx-page-index .wfx-product{border-radius:18px!important}
  body.wfx-page-index .wfx-product-title{font-size:16px!important}
  body.wfx-page-index .wfx-product-body{padding:14px!important}
}
