.s-block {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.z-index-1 {
    z-index: 1;
    margin-block: 40px;
}
.tp-title-section {
    margin-bottom: 16px;
    z-index: 1;
    margin-top: 30px;
}
.tp-testimonial-area
Specificity: (0,1,0)
 {
    /* background: 
color-mix(in srgb, var(--primary-color) 4%, transparent); */
    padding: 70px 0 0px;
    overflow: hidden;
}

.product-box {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid transparent;
    background: #efe4cd !important;
    border-radius: 18px !important;
    border: 1px solid rgba(123, 0, 20, 0.10) !important;
    overflow: hidden !important;
    box-shadow: none !important;
    position: relative !important;
    transition: all 0.28s ease !important;
}

.product-box {
    position: relative;
    overflow: hidden; /* مهم حتى لا تخرج اللمعة عن حدود الكرت */
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

/* رفعة خفيفة جداً بدون تكبير حتى لا يتداخل مع الكرت الأعلى */
.product-box:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(123, 0, 20, 0.18) !important;
    box-shadow: 0 6px 16px rgba(80, 45, 25, 0.08) !important;
}

/* لمعة هادئة ومتوازنة */
.product-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255, 255, 255, 0.06) 40%,
        rgba(255, 255, 255, 0.30) 50%,
        rgba(255, 255, 255, 0.06) 60%,
        transparent 100%
    );
    transform: skewX(-22deg);
    transition: left 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
    pointer-events: none;
    z-index: 2;
}

.product-box:hover::before {
    left: 150%;
}


.tp-testimonial-item
Specificity: (0,1,0)
 {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100%;
    background: var(--tp-white);
    border-radius: 24px;
    padding: 24px;
    background: #f3e7d5 !important;
    border-radius: 26px !important;
    padding: 28px 30px !important;
    min-height: 155px !important;
    border: 1px solid rgba(123, 0, 20, 0.10) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.35s ease !important;
}


footer {
    position: relative;
}
footer::after {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: #f3eddf;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
}


@media (max-width: 450px) {
    .feature-box .icon {
        width: 88px;
        height: 88px;
    }
}


.feature-box .icon
Specificity: (0,2,0)
 {
    width: 100px;
    height: 100px;
}

.tp-testimonial-area {
    background: 
color-mix(in srgb, var(--primary-color) 4%, transparent);
    padding: 70px 0 0px;
    overflow: hidden;
}


.tp-title-section h3 {
    display: inline-block;
    position: relative;
    padding: 0 50px;   /* مساحة للزخرفة يمين ويسار */
}

/* الزخرفة يمين ويسار العنوان */
.tp-title-section h3::before,
.tp-title-section h3::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='180 50 480 480'%3E%3Cg fill='%23BCA25F'%3E%3Cpolygon points='187.8,293.7 296.1,402 404.4,293.7 404.2,293.5 188,293.5'/%3E%3Cpolygon points='417.7,57.3 309.5,165.5 417.7,273.8 417.9,273.7 417.9,57.4'/%3E%3Cpolygon points='421.9,57.4 421.9,273.7 530,165.6'/%3E%3Cpolygon points='543.1,182.7 435,290.7 651.2,290.7'/%3E%3Cpolygon points='435,293.5 434.8,293.7 543.1,402 651.4,293.7 651.2,293.5'/%3E%3Cpolygon points='423.6,524.4 531.9,416.2 423.6,307.9 421.9,309.6 421.9,522.7'/%3E%3Cpolygon points='417.9,521 417.9,307.9 311.3,414.4'/%3E%3Cpolygon points='188,290.7 404.2,290.7 296.1,182.6'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tp-title-section h3::before {
    right: 0;   /* الزخرفة اليمنى (في RTL يمين العنوان) */
}
.tp-title-section h3::after {
    left: 0;    /* الزخرفة اليسرى */
}


.tp-footer-widget-title {
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 15px;
    color: #bca25f;
}

