:root {
    --primary-blue: #123bc8!important;
    --primary-blue-hover: #0e2d9b!important;
    --primary-light: #eff6ff!important;
    --bg-white: #ffffff!important;
    --bg-gray: #f8fafc!important;
    --text-main: #123bc8!important;
    --border-color: #e2e8f0!important
}

body,.dark,.salla-dark-mode {
    background-color: var(--bg-gray)!important;
    color: var(--text-main)!important
}

custom-salla-product-card {
    background-color: var(--bg-white)!important;
    border: 1px solid var(--border-color)!important;
    border-radius: 12px!important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04)!important;
    transition: transform 0.3s ease,box-shadow 0.3s ease!important;
    overflow: hidden
}

custom-salla-product-card:hover {
    transform: translateY(-4px)!important;
    box-shadow: 0 12px 24px rgba(18,59,200,0.1)!important;
    border-color: var(--primary-blue)!important
}

.product-card__mini-cart__btn .s-button-btn,.product-card__normal-cart__btn .s-button-btn,.addToCart__btn .s-button-btn {
    background-color: var(--primary-blue)!important;
    color: #ffffff!important;
    border: none!important;
    border-radius: 8px!important;
    font-weight: bold!important;
    font-size: 14px!important;
    padding: 10px!important;
    transition: background-color 0.2s ease!important
}

.product-card__mini-cart__btn .s-button-btn:hover,.product-card__normal-cart__btn .s-button-btn:hover,.addToCart__btn .s-button-btn:hover {
    background-color: var(--primary-blue-hover)!important
}

.product-card__mini-cart__btn i,.product-card__normal-cart__btn i {
    color: #ffffff!important
}

.s-block--faq {
    background-color: var(--bg-white)!important;
    background-image: linear-gradient(rgba(18,59,200,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(18,59,200,0.03) 1px,transparent 1px)!important;
    background-size: 20px 20px!important;
    padding-block:40px!important;border-radius: 16px!important;
    margin-block:30px!important}

.faq__title {
    color: var(--primary-blue)!important
}

.faq__grid {
    gap: 16px!important
}

.single-faq {
    background-color: var(--bg-white)!important;
    border: 1px solid var(--border-color)!important;
    border-radius: 12px!important;
    padding: 12px 20px!important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02)!important;
    transition: all 0.3s ease!important;
    margin-bottom: 0!important
}

.single-faq:hover {
    border-color: var(--primary-blue)!important;
    box-shadow: 0 4px 12px rgba(18,59,200,0.08)!important
}

.faq__question {
    color: var(--text-main)!important;
    font-weight: 700!important
}

.faq-btn i {
    color: var(--primary-blue)!important;
    background-color: var(--primary-light)!important;
    border-radius: 50%!important;
    padding: 4px!important
}

.store-footer {
    background-color: var(--bg-white)!important;
    border-top: 3px solid var(--primary-blue)!important;
    margin-top: 40px!important;
    padding-top: 40px!important
}

.store-footer__menu-link,.footer-title,.footer-description,.text-unicode {
    --text-main: #fff!important;
    color: var(--text-main)!important
}

.footer-title {
    color: var(--primary-blue)!important;
    font-weight: bold!important
}

.store-footer__menu-link:hover {
    color: var(--primary-blue)!important
}

.store-footer i {
    color: var(--primary-blue)!important
}

.footer-bottom {
    background-color: var(--bg-gray)!important;
    border-top: 1px solid var(--border-color)!important
}

.home-block-title h2 {
    color: var(--primary-blue)!important
}

.product-card__mini-cart::before,.product-card__normal-cart::before {
    content: "✓ \00a0 ضمان سنتين | شحن مجاني"!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 11px!important;
    font-weight: 700!important;
    color: var(--primary-blue)!important;
    background-color: var(--primary-light)!important;
    border: 1px dashed var(--primary-blue)!important;
    border-radius: 9999px!important;
    padding: 4px 10px!important;
    margin: 0 auto 10px auto!important;
    width: fit-content!important
}

.store-footer {
    background: linear-gradient(135deg,#0a1128 0%,#123bc8 200%)!important;
    color: #ffffff!important;
    position: relative;
    overflow: hidden;
    border-top: none!important;
    padding-top: 60px!important;
    margin-top: 60px!important;
    --mouse-x: 50%;
    --mouse-y: 50%
}

.store-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle 600px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,0.06),transparent 60%);
    pointer-events: none;
    z-index: 0;
    transition: background 0.1s ease
}

.store-footer__inner,.footer-bottom {
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .store-footer__grid {
        display:flex!important;
        justify-content: space-between!important;
        gap: 2rem!important
    }

    .store-footer__grid > div:not(:first-child) {
        border-inline-start:1px solid rgba(255,255,255,0.1)!important;padding-inline-start:2.5rem!important;border-image: linear-gradient(to bottom,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%) 1!important
    }
}

.footer-title {
    color: #ffffff!important;
    font-size: 1.15rem!important;
    font-weight: 800!important;
    margin-bottom: 1.8rem!important;
    position: relative;
    display: inline-block
}

.footer-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 30px;
    height: 3px;
    background: #c08b5c;
    border-radius: 4px;
    transition: width 0.4s ease
}

.store-footer__links-column:hover .footer-title::after,.store-footer__contacts-column:hover .footer-title::after {
    width: 100%
}

.store-footer .footer-description, .store-footer .text-sm {
    color: rgba(255,255,255,0.7)!important;
    line-height: 1.8!important
}

