:root {
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(2,166,175);
	--wd-alternative-color: rgb(243,33,101);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(73,51,209);
	--btn-accented-bgcolor-hover: rgb(65,46,188);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps {
	text-transform: capitalize;
}
html table th {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(118,118,118);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 15px;
	--wd-arrow-color: rgb(36,36,36);
	--wd-arrow-color-hover: rgb(51,51,51);
	--wd-arrow-color-dis: rgb(36,36,36);
	--wd-arrow-bg: rgb(244,244,244);
	--wd-arrow-bg-hover: rgb(239,239,239);
	--wd-arrow-bg-dis: rgb(244,244,244);
	--wd-arrow-radius: 20px;
}
.wd .product-label.onsale {
	background-color: rgb(36,36,36);
}
.wd .product-label.new {
	background-color: rgb(36,36,36);
}
.wd .product-label.featured {
	background-color: rgb(36,36,36);
}
.wd .product-label.out-of-stock {
	background-color: rgb(36,36,36);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1540px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1540px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

:root {
    --tlh-teal: #02a7b1;
    --tlh-pink-strong: #f12266; 
    --tlh-grad-soft: linear-gradient(90deg, rgba(2, 167, 177, 0.08), rgba(255, 156, 188, 0.2));
    --tlh-bg-glass: rgba(255, 255, 255, 0.95);
    --tlh-text-heading: #2b3440; 
    --tlh-text-body: #506668;
    --tlh-border-light: rgba(2, 167, 177, 0.12); 
    --tlh-shadow-float: 0 10px 25px rgba(2, 167, 177, 0.12);
    --tlh-ease-header: 400ms cubic-bezier(0.25, 0.8, 0.25, 1); 
}

.whb-main-header {
    background: var(--tlh-bg-glass) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(2, 167, 177, 0.15) !important; 
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02) !important;
}

.whb-top-bar {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(2, 167, 177, 0.06) !important; 
}

.whb-header-bottom {
    background-color: transparent !important;
}

.whb-top-bar .wd-social-icon {
    width: 30px !important; 
    height: 30px !important; 
    font-size: 13px !important; 
    background: #FFFFFF !important; 
    border: 1px solid var(--tlh-border-light) !important;
    border-radius: 50% !important;
    color: var(--tlh-teal) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all var(--tlh-ease-header) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
    margin: 0 3px !important;
}

.whb-top-bar .wd-social-icon:hover {
    transform: translateY(-3px) !important;
    background: var(--tlh-grad-soft) !important;
    border-color: rgba(255, 156, 188, 0.4) !important;
    color: var(--tlh-pink-strong) !important;
    box-shadow: var(--tlh-shadow-float) !important;
}

#menu-useful-links > li > a {
    color: var(--tlh-text-body) !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

#menu-useful-links > li > a:hover {
    color: var(--tlh-teal) !important;
}

#menu-header-categories-menu .wd-nav-img,
#menu-header-categories-menu .wd-nav-icon {
    display: none !important;
}

#menu-header-categories-menu {
    gap: 4px !important;
}

#menu-header-categories-menu > li > a {
    position: relative;
    padding: 10px 15px !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    color: #2b3440 !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    overflow: hidden;
    z-index: 1;
}

#menu-header-categories-menu > li > a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0; 
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, rgba(2, 167, 177, 0.08), rgba(255, 156, 188, 0.2)); 
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: -1;
    border-radius: 50px;
}

#menu-header-categories-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 0;
    height: 3px;
    background-color: #f12266;
    transition: width 0.4s ease-in-out;
    border-radius: 5px;
}

#menu-header-categories-menu > li:hover > a::before {
    width: 100%;
}

#menu-header-categories-menu > li:hover > a::after {
    width: 50%;
}

#menu-header-categories-menu > li:hover > a {
    color: #02a7b1 !important;
    transform: translateY(-3px);
}

#menu-header-categories-menu > li.current-menu-item > a,
#menu-header-categories-menu > li.current_page_item > a {
    background: linear-gradient(135deg, #02a7b1 0%, #018b93 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(2, 167, 177, 0.3) !important;
    transform: translateY(-2px);
}

#menu-header-categories-menu > li.current-menu-item > a::before,
#menu-header-categories-menu > li.current-menu-item > a::after {
    display: none;
}

#menu-header-categories-menu .wd-dropdown-menu {
    border-top: 3px solid #f12266 !important;
    border-radius: 0 0 15px 15px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;
}

#menu-header-categories-menu .wd-dropdown-menu li a {
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

#menu-header-categories-menu .wd-dropdown-menu li:hover > a {
    color: #02a7b1 !important;
    padding-right: 25px !important; 
    background-color: rgba(255, 156, 188, 0.05) !important;
}

.wd-header-cart, .wd-header-my-account, .wd-header-search {
    margin-right: 12px !important;
}

.wd-header-cart > a, 
.wd-header-my-account > a, 
.wd-header-search > a {
    background: #ffffff !important;
    border: 1px solid var(--tlh-border-light) !important;
    border-radius: 50px !important;
    padding: 8px 12px !important;
    transition: all var(--tlh-ease-header) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wd-header-cart .wd-tools-icon, 
.wd-header-my-account .wd-tools-icon, 
.wd-header-search .wd-tools-icon {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--tlh-text-heading) !important;
}

.wd-header-cart:hover > a, 
.wd-header-my-account:hover > a, 
.wd-header-search:hover > a {
    background: var(--tlh-grad-soft) !important;
    border-color: rgba(255, 156, 188, 0.4) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--tlh-shadow-float) !important;
}

.wd-header-cart:hover .wd-tools-icon, 
.wd-header-my-account:hover .wd-tools-icon, 
.wd-header-search:hover .wd-tools-icon {
    color: var(--tlh-pink-strong) !important;
}

.wd-cart-number {
    background-color: var(--tlh-pink-strong) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(241, 34, 102, 0.4) !important;
    top: -5px !important;
    right: -8px !important;
}
/* كروت المنتجات — مستثناة .wd-hover-small (تخطيط الكاروسيل المصغّر) */

