/* جميع الألوان البارزة في هذا الملف ترث لون القالب النشط. */
: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}}