.tp-footer-social a:hover {
    background: var(--primary-color);
    color: #e9cfa1;
}
.tp-footer-social a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #e3c89c;
    box-shadow: 0 1px 1px rgba(1, 15, 28, .2);
    border-radius: 6px;
    color: var(--primary-color);
}

.header-box .right-box .menu-btn {
    color: #f8e6b1;
}
.header-box svg {
    color: #f8e6b1;
    cursor: pointer;
}

@media (min-width: 1025px) {
  .tp-about-us .about-box .about-text p {
    margin-bottom: 0;
    font-size: 20px;
    opacity: .9;
    text-align: right;
    padding: 0 40px;
    padding-left: 190px;
  }

  .tp-about-us .about-box .about-text h3 {
    color: var(--primary-color);
    margin-bottom: 12px;
    font-size: 38px;
    text-align: right;
    padding: 0 40px;
  }
}


.feature-box .icon {
    width: 90px;
    height: 90px;
}

.mm-menu--offcanvas {
    --mm-color-background: #4c050e !important;
    background: #4c050e;
}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    text-decoration: none;
    color: #e7d0a1;
}

.mm-navbars--bottom {
    padding: 16px 20px 20px;
    border: 0;
    font-weight: 500;
    border-top: 1px solid #2a0409;
}

.mm-navbars--bottom .mm-navbar .links-bottom .user-btn, .mm-navbars--bottom .mm-navbar .links-bottom a {
    padding: 8px 0;
    font-size: 16px;
    display: flex;
    gap: 5px;
    position: relative;
    color: #e4cd9e;
    font-weight: 500;
}

.products-details {
    display: flex;
    gap: 24px;
    background: #f3eddf;
    padding: 12px;
    border-radius: 8px;
}

.select-quantity-div .quantity-input {
    background: #f3e7d5;
    border: 1px solid #f3e7d5;
}

.select-quantity-div .quantity-input input {
    background-color: #f3e7d5;
}
.tp-product-details-tab-nav {
    padding: 16px;
    margin-top: 12px;
    background: #f3e7d5;
    border-radius: 8px;
}
.product-images-carousel .add-to-wishlist {
    border: 1px solid #f3eddf;
    background: #f3eddf;
}

.product-share-icon {
    border: 1px solid #f3eddf;
    background: #f3eddf;
}

.template_for_cart_products_list
Specificity: (0,1,0)
 {
    padding: 16px;
    background: #efe4cd;
    border-radius: 24px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
}

.cart-flex .cart-totals {
    width: 400px;
    min-width: 400px;
    padding: 20px;
    border-radius: 24px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    background: #efe4cd;
    height: max-content;
}

.tp-btn-primary-outline {
    color: var(--primary-color);
    background-color: #f3eddf;
}

.form-control {
    background-color: #f3eddf;
}
.tp-btn-black-outline, .tp-btn-black:hover {
    color: var(--tp-text-body);
    background-color: #f3eddf;
}

.template_for_cart_products_list {
    padding: 16px;
    background: #efe4cd;
    border-radius: 24px;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
}


@font-face {
    font-family: 'Harir';
    src: url('https://cdn.jsdelivr.net/gh/graphicadigitalagency-a11y/fonts/Harir.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.tp-title-section h3,
.tp-about-us .about-box .about-text h3,
.tp-testimonial-section-title,
.blog-title h1,
.b, strong,
.tp-footer-widget-title {
    font-family: 'Harir', serif !important;
}

.tp-about-us .about-box {
    display: flex;
    align-items: center;
    gap: 48px;
}

/* تعديلات الديسكتوب فقط */
@media (min-width: 992px) {
    .tp-about-us .about-box {
        flex-direction: column;
        text-align: center;
        align-items: center;
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .tp-about-us .about-box .about-text {
        text-align: center;
    }

    .tp-about-us .about-box .about-text h3 {
        color: var(--primary-color);
        margin-bottom: 12px;
        font-size: 38px;
        text-align: center;
    }

    .tp-about-us .about-box .about-text p {
        margin-bottom: 0;
        font-size: 20px;
        opacity: .9;
        text-align: center;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}