/* تحسين عرض المنتجات في الشاشات الصغيرة */
@media (max-width: 425px) {
.products-style-2,
.products-grid,
.categories-style-1 {
grid-template-columns: repeat(2, 1fr);
}
.products-grid .product-item .product-actions .button {
min-width: 100%;
}
.reviews-body .reviews-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
min-width: 90px !important;
}
}
/* تحسين واجهة التقييم */
.star-rating {
font-size: 18px;
}
.star-rating span {
-webkit-text-fill-color: #FFC83D;
}
/* تحسين تصميم المنتج */
.product-item, .product-item > * {
border-radius: 54px !important;
}
.product-item {
box-shadow: 4px 5px 20px 3px rgba(0, 0, 0, 0.1) !important;
}
/* تحسين التصميم عند أحجام شاشات كبيرة */
@media (max-width: 2425px) {
.product-item .product-actions .button {
border-radius: 14px !important;
min-width: 120px !important;
font-size: 11px !important;
box-shadow: 0px 5px 20px -10px black;
}
.single-product .single-submit {
border-radius: 14px !important;
}
.single-title {
border: 3px solid #D5AC5B;
padding: 10px;
box-shadow: 0px 5px 20px -10px black;
background-color: #fff;
text-align: center;
border-radius: 14px;
}
.single-price {
border: 3px dotted #D5AC5B;
padding: 10px;
box-shadow: 0px 5px 30px -10px black;
background-color: #FFFFFF;
border-radius: 14px;
}
}
/* تحسين نموذج الدفع */
.checkout {
border: 3px solid #D5AC5B;
border-radius: 14px;
margin: 0 0 10px;
padding: 0 7.5px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}
.checkout-form {
padding: 30px;
border-radius: 7px;
}
/* تحسين تأثير الاهتزاز */
@keyframes shake-x {
0%, 100% {
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-5px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(5px, 0, 0);
}
}
.single-product .single-submit.shaked {
animation: shake-x 2s ease infinite;
}
.single-product .single-submit.shaked:hover {
animation: none;
}
/* تحسين الشارة الحمراء للتخفيض */
.discount_badge {
position: relative;
font-size: 14px;
display: inline-block;
height: 24px;
line-height: 24px;
background-color: #FF0000;
color: #fff;
padding: 0 5px;
border-radius: 3px;
font-weight: 700;
}
.single-title .discount_badge {
margin-right: 12px;
top: -3px;
animation: zoom 1s infinite linear;
}
/* تأثير الزوم */
@keyframes zoom {
0% {
transform: scale(0.9);
}
10% {
transform: scale(1);
}
80% {
transform: scale(0.9);
}
100% {
transform: scale(0.9);
}
}
.discount_pp {
position: absolute;
top: -10px;
right: -8px;
background-color: #FF0000;
font-weight: bold;
border-radius: 15px 50px;
padding: 2px 4px;
color: #fff;
font-size: 16px;
margin-left: 0px;
animation: zoom 3s infinite linear
