/* Base Wrapper */
.product-engine-widget-wrapper { width: 100%; }

/* Common Card Styles */
.product-engine-product-card { background-color: #fff; transition: all 0.3s ease; border: 1px solid #eee; }
.product-engine-card-image img { width: 100%; height: auto; }
.product-engine-product-title { font-size: 16px; margin: 10px 0; font-weight: bold; }
.product-engine-product-title a { text-decoration: none; }
.product-engine-product-price { font-size: 15px; font-weight: 700; margin-bottom: 15px; }
.product-engine-product-price del { opacity: 0.8; margin-right: 8px; }
.product-engine-product-price ins { text-decoration: none; }
.product-engine-buttons-wrapper { display: flex; gap: 10px; flex-wrap: wrap; }
.product-engine-buttons-wrapper > div { flex: 1; min-width: 120px; }
.product-engine-buttons-wrapper .button, .product-engine-buttons-wrapper a.button { display: block; width: 100%; text-align: center; padding: 10px 5px; }

/* Grid Layout */
.product-engine-products-grid { display: grid; grid-gap: 20px; }
.product-engine-layout-grid .product-engine-product-card { text-align: center; padding: 15px; display: flex; flex-direction: column; }
.product-engine-layout-grid .product-engine-card-image { margin-bottom: 15px; }
.product-engine-layout-grid .product-engine-card-content { display: flex; flex-direction: column; flex-grow: 1; }
.product-engine-layout-grid .product-engine-buttons-wrapper { margin-top: auto; }

/* List View (for custom styles) */
.product-engine-list-view .product-engine-product-card { margin-bottom: 20px; }

/* Style 1: Centered */
.product-engine-layout-style-1 .product-engine-product-card { width: 90%; max-width: 320px; margin-left: auto; margin-right: auto; text-align: center; padding: 15px; }

/* Style 2: Horizontal */
.product-engine-layout-style-2 .product-engine-product-card { display: flex; align-items: center; padding: 15px; text-align: right; }
.product-engine-layout-style-2 .product-engine-card-image { flex: 0 0 100px; margin-left: 20px; }
.product-engine-layout-style-2 .product-engine-card-content { flex-grow: 1; }
.product-engine-layout-style-2 .product-engine-product-title { margin-bottom: 8px; }
.product-engine-layout-style-2 .product-engine-buttons-wrapper { margin-top: 10px; }

/* Style 3: Overlay (Mobile Optimized) */
.product-engine-layout-style-3 .product-engine-product-card { position: relative; padding: 0; overflow: hidden; }
.product-engine-layout-style-3 .product-engine-card-image a { display: block; line-height: 0; }
.product-engine-layout-style-3 .product-engine-card-image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 60%); pointer-events: none; }
.product-engine-layout-style-3 .product-engine-card-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; box-sizing: border-box; text-align: right; }
.product-engine-layout-style-3 .product-engine-product-title a, .product-engine-layout-style-3 .product-engine-product-price { color: #fff !important; }
.product-engine-layout-style-3 .product-engine-product-price { margin-bottom: 0; }
.product-engine-layout-style-3 .product-engine-buttons-wrapper { display: none; } /* Hidden on desktop */

/* Style 5: With Attributes (Redesigned) */
.product-engine-layout-style-5 .product-engine-product-card { display: flex; align-items: stretch; padding: 0; overflow: hidden; }
.product-engine-layout-style-5 .product-engine-card-image { flex: 0 0 40%; background-color: #f5f5f5; display:flex; align-items:center; justify-content:center; padding: 10px; }
.product-engine-layout-style-5 .product-engine-card-content { flex-grow: 1; text-align: right; padding: 20px; display: flex; flex-direction: column; }
.product-engine-layout-style-5 .product-engine-product-title { margin-top: 0; }
.product-engine-layout-style-5 .product-engine-attributes { font-size: 13px; margin: 15px 0; }
.product-engine-layout-style-5 .product-engine-attribute-item { display: flex; justify-content: space-between; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dashed #eee; }
.product-engine-layout-style-5 .product-engine-attribute-item:last-child { border-bottom: 0; }
.product-engine-layout-style-5 .attribute-name { font-weight: bold; margin-left: 10px; flex-shrink: 0; }
.product-engine-layout-style-5 .attribute-values { color: #555; }
.product-engine-layout-style-5 .product-engine-buttons-wrapper { margin-top: auto; }

/* Responsive */
@media (max-width: 767px) {
    .product-engine-products-grid { grid-template-columns: 1fr !important; }
    .product-engine-layout-style-2 .product-engine-product-card,
    .product-engine-layout-style-5 .product-engine-product-card { flex-direction: column; text-align: center; }
    .product-engine-layout-style-2 .product-engine-card-image,
    .product-engine-layout-style-5 .product-engine-card-image { width: 100%; margin: 0; }
    .product-engine-layout-style-2 .product-engine-card-content,
    .product-engine-layout-style-5 .product-engine-card-content { text-align: center; padding: 15px; }
    .product-engine-layout-style-5 .product-engine-attribute-item { justify-content: center; }
    /* Mobile fix for Style 3 */
    .product-engine-layout-style-3 .product-engine-product-card { display: flex; flex-direction: column; text-align: center; }
    .product-engine-layout-style-3 .product-engine-card-image:after { display: none; }
    .product-engine-layout-style-3 .product-engine-card-content { position: static; padding: 15px; color: inherit; }
    .product-engine-layout-style-3 .product-engine-product-title a, .product-engine-layout-style-3 .product-engine-product-price { color: inherit !important; }
    .product-engine-layout-style-3 .product-engine-product-price { margin-bottom: 15px; }
    .product-engine-layout-style-3 .product-engine-buttons-wrapper { display: flex; }
}
ظ