.store-footer__menu-link {
    color: rgba(255,255,255,0.8)!important;
    transition: all 0.3s cubic-bezier(0.25,0.8,0.25,1)!important;
    display: flex!important;
    align-items: center
}

.store-footer__menu-link::before {
    content: '›';
    margin-inline-end:8px;opacity: 0;
    color: #c08b5c;
    transform: translateX(10px);
    transition: all 0.3s ease;
    font-size: 1.2rem
}

.store-footer__menu-link:hover {
    color: #ffffff!important;
    transform: translateX(-5px)
}

.store-footer__menu-link:hover::before {
    opacity: 1;
    transform: translateX(0)
}

.enhanced-contact-item {
    border: 1px solid rgba(255,255,255,0.1)!important;
    border-radius: 8px!important;
    background: rgba(255,255,255,0.03)!important;
    transition: all 0.3s ease!important;
    color: #ffffff!important
}

.enhanced-contact-item:hover {
    background: rgba(255,255,255,0.1)!important;
    border-color: rgba(255,255,255,0.3)!important;
    transform: translateY(-3px)
}

.enhanced-contact-item i {
    color: #c08b5c!important
}

.footer-bottom {
    background: rgba(0,0,0,0.3)!important;
    border-top: 1px solid rgba(255,255,255,0.05)!important;
    margin-top: 2rem
}

.footer-rights p {
    color: rgba(255,255,255,0.6)!important
}

.footer-rights a {
    color: #ffffff!important;
    font-weight: bold
}

.footer-is-custom .store-footer .store-footer__contacts-row,.footer-is-custom .store-footer .store-footer__inner,.footer-is-custom .store-footer .store-footer__newsletter {
    background-color: #f9f9f900;
    --tw-border-opacity: 1;
    border-bottom-color: #e5e7eb;
    border-bottom-color: rgba(229,231,235,var(--tw-border-opacity,1))
}

.footer-logo img {
    filter: invert(1) brightness(9.5)
}

.s-block--faq {
    background: linear-gradient(180deg,#f4f6f9 0%,#ffffff 100%)!important;
    padding-block:70px!important;border-radius: 30px!important;
    margin-block:40px!important;background-image: none!important
}

.s-block--faq .home-block-title {
    margin-bottom: 50px!important
}

.s-block--faq .faq__title::before {
    content: 'الأسئلة الشائعة';
    display: table;
    margin: 0 auto 16px auto;
    background: rgba(192,139,92,0.1);
    color: #c08b5c;
    padding: 6px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px
}

.s-block--faq .faq__title {
    color: #1f2937!important;
    font-size: 2.2rem!important;
    font-weight: 900!important;
    line-height: 1.4!important
}

.s-block--faq .faq__subtitle {
    color: #6b7280!important;
    max-width: 650px!important;
    margin: 16px auto 0!important;
    font-size: 1.05rem!important;
    line-height: 1.8!important
}

.s-block--faq .enhanced-title-border {
    display: none!important
}

.faq__grid {
    gap: 16px 24px!important
}

.single-faq {
    background: #ffffff!important;
    border: 1px solid #e2e8f0!important;
    border-radius: 16px!important;
    padding: 20px 24px!important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03)!important;
    transition: all 0.4s cubic-bezier(0.16,1,0.3,1)!important;
    position: relative;
    overflow: hidden;
    margin-bottom: 0!important
}

.single-faq::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    background: #123bc8;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.4s ease
}

.single-faq:hover,.single-faq:focus-within {
    border-color: rgba(18,59,200,0.2)!important;
    box-shadow: 0 10px 30px rgba(18,59,200,0.08)!important;
    transform: translateY(-3px)!important
}

.single-faq:hover::after,.single-faq:focus-within::after {
    transform: scaleY(1)
}

.faq-btn {
    padding: 0!important
}

.faq__question {
    font-size: 1.05rem!important;
    font-weight: 700!important;
    color: #1f2937!important;
    transition: color 0.3s ease!important;
    padding-left: 15px!important
}

.single-faq:hover .faq__question {
    color: #123bc8!important
}

.faq-btn i {
    background: #f8fafc!important;
    color: #123bc8!important;
    border: 1px solid #e2e8f0!important;
    border-radius: 50%!important;
    width: 34px!important;
    height: 34px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    font-size: 1rem!important;
    transition: all 0.4s ease!important;
    flex-shrink: 0
}

.single-faq:focus-within .faq-btn i {
    background: #123bc8!important;
    color: #ffffff!important;
    border-color: #123bc8!important;
    transform: rotate(180deg)
}

.faq__answer {
    color: #4b5563!important;
    font-size: 0.95rem!important;
    line-height: 1.8!important;
    padding-top: 16px!important;
    border-top: 1px dashed #e2e8f0!important;
    margin-top: 16px!important
}

.faq__link {
    background: rgba(192,139,92,0.1)!important;
    color: #c08b5c!important;
    border-radius: 8px!important;
    padding: 8px 16px!important;
    font-weight: bold!important;
    transition: all 0.3s ease!important;
    margin-top: 10px!important
}

.faq__link:hover {
    background: #c08b5c!important;
    color: #ffffff!important
}

img[src*="WBkY8Ow4SOq5Op3aVnEhwjrThYlbD9K9scZAIobp"] {
  content: url("https://cdn.files.salla.network/other/1837515455/77b87c06-a14d-4280-be3e-53cce4cd7c4d-original.webp");
}

.s-advertisement {
	background-color:  var(--primary-blue)!important;
	color: rgb(255, 255, 255);
}