/* ═══════════════════════════════════════════════════════════════
   دار محمد علي — تجربة المتجر v3
   Exact match between WC grid cards and [medali_books] cards
   Clean single product page — book-focused, no noise
   ═══════════════════════════════════════════════════════════════ */


/* ╔══════════════════════════════════════╗
   ║  I. أساسيات وخلفيات               ║
   ╚══════════════════════════════════════╝ */

body, .fusion-body, #wrapper,
.woocommerce, .woocommerce-page {
    font-family: var(--mc-font) !important;
    -webkit-font-smoothing: antialiased;
}

.woocommerce-page,
.post-type-archive-product,
.tax-product_cat, .tax-product_tag,
.single-product {
    background-color: var(--mc-bg, #faf5ed) !important;
}

::selection { background: var(--mc-burg); color: var(--mc-cream); }
::-webkit-scrollbar { width: 7px }
::-webkit-scrollbar-track { background: var(--mc-bg) }
::-webkit-scrollbar-thumb { background: var(--mc-burg); border-radius: 10px; opacity:.5 }


/* ╔══════════════════════════════════════╗
   ║  II. شريط العنوان                  ║
   ╚══════════════════════════════════════╝ */

.fusion-page-title-bar,
.woocommerce-products-header {
    background: linear-gradient(135deg, var(--mc-burg), var(--mc-burg-dk)) !important;
    padding: 32px 0 !important;
    border-bottom: 4px solid var(--mc-gold) !important;
    text-align: center !important;
}

.fusion-page-title-bar h1,
.woocommerce-products-header__title {
    color: #fff !important;
    font-family: var(--mc-font) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
}

.fusion-page-title-bar .fusion-breadcrumbs,
.fusion-page-title-bar .fusion-breadcrumbs a {
    color: var(--mc-cream) !important; opacity: .65 !important;
}


/* ╔══════════════════════════════════════╗
   ║  III. شريط التصنيفات               ║
   ╚══════════════════════════════════════╝ */

.mc-shop-cats {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
    padding: 20px 16px; background: #fff;
    border-bottom: 1px solid rgba(132,27,60,.05);
    margin-bottom: 24px;
    border-radius: 0 0 var(--mc-radius) var(--mc-radius);
    box-shadow: 0 4px 20px rgba(0,0,0,.02);
}

.mc-shop-cats a {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 20px; border: 2px solid rgba(132,27,60,.07);
    border-radius: 24px; font-family: var(--mc-font);
    font-size: 13px; font-weight: 600; color: var(--mc-text);
    text-decoration: none; transition: all .3s; background: #fff;
}

.mc-shop-cats a:hover { border-color: var(--mc-burg); color: var(--mc-burg); transform: translateY(-1px); }
.mc-shop-cats a.current { background: var(--mc-burg); color: #fff; border-color: var(--mc-burg); }
.mc-shop-cats a .count { font-size: 10px; padding: 2px 7px; background: rgba(132,27,60,.05); border-radius: 12px; color: var(--mc-muted); font-weight: 700; }
.mc-shop-cats a.current .count { background: rgba(255,255,255,.2); color: var(--mc-cream); }

.mc-cat-info { background: #fff; border: 1px solid rgba(132,27,60,.04); border-radius: var(--mc-radius); padding: 18px 22px; margin-bottom: 22px; }
.mc-cat-desc { font-size: 14px; line-height: 1.8; color: var(--mc-text); }
.mc-subcats { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid var(--mc-bg); }
.mc-subcat { padding: 6px 16px; border: 2px solid rgba(132,27,60,.06); border-radius: 20px; font-size: 12px; font-weight: 600; color: var(--mc-burg); text-decoration: none; background: var(--mc-bg); transition: all .2s; }
.mc-subcat:hover { background: var(--mc-burg); color: #fff; border-color: var(--mc-burg); }


/* ╔══════════════════════════════════════╗
   ║  IV. شريط الترتيب                  ║
   ╚══════════════════════════════════════╝ */

.woocommerce .woocommerce-result-count { font-family: var(--mc-font) !important; font-size: 13px !important; color: var(--mc-muted) !important; }
.woocommerce .woocommerce-ordering select {
    font-family: var(--mc-font) !important; border: 2px solid rgba(132,27,60,.08) !important;
    border-radius: var(--mc-radius) !important; padding: 10px 16px !important;
    font-size: 13px !important; background: #fff !important; color: var(--mc-text) !important;
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  V. بطاقات المتجر — تطابق تام مع [medali_books]          ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* === الشبكة === */
.woocommerce ul.products,
ul.products,
.woocommerce-page ul.products,
.products.columns-1,.products.columns-2,.products.columns-3,
.products.columns-4,.products.columns-5,.products.columns-6,
.fusion-woo-product-grid .products {
    display: grid !important;
    grid-template-columns: repeat(var(--mc-cols, 5), 1fr) !important;
    gap: var(--mc-gap, 18px) !important;
    padding: 0 !important; margin: 0 !important;
    list-style: none !important; width: 100% !important; float: none !important;
}

/* === البطاقة — نفس mc-card بالضبط === */
.woocommerce ul.products li.product,
ul.products li.product,
li.product.type-product {
    width: 100% !important; max-width: 100% !important;
    margin: 0 !important; padding: 0 !important;
    float: none !important; clear: none !important;
    background: var(--mc-card, #fff) !important;
    border: 1px solid rgba(132,27,60,.06) !important;
    border-radius: var(--mc-radius, 14px) !important;
    overflow: hidden !important;
    display: flex !important; flex-direction: column !important;
    position: relative !important;
    transition: all .4s cubic-bezier(.22,1,.36,1) !important;
    animation: mc-in .5s ease-out backwards;
}

@keyframes mc-in { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
.woocommerce ul.products li.product:nth-child(1){animation-delay:0ms}
.woocommerce ul.products li.product:nth-child(2){animation-delay:60ms}
.woocommerce ul.products li.product:nth-child(3){animation-delay:120ms}
.woocommerce ul.products li.product:nth-child(4){animation-delay:180ms}
.woocommerce ul.products li.product:nth-child(5){animation-delay:240ms}
.woocommerce ul.products li.product:nth-child(n+6){animation-delay:300ms}

.woocommerce ul.products li.product:hover {
    transform: translateY(calc(var(--mc-lift, 6px) * -1)) !important;
    box-shadow: 0 16px 40px rgba(132,27,60,.1) !important;
    border-color: var(--mc-burg) !important;
}

/* === الصورة — في الوسط، لا تُقطع === */
.woocommerce ul.products li.product a:first-of-type,
.woocommerce ul.products li.product > a:first-child {
    display: block !important; overflow: hidden !important; position: relative !important;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
ul.products li.product img {
    width: 100% !important;
    aspect-ratio: var(--mc-ratio, 3/4) !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important; padding: 8px !important;
    background: var(--mc-bg, #faf5ed) !important;
    transition: transform .5s cubic-bezier(.22,1,.36,1) !important;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(var(--mc-zoom, 1.05)) !important;
}

/* === العنوان — في الوسط === */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.fusion-product-content h2, .fusion-product-content h3 {
    font-family: var(--mc-font) !important;
    font-size: var(--mc-tsz, 14px) !important;
    font-weight: 700 !important;
    color: var(--mc-burg) !important;
    padding: 12px 14px 4px !important;
    margin: 0 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--mc-tln, 2) !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    background: none !important; border: none !important;
}

/* === السعر — في الوسط === */
.woocommerce ul.products li.product .price {
    font-family: var(--mc-font) !important;
    font-size: var(--mc-psz, 17px) !important;
    font-weight: 800 !important;
    color: var(--mc-gold) !important;
    padding: 4px 14px 12px !important;
    margin: 0 !important; margin-top: auto !important;
    text-align: center !important; display: block !important;
}

.woocommerce ul.products li.product .price del { opacity: .4 !important; font-size: .75em !important; }
.woocommerce ul.products li.product .price ins { text-decoration: none !important; font-weight: 800 !important; }

/* === شارة التخفيض === */
.woocommerce span.onsale, .onsale {
    position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important;
    background: var(--mc-gold) !important; color: var(--mc-burg-dk) !important;
    border-radius: 18px !important; font-family: var(--mc-font) !important;
    font-weight: 700 !important; font-size: 10px !important;
    padding: 4px 12px !important; min-height: auto !important; min-width: auto !important;
    line-height: 1.5 !important; z-index: 2 !important; margin: 0 !important;
}

/* === زر أسفل البطاقة — CTA bar نفس mc-card === */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart {
    display: block !important; width: 100% !important;
    padding: 11px 14px !important; margin: 0 !important;
    background: var(--mc-bg, #faf5ed) !important;
    color: var(--mc-burg) !important;
    border: none !important;
    border-top: 1px solid rgba(132,27,60,.06) !important;
    border-radius: 0 !important;
    text-align: center !important;
    font-family: var(--mc-font) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: none !important; letter-spacing: 0 !important;
    transition: all .3s !important;
    box-shadow: none !important;
}

.woocommerce ul.products li.product:hover .button,
.woocommerce ul.products li.product:hover .add_to_cart_button {
    background: var(--mc-burg) !important;
    color: #fff !important;
}

.woocommerce ul.products li.product a.added_to_cart {
    background: var(--mc-burg-dk) !important; color: var(--mc-cream) !important;
}

/* === التقييم === */
.woocommerce .star-rating span::before { color: var(--mc-gold) !important; }
.woocommerce ul.products li.product .star-rating { margin: 0 auto 4px !important; font-size: 11px !important; }


/* ╔══════════════════════════════════════╗
   ║  VI. Avada Cleanup                  ║
   ╚══════════════════════════════════════╝ */

.fusion-woo-product-grid .fusion-rollover,
.fusion-woo-product-grid .product-buttons,
.fusion-rollover { display: none !important; }
.fusion-woo-product-grid .product-content,
.fusion-woo-product-grid .fusion-product-wrapper { margin: 0 !important; padding: 0 !important; }
.woocommerce .products .product.fusion-grid-column { width: 100% !important; padding: 0 !important; }


/* ╔══════════════════════════════════════╗
   ║  VII. الصفحات                       ║
   ╚══════════════════════════════════════╝ */

.woocommerce nav.woocommerce-pagination { margin: 40px 0 !important; text-align: center !important; }
.woocommerce nav.woocommerce-pagination ul { border: none !important; display: inline-flex !important; gap: 6px !important; }
.woocommerce nav.woocommerce-pagination ul li { border: none !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: 2px solid rgba(132,27,60,.08) !important; border-radius: 10px !important;
    color: var(--mc-text) !important; font-weight: 600 !important; font-size: 13px !important;
    padding: 8px 14px !important; background: #fff !important; transition: all .2s !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--mc-burg) !important; color: #fff !important; border-color: var(--mc-burg) !important;
}


/* ╔══════════════════════════════════════════════════════════════╗
   ║  VIII. صفحة المنتج الفردية — نظيفة ومركّزة              ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* === حاوي === */
.woocommerce div.product {
    max-width: 1100px; margin: 30px auto 40px !important; padding: 0 20px !important;
}

/* === التخطيط: صورة + ملخص جنباً لجنب === */
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
    width: 32% !important;     /* صورة أصغر — متناسبة */
    float: right !important;
    background: #fff; border-radius: var(--mc-radius);
    padding: 24px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.03);
    border: 1px solid rgba(132,27,60,.04);
    position: sticky; top: 20px;
}

.woocommerce div.product .summary {
    width: 64% !important;
    float: left !important;
    background: #fff; border-radius: var(--mc-radius);
    padding: 30px 34px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.03);
    border: 1px solid rgba(132,27,60,.04);
}

/* === الصورة الرئيسية — كاملة وغير مقطوعة === */
.woocommerce div.product div.images img,
.woocommerce div.product .woocommerce-product-gallery img {
    border-radius: calc(var(--mc-radius) - 4px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: var(--mc-bg);
    max-height: 400px !important;
    width: 100% !important;
    box-shadow: none !important;
    transition: transform .4s !important;
}

.woocommerce div.product div.images img:hover {
    transform: scale(1.02) !important;
}

/* === Thumbnails === */
.woocommerce div.product .flex-control-thumbs li img {
    border-radius: 8px !important; border: 2px solid transparent !important;
    object-fit: contain !important; background: var(--mc-bg);
    transition: all .2s !important;
}
.woocommerce div.product .flex-control-thumbs li img:hover,
.woocommerce div.product .flex-control-thumbs li img.flex-active {
    border-color: var(--mc-burg) !important;
}

/* === عنوان الكتاب === */
.woocommerce div.product .product_title {
    font-family: var(--mc-font) !important;
    font-size: 26px !important; font-weight: 800 !important;
    color: var(--mc-burg) !important; line-height: 1.4 !important;
    margin: 0 0 6px !important; padding-bottom: 16px !important;
    border-bottom: 2px solid var(--mc-bg) !important;
    position: relative;
}
.woocommerce div.product .product_title::after {
    content: ''; position: absolute; bottom: -2px; right: 0;
    width: 50px; height: 2px; background: var(--mc-gold);
}

/* === السعر === */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family: var(--mc-font) !important;
    font-size: 26px !important; font-weight: 800 !important;
    color: var(--mc-gold) !important;
    margin: 16px 0 !important;
    padding: 14px 18px !important;
    background: rgba(201,149,60,.06) !important;
    border-radius: var(--mc-radius) !important;
    border-right: 4px solid var(--mc-gold) !important;
    display: flex !important; align-items: center !important; gap: 12px !important;
}
.woocommerce div.product p.price del { opacity: .4 !important; font-size: .65em !important; }
.woocommerce div.product p.price ins { text-decoration: none !important; }

/* === الوصف القصير === */
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 15px !important; line-height: 1.9 !important;
    color: var(--mc-text) !important; margin: 14px 0 !important;
    padding: 14px 0 !important; border-top: 1px solid var(--mc-bg) !important;
}

/* === زر أضف للسلة === */
.woocommerce div.product form.cart {
    display: flex !important; align-items: center !important; gap: 12px !important;
    margin: 20px 0 !important; padding: 18px 0 !important;
    border-top: 1px solid var(--mc-bg) !important; flex-wrap: wrap;
}

.woocommerce div.product .quantity .qty {
    border: 2px solid var(--mc-bg) !important; border-radius: var(--mc-radius) !important;
    padding: 12px 16px !important; font-family: var(--mc-font) !important;
    font-weight: 700 !important; font-size: 16px !important;
    width: 80px !important; text-align: center !important; background: var(--mc-bg) !important;
}
.woocommerce div.product .quantity .qty:focus { border-color: var(--mc-burg) !important; }

.woocommerce div.product .single_add_to_cart_button {
    flex: 1 !important;
    background: linear-gradient(135deg, var(--mc-burg), var(--mc-burg-dk)) !important;
    color: #fff !important; border: none !important;
    border-radius: var(--mc-radius) !important;
    font-family: var(--mc-font) !important;
    font-weight: 700 !important; font-size: 16px !important;
    padding: 14px 32px !important;
    transition: all .35s cubic-bezier(.22,1,.36,1) !important;
    box-shadow: 0 6px 20px rgba(132,27,60,.25) !important;
    text-transform: none !important; letter-spacing: 0 !important;
    min-height: 50px !important;
}
.woocommerce div.product .single_add_to_cart_button:hover {
    background: var(--mc-burg-dk) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(132,27,60,.35) !important;
}

/* === البيانات الوصفية — تصنيفات ووسوم === */
.woocommerce div.product .product_meta {
    border-top: 1px solid var(--mc-bg) !important;
    padding-top: 18px !important; margin-top: 14px !important;
    font-size: 13px !important; color: var(--mc-muted) !important;
    display: flex !important; flex-direction: column !important; gap: 8px !important;
}
.woocommerce div.product .product_meta a {
    display: inline-block !important; padding: 4px 14px !important;
    background: var(--mc-bg) !important; border-radius: 20px !important;
    font-size: 12px !important; font-weight: 600 !important;
    color: var(--mc-burg) !important; text-decoration: none !important;
    transition: all .2s !important; border: 1px solid rgba(132,27,60,.06);
}
.woocommerce div.product .product_meta a:hover {
    background: var(--mc-burg) !important; color: #fff !important;
}


/* ╔══════════════════════════════════════╗
   ║  IX. التبويبات                      ║
   ╚══════════════════════════════════════╝ */

.woocommerce div.product .woocommerce-tabs {
    clear: both !important; margin-top: 30px !important;
    background: #fff; border-radius: var(--mc-radius);
    box-shadow: 0 2px 16px rgba(0,0,0,.03);
    border: 1px solid rgba(132,27,60,.04);
    overflow: hidden !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important; margin: 0 !important;
    background: var(--mc-bg) !important; border: none !important;
    display: flex !important; list-style: none !important; overflow-x: auto !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after { display: none !important; }

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important; border: none !important;
    border-radius: 0 !important; margin: 0 !important; padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 16px 28px !important;
    font-family: var(--mc-font) !important; font-weight: 600 !important;
    font-size: 14px !important; color: var(--mc-muted) !important;
    transition: all .2s !important; display: block !important;
    text-decoration: none !important; border-bottom: 3px solid transparent !important;
    white-space: nowrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--mc-burg) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--mc-burg) !important; font-weight: 700 !important;
    border-bottom-color: var(--mc-gold) !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    padding: 30px 34px !important; background: #fff !important;
    border: none !important; font-size: 15px !important;
    line-height: 2 !important; color: var(--mc-text) !important;
}

.woocommerce div.product .woocommerce-tabs .shop_attributes { border: none !important; width: 100% !important; }
.woocommerce div.product .woocommerce-tabs .shop_attributes th {
    font-weight: 700 !important; color: var(--mc-burg) !important;
    background: var(--mc-bg) !important; padding: 12px 18px !important;
    border: none !important; font-size: 13px !important;
}
.woocommerce div.product .woocommerce-tabs .shop_attributes td {
    padding: 12px 18px !important; border: none !important; font-size: 14px !important;
}
.woocommerce div.product .woocommerce-tabs .shop_attributes tr { border-bottom: 1px solid var(--mc-bg) !important; }


/* ╔══════════════════════════════════════════════════╗
   ║  X. إخفاء: مشاركة + منتجات متصلة + ضوضاء    ║
   ╚══════════════════════════════════════════════════╝ */

/* المنتجات المتصلة والمقترحة */
.woocommerce div.product .related,
.woocommerce div.product .upsells,
.woocommerce div.product .cross-sells,
section.related.products,
section.upsells.products,
.single-product .related.products,
.single-product section.up-sells {
    display: none !important;
}

/* أزرار المشاركة الاجتماعية — كل الأشكال الممكنة */
.fusion-sharing-box,
.fusion-social-links-footer,
.share-links,
.social-share,
.social-links,
.product-social,
.sharedaddy,
.sd-sharing,
.jp-relatedposts,
.addtoany_share,
.a2a_kit,
.sassy-social-share,
.heateor_sss_sharing_container,
.dpsp-share-buttons,
div[class*="sharing"],
div[class*="social-share"],
.woocommerce-product-details__share,
.fusion-single-sharing-box {
    display: none !important;
}

/* شارة التخفيض في المنتج الفردي */
.single-product .onsale {
    position: absolute !important; top: 14px !important; right: 14px !important; left: auto !important;
    background: var(--mc-gold) !important; color: var(--mc-burg-dk) !important;
    border-radius: 22px !important; font-weight: 700 !important;
    font-size: 12px !important; padding: 6px 18px !important;
    z-index: 10 !important; box-shadow: 0 4px 12px rgba(201,149,60,.3) !important;
}


/* ╔══════════════════════════════════════╗
   ║  XI. السلة والدفع                  ║
   ╚══════════════════════════════════════╝ */

.woocommerce table.shop_table {
    border: 1px solid rgba(132,27,60,.06) !important; border-radius: var(--mc-radius) !important;
    overflow: hidden !important; border-collapse: separate !important; font-family: var(--mc-font) !important;
}
.woocommerce table.shop_table th {
    background: var(--mc-bg) !important; color: var(--mc-burg) !important;
    font-weight: 700 !important; font-size: 13px !important; padding: 14px 18px !important; border: none !important;
}
.woocommerce table.shop_table td {
    padding: 14px 18px !important; border-color: var(--mc-bg) !important; vertical-align: middle !important;
}
.woocommerce-cart table.cart img {
    border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
    width: 70px !important; object-fit: contain !important; object-position: center !important;
    background: var(--mc-bg);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border: 2px solid rgba(132,27,60,.08) !important; border-radius: var(--mc-radius) !important;
    padding: 12px 16px !important; font-family: var(--mc-font) !important; background: #fff !important;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--mc-burg) !important; box-shadow: 0 0 0 3px rgba(132,27,60,.04) !important;
}

.woocommerce-info, .woocommerce-message {
    background: #fff !important; border: 1px solid rgba(132,27,60,.08) !important;
    border-radius: var(--mc-radius) !important; border-top: 4px solid var(--mc-burg) !important;
    font-family: var(--mc-font) !important; padding: 18px 22px !important; color: var(--mc-text) !important;
}


/* ╔══════════════════════════════════════╗
   ║  XII. الويدجات                      ║
   ╚══════════════════════════════════════╝ */

.woocommerce-page .widget {
    background: #fff !important; border: 1px solid rgba(132,27,60,.06) !important;
    border-radius: var(--mc-radius) !important; padding: 20px !important; margin-bottom: 20px !important;
}
.woocommerce-page .widget-title {
    font-family: var(--mc-font) !important; font-size: 15px !important;
    font-weight: 800 !important; color: var(--mc-burg) !important;
    padding-bottom: 10px !important; margin-bottom: 14px !important;
    border-bottom: 2px solid var(--mc-bg) !important; position: relative;
}
.woocommerce-page .widget-title::after {
    content: ''; position: absolute; bottom: -2px; right: 0;
    width: 40px; height: 2px; background: var(--mc-gold);
}

.woocommerce .widget_product_categories ul li a {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    padding: 8px 14px !important; border-radius: 8px !important;
    font-size: 13px !important; color: var(--mc-text) !important; transition: all .2s !important;
}
.woocommerce .widget_product_categories ul li a:hover {
    background: var(--mc-bg) !important; color: var(--mc-burg) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--mc-burg) !important; border: 3px solid #fff !important;
    border-radius: 50% !important; box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: var(--mc-burg) !important; }


/* ╔══════════════════════════════════════╗
   ║  XIII. الفوتر                       ║
   ╚══════════════════════════════════════╝ */

.fusion-footer-widget-area, .fusion-footer, #footer {
    background: linear-gradient(135deg, var(--mc-burg-dk), #3a0a17) !important;
    color: var(--mc-cream) !important;
    border-top: 4px solid var(--mc-gold) !important;
}
.fusion-footer-widget-area .widget-title { color: var(--mc-gold) !important; }
.fusion-footer-widget-area a { color: var(--mc-cream) !important; opacity: .8; }
.fusion-footer-widget-area a:hover { color: var(--mc-gold) !important; opacity: 1; }


/* ╔══════════════════════════════════════╗
   ║  XIV. سند بالس — تزامن             ║
   ╚══════════════════════════════════════╝ */

.sp-pulse { --sp-c1: var(--mc-burg) !important; --sp-c2: var(--mc-gold) !important; --sp-bg: var(--mc-bg) !important; }
.sp-pulse .sp-grid { grid-template-columns: repeat(var(--mc-cols, 5), 1fr) !important; gap: var(--mc-gap) !important; }
.sp-pulse .sp-card { border-radius: var(--mc-radius) !important; }


/* ╔══════════════════════════════════════╗
   ║  XV. Responsive                     ║
   ╚══════════════════════════════════════╝ */

@media (max-width: 1200px) {
    .woocommerce ul.products, ul.products, .sp-pulse .sp-grid {
        grid-template-columns: repeat(var(--mc-cols-tab, 3), 1fr) !important;
    }
}

@media (max-width: 900px) {
    /* المنتج الفردي: عمود واحد */
    .woocommerce div.product div.images,
    .woocommerce div.product .woocommerce-product-gallery {
        width: 100% !important; float: none !important; position: static !important;
        margin-bottom: 20px !important;
    }
    .woocommerce div.product .summary {
        width: 100% !important; float: none !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products, ul.products, .sp-pulse .sp-grid {
        grid-template-columns: repeat(var(--mc-cols-tab, 3), 1fr) !important;
        gap: calc(var(--mc-gap) * .7) !important;
    }
    .mc-shop-cats { gap: 6px; padding: 14px 10px; }
    .mc-shop-cats a { padding: 6px 14px; font-size: 12px; }
    .woocommerce div.product .product_title { font-size: 22px !important; }
    .woocommerce div.product p.price { font-size: 22px !important; padding: 10px 14px !important; }
    .woocommerce div.product .summary { padding: 20px !important; }
    .woocommerce div.product .woocommerce-tabs .panel { padding: 20px !important; }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 18px !important; font-size: 12px !important; }
}

@media (max-width: 640px) {
    .woocommerce ul.products, ul.products, .sp-pulse .sp-grid {
        grid-template-columns: repeat(var(--mc-cols-mob, 2), 1fr) !important;
        gap: 10px !important;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; }
    .woocommerce ul.products li.product .price { font-size: 14px !important; }
    .woocommerce ul.products li.product .button { padding: 8px !important; font-size: 10px !important; }
}

@media (max-width: 480px) {
    .woocommerce div.product form.cart { flex-direction: column !important; }
    .woocommerce div.product .quantity .qty { width: 100% !important; }
    .woocommerce div.product .single_add_to_cart_button { width: 100% !important; }
}