:root {
    --tlh-color-primary: #02a7b1;
    --tlh-color-primary-dark: #01828a;
    --tlh-color-primary-glow: rgba(2, 167, 177, 0.25);
    --tlh-color-accent: #FF7BA3;
    --tlh-color-accent-dark: #f12266;
    --tlh-color-text-main: #0f172a;
    --tlh-color-text-muted: #64748b;
    --tlh-color-surface: #ffffff;
    --tlh-color-stage: #ffffff;
    --tlh-shadow-base: 0 4px 16px rgba(0, 0, 0, 0.03);
    --tlh-shadow-hover: 0 20px 40px rgba(2, 167, 177, 0.12), 0 8px 20px rgba(0, 0, 0, 0.04);
    --tlh-shadow-button: 0 4px 12px rgba(2, 167, 177, 0.25);
    --tlh-shadow-button-hover: 0 8px 20px rgba(2, 167, 177, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.3);
    --tlh-radius-large: 24px;
    --tlh-radius-medium: 16px;
    --tlh-radius-small: 12px;
    --tlh-transition-smooth: cubic-bezier(0.2, 0.8, 0.2, 1);
    --tlh-transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ── ١. جسم الكارت ──────────────────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-wrapper,
html body .website-wrapper .product-grid-item:not(.wd-hover-small) .wd-product-wrapper {
    background-color: var(--tlh-color-surface) !important;
    background-image: none !important;
    border: 1px solid rgba(15, 23, 42, 0.04) !important;
    border-radius: var(--tlh-radius-large) !important;
    box-shadow: var(--tlh-shadow-base) !important;
    overflow: hidden !important;
    position: relative !important;
    transform: translateZ(0) !important;
    will-change: transform, box-shadow, border-color !important;
    transition-property: transform, box-shadow, border-color !important;
    transition-duration: 0.5s !important;
    transition-timing-function: var(--tlh-transition-smooth) !important;
    margin-bottom: 0 !important;
    padding-bottom: 16px !important;
}

html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-wrapper,
html body .website-wrapper .product-grid-item:not(.wd-hover-small):hover .wd-product-wrapper {
    transform: translateY(-6px) !important;
    border-color: var(--tlh-color-primary) !important;
    box-shadow: var(--tlh-shadow-hover) !important;
    z-index: 40 !important;
    background-color: var(--tlh-color-surface) !important;
}

/* الشريط العلوي المتحرك */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background-image: linear-gradient(90deg, var(--tlh-color-primary), #00d2df, var(--tlh-color-primary));
    background-size: 200% 100%;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition-property: transform, opacity;
    transition-duration: 0.5s;
    transition-timing-function: var(--tlh-transition-smooth);
    z-index: 50;
    pointer-events: none;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-wrapper::before {
    opacity: 1;
    transform: scaleX(1);
    animation-name: tlh-border-flow;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes tlh-border-flow {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* ── ٢. منطقة الصورة ───────────────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-thumb,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-loop-prod-thumb {
    background-color: transparent !important;
    background-image: none !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--tlh-radius-large) var(--tlh-radius-large) 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-img-link {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    background-color: transparent !important;
    padding: 0 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-img-link img {
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.04)) contrast(1.02) !important;
    backface-visibility: hidden !important;
    transform-origin: center center !important;
    transition-property: transform, filter !important;
    transition-duration: 0.8s !important;
    transition-timing-function: var(--tlh-transition-smooth) !important;
    display: block !important;
    margin: 0 auto !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-img-link img {
    transform: scale(1.08) !important;
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.08)) contrast(1.04) !important;
}

html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-hover,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-hover-content-inner {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── ٣. بادج الأيقونات (مفضلة / مقارنة / عرض سريع) ─────────────
   ⚠ ممنوع الاعتماد على كلاس هاش زي .wd-64a0fc58 — Woodmart بيغيّره
   كل ما البلوك يتعدّل ويتحفظ، والقاعدة بتبطّل تطابق فتختفي البادج. */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-thumb .wp-block-wd-container.wd-dir-col,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-loop-prod-thumb .wp-block-wd-container.wd-dir-col,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-thumb .wd-buttons,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    z-index: 30 !important;
    background-color: rgba(255, 255, 255, 0.82) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.6) !important;
    backdrop-filter: blur(12px) saturate(1.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    border-radius: 40px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.10) !important;
    padding: 6px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(-10px) scale(0.95) !important;
    transition-property: transform, opacity, visibility !important;
    transition-duration: 0.3s !important;
    transition-timing-function: var(--tlh-transition-smooth) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-thumb .wp-block-wd-container.wd-dir-col,
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-loop-prod-thumb .wp-block-wd-container.wd-dir-col,
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-thumb .wd-buttons,
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-buttons,
html body .website-wrapper .wd-product:not(.wd-hover-small):focus-within .wd-product-thumb .wp-block-wd-container.wd-dir-col,
html body .website-wrapper .wd-product:not(.wd-hover-small):focus-within .wd-buttons {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) scale(1) !important;
}

html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons .wd-action-btn > a,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col .wd-action-btn > a {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--tlh-color-text-main) !important;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s var(--tlh-transition-bounce) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons .wd-action-btn > a span,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col .wd-action-btn > a span {
    font-size: 0 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons .wd-action-btn > a:hover,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col .wd-action-btn > a:hover {
    background: rgba(2, 167, 177, 0.10) !important;
    color: var(--tlh-color-primary) !important;
    transform: scale(1.1) !important;
}

/* على شاشات اللمس مفيش هوفر — البادج تفضل ظاهرة */
@media (hover: none) {
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-thumb .wp-block-wd-container.wd-dir-col,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-loop-prod-thumb .wp-block-wd-container.wd-dir-col,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}

/* ── ٤. لابلات الخصم / المميز ──────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .product-label {
    border-radius: var(--tlh-radius-small) !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transform: translateZ(0) !important;
    transition-property: transform, box-shadow !important;
    transition-duration: 0.3s !important;
    transition-timing-function: ease !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 4px 10px !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .product-label {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .product-label.featured {
    background-image: linear-gradient(135deg, var(--tlh-color-accent) 0%, var(--tlh-color-accent-dark) 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .product-label.onsale {
    background-image: linear-gradient(135deg, var(--tlh-color-primary) 0%, var(--tlh-color-primary-dark) 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
}

/* ── ٥. منطقة المعلومات ────────────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-info {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    padding-top: 14px !important;
    text-align: start !important;
}

/* التصنيف مخفي — بياخد مساحة من غير فايدة في الكارت */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-cats,
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-cats-wrapp,
html body .website-wrapper .wd-product:not(.wd-hover-small) [class*="product-cats"],
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-cats {
    display: none !important;
}

/* ── ٦. العنوان — سطرين ثابتين، محاذي لبداية السطر ─────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title {
    margin: 0 0 12px !important;
    padding-inline: 16px !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    min-height: calc(15.5px * 1.65 * 2) !important;
    text-align: start !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title a {
    color: var(--tlh-color-text-main) !important;
    font-weight: 800 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
    letter-spacing: -0.2px !important;
    display: inline !important;
    padding: 0 !important;
    transition-property: color !important;
    transition-duration: 0.3s !important;
    transition-timing-function: var(--tlh-transition-smooth) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-entities-title a {
    color: var(--tlh-color-primary) !important;
}

/* ── ٧. صف السعر وزر الإضافة ───────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-bottom-actions {
    background: none !important;
    border: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.05) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding: 13px 16px 0 !important;
    gap: 10px !important;
}

html body .website-wrapper .wd-product:not(.wd-hover-small) .price {
    font-weight: 900 !important;
    color: var(--tlh-color-text-main) !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 2px 8px !important;
    font-size: 19px !important;
    letter-spacing: -0.5px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    line-height: 1.25 !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .price > .amount,
html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins,
html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins .amount {
    order: 1 !important;
    color: var(--tlh-color-text-main) !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    background: none !important;
    text-decoration-line: none !important;
}
/* لما يكون فيه خصم — السعر الجديد بلون العروض */
html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins,
html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins .amount {
    color: var(--tlh-color-accent-dark) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .price del,
html body .website-wrapper .wd-product:not(.wd-hover-small) .price del .amount {
    order: 2 !important;
    color: var(--tlh-color-text-muted) !important;
    font-weight: 600 !important;
    font-size: 12.5px !important;
    opacity: 0.85 !important;
    text-decoration-line: line-through !important;
    text-decoration-thickness: 1.5px !important;
    text-decoration-color: rgba(100, 116, 139, 0.5) !important;
    margin: 0 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .price .woocommerce-Price-currencySymbol {
    font-size: 1.05em !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    margin-inline-start: 4px !important;
}

html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn-wrapp {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: relative !important;
    z-index: 20 !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    flex: 0 0 auto !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn { margin: 0 !important; }

html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a {
    background-image: linear-gradient(135deg, var(--tlh-color-primary) 0%, var(--tlh-color-primary-dark) 100%) !important;
    background-color: var(--tlh-color-primary) !important;
    color: #ffffff !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    box-shadow: var(--tlh-shadow-button) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition-property: all !important;
    transition-duration: 0.3s !important;
    transition-timing-function: var(--tlh-transition-smooth) !important;
    transform: translateZ(0) !important;
    padding: 0 !important;
    margin: 0 !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-add-btn > a {
    box-shadow: var(--tlh-shadow-button-hover) !important;
    transform: scale(1.05) translateY(-2px) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-add-btn > a::after {
    animation-name: tlh-btn-shine;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-delay: 0.2s;
}
@keyframes tlh-btn-shine {
    0% { left: -100%; }
    100% { left: 200%; }
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a .wd-action-icon::before {
    color: #ffffff !important;
    font-size: 19px !important;
    display: inline-block !important;
    transition-property: transform !important;
    transition-duration: 0.3s !important;
    transition-timing-function: var(--tlh-transition-bounce) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-add-btn > a .wd-action-icon::before {
    transform: scale(1.1) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a.loading {
    background-image: none !important;
    background-color: var(--tlh-color-text-muted) !important;
    color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    pointer-events: none !important;
    animation-name: tlh-btn-pulse-loading;
    animation-duration: 0.8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes tlh-btn-pulse-loading {
    0% { transform: scale(0.95); opacity: 0.8; }
    100% { transform: scale(1.02); opacity: 1; }
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a.added {
    background-image: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    background-color: #10B981 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(16, 185, 129, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a.added .wd-action-icon::before {
    transform: scale(1.15) !important;
}

/* ── ٨. التقييم والسواتشات ─────────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small) .star-rating {
    margin: 0 0 8px !important;
    padding-inline: 16px !important;
    font-size: 12px !important;
    float: none !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .star-rating::before { color: #E2E8F0 !important; }
html body .website-wrapper .wd-product:not(.wd-hover-small) .star-rating span::before { color: #F5A524 !important; }

html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatches-grid {
    gap: 6px !important;
    margin: 8px 0 !important;
    padding-inline: 16px !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatch {
    border: none !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
    transition-property: transform, box-shadow !important;
    transition-duration: 0.2s !important;
    transition-timing-function: ease !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatch:hover {
    transform: scale(1.2) translateY(-1px) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    z-index: 10 !important;
}

/* ── ٩. نفد من المخزون ─────────────────────────────────────────── */
html body .website-wrapper .wd-product:not(.wd-hover-small).outofstock .wd-product-img-link img {
    filter: grayscale(1) opacity(0.6) !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small).outofstock .wd-add-btn > a {
    background-image: none !important;
    background-color: #f1f5f9 !important;
    color: var(--tlh-color-text-muted) !important;
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    pointer-events: none !important;
}
html body .website-wrapper .wd-product:not(.wd-hover-small).outofstock .wd-add-btn > a::after { display: none !important; }
html body .website-wrapper .wd-product:not(.wd-hover-small).outofstock .wd-add-btn > a .wd-action-icon::before {
    color: var(--tlh-color-text-muted) !important;
}

/* ── ١٠. الوضع الليلي ──────────────────────────────────────────── */
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-wrapper {
    background-color: #16161a !important;
    border-color: #2a2a35 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small):hover .wd-product-wrapper {
    border-color: var(--tlh-color-primary) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(2, 167, 177, 0.1) !important;
    background-color: #16161a !important;
}
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-thumb {
    background-color: transparent !important;
    background-image: none !important;
}
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title a { color: #f8fafc !important; }
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .price { color: #e2e8f0 !important; }
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-bottom-actions {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons,
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col {
    background-color: rgba(22, 22, 26, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html body.wd-dark-mode .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons .wd-action-btn > a { color: #e2e8f0 !important; }

/* ── ١١. التابلت والموبايل ─────────────────────────────────────── */
@media (max-width: 768px) {
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-wrapper { padding-bottom: 13px !important; }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-info { padding-top: 12px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title {
        padding-inline: 13px !important;
        margin-bottom: 10px !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        min-height: calc(14px * 1.6 * 2) !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title a {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .star-rating,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatches-grid { padding-inline: 13px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-bottom-actions {
        padding: 11px 13px 0 !important;
        gap: 8px !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price > .amount,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins .amount {
        font-size: 16.5px !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price del,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price del .amount { font-size: 11.5px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a {
        width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a .wd-action-icon::before { font-size: 17px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col { padding: 4px !important; }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons .wd-action-btn > a,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col .wd-action-btn > a {
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width: 480px) {
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title {
        padding-inline: 11px !important;
        margin-bottom: 9px !important;
        font-size: 13px !important;
        line-height: 1.6 !important;
        min-height: calc(13px * 1.6 * 2) !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-entities-title a { font-size: 13px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .star-rating,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatches-grid { padding-inline: 11px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-bottom-actions {
        padding: 10px 11px 0 !important;
        gap: 6px !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price > .amount,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price ins .amount {
        font-size: 15px !important;
        letter-spacing: -0.3px !important;
        line-height: 1.15 !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price del,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .price del .amount { font-size: 10.5px !important; }

    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a {
        width: 36px !important;
        height: 36px !important;
        border-radius: 12px !important;
    }
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a .wd-action-icon::before { font-size: 15px !important; }
}

/* ── ١٢. احترام تقليل الحركة ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    html body .website-wrapper .wd-product:not(.wd-hover-small) *,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-wrapper,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-product-img-link img,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-add-btn > a,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .product-label,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-swatch {
        transition-property: none !important;
        animation-name: none !important;
        transform: none !important;
    }
    /* البادج تفضل ظاهرة بدل ما تختفي مع إلغاء الحركة */
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wd-buttons,
    html body .website-wrapper .wd-product:not(.wd-hover-small) .wp-block-wd-container.wd-dir-col {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
:root {
    --tlh-flat-teal: #02a7b1;
    --tlh-flat-pink: #FF7BA3;
}

/* تهيئة الحاوية وتنظيفها من تأثيرات القالب */
.tlh-premium-more-btn,
.tlh-premium-more-btn .wd-button-wrapper,
.tlh-premium-more-btn .wd-products-btn {
    background: transparent !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
}

/* تصميم الزر الأساسي - أناقة وفخامة */
.tlh-premium-more-btn a.btn,
.tlh-premium-more-btn .wd-products-btn a,
.tlh-premium-more-btn .load-more-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 15px 45px !important; 
    background: transparent !important;
    border: 1.5px solid var(--tlh-flat-teal) !important; /* إطار رفيع وأنيق */
    color: var(--tlh-flat-teal) !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important; 
    text-transform: none !important;
    overflow: hidden !important;
    z-index: 1 !important;
    box-shadow: none !important;
    transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* إزالة أي خلفيات افتراضية مزعجة */
.tlh-premium-more-btn a.btn:not(:hover),
.tlh-premium-more-btn .load-more-button:not(:hover) {
    background-color: transparent !important;
}

/* بناء خلفية التمرير الفاخرة (تصعد من الأسفل) */
.tlh-premium-more-btn a.btn::before,
.tlh-premium-more-btn .load-more-button::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: var(--tlh-flat-pink) !important;
    z-index: -1 !important;
    transform: scaleY(0) !important; 
    transform-origin: bottom !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* تغييرات الزر عند التمرير (Hover) */
.tlh-premium-more-btn a.btn:hover,
.tlh-premium-more-btn .load-more-button:hover {
    color: #ffffff !important;
    border-color: var(--tlh-flat-pink) !important;
}

/* تفعيل صعود اللون الوردي لملء الزر */
.tlh-premium-more-btn a.btn:hover::before,
.tlh-premium-more-btn .load-more-button:hover::before {
    transform: scaleY(1) !important;
    transform-origin: top !important;
}

/* إعدادات الأيقونة وحركتها الموزونة */
.tlh-premium-more-btn a.btn .wd-btn-icon,
.tlh-premium-more-btn .load-more-button .wd-btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* تلوين الأيقونة للون التيال في الحالة العادية */
.tlh-premium-more-btn a.btn .wd-btn-icon img {
    filter: invert(45%) sepia(87%) saturate(2250%) hue-rotate(149deg) brightness(92%) contrast(101%) !important;
    transition: filter 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* إزاحة ناعمة للأيقونة وتحولها للون الأبيض الناصع عند التمرير */
.tlh-premium-more-btn a.btn:hover .wd-btn-icon,
.tlh-premium-more-btn .load-more-button:hover .wd-btn-icon {
    transform: translateX(-5px) !important;
}

.tlh-premium-more-btn a.btn:hover .wd-btn-icon img {
    filter: brightness(0) invert(1) !important;
}
@media (max-width: 767px) {
    .tlh-premium-more-btn .wd-button-wrapper {
        width: 100% !important;
        justify-content: center !important;
    }

    .tlh-premium-more-btn a.btn,
    .tlh-premium-more-btn .load-more-button {
        width: auto !important;
        min-width: 0 !important;
        margin-top: 0 !important;
        padding: 11px 26px !important;
        font-size: 14px !important;
        gap: 7px !important;
        letter-spacing: 0 !important;
    }

    .tlh-premium-more-btn a.btn .wd-btn-text {
        font-size: 0 !important;
    }
    .tlh-premium-more-btn a.btn .wd-btn-text::after {
        content: "المزيد" !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .tlh-premium-more-btn a.btn .wd-btn-icon {
        width: 15px !important;
        height: 15px !important;
    }
    .tlh-premium-more-btn a.btn .wd-btn-icon img {
        width: 13px !important;
        height: 13px !important;
    }

    .tlh-premium-more-btn a.btn:hover .wd-btn-icon,
    .tlh-premium-more-btn a.btn:active .wd-btn-icon {
        transform: translateX(-4px) !important;
    }
}
:root {
    --tlh-teal: #02a7b1;
    --tlh-teal-dark: #018A92;
    --tlh-pink: #f12266;
    --tlh-pink-soft: #FF7BA3;
    --tlh-text-main: #0F172A;
    --tlh-text-muted: #64748B;
    --tlh-glass: rgba(255, 255, 255, 0.88);
    --tlh-border: rgba(2, 167, 177, 0.12);
    --tlh-ease: 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    --tlh-spring: 550ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.whb-general-header.whb-hidden-desktop {
    background: var(--tlh-glass) !important;
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    border-bottom: 1px solid rgba(2, 167, 177, 0.10) !important;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.04) !important;
}
.whb-general-header.whb-hidden-desktop .whb-general-header-inner { min-height: 68px !important; }
.whb-general-header .site-logo img { max-width: 148px !important; transition: transform var(--tlh-ease) !important; }
.whb-general-header .site-logo a:active img { transform: scale(0.96) !important; }
.whb-general-header .whb-column.whb-mobile-right { padding-inline-start: 6px !important; padding-inline-end: 4px !important; }
.whb-general-header .wd-header-mobile-nav { margin-inline-start: 6px !important; margin-inline-end: 0 !important; }

.whb-general-header .wd-header-mobile-nav > a {
    width: 48px !important; height: 48px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, var(--tlh-teal) 0%, var(--tlh-teal-dark) 100%) !important;
    box-shadow: 0 7px 18px rgba(2, 167, 177, 0.30) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    transition: transform var(--tlh-spring), box-shadow var(--tlh-ease) !important;
    position: relative !important; overflow: hidden !important; padding: 0 !important;
}
.whb-general-header .wd-header-mobile-nav > a .wd-tools-icon {
    width: 22px !important; height: 22px !important; display: block !important; position: relative !important;
    background: none !important; border: none !important; box-shadow: none !important; font-size: 0 !important; color: transparent !important;
}
.whb-general-header .wd-header-mobile-nav > a .wd-tools-icon::before,
.whb-general-header .wd-header-mobile-nav > a .wd-tools-icon::after {
    content: "" !important; position: absolute !important; left: 3px !important; right: 3px !important;
    height: 2.4px !important; width: auto !important; background: #FFFFFF !important; border-radius: 3px !important;
    font-size: 0 !important; transition: transform var(--tlh-ease) !important;
}
.whb-general-header .wd-header-mobile-nav > a .wd-tools-icon::before { top: 4px !important; box-shadow: 0 7px 0 #FFFFFF !important; }
.whb-general-header .wd-header-mobile-nav > a .wd-tools-icon::after { bottom: 4px !important; box-shadow: none !important; }
.whb-general-header .wd-header-mobile-nav > a:active { transform: scale(0.92) !important; box-shadow: 0 4px 12px rgba(2, 167, 177, 0.35) !important; }
.whb-general-header .wd-header-mobile-nav > a::before {
    content: ""; position: absolute; top: 0; left: -120%; width: 45%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
    transform: skewX(-20deg); animation: tlh-mh-shine 4.5s ease-in-out infinite; pointer-events: none;
}
@keyframes tlh-mh-shine { 0%, 100% { left: -120%; } 50% { left: 170%; } }

.wd-toolbar { display: none !important; }

@media (max-width: 1024px) {

.wd-toolbar {
    display: flex !important; align-items: stretch !important; justify-content: space-around !important; gap: 4px !important;
    background: var(--tlh-glass) !important;
    backdrop-filter: blur(22px) saturate(180%) !important; -webkit-backdrop-filter: blur(22px) saturate(180%) !important;
    border-top: 1px solid rgba(2, 167, 177, 0.12) !important;
    box-shadow: 0 -8px 30px rgba(15, 23, 42, 0.08) !important;
    padding: 8px 6px calc(8px + env(safe-area-inset-bottom, 0px)) !important; z-index: 999 !important;
}
.wd-toolbar::before {
    content: ""; position: absolute; top: 0; inset-inline: 22%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--tlh-teal), var(--tlh-pink), transparent);
    border-radius: 2px; opacity: .5;
}
.wd-toolbar .wd-toolbar-label { display: none !important; }
.wd-toolbar .wd-toolbar-item, .wd-toolbar .wd-header-mobile-nav,
.wd-toolbar .wd-header-my-account, .wd-toolbar .wd-header-cart {
    flex: 1 1 0 !important; display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important;
}
.wd-toolbar .wd-toolbar-item > a, .wd-toolbar .wd-header-mobile-nav > a,
.wd-toolbar .wd-header-my-account > a, .wd-toolbar .wd-header-cart > a {
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
    width: 50px !important; height: 50px !important; margin: 0 auto !important; padding: 0 !important;
    border: none !important; border-radius: 16px !important; background: transparent !important; background-image: none !important;
    box-shadow: none !important; position: relative !important; color: var(--tlh-text-muted) !important; transform: none !important;
    transition: color var(--tlh-ease), transform var(--tlh-spring), background-color var(--tlh-ease) !important;
}
.wd-toolbar .wd-tools-icon, .wd-toolbar .wd-header-cart .wd-tools-icon, .wd-toolbar .wd-header-my-account .wd-tools-icon {
    width: 26px !important; height: 26px !important; display: flex !important; align-items: center !important; justify-content: center !important;
    margin: 0 !important; padding: 0 !important; background: none !important; background-color: transparent !important;
    border: none !important; border-radius: 0 !important; box-shadow: none !important; color: inherit !important;
    transition: transform var(--tlh-spring) !important;
}
.wd-toolbar .wd-tools-icon::before {
    color: inherit !important; font-size: 24px !important; line-height: 1 !important;
    width: auto !important; height: auto !important; margin: 0 !important; background: none !important;
}
.wd-toolbar .wd-tools-icon::after { display: none !important; }
.wd-toolbar .wd-toolbar-item > a:hover, .wd-toolbar .wd-header-mobile-nav > a:hover, .wd-toolbar .wd-header-my-account > a:hover {
    color: var(--tlh-teal) !important; background-color: rgba(2, 167, 177, 0.07) !important;
}
.wd-toolbar .wd-header-cart > a:hover { color: var(--tlh-pink) !important; background-color: rgba(255, 123, 163, 0.09) !important; }
.wd-toolbar a:hover .wd-tools-icon { transform: translateY(-2px) scale(1.1) !important; }
.wd-toolbar .wd-toolbar-item > a:active, .wd-toolbar .wd-header-mobile-nav > a:active, .wd-toolbar .wd-header-my-account > a:active {
    color: var(--tlh-teal) !important; background-color: rgba(2, 167, 177, 0.11) !important; transform: translateY(-2px) !important;
}
.wd-toolbar .wd-header-cart > a:active { color: var(--tlh-pink) !important; background-color: rgba(255, 123, 163, 0.12) !important; transform: translateY(-2px) !important; }
.wd-toolbar a:active .wd-tools-icon { transform: scale(1.16) !important; }
.wd-toolbar .wd-toolbar-home > a { color: var(--tlh-teal) !important; }
.wd-toolbar .wd-header-cart .wd-tools-icon { position: relative !important; }
.wd-toolbar .wd-cart-number {
    position: absolute !important; top: -7px !important; inset-inline-end: -10px !important; inset-inline-start: auto !important;
    min-width: 18px !important; height: 18px !important; padding: 0 5px !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: linear-gradient(135deg, var(--tlh-pink) 0%, #cf1352 100%) !important; color: #FFFFFF !important;
    font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; border-radius: 50px !important;
    border: 2px solid #FFFFFF !important; box-shadow: 0 3px 8px rgba(241, 34, 102, 0.4) !important;
    animation: tlh-cart-pop var(--tlh-spring) !important;
}
.wd-toolbar .wd-cart-number > span { display: none !important; }
@keyframes tlh-cart-pop { 0% { transform: scale(0); } 60% { transform: scale(1.25); } 100% { transform: scale(1); } }

}

.wd-toolbar a:focus-visible,
.whb-general-header .wd-header-mobile-nav a:focus-visible {
    outline: 2px dashed var(--tlh-teal) !important;
    outline-offset: 3px !important;
    border-radius: 12px !important;
}

@media (prefers-reduced-motion: reduce) {
    .wd-toolbar *, .whb-general-header .wd-header-mobile-nav * {
        animation: none !important;
        transition: none !important;
    }
}

/* ============================================================
   TALAN HOME — مستخرج من Pasted text(117).txt نفسه

   الموجود فقط:
   1) حسابي My Account
   2) صفحة الشكر / استلام الطلب
   3) القائمة الجانبية وفلاتر المتجر

   خصائص وقيم CSS من الملف الأصلي كما هي.
   التعديل الوحيد هو تضييق الـ selectors العامة حتى لا تعمل
   على السلة أو إتمام الطلب أو المنتج أو بقية المتجر.
   ============================================================ */


/* [ الأصل: المتغيرات العامة ] */

body.woocommerce-account,
body.woocommerce-order-received,
body.woocommerce-shop,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.search-results.woocommerce {
--tlh-teal: #02a7b1;
    --tlh-teal-dark: #018A92;
    --tlh-pink: #f12266;
    --tlh-pink-soft: #FF7BA3;
    --tlh-pastel-pink: #FF9CBC;
    --tlh-pastel-mint: #79D2D8;
    --tlh-grad-brand: linear-gradient(135deg, #FF9CBC 31%, #02A7B1 100%);
    --tlh-canvas: linear-gradient(180deg, #FFFFFF 0%, #F4F8FA 100%);
    --tlh-card: #FFFFFF;
    --tlh-glass: rgba(255, 255, 255, 0.72);
    --tlh-field: #F1F5F7;
    --tlh-wrap: #EDF5F6;
    --tlh-text-main: #1F2D3D;
    --tlh-text-body: #506668;
    --tlh-text-muted: #6B7280;
    --tlh-border: rgba(2, 167, 177, 0.12);
    --tlh-border-soft: #E5E7EB;
    --tlh-shadow-base: 0 6px 24px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255,255,255,.9);
    --tlh-shadow-card: 0 14px 40px rgba(15, 23, 42, 0.06);
    --tlh-shadow-float: 0 22px 48px rgba(2, 167, 177, 0.14), 0 6px 16px rgba(15, 23, 42, 0.04);
    --tlh-shadow-btn: 0 6px 16px rgba(2, 167, 177, 0.26);
    --tlh-radius-xl: 26px;
    --tlh-radius-lg: 20px;
    --tlh-radius-md: 14px;
    --tlh-radius-pill: 50px;
    --tlh-ease-smooth: 450ms cubic-bezier(0.25, 0.8, 0.25, 1);
    --tlh-ease-spring: 620ms cubic-bezier(0.34, 1.56, 0.64, 1);
    --tlh-ease-expo: 700ms cubic-bezier(0.19, 1, 0.22, 1);
}


/* [ الأصل: غلاف Widgets حسابي وصفحة الشكر ] */

body.woocommerce-account .elementor-widget-woocommerce-my-account,
body.woocommerce-account .elementor-widget-wd_my_account,
body.woocommerce-account .elementor-widget-woocommerce-my-account > .elementor-widget-container,
body.woocommerce-account .elementor-widget-wd_my_account > .elementor-widget-container,
body.woocommerce-order-received .elementor-widget-woocommerce-checkout-page,
body.woocommerce-order-received .elementor-widget-woocommerce-checkout-page > .elementor-widget-container,
body.woocommerce-account .wd-fill,
body.woocommerce-order-received .wd-fill {
background-color: var(--tlh-wrap) !important;
    background-image: none !important;
    border-radius: var(--tlh-radius-xl) !important;
}


/* ============================================================
   [ الأصل: الأزرار — حسابي وصفحة الشكر فقط ]
   ============================================================ */

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce input.button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button {
display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: var(--tlh-radius-pill) !important;
    background: #FFFFFF !important;
    color: var(--tlh-teal-dark) !important;
    border: 1.5px solid var(--tlh-border) !important;
    padding: 13px 30px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05) !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: transform var(--tlh-ease-spring), box-shadow var(--tlh-ease-spring), border-color var(--tlh-ease-smooth), color var(--tlh-ease-smooth), background var(--tlh-ease-smooth) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce input.button:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button:hover {
transform: translateY(-3px) !important;
    border-color: rgba(2, 167, 177, 0.34) !important;
    color: var(--tlh-teal) !important;
    box-shadow: 0 14px 30px rgba(2, 167, 177, 0.16) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button.alt,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button.alt,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce input.button.alt,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button.alt {
background: linear-gradient(135deg, var(--tlh-teal) 0%, var(--tlh-teal-dark) 100%) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: var(--tlh-shadow-btn) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button.alt::after,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button.alt::after {
content: "" !important;
    position: absolute !important;
    top: 0 !important; left: -125% !important;
    width: 55% !important; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent) !important;
    transform: skewX(-22deg) !important;
    transition: left var(--tlh-ease-smooth) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button.alt:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button.alt:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce input.button.alt:hover,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button.alt:hover {
transform: translateY(-3px) !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 34px rgba(2, 167, 177, 0.42) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button.alt:hover::after,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button.alt:hover::after {
left: 165% !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button:active {
transform: scale(.98) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button.disabled,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button:disabled {
opacity: .5 !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button.added {
background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important; color: #FFFFFF !important; box-shadow: 0 8px 20px rgba(16, 185, 129, .32) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button.loading {
opacity: .8 !important; pointer-events: none !important;
}


/* ============================================================
   [ الأصل: النماذج والحقول — حسابي فقط ]
   ============================================================ */

body.woocommerce-account .woocommerce form .form-row {
margin: 0 0 18px !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce form .form-row label,
body.woocommerce-account form .form-row label {
display: block !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: var(--tlh-text-main) !important;
    margin-bottom: 8px !important;
}

body.woocommerce-account .woocommerce .required {
color: var(--tlh-pink) !important; border: none !important;
}

body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row select,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="tel"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="number"],
body.woocommerce-account .woocommerce input[type="search"],
body.woocommerce-account .woocommerce textarea,
body.woocommerce-account .woocommerce select {
width: 100% !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--tlh-radius-md) !important;
    background: var(--tlh-field) !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--tlh-text-main) !important;
    box-shadow: none !important;
    transition: background var(--tlh-ease-smooth), border-color var(--tlh-ease-smooth), box-shadow var(--tlh-ease-smooth), transform var(--tlh-ease-smooth) !important;
}

body.woocommerce-account .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus,
body.woocommerce-account .woocommerce input:focus,
body.woocommerce-account .woocommerce textarea:focus,
body.woocommerce-account .woocommerce select:focus {
outline: none !important;
    background: #FFFFFF !important;
    border-color: var(--tlh-teal) !important;
    box-shadow: 0 0 0 4px rgba(2, 167, 177, 0.10) !important;
    transform: translateY(-1px) !important;
}

body.woocommerce-account .woocommerce form .form-row textarea {
min-height: 120px !important; resize: vertical !important;
}

body.woocommerce-account .woocommerce input::placeholder,
body.woocommerce-account .woocommerce textarea::placeholder {
color: var(--tlh-text-muted) !important; font-weight: 500 !important;
}

body.woocommerce-account .woocommerce .select2-container--default .select2-selection--single,
body.woocommerce-account .woocommerce .select2-container--default .select2-selection--multiple {
border: 1.5px solid transparent !important;
    border-radius: var(--tlh-radius-md) !important;
    background: var(--tlh-field) !important;
    min-height: 48px !important;
    padding: 6px 8px !important;
    transition: background var(--tlh-ease-smooth), border-color var(--tlh-ease-smooth), box-shadow var(--tlh-ease-smooth) !important;
}

body.woocommerce-account .woocommerce .select2-container--default.select2-container--focus .select2-selection,
body.woocommerce-account .woocommerce .select2-container--default.select2-container--open .select2-selection {
background: #FFFFFF !important;
    border-color: var(--tlh-teal) !important;
    box-shadow: 0 0 0 4px rgba(2, 167, 177, 0.10) !important;
}

body.woocommerce-account .woocommerce .select2-container .select2-selection__rendered {
line-height: 34px !important;
    color: var(--tlh-text-main) !important;
    font-weight: 600 !important;
    padding: 0 8px !important;
}

body.woocommerce-account .woocommerce .select2-dropdown {
border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-md) !important;
    box-shadow: var(--tlh-shadow-card) !important;
    overflow: hidden !important;
}

body.woocommerce-account .woocommerce .select2-results__option--highlighted[aria-selected] {
background: var(--tlh-teal) !important;
}

body.woocommerce-account .woocommerce .woocommerce-input-wrapper .description {
color: var(--tlh-text-muted) !important; font-size: 12.5px !important;
}


/* ============================================================
   [ الأصل: الرسائل والتنبيهات — حسابي وصفحة الشكر ]
   ============================================================ */

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-message,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-info,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-error,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-message,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-info,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-error {
border-radius: var(--tlh-radius-md) !important;
    border: none !important;
    padding: 17px 22px !important;
    margin: 0 0 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    line-height: 1.6 !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-message::before,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-info::before,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-error::before,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-message::before,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-info::before,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-error::before {
display: none !important;
    content: none !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-message {
background: rgba(16, 185, 129, 0.08) !important;
    color: #059669 !important;
    border-inline-start: 4px solid #10B981 !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-info {
background: rgba(2, 167, 177, 0.07) !important;
    color: var(--tlh-teal-dark) !important;
    border-inline-start: 4px solid var(--tlh-teal) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce ul.woocommerce-error {
display: block !important;
    background: rgba(241, 34, 102, 0.07) !important;
    color: var(--tlh-pink) !important;
    border-inline-start: 4px solid var(--tlh-pink) !important;
    list-style: none !important;
    margin: 0 0 24px !important;
    padding: 17px 22px !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce ul.woocommerce-error li {
padding: 0 !important; margin: 0 !important; border: none !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce ul.woocommerce-error li::before {
display: none !important; content: none !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-message .button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-info .button {
margin-inline-start: auto !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    background: linear-gradient(135deg, var(--tlh-teal), var(--tlh-teal-dark)) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    box-shadow: var(--tlh-shadow-btn) !important;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .woocommerce-NoticeGroup {
margin-bottom: 8px !important;
}


/* ============================================================
   [ الأصل: القائمة الجانبية وفلاتر المتجر فقط ]
   ============================================================ */

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce .area-sidebar-shop,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce .wd-shop-filters,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce .wd-product-filters {
background: #FFFFFF !important;
    border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-lg) !important;
    padding: 22px !important;
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.04) !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget {
margin-bottom: 24px !important; padding-bottom: 24px !important; border-bottom: 1px solid var(--tlh-border-soft) !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget:last-child {
margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget-title,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-title {
font-size: 16px !important; font-weight: 900 !important; color: var(--tlh-text-main) !important;
    margin: 0 0 16px !important; padding-bottom: 12px !important; position: relative !important; letter-spacing: -0.3px !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget-title::after,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-title::after {
content: "" !important; position: absolute !important; bottom: 0 !important; inset-inline-start: 0 !important;
    width: 40px !important; height: 3px !important; border-radius: 3px !important; background: var(--tlh-grad-brand) !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-list,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .woocommerce-widget-layered-nav-list,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_product_categories ul {
list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-direction: column !important; gap: 4px !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-list li,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .woocommerce-widget-layered-nav-list li,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_product_categories li {
margin: 0 !important; padding: 0 !important; border: none !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-list li a,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .woocommerce-widget-layered-nav-list li a,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_product_categories li a {
display: flex !important; align-items: center !important; gap: 10px !important;
    padding: 10px 14px !important; border-radius: var(--tlh-radius-md) !important;
    color: var(--tlh-text-body) !important; font-size: 14px !important; font-weight: 600 !important;
    transition: background var(--tlh-ease-smooth), color var(--tlh-ease-smooth), padding var(--tlh-ease-smooth) !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-list li a:hover,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .woocommerce-widget-layered-nav-list li a:hover,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_product_categories li a:hover {
background: var(--tlh-field) !important; color: var(--tlh-teal) !important; padding-inline-start: 20px !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .wd-filter-list li.wd-active a,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .woocommerce-widget-layered-nav-list li.chosen a,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_product_categories li.current-cat > a {
background: rgba(2, 167, 177, 0.08) !important; color: var(--tlh-teal) !important; font-weight: 800 !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget .count {
margin-inline-start: auto !important; padding: 2px 10px !important; border-radius: 50px !important;
    background: var(--tlh-field) !important; color: var(--tlh-text-muted) !important; font-size: 11.5px !important; font-weight: 700 !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_layered_nav_filters ul {
display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; margin: 0 !important; list-style: none !important;
}

:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) .widget_layered_nav_filters li a {
display: inline-flex !important; align-items: center !important; gap: 6px !important;
    padding: 6px 14px !important; border-radius: 50px !important;
    background: rgba(241, 34, 102, 0.07) !important; color: var(--tlh-pink) !important; font-size: 12.5px !important; font-weight: 700 !important;
}


/* ============================================================
   [ الأصل: صفحة الشكر / استلام الطلب ]
   ============================================================ */

body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-thankyou-order-received {
background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), rgba(2, 167, 177, 0.06)) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: var(--tlh-radius-xl) !important;
    padding: 30px !important; margin-bottom: 30px !important;
    font-size: 20px !important; font-weight: 900 !important; color: #059669 !important; text-align: center !important;
    box-shadow: 0 14px 40px rgba(16, 185, 129, 0.1) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-failed {
background: rgba(241, 34, 102, 0.07) !important; border: 1px solid rgba(241, 34, 102, 0.2) !important;
    border-radius: var(--tlh-radius-xl) !important; padding: 26px !important; color: var(--tlh-pink) !important;
    font-weight: 800 !important; text-align: center !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
list-style: none !important; margin: 0 0 30px !important; padding: 24px !important;
    display: flex !important; flex-wrap: wrap !important; gap: 16px !important;
    background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; box-shadow: var(--tlh-shadow-card) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li {
flex: 1 1 160px !important; border: none !important;
    padding: 16px 20px !important; background: rgba(2, 167, 177, 0.04) !important;
    border-radius: var(--tlh-radius-md) !important; text-transform: none !important;
    font-size: 12.5px !important; font-weight: 700 !important; color: var(--tlh-text-muted) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li strong {
display: block !important; margin-top: 6px !important; font-size: 16px !important; color: var(--tlh-text-main) !important; font-weight: 900 !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-order .woocommerce-column__title {
font-size: 20px !important; font-weight: 900 !important; color: var(--tlh-text-main) !important;
    margin: 0 0 18px !important; padding-bottom: 12px !important; position: relative !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-order-details__title::after {
content: "" !important; position: absolute !important; bottom: 0 !important; inset-inline-start: 0 !important;
    width: 44px !important; height: 3px !important; border-radius: 3px !important; background: var(--tlh-grad-brand) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details,
body.woocommerce-order-received .woocommerce-order .order_details {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; overflow: hidden !important;
    box-shadow: var(--tlh-shadow-card) !important; margin-bottom: 30px !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details th,
body.woocommerce-order-received .woocommerce-order .woocommerce-table--order-details td {
padding: 16px 20px !important; border: none !important; border-bottom: 1px solid var(--tlh-border-soft) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; padding: 26px !important; box-shadow: var(--tlh-shadow-base) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address {
border: none !important; padding: 0 !important; font-style: normal !important; line-height: 2 !important; color: var(--tlh-text-body) !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-bacs-bank-details,
body.woocommerce-order-received .woocommerce-order .wc-bacs-bank-details {
background: rgba(2, 167, 177, 0.04) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-lg) !important; padding: 22px !important; margin-bottom: 26px !important;
    list-style: none !important;
}


/* ============================================================
   [ الأصل: حسابي My Account ]
   ============================================================ */

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .wd-my-account-sidebar {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; padding: 16px !important;
    box-shadow: var(--tlh-shadow-card) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
border: none !important; margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: flex !important; align-items: center !important; gap: 12px !important;
    padding: 13px 18px !important; border-radius: var(--tlh-radius-md) !important;
    color: var(--tlh-text-body) !important; font-size: 14.5px !important; font-weight: 700 !important;
    transition: background var(--tlh-ease-smooth), color var(--tlh-ease-smooth), padding var(--tlh-ease-smooth) !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background: var(--tlh-field) !important; color: var(--tlh-teal) !important; padding-inline-start: 24px !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background: linear-gradient(135deg, var(--tlh-teal), var(--tlh-teal-dark)) !important;
    color: #FFFFFF !important; box-shadow: var(--tlh-shadow-btn) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; padding: 30px !important; box-shadow: var(--tlh-shadow-card) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
margin-top: 0 !important;
}

body.woocommerce-account .wd-my-account-links,
body.woocommerce-account .woodmart-my-account-links {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 16px !important; list-style: none !important; margin: 0 !important; padding: 0 !important;
}

body.woocommerce-account .wd-my-account-links li,
body.woocommerce-account .wd-dashboard-link {
margin: 0 !important; border: none !important;
}

body.woocommerce-account .wd-dashboard-link a,
body.woocommerce-account .wd-my-account-links li a {
display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important;
    padding: 26px 18px !important; text-align: center !important;
    background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-lg) !important; box-shadow: var(--tlh-shadow-base) !important;
    color: var(--tlh-text-main) !important; font-weight: 800 !important; font-size: 14.5px !important;
    position: relative !important; overflow: hidden !important;
    transition: transform var(--tlh-ease-spring), box-shadow var(--tlh-ease-smooth), border-color var(--tlh-ease-smooth), color var(--tlh-ease-smooth) !important;
}

body.woocommerce-account .wd-dashboard-link a::before {
content: "" !important; position: absolute !important; top: 0 !important; inset-inline: 0 !important; height: 3px !important;
    background: var(--tlh-grad-brand) !important; transform: scaleX(0) !important; transition: transform var(--tlh-ease-smooth) !important;
}

body.woocommerce-account .wd-dashboard-link a:hover {
transform: translateY(-6px) !important; border-color: rgba(2, 167, 177, 0.28) !important;
    color: var(--tlh-teal) !important; box-shadow: 0 18px 40px rgba(2, 167, 177, 0.13) !important;
}

body.woocommerce-account .wd-dashboard-link a:hover::before {
transform: scaleX(1) !important;
}

body.woocommerce-account .wd-dashboard-link a i,
body.woocommerce-account .wd-dashboard-link a svg {
font-size: 28px !important; color: var(--tlh-teal) !important;
}

body.woocommerce-account .woocommerce-orders-table {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-lg) !important; overflow: hidden !important; border-collapse: separate !important; border-spacing: 0 !important;
}

body.woocommerce-account .woocommerce-orders-table th {
background: rgba(2, 167, 177, 0.05) !important; color: var(--tlh-text-main) !important; font-weight: 900 !important; padding: 16px !important; border: none !important;
}

body.woocommerce-account .woocommerce-orders-table td {
padding: 16px !important; border: none !important; border-bottom: 1px solid var(--tlh-border-soft) !important; color: var(--tlh-text-body) !important; font-weight: 600 !important;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status {
display: inline-flex !important; align-items: center !important; padding: 5px 14px !important;
    border-radius: 50px !important; background: rgba(2, 167, 177, 0.08) !important; color: var(--tlh-teal) !important;
    font-size: 12.5px !important; font-weight: 800 !important;
}

body.woocommerce-account .woocommerce-Addresses {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 20px !important;
}

body.woocommerce-account .woocommerce-Address {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-lg) !important; padding: 24px !important; box-shadow: var(--tlh-shadow-base) !important;
}

body.woocommerce-account .woocommerce-Address-title h3 {
font-size: 17px !important; font-weight: 900 !important; color: var(--tlh-text-main) !important; margin: 0 !important;
}

body.woocommerce-account .woocommerce-Address-title a.edit {
color: var(--tlh-teal) !important; font-weight: 800 !important; font-size: 13px !important;
}

body.woocommerce-account .woocommerce-Address address {
border: none !important; padding: 16px 0 0 !important; font-style: normal !important; line-height: 2 !important; color: var(--tlh-text-body) !important;
}

body.woocommerce-account #customer_login,
body.woocommerce-account .woocommerce .u-columns {
display: grid !important; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; gap: 24px !important;
}

body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register,
body.woocommerce-account .woocommerce .u-column1 > form,
body.woocommerce-account .woocommerce .u-column2 > form,
body.woocommerce-account .woocommerce form.woocommerce-form-login,
body.woocommerce-account .woocommerce form.woocommerce-form-register {
background: var(--tlh-card) !important; border: 1px solid var(--tlh-border) !important;
    border-radius: var(--tlh-radius-xl) !important; padding: 30px !important; box-shadow: var(--tlh-shadow-card) !important; margin: 0 !important;
}

body.woocommerce-account .u-column1 h2,
body.woocommerce-account .u-column2 h2,
body.woocommerce-account #customer_login h2 {
font-size: 22px !important; font-weight: 900 !important; color: var(--tlh-text-main) !important; margin: 0 0 20px !important;
}

body.woocommerce-account .woocommerce .woocommerce-form-login__rememberme {
display: flex !important; align-items: center !important; gap: 8px !important; font-weight: 600 !important;
}

body.woocommerce-account .woocommerce .woocommerce-LostPassword a,
body.woocommerce-account .woocommerce .lost_password a {
color: var(--tlh-teal) !important; font-weight: 700 !important;
}

body.woocommerce-account .woocommerce .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce .woocommerce-address-fields,
body.woocommerce-account .woocommerce .lost_reset_password {
max-width: 640px !important;
}


/* ============================================================
   [ الأصل: Responsive للأجزاء المطلوبة فقط ]
   ============================================================ */

@media (max-width: 767px) {
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce .area-sidebar-shop,
:is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) .woocommerce .wd-shop-filters {
padding: 18px !important; border-radius: 16px !important;
}
body.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
flex-direction: column !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 22px !important; border-radius: 18px !important;
}
}

@media (max-width: 480px) {
body.woocommerce-account .wd-my-account-links,
body.woocommerce-account .woodmart-my-account-links {
grid-template-columns: repeat(2, 1fr) !important;
}
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce a.button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce button.button,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce .button {
padding: 12px 24px !important; font-size: 13.5px !important;
}
}

@media (max-width: 380px) {
body.woocommerce-account .wd-my-account-links,
body.woocommerce-account .woodmart-my-account-links {
grid-template-columns: 1fr !important;
}
}

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-account *,
    body.woocommerce-account *::before,
    body.woocommerce-account *::after,
    body.woocommerce-order-received *,
    body.woocommerce-order-received *::before,
    body.woocommerce-order-received *::after,
    :is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) *,
    :is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) *::before,
    :is(body.woocommerce-shop, body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.search-results.woocommerce) :is(.area-sidebar-shop, .wd-shop-filters, .wd-product-filters) *::after {
        animation: none !important; transition: none !important; transform: none !important;
    }
}
.woocommerce-shipping-fields {
    display: none !important;
}
/* صفحات الحساب: تسجيل الدخول / تسجيل جديد / نسيت كلمة المرور + نافذة الهيدر */

/* ══════════════════════════════════════════════════════════════════════════
   الجزء الأول — صفحات تسجيل الدخول / تسجيل جديد / نسيت كلمة المرور

   ⚠ احذف من الملف الكبير القواعد دي قبل ما تضيف الحزمة:
       body.woocommerce-account #customer_login
       body.woocommerce-account .woocommerce .u-columns
       body.woocommerce-account .woocommerce-form-login
       body.woocommerce-account .woocommerce-form-register
       body.woocommerce-account .u-column1 h2 / .u-column2 h2
       body.woocommerce-account .woocommerce .lost_reset_password
   القواعد دي كانت بتفرض grid فوق أعمدة الثيم فالعمود بيتخنق.
   ══════════════════════════════════════════════════════════════════════════ */

body.woocommerce-account {
    --tlh-ac-teal: #02a7b1;
    --tlh-ac-teal-dk: #017E86;
    --tlh-ac-pink: #f12266;
    --tlh-ac-ink: #0F1B24;
    --tlh-ac-main: #1F2D3D;
    --tlh-ac-body: #55666C;
    --tlh-ac-muted: #8B9799;
    --tlh-ac-line: #E6EDEF;
    --tlh-ac-field: #F1F6F7;
    --tlh-ac-card: #FFFFFF;
    --tlh-ac-r-lg: 22px;
    --tlh-ac-r-md: 14px;
    --tlh-ac-sh: 0 1px 2px rgba(15, 27, 36, .04), 0 14px 36px rgba(15, 27, 36, .07);
    --tlh-ac-ring: 0 0 0 4px rgba(2, 167, 177, .13);
    --tlh-ac-ez: 240ms cubic-bezier(.4, 0, .2, 1);
}

/* ── ١. الحاوية والعمودين ──────────────────────────────────────── */
html body.woocommerce-account .woocommerce {
    width: 100% !important;
    max-width: none !important;
}
html body.woocommerce-account #customer_login,
html body.woocommerce-account .woocommerce .u-columns.col2-set {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin-inline: auto !important;
    float: none !important;
}
html body.woocommerce-account #customer_login > .u-column1,
html body.woocommerce-account #customer_login > .u-column2,
html body.woocommerce-account #customer_login > div[class*="u-column"],
html body.woocommerce-account .woocommerce .u-columns > .col-1,
html body.woocommerce-account .woocommerce .u-columns > .col-2 {
    flex: 1 1 340px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ── ٢. العناوين ───────────────────────────────────────────────── */
html body.woocommerce-account #customer_login h2,
html body.woocommerce-account .u-column1 h2,
html body.woocommerce-account .u-column2 h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -.5px !important;
    color: var(--tlh-ac-ink) !important;
    text-align: start !important;
}
/* علامة الشباك من اللوجو */
html body.woocommerce-account #customer_login h2::before {
    content: "" !important;
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    background: linear-gradient(135deg, #FF9CBC 0%, #02A7B1 100%) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='1.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='1.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}

/* ── ٣. كارت الفورم ────────────────────────────────────────────── */
html body.woocommerce-account form.woocommerce-form-login,
html body.woocommerce-account form.woocommerce-form-register,
html body.woocommerce-account form.woocommerce-ResetPassword,
html body.woocommerce-account form.lost_reset_password {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 30px !important;
    background: var(--tlh-ac-card) !important;
    border: 1px solid var(--tlh-ac-line) !important;
    border-radius: var(--tlh-ac-r-lg) !important;
    box-shadow: var(--tlh-ac-sh) !important;
    text-align: start !important;
}
/* نص التعريف تحت الفورم */
html body.woocommerce-account .u-column1 > p,
html body.woocommerce-account .u-column2 > p {
    margin: 0 0 16px !important;
    color: var(--tlh-ac-body) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    text-align: start !important;
}

/* ── ٤. الحقول ─────────────────────────────────────────────────── */
html body.woocommerce-account .woocommerce form .form-row {
    display: block !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}
html body.woocommerce-account .woocommerce form .form-row label {
    display: block !important;
    margin: 0 0 8px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    color: var(--tlh-ac-main) !important;
    text-align: start !important;
}
html body.woocommerce-account .woocommerce .required {
    color: var(--tlh-ac-pink) !important;
    border: none !important;
    text-decoration: none !important;
}
html body.woocommerce-account .woocommerce form .form-row input.input-text,
html body.woocommerce-account .woocommerce form .form-row input[type="text"],
html body.woocommerce-account .woocommerce form .form-row input[type="email"],
html body.woocommerce-account .woocommerce form .form-row input[type="password"] {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1.5px solid transparent !important;
    border-radius: var(--tlh-ac-r-md) !important;
    background: var(--tlh-ac-field) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: var(--tlh-ac-main) !important;
    box-shadow: none !important;
    transition: background var(--tlh-ac-ez), border-color var(--tlh-ac-ez), box-shadow var(--tlh-ac-ez) !important;
}
html body.woocommerce-account .woocommerce form .form-row input:focus {
    outline: none !important;
    background: #FFFFFF !important;
    border-color: var(--tlh-ac-teal) !important;
    box-shadow: var(--tlh-ac-ring) !important;
}
html body.woocommerce-account .woocommerce input::placeholder {
    color: var(--tlh-ac-muted) !important;
    font-weight: 500 !important;
}

/* زرار إظهار كلمة السر */
html body.woocommerce-account .woocommerce form .form-row .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}
html body.woocommerce-account .woocommerce .show-password-input {
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 14px !important;
    inset-inline-start: auto !important;
    transform: translateY(-50%) !important;
    width: 26px !important;
    height: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--tlh-ac-muted) !important;
    cursor: pointer !important;
    transition: color var(--tlh-ac-ez) !important;
}
html body.woocommerce-account .woocommerce .show-password-input:hover,
html body.woocommerce-account .woocommerce .show-password-input.display-password {
    color: var(--tlh-ac-teal) !important;
}
html body.woocommerce-account .woocommerce form .form-row input[type="password"] {
    padding-inline-end: 48px !important;
}

/* ── ٥. الأزرار ────────────────────────────────────────────────── */
html body.woocommerce-account .woocommerce form.woocommerce-form-login button.button,
html body.woocommerce-account .woocommerce form.woocommerce-form-register button.button,
html body.woocommerce-account .woocommerce form.woocommerce-ResetPassword button.button,
html body.woocommerce-account .woocommerce form.lost_reset_password button.button,
html body.woocommerce-account .woocommerce .woocommerce-form-login__submit,
html body.woocommerce-account .woocommerce .woocommerce-form-register__submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 4px 0 0 !important;
    padding: 0 24px !important;
    border: none !important;
    border-radius: 60px !important;
    background: linear-gradient(135deg, var(--tlh-ac-teal) 0%, var(--tlh-ac-teal-dk) 100%) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -.2px !important;
    white-space: nowrap !important;
    text-transform: none !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 8px 22px rgba(2, 167, 177, .28) !important;
    transition: transform 380ms cubic-bezier(.34, 1.3, .64, 1), box-shadow 380ms cubic-bezier(.34, 1.3, .64, 1) !important;
}
html body.woocommerce-account .woocommerce form.woocommerce-form-login button.button:hover,
html body.woocommerce-account .woocommerce form.woocommerce-form-register button.button:hover,
html body.woocommerce-account .woocommerce form.woocommerce-ResetPassword button.button:hover {
    transform: translateY(-3px) !important;
    color: #FFFFFF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 16px 34px rgba(2, 167, 177, .36) !important;
}
html body.woocommerce-account .woocommerce form button.button:active {
    transform: translateY(-1px) scale(.99) !important;
}

/* الزر اللي بين العمودين (تسجيل جديد / تسجيل الدخول) */
html body.woocommerce-account .u-column1 > a.button,
html body.woocommerce-account .u-column2 > a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    min-height: 50px !important;
    padding: 0 30px !important;
    border-radius: 60px !important;
    background: #FFFFFF !important;
    border: 1.5px solid var(--tlh-ac-teal) !important;
    color: var(--tlh-ac-teal-dk) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: all var(--tlh-ac-ez) !important;
}
html body.woocommerce-account .u-column1 > a.button:hover,
html body.woocommerce-account .u-column2 > a.button:hover {
    background: var(--tlh-ac-teal) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(2, 167, 177, .26) !important;
}

/* ── ٦. تذكرني ─────────────────────────────────────────────────── */
html body.woocommerce-account .woocommerce .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 18px 0 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--tlh-ac-body) !important;
    cursor: pointer !important;
}
html body.woocommerce-account .woocommerce input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 1.5px solid var(--tlh-ac-line) !important;
    border-radius: 6px !important;
    background: var(--tlh-ac-field) !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all var(--tlh-ac-ez) !important;
}
html body.woocommerce-account .woocommerce input[type="checkbox"]:checked {
    background: var(--tlh-ac-teal) !important;
    border-color: var(--tlh-ac-teal) !important;
}
html body.woocommerce-account .woocommerce input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: #FFFFFF !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: 13px !important;
    mask-size: 13px !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
html body.woocommerce-account .woocommerce input[type="checkbox"]:focus-visible {
    box-shadow: var(--tlh-ac-ring) !important;
    outline: none !important;
}

/* ── ٧. رابط نسيت كلمة المرور ──────────────────────────────────── */
html body.woocommerce-account .woocommerce .woocommerce-LostPassword,
html body.woocommerce-account .woocommerce .lost_password {
    margin: 14px 0 0 !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--tlh-ac-line) !important;
    text-align: start !important;
}
html body.woocommerce-account .woocommerce .woocommerce-LostPassword a,
html body.woocommerce-account .woocommerce .lost_password a {
    color: var(--tlh-ac-teal-dk) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(2, 167, 177, .3) !important;
    padding-bottom: 1px !important;
    transition: border-color var(--tlh-ac-ez) !important;
}
html body.woocommerce-account .woocommerce .woocommerce-LostPassword a:hover {
    border-bottom-color: var(--tlh-ac-teal) !important;
}

/* ── ٨. صفحة نسيت / تعيين كلمة المرور ──────────────────────────── */
html body.woocommerce-account form.woocommerce-ResetPassword,
html body.woocommerce-account form.lost_reset_password {
    max-width: 520px !important;
    margin-inline: auto !important;
    padding: 32px !important;
}
html body.woocommerce-account form.woocommerce-ResetPassword > p:first-child,
html body.woocommerce-account form.lost_reset_password > p:first-child {
    margin: 0 0 22px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid var(--tlh-ac-line) !important;
    font-size: 14px !important;
    line-height: 1.95 !important;
    color: var(--tlh-ac-body) !important;
    text-align: start !important;
}
/* الفقرة التعريفية لو كانت بره الفورم */
html body.woocommerce-account .woocommerce > p:has(+ form.lost_reset_password),
html body.woocommerce-account .woocommerce > p:has(+ form.woocommerce-ResetPassword) {
    max-width: 520px !important;
    margin: 0 auto 16px !important;
    font-size: 14px !important;
    line-height: 1.95 !important;
    color: var(--tlh-ac-body) !important;
    text-align: start !important;
}
html body.woocommerce-account form .clear { display: none !important; }

/* ── ٩. مؤشّر قوة كلمة السر ────────────────────────────────────── */
html body.woocommerce-account .woocommerce-password-strength {
    margin: 10px 0 0 !important;
    padding: 10px 14px !important;
    border: none !important;
    border-radius: var(--tlh-ac-r-md) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-align: start !important;
}
html body.woocommerce-account .woocommerce-password-strength.strong { background: rgba(16, 185, 129, .1) !important; color: #06996E !important; }
html body.woocommerce-account .woocommerce-password-strength.good { background: rgba(2, 167, 177, .1) !important; color: var(--tlh-ac-teal-dk) !important; }
html body.woocommerce-account .woocommerce-password-strength.short,
html body.woocommerce-account .woocommerce-password-strength.bad { background: rgba(245, 165, 36, .12) !important; color: #B26A00 !important; }
html body.woocommerce-account .woocommerce-password-hint {
    display: block !important;
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    color: var(--tlh-ac-muted) !important;
}

/* ── ١٠. سياسة الخصوصية والرسائل ───────────────────────────────── */
html body.woocommerce-account .woocommerce-privacy-policy-text {
    margin: 16px 0 0 !important;
    font-size: 12.5px !important;
    line-height: 1.9 !important;
    color: var(--tlh-ac-muted) !important;
}
html body.woocommerce-account .woocommerce-privacy-policy-text a {
    color: var(--tlh-ac-teal-dk) !important;
    font-weight: 700 !important;
}
html body.woocommerce-account .woocommerce-error,
html body.woocommerce-account .woocommerce-message,
html body.woocommerce-account .woocommerce-info {
    max-width: 1000px !important;
    margin-inline: auto !important;
}

/* ── ١١. الموبايل ──────────────────────────────────────────────── */
@media (max-width: 767px) {
    html body.woocommerce-account #customer_login,
    html body.woocommerce-account .woocommerce .u-columns.col2-set {
        gap: 18px !important;
    }
    html body.woocommerce-account #customer_login > .u-column1,
    html body.woocommerce-account #customer_login > .u-column2 {
        flex: 1 1 100% !important;
    }
    html body.woocommerce-account form.woocommerce-form-login,
    html body.woocommerce-account form.woocommerce-form-register,
    html body.woocommerce-account form.woocommerce-ResetPassword,
    html body.woocommerce-account form.lost_reset_password {
        padding: 22px !important;
        border-radius: 18px !important;
    }
    html body.woocommerce-account #customer_login h2,
    html body.woocommerce-account .u-column1 h2,
    html body.woocommerce-account .u-column2 h2 {
        font-size: 19px !important;
    }
    html body.woocommerce-account .woocommerce form .form-row input.input-text,
    html body.woocommerce-account .woocommerce form .form-row input[type="text"],
    html body.woocommerce-account .woocommerce form .form-row input[type="email"],
    html body.woocommerce-account .woocommerce form .form-row input[type="password"] {
        min-height: 50px !important;
        font-size: 16px !important; /* ١٦px بتمنع iOS إنه يزوّم عند التركيز */
    }
    html body.woocommerce-account .woocommerce form button.button { min-height: 52px !important; }
    html body.woocommerce-account .u-column1 > a.button,
    html body.woocommerce-account .u-column2 > a.button {
        align-self: stretch !important;
        width: 100% !important;
    }
}

/* ── ١٢. تقليل الحركة ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    html body.woocommerce-account form *,
    html body.woocommerce-account .u-column1 > a.button,
    html body.woocommerce-account .u-column2 > a.button {
        transition: none !important;
        transform: none !important;
    }
}

/* ==========================================================================
   TALAN HOME — تحديث v2: العمودين جنب بعض + تجاوب كامل
   ========================================================================== */

/* ── ١. العمودين جنب بعض دايماً ────────────────────────────────
   flex-wrap:nowrap بيمنع النزول تحت بعض مهما ضاقت الحاوية،
   و min-width:0 هو اللي بيسمح للعمود إنه يصغّر بدل ما يطفح. */
html body.woocommerce-account #customer_login,
html body.woocommerce-account .woocommerce .u-columns.col2-set {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: clamp(12px, 2.2vw, 26px) !important;
    width: 100% !important;
    max-width: 1040px !important;
    margin-inline: auto !important;
}
html body.woocommerce-account #customer_login > .u-column1,
html body.woocommerce-account #customer_login > .u-column2,
html body.woocommerce-account #customer_login > div[class*="u-column"],
html body.woocommerce-account .woocommerce .u-columns > .col-1,
html body.woocommerce-account .woocommerce .u-columns > .col-2 {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* ── ٢. مقاسات مرنة تتكيّف مع أي عرض شاشة ─────────────────────── */
html body.woocommerce-account form.woocommerce-form-login,
html body.woocommerce-account form.woocommerce-form-register {
    padding: clamp(14px, 2.6vw, 30px) !important;
    border-radius: clamp(14px, 2vw, 22px) !important;
}
html body.woocommerce-account #customer_login h2,
html body.woocommerce-account .u-column1 h2,
html body.woocommerce-account .u-column2 h2 {
    font-size: clamp(15px, 3.2vw, 22px) !important;
    gap: clamp(6px, 1.2vw, 10px) !important;
    margin-bottom: clamp(10px, 1.8vw, 18px) !important;
}
html body.woocommerce-account #customer_login h2::before {
    flex: 0 0 clamp(11px, 2.2vw, 15px) !important;
    width: clamp(11px, 2.2vw, 15px) !important;
    height: clamp(11px, 2.2vw, 15px) !important;
}
html body.woocommerce-account #customer_login .woocommerce form .form-row {
    margin-bottom: clamp(12px, 2vw, 18px) !important;
}
html body.woocommerce-account #customer_login .woocommerce form .form-row label {
    font-size: clamp(11.5px, 2.4vw, 13px) !important;
    margin-bottom: clamp(5px, 1vw, 8px) !important;
}
html body.woocommerce-account #customer_login .woocommerce form .form-row input.input-text,
html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="text"],
html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="email"],
html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="password"] {
    min-height: clamp(44px, 7vw, 52px) !important;
    padding: clamp(10px, 1.8vw, 14px) clamp(11px, 1.8vw, 16px) !important;
    font-size: 16px !important; /* ١٦px ثابتة — أقل من كده iOS بيزوّم */
    border-radius: clamp(10px, 1.6vw, 14px) !important;
}
html body.woocommerce-account #customer_login .woocommerce form button.button {
    min-height: clamp(46px, 7.5vw, 54px) !important;
    padding-inline: clamp(10px, 2vw, 24px) !important;
    font-size: clamp(12.5px, 2.8vw, 15px) !important;
    white-space: nowrap !important;
}
html body.woocommerce-account .u-column1 > a.button,
html body.woocommerce-account .u-column2 > a.button {
    align-self: stretch !important;
    width: 100% !important;
    min-height: clamp(44px, 7vw, 50px) !important;
    padding-inline: clamp(10px, 2vw, 30px) !important;
    font-size: clamp(12.5px, 2.6vw, 14.5px) !important;
}
html body.woocommerce-account .u-column1 > p,
html body.woocommerce-account .u-column2 > p {
    font-size: clamp(12px, 2.4vw, 14px) !important;
    line-height: 1.85 !important;
}
html body.woocommerce-account .woocommerce .woocommerce-form-login__rememberme {
    font-size: clamp(11.5px, 2.4vw, 13.5px) !important;
    gap: 7px !important;
    margin-top: clamp(12px, 2vw, 18px) !important;
}
html body.woocommerce-account .woocommerce input[type="checkbox"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
}
html body.woocommerce-account .woocommerce .woocommerce-LostPassword a,
html body.woocommerce-account .woocommerce .lost_password a {
    font-size: clamp(11.5px, 2.4vw, 13.5px) !important;
}

/* ── ٣. الشاشات الضيقة جداً (أقل من 380px) ────────────────────
   العمودين لسه جنب بعض، بس بأقل مسافات ممكنة. */
@media (max-width: 380px) {
    html body.woocommerce-account #customer_login,
    html body.woocommerce-account .woocommerce .u-columns.col2-set {
        gap: 9px !important;
    }
    html body.woocommerce-account form.woocommerce-form-login,
    html body.woocommerce-account form.woocommerce-form-register {
        padding: 12px 11px !important;
        border-radius: 13px !important;
    }
    html body.woocommerce-account #customer_login h2 { font-size: 14px !important; }
    html body.woocommerce-account #customer_login h2::before { display: none !important; }
    html body.woocommerce-account #customer_login .woocommerce form button.button {
        font-size: 12px !important;
        padding-inline: 6px !important;
    }
}

/* ── ٤. صفحة نسيت كلمة المرور (عمود واحد أصلاً) ───────────────── */
html body.woocommerce-account form.woocommerce-ResetPassword,
html body.woocommerce-account form.lost_reset_password {
    width: 100% !important;
    max-width: 520px !important;
    margin-inline: auto !important;
    padding: clamp(18px, 4vw, 32px) !important;
    border-radius: clamp(16px, 2.4vw, 22px) !important;
}
html body.woocommerce-account form.woocommerce-ResetPassword > p:first-child,
html body.woocommerce-account form.lost_reset_password > p:first-child {
    font-size: clamp(13px, 3vw, 14px) !important;
}
html body.woocommerce-account form.woocommerce-ResetPassword input.input-text,
html body.woocommerce-account form.lost_reset_password input.input-text {
    font-size: 16px !important;
}

/* ==========================================================================
   TALAN HOME — تحديث v3
   على الموبايل: الفورم ياخد العرض كامل، والعمود التاني (التبديل بين
   الدخول والتسجيل) يتحوّل لزر واحد تحته بدل عمود ضيق.

   الفكرة: :has(form) بتفرّق بين العمود اللي فيه فورم حقيقي والعمود
   اللي مجرد نص وزر تبديل — من غير ما نعتمد على .u-column1/2 لأن
   ترتيبهم بيتبدّل حسب الصفحة (دخول ولا تسجيل جديد).
   ========================================================================== */

@media (max-width: 600px) {

    html body.woocommerce-account #customer_login,
    html body.woocommerce-account .woocommerce .u-columns.col2-set {
        flex-wrap: wrap !important;
        gap: 0 !important;
    }

    /* العمود اللي فيه الفورم — عرض كامل وفوق */
    html body.woocommerce-account #customer_login > div[class*="u-column"]:has(form) {
        flex: 1 1 100% !important;
        width: 100% !important;
        order: 1 !important;
    }

    /* العمود اللي مجرد تبديل — شريط صغير تحت الفورم */
    html body.woocommerce-account #customer_login > div[class*="u-column"]:not(:has(form)) {
        flex: 1 1 100% !important;
        width: 100% !important;
        order: 2 !important;
        margin-top: 16px !important;
        padding-top: 16px !important;
        border-top: 1px solid var(--tlh-ac-line) !important;
        text-align: center !important;
    }

    /* النص الطويل مالوش لزمة على شاشة صغيرة */
    html body.woocommerce-account #customer_login > div[class*="u-column"]:not(:has(form)) > p {
        display: none !important;
    }

    /* العنوان بقى سطر تمهيدي صغير */
    html body.woocommerce-account #customer_login > div[class*="u-column"]:not(:has(form)) h2 {
        justify-content: center !important;
        margin: 0 0 10px !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        color: var(--tlh-ac-muted) !important;
    }
    html body.woocommerce-account #customer_login > div[class*="u-column"]:not(:has(form)) h2::before {
        display: none !important;
    }

    /* الزر ياخد العرض كامل */
    html body.woocommerce-account #customer_login > div[class*="u-column"]:not(:has(form)) > a.button {
        display: flex !important;
        align-self: stretch !important;
        width: 100% !important;
        min-height: 48px !important;
        font-size: 14px !important;
        padding-inline: 20px !important;
    }

    /* الفورم يرجع لمقاسات مريحة بعد ما بقى عرض كامل */
    html body.woocommerce-account form.woocommerce-form-login,
    html body.woocommerce-account form.woocommerce-form-register {
        padding: 22px !important;
        border-radius: 18px !important;
    }
    html body.woocommerce-account #customer_login h2 { font-size: 19px !important; }
    html body.woocommerce-account #customer_login h2::before {
        display: block !important;
        flex: 0 0 14px !important;
        width: 14px !important;
        height: 14px !important;
    }
    html body.woocommerce-account #customer_login .woocommerce form .form-row label {
        font-size: 13px !important;
    }
    html body.woocommerce-account #customer_login .woocommerce form .form-row input.input-text,
    html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="text"],
    html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="email"],
    html body.woocommerce-account #customer_login .woocommerce form .form-row input[type="password"] {
        min-height: 50px !important;
        padding: 13px 15px !important;
        border-radius: 14px !important;
    }
    html body.woocommerce-account #customer_login .woocommerce form button.button {
        min-height: 52px !important;
        font-size: 15px !important;
        padding-inline: 24px !important;
    }
    html body.woocommerce-account .woocommerce .woocommerce-form-login__rememberme {
        font-size: 13.5px !important;
    }
    html body.woocommerce-account .woocommerce input[type="checkbox"] {
        flex: 0 0 20px !important;
        width: 20px !important;
        height: 20px !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════════
   الجزء الثاني — نافذة تسجيل الدخول المنسدلة في الهيدر

   العنصر ده بره صفحة "حسابي" تماماً، فقواعد الجزء الأول ما بتوصلوش له.
   ══════════════════════════════════════════════════════════════════════════ */

.wd-dropdown-register {
    --tlh-lg-teal: #02a7b1;
    --tlh-lg-teal-dk: #017E86;
    --tlh-lg-pink: #f12266;
    --tlh-lg-ink: #0F1B24;
    --tlh-lg-main: #1F2D3D;
    --tlh-lg-body: #55666C;
    --tlh-lg-muted: #8B9799;
    --tlh-lg-line: #E6EDEF;
    --tlh-lg-field: #F1F6F7;
    --tlh-lg-ez: 240ms cubic-bezier(.4, 0, .2, 1);
}

/* ── ١. اللوح نفسه ─────────────────────────────────────────────── */
.wd-dropdown-register.wd-dropdown {
    width: 340px !important;
    max-width: calc(100vw - 28px) !important;
    padding: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid var(--tlh-lg-line) !important;
    border-radius: 20px !important;
    box-shadow:
        0 2px 6px rgba(15, 27, 36, .04),
        0 18px 46px rgba(15, 27, 36, .13) !important;
    overflow: hidden !important;
}
.wd-dropdown-register .login-dropdown-inner {
    padding: 22px !important;
    background: none !important;
}

/* ── ٢. رأس النافذة ────────────────────────────────────────────── */
.wd-dropdown-register .wd-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid var(--tlh-lg-line) !important;
}
.wd-dropdown-register .wd-heading .title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    letter-spacing: -.4px !important;
    color: var(--tlh-lg-ink) !important;
    text-transform: none !important;
}
/* علامة الشباك من اللوجو */
.wd-dropdown-register .wd-heading .title::before {
    content: "" !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    background: linear-gradient(135deg, #FF9CBC 0%, #02A7B1 100%) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='1.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='1.5' width='9' height='9' rx='2.6'/%3E%3Crect x='1.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3Crect x='13.5' y='13.5' width='9' height='9' rx='2.6'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
.wd-dropdown-register .create-account-link {
    flex-shrink: 0 !important;
    padding: 6px 13px !important;
    border-radius: 60px !important;
    background: rgba(2, 167, 177, .08) !important;
    box-shadow: inset 0 0 0 1px rgba(2, 167, 177, .16) !important;
    color: var(--tlh-lg-teal-dk) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all var(--tlh-lg-ez) !important;
}
.wd-dropdown-register .create-account-link:hover {
    background: var(--tlh-lg-teal) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
}

/* ── ٣. الحقول ─────────────────────────────────────────────────── */
.wd-dropdown-register .form-row {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    width: 100% !important;
}
.wd-dropdown-register .form-row label {
    display: block !important;
    margin: 0 0 7px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
    color: var(--tlh-lg-main) !important;
}
.wd-dropdown-register .required {
    color: var(--tlh-lg-pink) !important;
    border: none !important;
    text-decoration: none !important;
}
.wd-dropdown-register .form-row input.input-text,
.wd-dropdown-register .form-row input[type="text"],
.wd-dropdown-register .form-row input[type="password"] {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    border: 1.5px solid transparent !important;
    border-radius: 13px !important;
    background: var(--tlh-lg-field) !important;
    font-size: 16px !important; /* ١٦px بتمنع تزويم iOS */
    font-weight: 600 !important;
    color: var(--tlh-lg-main) !important;
    box-shadow: none !important;
    transition: background var(--tlh-lg-ez), border-color var(--tlh-lg-ez), box-shadow var(--tlh-lg-ez) !important;
}
.wd-dropdown-register .form-row input:focus {
    outline: none !important;
    background: #FFFFFF !important;
    border-color: var(--tlh-lg-teal) !important;
    box-shadow: 0 0 0 4px rgba(2, 167, 177, .13) !important;
}
.wd-dropdown-register .form-row input::placeholder {
    color: var(--tlh-lg-muted) !important;
    font-weight: 500 !important;
}

/* زرار إظهار كلمة السر */
.wd-dropdown-register .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}
.wd-dropdown-register .form-row input[type="password"] { padding-inline-end: 46px !important; }
.wd-dropdown-register .show-password-input {
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 12px !important;
    inset-inline-start: auto !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    color: var(--tlh-lg-muted) !important;
    cursor: pointer !important;
    transition: color var(--tlh-lg-ez) !important;
}
.wd-dropdown-register .show-password-input:hover,
.wd-dropdown-register .show-password-input.display-password {
    color: var(--tlh-lg-teal) !important;
}

/* ── ٤. زر الدخول ──────────────────────────────────────────────── */
.wd-dropdown-register .form-row-btn { margin: 18px 0 0 !important; }
.wd-dropdown-register button.woocommerce-form-login__submit,
.wd-dropdown-register .form-row-btn button.button,
.wd-dropdown-register .btn.btn-accent {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: none !important;
    border-radius: 60px !important;
    background-color: var(--tlh-lg-teal) !important;
    background-image: linear-gradient(135deg, var(--tlh-lg-teal) 0%, var(--tlh-lg-teal-dk) 100%) !important;
    color: #FFFFFF !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    letter-spacing: -.2px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-transform: none !important;
    cursor: pointer !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 8px 20px rgba(2, 167, 177, .28) !important;
    transition: transform 380ms cubic-bezier(.34, 1.3, .64, 1), box-shadow 380ms cubic-bezier(.34, 1.3, .64, 1) !important;
}
.wd-dropdown-register button.woocommerce-form-login__submit:hover,
.wd-dropdown-register .btn.btn-accent:hover {
    transform: translateY(-2px) !important;
    color: #FFFFFF !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .22),
        0 14px 30px rgba(2, 167, 177, .36) !important;
}
.wd-dropdown-register button.woocommerce-form-login__submit:active { transform: scale(.99) !important; }

/* ── ٥. سطر التذييل ────────────────────────────────────────────── */
.wd-dropdown-register .login-form-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid var(--tlh-lg-line) !important;
}
.wd-dropdown-register .lost_password,
.wd-dropdown-register .woocommerce-LostPassword {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    color: var(--tlh-lg-teal-dk) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(2, 167, 177, .3) !important;
    transition: border-color var(--tlh-lg-ez) !important;
}
.wd-dropdown-register .lost_password:hover { border-bottom-color: var(--tlh-lg-teal) !important; }

.wd-dropdown-register .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--tlh-lg-body) !important;
    cursor: pointer !important;
}
.wd-dropdown-register input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border: 1.5px solid var(--tlh-lg-line) !important;
    border-radius: 6px !important;
    background: var(--tlh-lg-field) !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all var(--tlh-lg-ez) !important;
}
.wd-dropdown-register input[type="checkbox"]:checked {
    background: var(--tlh-lg-teal) !important;
    border-color: var(--tlh-lg-teal) !important;
}
.wd-dropdown-register input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-color: #FFFFFF !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
    -webkit-mask-size: 12px !important;
    mask-size: 12px !important;
    -webkit-mask-position: center !important;
    mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
}
.wd-dropdown-register input[type="checkbox"]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(2, 167, 177, .13) !important;
}

/* ── ٦. رسائل الخطأ جوه النافذة ───────────────────────────────── */
.wd-dropdown-register .woocommerce-error,
.wd-dropdown-register .woocommerce-message,
.wd-dropdown-register .woocommerce-info {
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    list-style: none !important;
}
.wd-dropdown-register .woocommerce-error {
    background: rgba(241, 34, 102, .07) !important;
    color: var(--tlh-lg-pink) !important;
    border-inline-start: 3px solid var(--tlh-lg-pink) !important;
}
.wd-dropdown-register .woocommerce-error li::before,
.wd-dropdown-register .woocommerce-error::before { display: none !important; content: none !important; }

/* ── ٧. الشاشات الصغيرة ────────────────────────────────────────── */
@media (max-width: 420px) {
    .wd-dropdown-register.wd-dropdown { width: calc(100vw - 24px) !important; }
    .wd-dropdown-register .login-dropdown-inner { padding: 18px !important; }
    .wd-dropdown-register .wd-heading .title { font-size: 15.5px !important; }
    .wd-dropdown-register .login-form-footer {
        flex-direction: column-reverse !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}

/* ── ٨. تقليل الحركة ───────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .wd-dropdown-register * {
        transition: none !important;
        transform: none !important;
    }
    .wd-dropdown-register .show-password-input { transform: translateY(-50%) !important; }
}

/* ==========================================================================
   TALAN HOME — إصلاح قفل النافذة أثناء تحريك الماوس ناحيتها

   السبب: في فراغ فعلي بين أيقونة الحساب واللوح. أول ما الماوس يدخل
   الفراغ ده بيكون خرج من العنصر الأب فالنافذة بتقفل قبل ما توصلها.

   الحل: (١) نقرّب اللوح  (٢) نحط جسر شفاف بيملا الفراغ الباقي.
   الجسر جوه اللوح، واللوح جوه العنصر الأب — فالماوس تقنياً
   ما بيخرجش من الأب أثناء العبور.
   ========================================================================== */

.wd-header-my-account .wd-dropdown-register.wd-dropdown,
.wd-tools-element .wd-dropdown-register.wd-dropdown,
.wd-dropdown-register.wd-dropdown {
    margin-top: 6px !important;
}

/* الجسر — شفاف تماماً وبيمتد فوق اللوح وعلى جنابه */
.wd-dropdown-register.wd-dropdown::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -26px !important;
    bottom: auto !important;
    inset-inline: -14px !important;
    height: 30px !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* لو النافذة بتفتح لفوق (شريط سفلي مثلاً) — الجسر ينقلب تحت */
.wd-dropdown-register.wd-dropdown.wd-opens-top::before,
.wd-toolbar .wd-dropdown-register.wd-dropdown::before {
    top: auto !important;
    bottom: -26px !important;
}

/* الجسر ما يغطّيش محتوى اللوح */
.wd-dropdown-register .login-dropdown-inner {
    position: relative !important;
    z-index: 2 !important;
}

/* منطقة لمس/هوفر أوسع حوالين أيقونة الحساب نفسها */
.wd-header-my-account > a { position: relative !important; }
.wd-header-my-account > a::after {
    content: "" !important;
    position: absolute !important;
    inset: -6px -8px -10px !important;
    z-index: 0 !important;
}
/* ==========================================================================
   TALAN HOME — السلة الجانبية (كود كامل)
   يحل محل كتلة .cart-widget-side القديمة بالكامل.

   ⚠ مبدأ ثابت في الملف ده: مفيش أي height / max-height / overflow / flex
     على حاويات اللوح الداخلية. دي كانت سبب قص المنتج في المحاولات
     السابقة. التخطيط الداخلي شغل Woodmart، والملف ده شكلي بس.
   ========================================================================== */

:root {
    --tlh-ct-teal: #02a7b1;
    --tlh-ct-teal-dk: #01828A;
    --tlh-ct-pink: #F12266;
    --tlh-ct-ink: #2B3440;
    --tlh-ct-muted: #64748B;
    --tlh-ct-line: rgba(2, 167, 177, 0.12);
    --tlh-ct-field: #F8FAFC;
    /* ارتفاع شريط الأدوات السفلي — عدّله لو غيّرت مقاساته */
    --tlh-toolbar-h: 66px;
}

/* ── ١. اللوح ──────────────────────────────────────────────────── */
.cart-widget-side {
    background-color: #FFFFFF !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.08) !important;
    direction: rtl !important;
}

/* ── ٢. الرأس ──────────────────────────────────────────────────── */
.cart-widget-side .wd-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 20px 24px !important;
    border-bottom: 2px solid #F1F5F9 !important;
    background: #FFFFFF !important;
}
.cart-widget-side .wd-heading .title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: -.3px !important;
    color: var(--tlh-ct-ink) !important;
}
.cart-widget-side .close-side-widget a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border: 1px solid var(--tlh-ct-line) !important;
    border-radius: 50px !important;
    background: var(--tlh-ct-field) !important;
    color: var(--tlh-ct-muted) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
.cart-widget-side .close-side-widget a:hover {
    background: var(--tlh-ct-pink) !important;
    border-color: var(--tlh-ct-pink) !important;
    color: #FFFFFF !important;
}

/* ── ٣. جسم اللوح ──────────────────────────────────────────────── */
.shopping-cart-widget-body {
    padding: 20px 16px !important;
    background-color: var(--tlh-ct-field) !important;
}

/* ── ٤. السلة الفاضية ──────────────────────────────────────────── */
.wd-empty-mini-cart {
    padding: 40px 10px !important;
    text-align: center !important;
}
.wd-empty-mini-cart .woocommerce-mini-cart__empty-message {
    margin-bottom: 20px !important;
    color: var(--tlh-ct-muted) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
.wd-empty-mini-cart a.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 28px !important;
    border-radius: 50px !important;
    background: linear-gradient(135deg, var(--tlh-ct-teal) 0%, var(--tlh-ct-teal-dk) 100%) !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(2, 167, 177, 0.3) !important;
    transition: all 0.3s ease !important;
}
.wd-empty-mini-cart a.btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(2, 167, 177, 0.45) !important;
}

/* ── ٥. قائمة المنتجات ─────────────────────────────────────────── */
ul.woocommerce-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
li.woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
    padding: 12px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--tlh-ct-line) !important;
    border-radius: 16px !important;
    position: relative !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
li.woocommerce-mini-cart-item:last-child { margin-bottom: 0 !important; }
li.woocommerce-mini-cart-item:hover {
    border-color: rgba(2, 167, 177, 0.3) !important;
    box-shadow: 0 6px 20px rgba(2, 167, 177, 0.08) !important;
}

li.woocommerce-mini-cart-item a.cart-item-image {
    min-width: 65px !important;
    width: 65px !important;
    margin: 0 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
li.woocommerce-mini-cart-item a.cart-item-image img {
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
}

li.woocommerce-mini-cart-item .cart-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
li.woocommerce-mini-cart-item .wd-entities-title {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--tlh-ct-ink) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
}
li.woocommerce-mini-cart-item .quantity {
    color: var(--tlh-ct-teal) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
}
li.woocommerce-mini-cart-item .variation {
    margin: 4px 0 0 !important;
    color: var(--tlh-ct-muted) !important;
    font-size: 12px !important;
}

li.woocommerce-mini-cart-item a.remove {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    border-radius: 50% !important;
    background: rgba(241, 34, 102, 0.1) !important;
    color: var(--tlh-ct-pink) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
li.woocommerce-mini-cart-item a.remove::before,
li.woocommerce-mini-cart-item a.remove::after {
    display: none !important;
    content: "" !important;
}
li.woocommerce-mini-cart-item a.remove:hover {
    background: var(--tlh-ct-pink) !important;
    color: #FFFFFF !important;
    transform: scale(1.1) rotate(90deg) !important;
}

/* ── ٦. الفوتر ─────────────────────────────────────────────────── */
.shopping-cart-widget-footer {
    padding: 20px !important;
    background: #FFFFFF !important;
    border-top: 1px dashed rgba(2, 167, 177, 0.2) !important;
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.02) !important;
}
p.woocommerce-mini-cart__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
}
p.woocommerce-mini-cart__total strong {
    color: var(--tlh-ct-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}
p.woocommerce-mini-cart__total .amount {
    color: var(--tlh-ct-teal) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
}

/* شريط الشحن المجاني */
.shopping-cart-widget-footer .wd-free-progress-bar {
    margin-bottom: 16px !important;
    padding: 10px 14px !important;
    background: var(--tlh-ct-field) !important;
    border: 1px solid rgba(2, 167, 177, 0.15) !important;
    border-radius: 12px !important;
}
.shopping-cart-widget-footer .wd-free-progress-bar .progress-msg p {
    margin-bottom: 6px !important;
    color: var(--tlh-ct-teal) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-align: center !important;
}
.shopping-cart-widget-footer .wd-free-progress-bar .progress-area {
    height: 6px !important;
    background: #E2E8F0 !important;
    border-radius: 10px !important;
}
.shopping-cart-widget-footer .wd-free-progress-bar .progress-bar {
    height: 100% !important;
    background: linear-gradient(90deg, var(--tlh-ct-teal) 0%, #10B981 100%) !important;
    border-radius: 10px !important;
}

/* الأزرار */
p.woocommerce-mini-cart__buttons {
    display: flex !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
p.woocommerce-mini-cart__buttons a {
    flex: 1 1 0 !important;
    box-sizing: border-box !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50px !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.3s ease !important;
}
p.woocommerce-mini-cart__buttons a.btn-cart {
    background: rgba(2, 167, 177, 0.08) !important;
    border: 1px solid rgba(2, 167, 177, 0.2) !important;
    color: var(--tlh-ct-teal) !important;
}
p.woocommerce-mini-cart__buttons a.btn-cart:hover {
    background: var(--tlh-ct-teal) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 14px rgba(2, 167, 177, 0.25) !important;
}
p.woocommerce-mini-cart__buttons a.checkout {
    background: linear-gradient(135deg, var(--tlh-ct-teal) 0%, var(--tlh-ct-teal-dk) 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(2, 167, 177, 0.3) !important;
}
p.woocommerce-mini-cart__buttons a.checkout:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 22px rgba(2, 167, 177, 0.45) !important;
}

/* ── ٧. اللوح ينتهي فوق شريط الأدوات ──────────────────────────── */
@media (max-width: 1024px) {
    .cart-widget-side {
        bottom: calc(var(--tlh-toolbar-h) + env(safe-area-inset-bottom, 0px)) !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
    }
    /* الخلفية السودا تفضل مغطية الشاشة كلها */
    .wd-close-side,
    .wd-fill-overlay {
        top: 0 !important;
        bottom: 0 !important;
    }
}

/* ── ٨. الشاشات الضيقة ────────────────────────────────────────── */
@media (max-width: 420px) {
    .cart-widget-side .wd-heading { padding: 16px 18px !important; }
    .cart-widget-side .wd-heading .title { font-size: 16px !important; }
    .shopping-cart-widget-body { padding: 16px 12px !important; }
    .shopping-cart-widget-footer { padding: 16px !important; }

    p.woocommerce-mini-cart__buttons {
        flex-direction: column !important;
        gap: 8px !important;
    }
    p.woocommerce-mini-cart__buttons a {
        width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* ── ٩. تقليل الحركة ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .cart-widget-side *,
    li.woocommerce-mini-cart-item a.remove:hover {
        transition: none !important;
        transform: none !important;
    }
}
/* ==========================================================================
   TALAN HOME — السلة الجانبية تنتهي فوق شريط الأدوات السفلي

   بدل ما نحط مساحة فاضية جوه اللوح، بنقصّر اللوح نفسه فيقف عند
   بداية الشريط. كده الزراير والمجموع بيفضلوا في آخر اللوح تماماً
   من غير فراغ، والشريط السفلي شغّال طول الوقت.
   ========================================================================== */

:root {
    /* ارتفاع شريط الأدوات — عدّله لو غيّرت مقاسات الشريط */
    --tlh-toolbar-h: 66px;
}

@media (max-width: 1024px) {

    /* اللوح يقف فوق الشريط */
    .cart-widget-side {
        top: 0 !important;
        bottom: calc(var(--tlh-toolbar-h) + env(safe-area-inset-bottom, 0px)) !important;
        height: auto !important;
        max-height: none !important;
        display: flex !important;
        flex-direction: column !important;
        border-bottom-left-radius: 18px !important;
        border-bottom-right-radius: 18px !important;
        overflow: hidden !important;
    }

    /* المحتوى يتمدّد والفوتر يفضل تحت */
    .cart-widget-side .widget_shopping_cart_content {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }
    .cart-widget-side .shopping-cart-widget-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .cart-widget-side .shopping-cart-widget-footer {
        flex: 0 0 auto !important;
        padding-bottom: 20px !important;
    }

    /* الخلفية السودا تفضل مغطية الشاشة كلها */
    .wd-close-side,
    .wd-fill-overlay {
        bottom: 0 !important;
    }
}

/* ── ترتيب الزراير على الشاشات الضيقة ──────────────────────────── */
@media (max-width: 420px) {
    .cart-widget-side p.woocommerce-mini-cart__buttons {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .cart-widget-side p.woocommerce-mini-cart__buttons a {
        width: 100% !important;
        flex: 1 1 auto !important;
    }
}


/* رمز الريال */
.tlh-riyal {
			display: inline-block;
			width: 1em;
			height: 1em;
			flex: 0 0 auto;
			background-color: currentColor;
			-webkit-mask-image: url("https://talanhome.com/wp-content/uploads/2026/08/Saudi_Riyal_Symbol.svg");
			mask-image: url("https://talanhome.com/wp-content/uploads/2026/08/Saudi_Riyal_Symbol.svg");
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
			-webkit-mask-position: center;
			mask-position: center;
			-webkit-mask-size: contain;
			mask-size: contain;
			vertical-align: -.11em;
			margin-inline-end: .16em;
			opacity: .92;
		}

		.woocommerce-Price-amount bdi,
		.woocommerce-Price-amount > bdi {
			direction: ltr;
			unicode-bidi: isolate;
			display: inline-flex;
			align-items: center;
		}

		.woocommerce-Price-currencySymbol {
			display: inline-flex;
			align-items: center;
			line-height: 1;
		}

		del .tlh-riyal,
		del .woocommerce-Price-amount .tlh-riyal {
			opacity: .8;
			position: relative;
		}

		del .tlh-riyal::after {
			content: "";
			position: absolute;
			top: 52%;
			inset-inline: -0.14em -0.06em;
			height: .075em;
			min-height: 1.4px;
			background-color: currentColor;
			transform: translateY(-50%);
			pointer-events: none;
		}

/* صفحة المنتج */
/* ============================================================
   TALAN HOME — صفحة المنتج | تصميم احترافي عصري
   قالب Woodmart الأصلي · يعمل على كل المنتجات · RTL
   ============================================================ */

body.single-product {
    --tlh-teal: #02a7b1;
    --tlh-teal-dk: #017E86;
    --tlh-teal-soft: rgba(2, 167, 177, .07);
    --tlh-pink: #f12266;
    --tlh-pink-soft: rgba(241, 34, 102, .07);
    --tlh-pastel: #FF9CBC;
    --tlh-g-brand: linear-gradient(135deg, #FF9CBC 0%, #02A7B1 100%);
    --tlh-g-cta: linear-gradient(135deg, #02a7b1 0%, #017E86 100%);
    --tlh-card: #FFFFFF;
    --tlh-field: #F2F6F7;
    --tlh-ink: #131F29;
    --tlh-main: #1F2D3D;
    --tlh-body: #55666C;
    --tlh-muted: #8B9799;
    --tlh-line: #E9EEF0;
    --tlh-r-xl: 24px;
    --tlh-r-lg: 18px;
    --tlh-r-md: 12px;
    --tlh-r-pill: 60px;
    --tlh-sh-1: 0 2px 10px rgba(16, 35, 46, .04);
    --tlh-sh-2: 0 8px 30px rgba(16, 35, 46, .07);
    --tlh-sh-3: 0 20px 46px rgba(2, 167, 177, .16);
    --tlh-ez: 280ms cubic-bezier(.4, 0, .2, 1);
    --tlh-sp: 480ms cubic-bezier(.34, 1.4, .64, 1);
}

@keyframes tlh-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes tlh-shine { 0% { left: -140%; } 100% { left: 160%; } }

/* ============================================================
   1. المسار العلوي
   ============================================================ */
body.single-product .single-breadcrumbs-wrapper {
    align-items: center !important;
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid var(--tlh-line) !important;
}
body.single-product .wd-breadcrumbs.woocommerce-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: var(--tlh-muted) !important;
}
body.single-product .wd-breadcrumbs a { color: var(--tlh-muted) !important; transition: color var(--tlh-ez) !important; }
body.single-product .wd-breadcrumbs a:hover { color: var(--tlh-teal) !important; }
body.single-product .wd-breadcrumbs .wd-delimiter { opacity: .4 !important; font-size: 10px !important; }
body.single-product .wd-breadcrumbs .wd-last {
    color: var(--tlh-main) !important;
    font-weight: 600 !important;
    max-width: 340px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.single-product .wd-products-nav .wd-product-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    color: var(--tlh-body) !important;
    box-shadow: var(--tlh-sh-1) !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .wd-products-nav .wd-product-nav-btn:hover {
    background: var(--tlh-teal) !important;
    border-color: var(--tlh-teal) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px) !important;
}

/* ============================================================
   2. رسائل WooCommerce
   ============================================================ */
body.single-product .woocommerce-notices-wrapper:not(:empty) { margin-bottom: 20px !important; }
body.single-product .woocommerce-message,
body.single-product .woocommerce-info,
body.single-product .woocommerce-error {
    border: none !important;
    border-radius: var(--tlh-r-md) !important;
    padding: 15px 20px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}
body.single-product .woocommerce-message { background: rgba(16,185,129,.07) !important; color: #04976B !important; border-inline-start: 3px solid #10B981 !important; }
body.single-product .woocommerce-info { background: var(--tlh-teal-soft) !important; color: var(--tlh-teal-dk) !important; border-inline-start: 3px solid var(--tlh-teal) !important; }
body.single-product .woocommerce-error { background: var(--tlh-pink-soft) !important; color: var(--tlh-pink) !important; border-inline-start: 3px solid var(--tlh-pink) !important; }

/* ============================================================
   3. المعرض
   ============================================================ */
body.single-product .product-images { animation: tlh-up .6s cubic-bezier(.4, 0, .2, 1) both !important; }
body.single-product .product-images .images,
body.single-product .product-images > .images {
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-xl) !important;
    padding: 14px !important;
    box-shadow: var(--tlh-sh-2) !important;
    overflow: hidden !important;
}
body.single-product .woocommerce-product-gallery__wrapper {
    border-radius: var(--tlh-r-lg) !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #FFFFFF, #FAFCFD) !important;
}
body.single-product .woocommerce-product-gallery__image img {
    border-radius: var(--tlh-r-lg) !important;
    transition: transform 700ms cubic-bezier(.19, 1, .22, 1) !important;
}
body.single-product .product-images:hover .woocommerce-product-gallery__image img { transform: scale(1.04) !important; }

/* شارة الخصم */
body.single-product .product-labels { z-index: 25 !important; }
body.single-product .product-labels .product-label {
    border: none !important;
    border-radius: 10px !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .2px !important;
    color: #FFFFFF !important;
    min-width: auto !important;
    min-height: auto !important;
    line-height: 1.2 !important;
}
body.single-product .product-labels .onsale {
    background: linear-gradient(135deg, #FF5C8D, #f12266) !important;
    box-shadow: 0 8px 18px rgba(241,34,102,.3) !important;
}
body.single-product .product-labels .featured {
    background: var(--tlh-g-cta) !important;
    box-shadow: 0 8px 18px rgba(2,167,177,.3) !important;
}
body.single-product .product-labels .out-of-stock { background: #8B9799 !important; }

/* أسهم المعرض والمصغرات */
body.single-product .product-images .wd-nav-arrows .wd-btn-arrow::before,
body.single-product .product-images .wd-nav-arrows .wd-btn-arrow::after,
body.single-product .product-images .wd-nav-arrows svg.wd-bg-anim { display: none !important; content: none !important; }
body.single-product .product-images .wd-nav-arrows .wd-btn-arrow {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: 50% !important;
    color: var(--tlh-teal) !important;
    box-shadow: var(--tlh-sh-1) !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .product-images .wd-nav-arrows .wd-btn-arrow:hover {
    background: var(--tlh-teal) !important;
    border-color: var(--tlh-teal) !important;
    color: #FFFFFF !important;
}
body.single-product .product-images .wd-nav-arrows .wd-btn-arrow.wd-disabled { opacity: .3 !important; }
body.single-product .product-images .wd-carousel-item img { border-radius: 10px !important; }

/* ============================================================
   4. بطاقة الملخص
   ============================================================ */
body.single-product .summary.entry-summary { animation: tlh-up .6s cubic-bezier(.4, 0, .2, 1) .1s both !important; }
body.single-product .summary-inner {
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-xl) !important;
    padding: 32px !important;
    box-shadow: var(--tlh-sh-2) !important;
}

/* العنوان */
body.single-product .summary .product_title,
body.single-product .summary h1.product_title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
    letter-spacing: -.6px !important;
    line-height: 1.35 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}

/* التقييم */
body.single-product .summary .woocommerce-product-rating {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}
body.single-product .summary .star-rating span { color: var(--tlh-pink) !important; }
body.single-product .summary .woocommerce-review-link { font-size: 12.5px !important; color: var(--tlh-muted) !important; }

/* السعر */
body.single-product .summary .price {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 20px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid var(--tlh-line) !important;
    font-size: inherit !important;
}
body.single-product .summary .price del {
    order: 2 !important;
    color: var(--tlh-muted) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    text-decoration-thickness: 1.5px !important;
    text-decoration-color: rgba(241, 34, 102, .55) !important;
}
body.single-product .summary .price del .amount { color: var(--tlh-muted) !important; }
body.single-product .summary .price ins {
    order: 1 !important;
    text-decoration: none !important;
    background: none !important;
    padding: 0 !important;
}
body.single-product .summary .price ins .amount,
body.single-product .summary .price > .amount,
body.single-product .summary .price > .woocommerce-Price-amount {
    font-size: 32px !important;
    font-weight: 900 !important;
    letter-spacing: -.9px !important;
    line-height: 1.1 !important;
    color: transparent !important;
    background: var(--tlh-g-brand) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
body.single-product .summary .price .woocommerce-Price-currencySymbol {
    font-size: .85em !important;
    font-weight: 700 !important;
    opacity: .95 !important;
}
/* السعر نص متدرّج (color:transparent + background-clip:text)،
   فالأيقونة بترث نفس الشفافية وتختفي — بنديها لون صريح بدل الوراثة */
body.single-product .summary .price .tlh-riyal {
    background-color: var(--tlh-teal) !important;
    opacity: 1 !important;
}
body.single-product .summary .price del .tlh-riyal {
    background-color: var(--tlh-muted) !important;
}

/* الوصف القصير */
body.single-product .summary .woocommerce-product-details__short-description {
    color: var(--tlh-body) !important;
    font-size: 14.5px !important;
    line-height: 2 !important;
    margin: 0 0 22px !important;
}
body.single-product .summary .woocommerce-product-details__short-description blockquote {
    margin: 0 !important;
    padding: 0 0 0 0 !important;
    border: none !important;
    background: none !important;
    font-style: normal !important;
}
body.single-product .summary .woocommerce-product-details__short-description p { margin: 0 0 12px !important; }
body.single-product .summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0 !important; }
body.single-product .summary .woocommerce-product-details__short-description b,
body.single-product .summary .woocommerce-product-details__short-description strong {
    color: var(--tlh-main) !important;
    font-weight: 800 !important;
}
body.single-product .summary .woocommerce-product-details__short-description ul {
    list-style: none !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 9px !important;
}
body.single-product .summary .woocommerce-product-details__short-description ul li {
    position: relative !important;
    padding-inline-start: 22px !important;
    font-size: 13.5px !important;
    line-height: 1.85 !important;
    margin: 0 !important;
}
body.single-product .summary .woocommerce-product-details__short-description ul li::before,
body.single-product .summary .woocommerce-product-details__short-description ul li::marker {
    content: "" !important;
    color: transparent !important;
}
body.single-product .summary .woocommerce-product-details__short-description ul li::before {
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 10px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--tlh-g-brand) !important;
}

/* حالة المخزون */
body.single-product .summary .stock {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 0 16px !important;
    padding: 6px 14px !important;
    border-radius: var(--tlh-r-pill) !important;
}
body.single-product .summary .stock.in-stock { color: #04976B !important; background: rgba(16,185,129,.08) !important; }
body.single-product .summary .stock.out-of-stock { color: var(--tlh-pink) !important; background: var(--tlh-pink-soft) !important; }
body.single-product .summary .stock::before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: currentColor !important;
}

/* ============================================================
   5. الكمية + زر الشراء
   ============================================================ */
body.single-product .summary form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 0 20px !important;
}
body.single-product .summary form.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: var(--tlh-field) !important;
    border-radius: var(--tlh-r-pill) !important;
    padding: 5px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
}
body.single-product .summary form.cart .quantity input.qty {
    width: 48px !important;
    min-width: 48px !important;
    height: auto !important;
    min-height: auto !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--tlh-main) !important;
    padding: 0 !important;
    box-shadow: none !important;
    -moz-appearance: textfield !important;
}
body.single-product .summary form.cart .quantity input.qty::-webkit-outer-spin-button,
body.single-product .summary form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
body.single-product .summary form.cart .quantity .plus,
body.single-product .summary form.cart .quantity .minus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border: none !important;
    border-radius: 50% !important;
    background: var(--tlh-card) !important;
    color: var(--tlh-teal) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: var(--tlh-sh-1) !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .summary form.cart .quantity .plus:hover,
body.single-product .summary form.cart .quantity .minus:hover {
    background: var(--tlh-g-cta) !important;
    color: #FFFFFF !important;
    transform: scale(1.06) !important;
}

body.single-product .summary form.cart button.single_add_to_cart_button,
body.single-product .summary form.cart .single_add_to_cart_button,
body.single-product .summary .single_add_to_cart_button.button.alt {
    flex: 1 1 190px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    padding: 0 28px !important;
    border: none !important;
    border-radius: var(--tlh-r-pill) !important;
    background: var(--tlh-g-cta) !important;
    background-color: #02a7b1 !important;
    background-image: linear-gradient(135deg, #02a7b1 0%, #017E86 100%) !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(2, 167, 177, .3) !important;
    transition: all var(--tlh-sp) !important;
}
body.single-product .summary form.cart .single_add_to_cart_button::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -140% !important;
    width: 55% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent) !important;
    transform: skewX(-22deg) !important;
    transition: left var(--tlh-ez) !important;
}
body.single-product .summary form.cart .single_add_to_cart_button:hover {
    transform: translateY(-3px) !important;
    box-shadow: var(--tlh-sh-3) !important;
    color: #FFFFFF !important;
}
body.single-product .summary form.cart .single_add_to_cart_button:hover::after { left: 160% !important; }
body.single-product .summary form.cart .single_add_to_cart_button:active { transform: scale(.98) !important; }
body.single-product .summary form.cart .single_add_to_cart_button.loading { opacity: .75 !important; pointer-events: none !important; }
body.single-product .summary form.cart .single_add_to_cart_button.added {
    background-image: linear-gradient(135deg, #10B981, #059669) !important;
    box-shadow: 0 8px 22px rgba(16,185,129,.3) !important;
}
body.single-product .summary form.cart .single_add_to_cart_button.disabled,
body.single-product .summary form.cart .single_add_to_cart_button:disabled {
    opacity: .45 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}
body.single-product .summary .wd-buy-now-btn {
    flex: 1 1 160px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 54px !important;
    border-radius: var(--tlh-r-pill) !important;
    background: var(--tlh-card) !important;
    color: var(--tlh-pink) !important;
    border: 1.5px solid var(--tlh-pink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    transition: all var(--tlh-sp) !important;
}
body.single-product .summary .wd-buy-now-btn:hover {
    background: var(--tlh-pink) !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 30px rgba(241,34,102,.28) !important;
}

/* المنتجات المتغيرة */
body.single-product .summary .variations { border: none !important; margin: 0 0 18px !important; width: 100% !important; }
body.single-product .summary .variations th,
body.single-product .summary .variations td { border: none !important; padding: 6px 0 !important; }
body.single-product .summary .variations label { font-size: 13px !important; font-weight: 700 !important; color: var(--tlh-main) !important; }
body.single-product .summary .variations select {
    width: 100% !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-md) !important;
    background: var(--tlh-field) !important;
    padding: 12px 15px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: var(--tlh-main) !important;
}
body.single-product .summary .variations select:focus {
    outline: none !important;
    border-color: var(--tlh-teal) !important;
    background: var(--tlh-card) !important;
    box-shadow: 0 0 0 3px rgba(2,167,177,.1) !important;
}
body.single-product .summary .reset_variations { color: var(--tlh-pink) !important; font-size: 12.5px !important; font-weight: 700 !important; }
body.single-product .summary .wd-swatch {
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08) !important;
    transition: transform var(--tlh-sp) !important;
}
body.single-product .summary .wd-swatch:hover { transform: scale(1.14) !important; }
body.single-product .summary .wd-swatch.wd-active { box-shadow: 0 0 0 2px var(--tlh-teal) !important; }

/* ============================================================
   6. زر قائمة الأمنيات
   ============================================================ */
body.single-product .summary .wd-wishlist-btn { margin: 0 0 20px !important; display: block !important; }
body.single-product .summary .wd-wishlist-btn > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: var(--tlh-r-pill) !important;
    background: var(--tlh-field) !important;
    border: 1px solid transparent !important;
    color: var(--tlh-body) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .summary .wd-wishlist-btn > a:hover {
    background: var(--tlh-pink-soft) !important;
    border-color: rgba(241,34,102,.25) !important;
    color: var(--tlh-pink) !important;
}
body.single-product .summary .wd-wishlist-btn .wd-icon { font-size: 15px !important; }

/* ============================================================
   7. بيانات المنتج (SKU / التصنيفات)
   ============================================================ */
body.single-product .summary .product_meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 20px 0 0 !important;
    border-top: 1px solid var(--tlh-line) !important;
    font-size: 12.5px !important;
}
body.single-product .summary .product_meta > span {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--tlh-body) !important;
    line-height: 1.7 !important;
}
body.single-product .summary .product_meta .meta-label {
    color: var(--tlh-muted) !important;
    font-weight: 700 !important;
}
body.single-product .summary .product_meta .sku { color: var(--tlh-main) !important; font-weight: 700 !important; }
body.single-product .summary .product_meta a {
    color: var(--tlh-teal) !important;
    font-weight: 600 !important;
    transition: opacity var(--tlh-ez) !important;
}
body.single-product .summary .product_meta a:hover { opacity: .7 !important; }
body.single-product .summary .product_meta .meta-sep { opacity: .35 !important; }

/* ============================================================
   8. المشاركة
   ============================================================ */
body.single-product .summary .product-share {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 18px 0 0 !important;
    border-top: 1px solid var(--tlh-line) !important;
}
body.single-product .summary .product-share .share-title {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: var(--tlh-muted) !important;
    margin: 0 6px 0 0 !important;
}
body.single-product .summary .product-share .wd-social-icon {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: var(--tlh-field) !important;
    color: var(--tlh-body) !important;
    border: none !important;
    transition: all var(--tlh-sp) !important;
}
body.single-product .summary .product-share .wd-social-icon:hover {
    background: var(--tlh-g-cta) !important;
    color: #FFFFFF !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 18px rgba(2,167,177,.26) !important;
}
body.single-product .summary .product-share .wd-icon { font-size: 15px !important; }

/* ============================================================
   9. التابات
   ============================================================ */
body.single-product .product-tabs-wrapper {
    margin-top: 46px !important;
    padding-block: 44px !important;
    background: linear-gradient(180deg, #FBFDFD 0%, #F4F8F9 100%) !important;
    border-top: 1px solid var(--tlh-line) !important;
}

/* شريط التابات */
body.single-product .wd-nav-tabs.wc-tabs {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 5px !important;
    border: none !important;
    margin: 0 auto 30px !important;
    padding: 6px !important;
    background: var(--tlh-card) !important;
    border-radius: var(--tlh-r-pill) !important;
    box-shadow: var(--tlh-sh-1) !important;
}
body.single-product .wd-nav-tabs.wc-tabs::before,
body.single-product .wd-nav-tabs.wc-tabs::after { display: none !important; content: none !important; }
body.single-product .wd-nav-tabs > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}
body.single-product .wd-nav-tabs > li::before,
body.single-product .wd-nav-tabs > li::after { display: none !important; content: none !important; }
body.single-product .wd-nav-tabs .wd-nav-link {
    display: inline-flex !important;
    align-items: center !important;
    padding: 11px 26px !important;
    border: none !important;
    border-radius: var(--tlh-r-pill) !important;
    background: transparent !important;
    color: var(--tlh-body) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .wd-nav-tabs .wd-nav-link::before,
body.single-product .wd-nav-tabs .wd-nav-link::after { display: none !important; content: none !important; }
body.single-product .wd-nav-tabs .wd-nav-link:hover {
    background: var(--tlh-teal-soft) !important;
    color: var(--tlh-teal) !important;
}
body.single-product .wd-nav-tabs > li.wd-active .wd-nav-link,
body.single-product .wd-nav-tabs > li.active .wd-nav-link,
body.single-product .wd-nav-tabs .wd-nav-link.wd-active {
    background: var(--tlh-g-cta) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(2,167,177,.26) !important;
}
body.single-product .wd-nav-wrapper.wd-nav-tabs-wrapper { text-align: center !important; }

/* لوحة المحتوى */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-xl) !important;
    padding: 36px !important;
    color: var(--tlh-body) !important;
    font-size: 15px !important;
    line-height: 2.05 !important;
    box-shadow: var(--tlh-sh-1) !important;
}
body.single-product .woocommerce-tabs .wc-tab-inner { padding: 0 !important; }

/* الأكورديون (الجوال) */
body.single-product .woocommerce-tabs .wd-accordion-item {
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-lg) !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .woocommerce-tabs .wd-accordion-item.wd-active {
    border-color: rgba(2,167,177,.28) !important;
    box-shadow: var(--tlh-sh-2) !important;
}
body.single-product .woocommerce-tabs .wd-accordion-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 18px 22px !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    transition: background var(--tlh-ez) !important;
}
body.single-product .woocommerce-tabs .wd-accordion-item.wd-active .wd-accordion-title { background: var(--tlh-teal-soft) !important; }
body.single-product .woocommerce-tabs .wd-accordion-title-text {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
}
body.single-product .woocommerce-tabs .wd-accordion-item.wd-active .wd-accordion-title-text { color: var(--tlh-teal-dk) !important; }
body.single-product .woocommerce-tabs .wd-accordion-opener {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: var(--tlh-field) !important;
    color: var(--tlh-teal) !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .woocommerce-tabs .wd-accordion-item.wd-active .wd-accordion-opener {
    background: var(--tlh-g-cta) !important;
    color: #FFFFFF !important;
}

/* محتوى الوصف — مقال */
body.single-product .woocommerce-Tabs-panel--description h2 {
    font-size: 23px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
    letter-spacing: -.4px !important;
    line-height: 1.45 !important;
    margin: 0 0 18px !important;
    padding-bottom: 14px !important;
    position: relative !important;
}
body.single-product .woocommerce-Tabs-panel--description h2::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    inset-inline-start: 0 !important;
    width: 52px !important;
    height: 3px !important;
    border-radius: 3px !important;
    background: var(--tlh-g-brand) !important;
}
body.single-product .woocommerce-Tabs-panel--description h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--tlh-teal-dk) !important;
    margin: 32px 0 14px !important;
}
body.single-product .woocommerce-Tabs-panel--description h3::before {
    content: "" !important;
    flex-shrink: 0 !important;
    width: 4px !important;
    height: 19px !important;
    border-radius: 3px !important;
    background: var(--tlh-g-brand) !important;
}
body.single-product .woocommerce-Tabs-panel--description h3:first-child { margin-top: 0 !important; }
body.single-product .woocommerce-Tabs-panel--description p { margin: 0 0 16px !important; }
body.single-product .woocommerce-Tabs-panel--description strong {
    color: var(--tlh-main) !important;
    font-weight: 800 !important;
}
body.single-product .woocommerce-Tabs-panel--description ul {
    list-style: none !important;
    margin: 6px 0 22px !important;
    padding: 0 !important;
    display: grid !important;
    gap: 11px !important;
}
body.single-product .woocommerce-Tabs-panel--description ul li {
    position: relative !important;
    padding-inline-start: 22px !important;
    line-height: 1.9 !important;
    margin: 0 !important;
}
body.single-product .woocommerce-Tabs-panel--description ul li::marker { content: "" !important; color: transparent !important; }
body.single-product .woocommerce-Tabs-panel--description ul li::before {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 13px !important;
    width: 9px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: var(--tlh-g-brand) !important;
}
body.single-product .woocommerce-Tabs-panel--description img {
    border-radius: var(--tlh-r-lg) !important;
    max-width: 100% !important;
    height: auto !important;
}

/* جدول المواصفات */
body.single-product .woocommerce-Tabs-panel--additional_information table,
body.single-product table.woocommerce-product-attributes {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-md) !important;
    overflow: hidden !important;
    margin: 0 !important;
}
body.single-product .woocommerce-product-attributes-item:nth-child(odd) { background: var(--tlh-field) !important; }
body.single-product .woocommerce-product-attributes-item__label {
    padding: 14px 20px !important;
    border: none !important;
    width: 34% !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--tlh-main) !important;
}
body.single-product .woocommerce-product-attributes-item__value {
    padding: 14px 20px !important;
    border: none !important;
    font-size: 13.5px !important;
    color: var(--tlh-body) !important;
}
body.single-product .woocommerce-product-attributes-item__value p { margin: 0 !important; }

/* ============================================================
   10. المراجعات
   ============================================================ */
body.single-product .woocommerce-Reviews-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
    margin: 0 0 14px !important;
}
body.single-product .woocommerce-noreviews {
    background: var(--tlh-field) !important;
    border-radius: var(--tlh-r-md) !important;
    padding: 18px 20px !important;
    font-size: 13.5px !important;
    color: var(--tlh-body) !important;
    margin: 0 !important;
}
body.single-product #reviews .commentlist {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 12px !important;
}
body.single-product #reviews .commentlist li {
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-md) !important;
    padding: 20px !important;
}
body.single-product .comment-respond {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid var(--tlh-line) !important;
}
body.single-product .comment-reply-title {
    display: block !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
    margin: 0 0 16px !important;
}
body.single-product .comment-form label {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--tlh-main) !important;
    margin-bottom: 7px !important;
}
body.single-product .comment-form .required { color: var(--tlh-pink) !important; }
body.single-product p.stars a { color: var(--tlh-pastel) !important; transition: color var(--tlh-ez) !important; }
body.single-product p.stars a:hover,
body.single-product p.stars a.active { color: var(--tlh-pink) !important; }
body.single-product .comment-form textarea,
body.single-product .comment-form input[type="text"],
body.single-product .comment-form input[type="email"] {
    width: 100% !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-md) !important;
    background: var(--tlh-field) !important;
    padding: 13px 16px !important;
    font-size: 13.5px !important;
    color: var(--tlh-main) !important;
    transition: all var(--tlh-ez) !important;
}
body.single-product .comment-form textarea { min-height: 130px !important; resize: vertical !important; }
body.single-product .comment-form textarea:focus,
body.single-product .comment-form input:focus {
    outline: none !important;
    background: var(--tlh-card) !important;
    border-color: var(--tlh-teal) !important;
    box-shadow: 0 0 0 3px rgba(2,167,177,.1) !important;
}
body.single-product .comment-form .submit {
    min-height: 48px !important;
    padding: 0 32px !important;
    border: none !important;
    border-radius: var(--tlh-r-pill) !important;
    background-image: linear-gradient(135deg, #02a7b1 0%, #017E86 100%) !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 20px rgba(2,167,177,.26) !important;
    transition: all var(--tlh-sp) !important;
}
body.single-product .comment-form .submit:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--tlh-sh-3) !important;
}

/* ============================================================
   11. المنتجات ذات الصلة
   ============================================================ */
body.single-product .related-and-upsells:not(:empty) { padding-block: 44px !important; }
body.single-product .related-and-upsells h2,
body.single-product .related-and-upsells .title {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--tlh-ink) !important;
    letter-spacing: -.4px !important;
    margin: 0 0 26px !important;
}
body.single-product .related-and-upsells .wd-product .wd-product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: var(--tlh-card) !important;
    border: 1px solid var(--tlh-line) !important;
    border-radius: var(--tlh-r-lg) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all var(--tlh-sp) !important;
}
body.single-product .related-and-upsells .wd-product .wd-product-wrapper::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    inset-inline: 0 !important;
    height: 3px !important;
    z-index: 3 !important;
    background: var(--tlh-g-brand) !important;
    transform: scaleX(0) !important;
    transition: transform var(--tlh-ez) !important;
}
body.single-product .related-and-upsells .wd-product:hover .wd-product-wrapper::before { transform: scaleX(1) !important; }
body.single-product .related-and-upsells .wd-product:hover .wd-product-wrapper {
    transform: translateY(-6px) !important;
    border-color: rgba(2,167,177,.28) !important;
    box-shadow: var(--tlh-sh-3) !important;
}
body.single-product .related-and-upsells .wd-entities-title a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--tlh-main) !important;
    transition: color var(--tlh-ez) !important;
}
body.single-product .related-and-upsells .wd-product:hover .wd-entities-title a { color: var(--tlh-teal) !important; }
body.single-product .related-and-upsells .price { font-size: 15px !important; font-weight: 800 !important; color: var(--tlh-main) !important; }
body.single-product .related-and-upsells .price del .amount { color: var(--tlh-muted) !important; font-size: 12px !important; }
body.single-product .related-and-upsells .price ins { text-decoration: none !important; background: none !important; }
body.single-product .related-and-upsells .price ins .amount { color: var(--tlh-pink) !important; font-weight: 800 !important; }
body.single-product .related-and-upsells .add_to_cart_button,
body.single-product .related-and-upsells .wd-add-btn > a {
    background-image: linear-gradient(135deg, #02a7b1 0%, #017E86 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: var(--tlh-r-pill) !important;
    font-weight: 700 !important;
}

/* ============================================================
   12. الوصول
   ============================================================ */
body.single-product *:focus-visible {
    outline: 2px dashed var(--tlh-teal) !important;
    outline-offset: 3px !important;
    border-radius: 6px !important;
}

/* ============================================================
   13. ريسبونسف
   ============================================================ */
@media (min-width: 1025px) {
    body.single-product .summary-inner {
        position: sticky !important;
        top: 100px !important;
    }
}
@media (max-width: 1200px) {
    body.single-product .summary-inner { padding: 28px !important; }
    body.single-product .summary .product_title { font-size: 25px !important; }
    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel { padding: 30px !important; }
}
@media (max-width: 1024px) {
    body.single-product .summary-inner { padding: 26px !important; }
    body.single-product .product-images .images { padding: 12px !important; }
    body.single-product .summary .price ins .amount,
    body.single-product .summary .price > .amount { font-size: 28px !important; }
    body.single-product .product-tabs-wrapper { margin-top: 36px !important; padding-block: 34px !important; }
}
@media (max-width: 767px) {
    body.single-product .single-breadcrumbs-wrapper { margin-bottom: 16px !important; padding-bottom: 14px !important; }
    body.single-product .product-images .images {
        padding: 10px !important;
        border-radius: 18px !important;
    }
    body.single-product .summary-inner {
        padding: 22px !important;
        border-radius: 18px !important;
    }
    body.single-product .summary .product_title { font-size: 21px !important; line-height: 1.45 !important; }
    body.single-product .summary .price {
        margin-bottom: 16px !important;
        padding-bottom: 16px !important;
    }
    body.single-product .summary .price ins .amount,
    body.single-product .summary .price > .amount { font-size: 25px !important; }
    body.single-product .summary .price del { font-size: 14px !important; }
    body.single-product .summary .woocommerce-product-details__short-description { font-size: 13.5px !important; line-height: 1.9 !important; }
    body.single-product .summary form.cart { flex-direction: column !important; }
    body.single-product .summary form.cart .quantity { align-self: flex-start !important; }
    body.single-product .summary form.cart .single_add_to_cart_button,
    body.single-product .summary .wd-buy-now-btn {
        width: 100% !important;
        flex: 1 1 auto !important;
        min-height: 54px !important;
    }
    body.single-product .summary .wd-wishlist-btn > a { width: 100% !important; }
    body.single-product .product-tabs-wrapper { margin-top: 28px !important; padding-block: 26px !important; }
    body.single-product .wd-nav-tabs.wc-tabs {
        display: flex !important;
        width: 100% !important;
        margin-bottom: 18px !important;
        padding: 5px !important;
    }
    body.single-product .wd-nav-tabs .wd-nav-link { padding: 10px 16px !important; font-size: 13px !important; }
    body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 22px !important;
        border-radius: 18px !important;
        font-size: 14px !important;
        line-height: 1.95 !important;
    }
    body.single-product .woocommerce-Tabs-panel--description h2 { font-size: 19px !important; }
    body.single-product .woocommerce-Tabs-panel--description h3 { font-size: 15.5px !important; margin-top: 26px !important; }
    body.single-product .woocommerce-product-attributes-item__label,
    body.single-product .woocommerce-product-attributes-item__value {
        padding: 12px 14px !important;
        font-size: 12.5px !important;
    }
    body.single-product .related-and-upsells h2 { font-size: 20px !important; }
}
@media (max-width: 480px) {
    body.single-product .wd-breadcrumbs .wd-last { max-width: 170px !important; }
    body.single-product .summary .product-share { justify-content: flex-start !important; }
    body.single-product .woocommerce-product-attributes-item__label { width: 42% !important; }
    body.single-product .wd-nav-tabs .wd-nav-link { padding: 9px 12px !important; font-size: 12px !important; }
}

