/* توحيد عرض كرت المنتج */
.s-product-card {
    max-width: 300px !important;
    margin: auto !important;
}

/* توحيد حجم الصورة */
.s-product-card img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* تصغير زر إضافة للسلة */
.s-product-card .btn,
.s-product-card button {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
}

/* منع تمدد داخلي */
.s-product-card__content {
    padding: 12px !important;
}
/* ===== الخلفية العامة فحمية ===== */
body {
    background-color: #0f0f10 !important;
    color: #f5f5f5 !important;
}

/* ===== الصناديق والكروت ===== */
.card, 
.product, 
.product-block, 
section {
    background-color: #151517 !important;
    border: 1px solid #1f1f22 !important;
    border-radius: 14px;
}

/* ===== العناوين ===== */
h1, h2, h3, .product-title {
    color: #d4af37 !important;
    letter-spacing: 1px;
}

/* ===== السعر ===== */
.price, .product-price {
    color: #d4af37 !important;
    font-weight: bold;
    font-size: 20px;
}

/* ===== إصلاح لون الكمية ===== */
input[type="number"],
.quantity input {
    background: #1b1b1d !important;
    color: #ffffff !important;
    border: 1px solid #d4af37 !important;
}

/* ===== زر الشراء الفخم ===== */
.btn-primary,
button[type="submit"] {
    background: linear-gradient(135deg, #c6a437, #e6c55a) !important;
    color: #111 !important;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    transition: 0.3s;
}

.btn-primary:hover {
    box-shadow: 0 0 20px rgba(212,175,55,0.6);
    transform: translateY(-2px);
}

/* ===== زر الشراء فوق صورة المنتج ===== */
.product-image-wrapper {
    position: relative;
}

.product-image-wrapper .btn-primary {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    opacity: 0.95;
}

/* ===== توهج ذهبي خفيف ===== */
.product:hover {
    box-shadow: 0 0 25px rgba(212,175,55,0.25);
}

/* ===== إخفاء أي حدود بيضاء مزعجة ===== */
•⁠  ⁠{
    outline: none !important;
}
/* ===== الخلفية العامة فحمية ===== */
body {
    background-color: #0f0f10 !important;
    color: #f5f5f5 !important;
}

/* ===== الصناديق والكروت ===== */
.card, 
.product, 
.product-block, 
section {
    background-color: #151517 !important;
    border: 1px solid #1f1f22 !important;
    border-radius: 14px;
}

/* ===== العناوين ===== */
h1, h2, h3, .product-title {
    color: #d4af37 !important;
    letter-spacing: 1px;
}

/* ===== السعر ===== */
.price, .product-price {
    color: #d4af37 !important;
    font-weight: bold;
    font-size: 20px;
}

/* ===== إصلاح لون الكمية ===== */
input[type="number"],
.quantity input {
    background: #1b1b1d !important;
    color: #ffffff !important;
    border: 1px solid #d4af37 !important;
}

/* ===== زر الشراء الفخم ===== */
.btn-primary,
button[type="submit"] {
    background: linear-gradient(135deg, #c6a437, #e6c55a) !important;
    color: #111 !important;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    transition: 0.3s;
}

.btn-primary:hover {
    box-shadow: 0 0 20px rgba(212,175,55,0.6);
    transform: translateY(-2px);
}

/* ===== زر الشراء فوق صورة المنتج ===== */
.product-image-wrapper {
    position: relative;
}

.product-image-wrapper .btn-primary {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    opacity: 0.95;
}

/* ===== توهج ذهبي خفيف ===== */
.product:hover {
    box-shadow: 0 0 25px rgba(212,175,55,0.25);
}

/* ===== إخفاء أي حدود بيضاء مزعجة ===== */
•⁠  ⁠{
    outline: none !important;
}
/* إصلاح لون رقم الكمية نهائياً */
.quantity input,
input[type="number"] {
    background-color: #111 !important;
    color: #d4af37 !important;   /* ذهبي واضح */
    font-weight: bold !important;
}

/* إزالة لون التحديد الأزرق المزعج */
.quantity input:focus,
input[type="number"]:focus {
    background-color: #111 !important;
    color: #d4af37 !important;
    box-shadow: 0 0 10px rgba(212,175,55,0.6) !important;
    border: 1px solid #d4af37 !important;
}

/* أزرار + و - */
.quantity button {
    background: #1a1a1a !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
}

.quantity button:hover {
    background: #d4af37 !important;
    color: #111 !important;
}
/* خلفية خانة الرقم */
.quantity input,
.product-quantity input,
input[type="number"] {
    background: #1a1a1a !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
    font-weight: bold !important;
}
input[type="number"]::-webkit-input-placeholder {
    color: #d4af37 !important;
}/* مربع الوسط (اللي صار أبيض) */
.quantity .form-control,
.product-quantity .form-control {
    background: #1a1a1a !important;
    color: #d4af37 !important;
}

/* أزرار + و - */
.quantity button,
.product-quantity button {
    background: #111 !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
}

/* عند التحديد */
.quantity input:focus {
    background: #111 !important;
    color: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212,175,55,0.4) !important;
}/* خلفية خانة الرقم */
.quantity input,
.product-quantity input,
input[type="number"] {
    background: #1a1a1a !important;
    color: #d4af37 !important;
    -webkit-text-fill-color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
    font-weight: bold !important;
}

/* مربع الوسط (اللي صار أبيض) */
.quantity .form-control,
.product-quantity .form-control {
    background: #1a1a1a !important;
    color: #d4af37 !important;
}

/* أزرار + و - */
.quantity button,
.product-quantity button {
    background: #111 !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
}

/* عند التحديد */
.quantity input:focus {
    background: #111 !important;
    color: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212,175,55,0.4) !important;
}