.catalog-hero { position: relative; padding: 72px 0 78px; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 30%,rgba(238,49,197,.2),transparent 28%),linear-gradient(135deg,#07151e,#10141f 52%,#210a1d); }
.catalog-hero__shape { position: absolute; pointer-events: none; }.catalog-hero__shape--one { top: -190px; left: -80px; width: 410px; height: 490px; border-radius: 62% 38% 48% 52%/40% 55% 45% 60%; background: linear-gradient(145deg,#ff7b34 5%,#f32bb9 52%,#7258ff 94%); transform: rotate(18deg); }.catalog-hero__shape--two { right: 43%; bottom: -230px; width: 320px; height: 340px; border-radius: 45% 55% 68% 32%/60% 34% 66% 40%; background: linear-gradient(145deg,#536fff,#a348ff 48%,#ff37bd); opacity: .42; }
.catalog-hero__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); align-items: center; gap: clamp(55px,8vw,110px); }.catalog-kicker { display: inline-flex; align-items: center; gap: 9px; color: #ffd9f6; font-size: .78rem; font-weight: 700; }.catalog-kicker i { width: 17px; height: 17px; border: 2px solid #ff55d8; border-radius: 5px 11px 5px 11px; transform: rotate(12deg); }.catalog-hero h1 { margin: 17px 0 20px; font-size: clamp(3.2rem,6.5vw,4.1rem); line-height: .98; letter-spacing: -.055em; }.catalog-hero h1 span { color: transparent; background: linear-gradient(90deg,#a269ff,#f23bc1 54%,#ff7840); -webkit-background-clip: text; background-clip: text; }.catalog-hero__copy > p { max-width: 650px; color: #c8c5ce; }
.catalog-search { display: grid; max-width: 700px; min-height: 65px; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 8px 10px 8px 18px; margin-top: 28px; border-radius: 17px; background: #fff; box-shadow: 0 18px 60px rgba(0,0,0,.28); }.catalog-search > span { position: relative; width: 17px; height: 17px; border: 2px solid #544e59; border-radius: 50%; }.catalog-search > span::after { position: absolute; left: -6px; bottom: -4px; width: 8px; height: 2px; background: #544e59; content: ""; transform: rotate(-48deg); }.catalog-search input { min-height: 46px; border: 0; outline: 0; }.catalog-search button { min-height: 43px; padding: 8px 17px; border: 0; border-radius: 11px; color: #fff; background: var(--moweb-color-brand); font-weight: 700; cursor: pointer; }
.catalog-hero__copy > ul { display: flex; gap: 25px; padding: 0; margin: 28px 0 0; list-style: none; }.catalog-hero__copy li { display: grid; padding-inline-start: 24px; border-inline-start: 1px solid rgba(255,255,255,.18); }.catalog-hero__copy li:last-child { border: 0; }.catalog-hero__copy li span { color: #aaa6b0; font-size: .65rem; }
.catalog-wallet { padding: 25px; border: 1px solid rgba(255,255,255,.22); border-radius: 25px; color: var(--moweb-color-heading); background: #fff; box-shadow: 17px 20px 0 rgba(238,49,197,.16),0 35px 80px rgba(0,0,0,.3); transform: rotate(-1.5deg); }.catalog-wallet > div { display: grid; }.catalog-wallet span,.catalog-wallet small { color: var(--moweb-color-muted); font-size: .68rem; }.catalog-wallet > div strong { font-size: 1.08rem; }.catalog-wallet p { display: grid; padding: 22px 0; margin: 20px 0; border-block: 1px solid var(--moweb-color-border); }.catalog-wallet p strong { color: var(--moweb-color-brand-deep); font-size: 4rem; line-height: 1; }.catalog-wallet > a { color: var(--moweb-color-brand-dark); font-size: .76rem; font-weight: 700; text-decoration: none; }
.moweb-woo-catalog .site-main--woocommerce { padding-block: 65px 85px; background: #fbfafc; }.moweb-woo-catalog .woocommerce-products-header { display: none; }.catalog-shell { display: grid; grid-template-columns: 245px minmax(0,1fr); align-items: start; gap: 30px; }.catalog-filters { position: sticky; top: 135px; padding: 21px; border: 1px solid var(--moweb-color-border); border-radius: 19px; background: #fff; }.catalog-filters header { padding-bottom: 16px; border-bottom: 1px solid var(--moweb-color-border); }.catalog-filters header span { color: var(--moweb-color-brand-dark); font-size: .62rem; font-weight: 700; }.catalog-filters h2 { margin: 0; font-size: 1.35rem; }.catalog-filters section { display: grid; gap: 7px; padding: 18px 0; border-bottom: 1px solid var(--moweb-color-border); }.catalog-filters h3 { margin: 0 0 5px; font-size: .82rem; }.catalog-filters a { display: flex; justify-content: space-between; color: var(--moweb-color-muted); font-size: .72rem; text-decoration: none; }.catalog-filters a:hover { color: var(--moweb-color-brand-dark); }.catalog-filters a span { color: #aaa3ad; }
.catalog-toolbar { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid var(--moweb-color-border); }.catalog-toolbar::after { display: block; clear: both; content: ""; }.catalog-toolbar .woocommerce-result-count,.catalog-toolbar .woocommerce-ordering { float: none; margin: 0; }.catalog-toolbar select { min-width: 175px; border-radius: 10px; font-size: .72rem; }
.woocommerce ul.products { clear: both; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 0; margin: 23px 0 0; list-style: none; }.woocommerce ul.products::before,.woocommerce ul.products::after { display: none; }.woocommerce ul.products li.product.moweb-product-card { float: none; display: flex; width: auto; min-width: 0; flex-direction: column; padding: 0; margin: 0; overflow: hidden; border: 1px solid var(--moweb-color-border); border-radius: 18px; background: #fff; transition: transform .2s ease,box-shadow .2s ease; }.woocommerce ul.products li.product.moweb-product-card:hover { box-shadow: var(--moweb-shadow-hover); transform: translateY(-4px); }
.moweb-product-card__media { display: grid; min-height: 245px; place-items: center; overflow: hidden; border-bottom: 1px solid var(--moweb-color-border); text-decoration: none; }.moweb-product-card__media.tone-1 { background: #ffc6ec; }.moweb-product-card__media.tone-2 { background: #cde9ff; }.moweb-product-card__media.tone-3 { background: #ffe183; }.moweb-product-card__media.tone-4 { background: #d9cef9; }.moweb-product-card__media.tone-5 { background: #bdeeda; }.moweb-product-card__media.tone-6 { background: #ffc7bd; }.woocommerce ul.products li.product .moweb-product-card__media img { width: 100%; height: 245px; margin: 0; object-fit: cover; }.moweb-product-card__fallback { position: relative; z-index: 2; display: grid; width: 125px; min-height: 158px; align-content: center; padding: 20px; border: 1px solid var(--moweb-color-heading); border-radius: 10px; text-align: center; color: var(--moweb-color-heading); background: rgba(255,255,255,.78); box-shadow: 8px 9px 0 rgba(21,19,24,.16); }.moweb-product-card__fallback small { position: absolute; top: 10px; right: 10px; font-family: Arial,sans-serif; font-size: .48rem; }.moweb-product-card__fallback strong { font-size: .85rem; line-height: 1.35; }.moweb-product-card__fallback i { position: absolute; left: -20px; bottom: 25px; width: 44px; height: 44px; border: 1px solid var(--moweb-color-heading); border-radius: 50%; background: var(--moweb-color-brand); }
.moweb-product-card__body { display: flex; flex: 1; flex-direction: column; padding: 16px; }.membership-badge { align-self: start; padding: 4px 8px; border-radius: 999px; font-size: .58rem; font-weight: 700; }.membership-badge.is-included { color: #176943; background: #e7f8ee; }.membership-badge.is-excluded { color: #8b3e17; background: #fff0e5; }.moweb-product-card__category { margin: 11px 0 2px; color: var(--moweb-color-brand-dark); font-size: .6rem; }.moweb-product-card__category a { color: inherit; text-decoration: none; }.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0; margin: 0; font-size: .96rem; line-height: 1.5; }.woocommerce-loop-product__title a { color: var(--moweb-color-heading); text-decoration: none; }.moweb-product-card__footer { display: grid; gap: 10px; margin-top: auto; padding-top: 13px; }.included-copy { color: var(--moweb-color-muted); font-size: .62rem; }.woocommerce ul.products li.product .moweb-product-card__footer .button { display: flex; width: 100%; align-items: center; justify-content: space-between; margin: 0; border-color: var(--moweb-color-heading); border-radius: 999px; background: var(--moweb-color-heading); font-size: .7rem; }
@media (max-width: 1050px) { .catalog-hero__inner { grid-template-columns: 1fr 330px; gap: 40px; }.woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 820px) { .catalog-hero__inner { grid-template-columns: 1fr; }.catalog-wallet { max-width: 520px; transform: none; }.catalog-shell { grid-template-columns: 1fr; }.catalog-filters { position: static; display: grid; grid-template-columns: repeat(2,1fr); }.catalog-filters header { grid-column: 1/-1; } }
@media (max-width: 560px) { .catalog-hero { padding-block: 48px 60px; }.catalog-hero h1 { font-size: 3.5rem; }.catalog-search { grid-template-columns: 20px 1fr; }.catalog-search button { display: none; }.catalog-hero__copy > ul { gap: 12px; }.catalog-hero__copy li { padding-inline-start: 12px; }.catalog-filters { grid-template-columns: 1fr; }.catalog-filters header { grid-column: auto; }.catalog-toolbar { align-items: start; flex-direction: column; gap: 8px; }.woocommerce ul.products { grid-template-columns: 1fr; }.moweb-product-card__media { min-height: 270px; } }

/* WooCommerce hook output and extension compatibility. */
.moweb-product-card__media { position: relative; }
.moweb-product-card__media .onsale { position: absolute; z-index: 3; top: 12px; right: 12px; min-width: 0; min-height: 0; padding: 6px 10px; margin: 0; border-radius: 999px; color: #fff; background: var(--moweb-color-brand); font-size: .6rem; line-height: 1.2; }
.moweb-product-card__body .star-rating { margin: 8px 0 0; font-size: .72rem; }
/* --- معطّل بطلب العميل: هذه مجموعة الألوان الفاتحة التي كانت تلغي التصميم الداكن الأصلي لقسم catalog-hero دون قصد. محفوظة هنا للمرجعة فقط. ---
.catalog-hero { color: #242126; background: #f7f4f8; }
.catalog-hero__shape { z-index: 0; opacity: .42; }
.catalog-hero__shape--one { top: -250px; left: -130px; background: linear-gradient(145deg, #e8dce8 5%, #f1e3ed 52%, #dfe5f2 94%); }
.catalog-hero__shape--two { right: 39%; bottom: -250px; background: linear-gradient(145deg, #dfe8f0, #ebe1ef 48%, #f2dfeb); opacity: .7; }
.catalog-hero__copy { position: relative; z-index: 3; }
.catalog-kicker { color: #69435f; }
.catalog-kicker i { border-color: #a92a86; }
.catalog-hero h1 { color: #242126; }
.catalog-hero h1 span { color: #a32680; background: none; -webkit-text-fill-color: initial; }
.catalog-hero__copy > p { color: #625b68; }
.catalog-hero__copy li { border-inline-start-color: rgba(36, 33, 38, .16); }
.catalog-hero__copy li span { color: #716a76; }
.catalog-search { border: 1px solid #e2dbe5; box-shadow: 0 18px 45px rgba(40, 30, 43, .12); }
.catalog-search button { background: #242126; }
.catalog-wallet { border-color: #e2dbe5; box-shadow: 12px 14px 0 rgba(169, 38, 128, .12), 0 25px 55px rgba(40, 30, 43, .12); }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a { color: #242126 !important; }
--- نهاية التعطيل --- */
.catalog-filters__widgets { grid-column: 1 / -1; padding-top: 18px; }
.catalog-filters__widgets .widget { margin: 0 0 16px; }
.catalog-filters__widgets .widget-title { margin: 0 0 10px; font-size: .82rem; }