@media (hover: none) {
    body.single-product .product-images:hover .woocommerce-product-gallery__image img { transform: none !important; }
    body.single-product .related-and-upsells .wd-product:hover .wd-product-wrapper { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.single-product *,
    body.single-product *::before,
    body.single-product *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* القائمة الجانبية على الموبايل */
.mobile-nav {
	    background: #FFFFFF !important;
	    box-shadow: -8px 0 44px rgba(15,23,42,.14) !important;
	    direction: rtl !important;
	}

	.mobile-nav .wd-heading {
	    display: flex !important;
	    justify-content: flex-start !important;
	    align-items: center !important;
	    padding: 14px 16px 6px !important;
	    margin: 0 !important;
	    border: none !important;
	}
	.mobile-nav .close-side-widget { margin: 0 !important; }
	.mobile-nav .close-side-widget > a {
	    display: inline-flex !important;
	    flex-direction: row-reverse !important;
	    align-items: center !important;
	    gap: 7px !important;
	    padding: 8px 14px 8px 12px !important;
	    border-radius: 50px !important;
	    background: #F1F5F7 !important;
	    color: #64748B !important;
	    font-size: 13px !important;
	    font-weight: 800 !important;
	    line-height: 1 !important;
	    transition: background .35s, color .35s !important;
	}
	.mobile-nav .close-side-widget > a:active { background: rgba(241,34,102,.09) !important; color: #f12266 !important; }
	.mobile-nav .close-side-widget .wd-action-icon {
	    width: 16px !important; height: 16px !important;
	    display: block !important; position: relative !important;
	    background: none !important; font-size: 0 !important; color: transparent !important;
	}
	.mobile-nav .close-side-widget .wd-action-icon::before,
	.mobile-nav .close-side-widget .wd-action-icon::after {
	    content: "" !important; position: absolute !important;
	    top: 50% !important; left: 0 !important; right: 0 !important;
	    height: 2px !important; border-radius: 2px !important; background: currentColor !important;
	}
	.mobile-nav .close-side-widget .wd-action-icon::before { transform: translateY(-50%) rotate(45deg) !important; }
	.mobile-nav .close-side-widget .wd-action-icon::after { transform: translateY(-50%) rotate(-45deg) !important; }
	.mobile-nav .close-side-widget .wd-action-text { font-size: 13px !important; font-weight: 800 !important; color: inherit !important; }

	.mobile-nav .wd-search-form { padding: 8px 16px 10px !important; }
	.mobile-nav .searchform { position: relative !important; margin: 0 !important; }
	.mobile-nav .searchform .s {
	    width: 100% !important; height: 50px !important; border: none !important; border-radius: 16px !important;
	    background: #F1F5F7 !important; padding: 0 20px 0 54px !important;
	    font-size: 14.5px !important; font-weight: 600 !important; color: #0F172A !important;
	    box-shadow: inset 0 0 0 1.5px transparent !important; text-align: right !important;
	    transition: background .35s, box-shadow .35s !important;
	}
	.mobile-nav .searchform .s:focus {
	    background: #FFFFFF !important;
	    box-shadow: inset 0 0 0 1.5px #02a7b1, 0 4px 16px rgba(2,167,177,.12) !important; outline: none !important;
	}
	.mobile-nav .searchform .s::placeholder { color: #64748B !important; font-weight: 600 !important; }
	.mobile-nav .searchform .searchsubmit {
	    position: absolute !important; left: 6px !important; right: auto !important; top: 50% !important;
	    transform: translateY(-50%) !important; width: 40px !important; height: 40px !important; min-width: 0 !important;
	    padding: 0 !important; border: none !important; border-radius: 12px !important;
	    background: linear-gradient(135deg,#02a7b1,#018A92) !important;
	    box-shadow: 0 5px 12px rgba(2,167,177,.28) !important; font-size: 0 !important;
	    transition: transform .55s cubic-bezier(0.34,1.56,0.64,1) !important;
	}
	.mobile-nav .searchform .searchsubmit > span { font-size: 0 !important; position: absolute !important; opacity: 0 !important; }
	.mobile-nav .searchform .searchsubmit::before {
	    content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important;
	    transform: translate(-50%,-50%) !important; width: 18px !important; height: 18px !important;
	    background-color: #FFFFFF !important;
	    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat !important;
	    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center/contain no-repeat !important;
	}
	.mobile-nav .searchform .searchsubmit:active { transform: translateY(-50%) scale(.9) !important; }
	.mobile-nav .wd-clear-search { left: 54px !important; right: auto !important; }

	.mobile-nav .wd-nav-mob-tab { display: none !important; }

	.mobile-nav .wd-nav-mobile {
	    padding: 0 12px 28px !important; margin: 0 !important; list-style: none !important; border: none !important;
	}
	.mobile-nav .wd-nav-mobile li {
	    margin: 0 0 4px !important; padding: 0 !important; border: none !important; list-style: none !important; position: relative !important;
	}
	.mobile-nav .wd-nav-mobile li::before, .mobile-nav .wd-nav-mobile li::after { display: none !important; content: none !important; }

	.mobile-nav .mobile-categories-menu > li > a {
	    position: relative !important; display: flex !important; flex-direction: row !important;
	    align-items: center !important; justify-content: flex-start !important; gap: 14px !important;
	    padding: 11px 12px !important; font-size: 15px !important; font-weight: 700 !important;
	    color: #0F172A !important; border-radius: 14px !important; text-align: right !important;
	    transition: background .35s, color .35s !important;
	}
	.mobile-nav .mobile-categories-menu > li > a > .tlh-cat-ic {
	    order: 0 !important; width: 44px !important; height: 44px !important;
	    min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important;
	    display: flex !important; align-items: center !important; justify-content: center !important;
	    border-radius: 13px !important;
	    background: linear-gradient(135deg, rgba(2,167,177,.13), rgba(255,123,163,.10)) !important;
	    box-shadow: 0 3px 8px rgba(2,167,177,.10) !important; color: #02a7b1 !important;
	    transition: transform .55s cubic-bezier(0.34,1.56,0.64,1), box-shadow .35s !important;
	}
	.mobile-nav .mobile-categories-menu > li > a > .tlh-cat-ic svg { width: 22px !important; height: 22px !important; display: block !important; }
	.mobile-nav .mobile-categories-menu > li > a > .nav-link-text { order: 1 !important; flex: 1 1 auto !important; text-align: right !important; }
	.mobile-nav .mobile-categories-menu > li > a:hover { background: rgba(2,167,177,.05) !important; }
	.mobile-nav .mobile-categories-menu > li > a:hover > .tlh-cat-ic { transform: scale(1.06) !important; box-shadow: 0 5px 12px rgba(2,167,177,.18) !important; }
	.mobile-nav .mobile-categories-menu > li > a:active { background: rgba(2,167,177,.08) !important; color: #02a7b1 !important; }
	.mobile-nav .mobile-categories-menu > li > a:active > .tlh-cat-ic { transform: scale(1.1) rotate(-4deg) !important; }
	.mobile-nav .mobile-categories-menu .menu-item-29188 > a { color: #f12266 !important; }
	.mobile-nav .mobile-categories-menu .menu-item-29188 > a > .tlh-cat-ic {
	    background: linear-gradient(135deg, rgba(255,123,163,.20), rgba(241,34,102,.12)) !important;
	    box-shadow: 0 3px 8px rgba(241,34,102,.14) !important; color: #f12266 !important;
	}

	.mobile-nav .mobile-pages-menu > li > a {
	    position: relative !important; display: flex !important; flex-direction: row !important;
	    align-items: center !important; justify-content: flex-start !important; gap: 14px !important;
	    padding: 13px 14px !important; font-size: 15px !important; font-weight: 700 !important;
	    color: #0F172A !important; border-radius: 14px !important; text-align: right !important;
	    transition: background .35s, color .35s !important;
	}
	.mobile-nav .mobile-pages-menu > li > a::before {
	    content: "" !important; display: block !important; order: 0 !important;
	    width: 9px !important; height: 9px !important; min-width: 9px !important; flex: 0 0 9px !important;
	    border-radius: 50% !important; background: #02a7b1 !important; opacity: .3 !important; margin: 0 !important;
	    transition: opacity .35s, transform .55s cubic-bezier(0.34,1.56,0.64,1), background .35s !important;
	}
	.mobile-nav .mobile-pages-menu > li > a:hover { background: rgba(2,167,177,.05) !important; }
	.mobile-nav .mobile-pages-menu > li > a:hover::before { opacity: .6 !important; }
	.mobile-nav .mobile-pages-menu > li > a:active { background: rgba(2,167,177,.08) !important; color: #02a7b1 !important; }
	.mobile-nav .mobile-pages-menu > li.current-menu-item > a {
	    background: linear-gradient(135deg, rgba(2,167,177,.10), rgba(255,123,163,.06)) !important; color: #02a7b1 !important;
	}
	.mobile-nav .mobile-pages-menu > li > a:active::before,
	.mobile-nav .mobile-pages-menu > li.current-menu-item > a::before {
	    opacity: 1 !important; transform: scale(1.4) !important; background: #f12266 !important;
	}

	.mobile-nav .mobile-pages-menu > li.menu-item-account { margin-top: 8px !important; padding-top: 8px !important; }
	.mobile-nav .mobile-pages-menu > li.menu-item-account::after {
	    content: "" !important; position: absolute !important; top: 0 !important;
	    right: 14px !important; left: 14px !important; height: 1px !important;
	    background: linear-gradient(90deg, transparent, rgba(2,167,177,.16), transparent) !important;
	}

	.mobile-nav .wd-nav-mobile .wd-nav-opener {
	    position: absolute !important; left: 6px !important; right: auto !important; top: 5px !important;
	    width: 42px !important; height: 42px !important; border-radius: 12px !important;
	    display: flex !important; align-items: center !important; justify-content: center !important;
	    background: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important;
	    transition: background .35s !important;
	}
	.mobile-nav .wd-nav-mobile .wd-nav-opener::before, .mobile-nav .wd-nav-mobile .wd-nav-opener::after { background: #02a7b1 !important; }
	.mobile-nav .wd-nav-mobile .wd-nav-opener:active { background: rgba(2,167,177,.08) !important; }

	.mobile-nav .wd-nav-mobile .wd-sub-menu {
	    padding: 5px 8px 6px !important; margin: 2px 0 6px !important;
	    background: rgba(2,167,177,.035) !important; border-radius: 14px !important; list-style: none !important;
	}
	.mobile-nav .wd-nav-mobile .wd-sub-menu li { margin: 0 !important; }
	.mobile-nav .wd-nav-mobile .wd-sub-menu li a {
	    display: block !important; padding: 11px 30px 11px 16px !important;
	    font-size: 14px !important; font-weight: 600 !important; color: #64748B !important;
	    border-radius: 11px !important; text-align: right !important;
	    transition: background .35s, color .35s, padding .35s !important;
	}
	.mobile-nav .wd-nav-mobile .wd-sub-menu li a:hover { background: rgba(2,167,177,.05) !important; }
	.mobile-nav .wd-nav-mobile .wd-sub-menu li a:active { background: rgba(2,167,177,.08) !important; color: #02a7b1 !important; padding-inline-start: 34px !important; }