/* ================= منتجات ================= */

.product-card,
.s-product-card-entry {
    padding: 12px;
    border: 2.5px solid #15302b; /* تكبير الإطار */
    border-radius: 12px;
    transition: .3s ease;
    background: repeating-linear-gradient(
        45deg,
        #ffffff,        /* لون أساسي */
        #ffffff 10px,
        #fcfcfc 10px,   /* خطوط خفيفة جدًا */
        #fcfcfc 20px
    ); /* خلفية مخططة خفيفة جدًا */
}

.product-card:hover,
.s-product-card-entry:hover {
    box-shadow: 0 6px 18px rgba(21,48,43,.25);
}

/* ================= صور المنتجات ================= */

.product-card .product-card__image,
.product-entry__image,
.s-product-card-image {
    transition: .4s ease;
}

.product-card:hover .product-card__image,
.product-entry:hover .product-entry__image,
.s-product-card-image:hover {
    transform: scale(1.08);
}

/* ================= زر أضف للسلة ================= */

button.add-to-cart,
.s-button-primary,
.s-add-to-cart-button,
.product-card__add-btn {
    background: #15302b !important;
    color: #ffe7c1 !important;
    border-radius: 10px;
    font-weight: 600;
    padding: 12px 18px;
    border: none;
    position: relative;
    overflow: hidden;
    animation: softFloat 3.5s ease-in-out infinite;
    box-shadow: 0 4px 10px rgba(21,48,43,.35);
}

/* لمعان متحرك على الزر */
button.add-to-cart:before,
.s-button-primary:before,
.s-add-to-cart-button:before,
.product-card__add-btn:before {
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,231,193,.4),transparent);
    animation: shine 4s infinite;
}

/* Hover على الزر */
button.add-to-cart:hover,
.s-button-primary:hover,
.s-add-to-cart-button:hover,
.product-card__add-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 18px rgba(21,48,43,.5);
}

/* ================= الحركات ================= */

@keyframes softFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

@keyframes shine {
    0% { left:-100%; }
    50% { left:150%; }
    100% { left:150%; }
}