/* بطاقة المنتج — الصفحة الرئيسية */
.s-product-card, .product-card, .product-item {
    background: #ffffff;
    border-radius: 18px;
    padding: 12px;
    border: 2px solid #e6e6e6;
    transition: all 0.25s ease-in-out;
}

.s-product-card:hover {
    transform: scale(1.03);
    border-color: #d9cbb2;
}

.s-product-card img.lazy.loaded {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 14px;
}

/* زر الإضافة للسلة — ذهبي + نص أسود + تقويس رواق */
.s-product-card .s-button-element,
.product-card__enhanced-mini-cart button.s-button-element,
.product-single__inner .s-button-btn {
    background: linear-gradient(135deg, #f0e6d0, #d9cbb2, #c3b497) !important;
    color: #1b1816 !important;
    font-weight: 700 !important;
    border: none !important;

    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;

    padding: 4px 14px !important;
}

/* تقويس رواق للصور */
.s-product-card img.lazy.loaded,
.product-card img.lazy.loaded,
.product-item img.lazy.loaded {
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;
    overflow: hidden !important;
    display: block !important;
}

/* تقويس رواق شامل */
*:not(img):not(svg):not(.no-roaq-edge) {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
}

/* تبويب نشط */
.s-block--tabs-produtcs .tab-trigger.is-active button {
    background: linear-gradient(135deg, #f0e6d0, #d9cbb2, #c3b497) !important;
    color: #1b1816 !important;
    font-weight: 700 !important;
    border: none !important;

    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;

    position: relative;
    overflow: hidden;
}

.s-block--tabs-produtcs .tab-trigger.is-active button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.32) 50%,
        transparent 100%
    );
    transform: skewX(-25deg);
    animation: roaqTabShimmer 2.2s infinite linear;
}

@keyframes roaqTabShimmer {
    0% { left: -130%; }
    100% { left: 130%; }
}

/* عناصر صفحة المنتج */
.product-single__inner .btn-tab,
.product-single__inner .s-button-btn,
.product-single__inner .s-button-icon,
.product-single__inner .s-comment-form-input,
.product-single__inner .s-form-control,
.product-single__inner .s-product-options-thumbnails-wrapper label,
.product-single__inner .s-quantity-input-container,
.product-single__inner .s-quick-order-container,
.product-single__inner .s-social-share-list {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 16px !important;
    overflow: hidden !important;
}

/* أزرار العروض */
.s-block--best-offers .s-slider-block__title-right,
salla-products-slider .s-slider-block__title-right {
    background: linear-gradient(135deg, #f0e6d0, #d9cbb2, #c3b497) !important;
    color: #1b1816 !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border: none !important;

    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;

    position: relative;
    overflow: hidden;
}

.s-block--best-offers .s-slider-block__title-right::after,
salla-products-slider .s-slider-block__title-right::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.28) 50%,
        transparent 100%
    );
    transform: skewX(-25deg);
    animation: roaqGoldShine 2.1s infinite linear;
}

@keyframes roaqGoldShine {
    0% { left: -130%; }
    100% { left: 130%; }
}

/* سعر المنتج */
.product-card__price .total-price {
    font-weight: 800 !important;
    font-size: 1rem !important;
    background: linear-gradient(135deg, #d9cbb2, #c3b497, #f0e6d0, #c3b497);
    -webkit-background-clip: text;
    color: transparent !important;
    background-size: 200% 200%;
    animation: roaqPriceGoldSmall 5s ease-in-out infinite;
}

@keyframes roaqPriceGoldSmall {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* أزرار عامة */
.s-button-element:not(:disabled):not([loading]) {
    background: linear-gradient(135deg, #f0e6d0, #d9cbb2, #c3b497) !important;
    color: #1b1816 !important;
    font-weight: 700 !important;
    border: none !important;

    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;

    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.s-button-element:not(:disabled):not([loading])::after {
    content: "";
    position: absolute;
    top: 0;
    left: -140%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.28) 50%,
        transparent 100%
    );
    transform: skewX(-25deg);
    animation: roaqButtonShimmer 2.2s infinite linear;
}

@keyframes roaqButtonShimmer {
    0% { left: -140%; }
    100% { left: 140%; }
}

.s-button-element:not(:disabled):not([loading]):hover {
    transform: scale(1.03);
}

/* زر Primary */
.btn--primary {
    background: linear-gradient(135deg, #f0e6d0, #d9cbb2, #c3b497) !important;
    color: #1b1816 !important;
    font-weight: 700 !important;
    border: none !important;

    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 18px !important;

    position: relative;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.btn--primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: -140%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.28) 50%,
        transparent 100%
    );
    transform: skewX(-25deg);
    animation: roaqPrimaryShimmer 2.2s infinite linear;
}

@keyframes roaqPrimaryShimmer {
    0% { left: -140%; }
    100% { left: 140%; }
}

.btn--primary:hover {
    transform: scale(1.04);
}

/* center-between */
.center-between {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
}
/* تصغير حجم زر الواتساب الجانبي */
.wa-selia.left {
    transform: scale(0.85) !important; /* أصغر بـ 15% */
    transform-origin: center !important; /* يحافظ على تمركزه */
}
/* زر الواتساب شفاف بشكل خفيف */
.wa-selia.left {
    opacity: 0.85 !important; /* شفاف 15% */
}
.wa-selia.left {
    opacity: 0.65 !important; /* شفاف 35% */
}

/* لمعة متحركة يمين ← يسار ← يمين */
.banner-shine {
    position: relative;
    overflow: hidden;
}

.banner-shine::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%; /* نقطة البداية */
    width: 40%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.45) 45%,
        rgba(255, 255, 255, 0.7) 50%,
        rgba(255, 255, 255, 0.45) 55%,
        transparent 100%
    );

    transform: skewX(-25deg);
    animation: shinePingPong 3.5s ease-in-out infinite;
}

/* حركة يمين ← يسار ← يمين */
@keyframes shinePingPong {
    0%   { left: -40%; }
    50%  { left: 100%; }
    100% { left: -40%; }
}