.product-card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0f172a0f;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;min-height:100%}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0f172a1f;border-color:#0ea5e940}.product-card.out{opacity:.88}.image-wrapper{position:relative;background:linear-gradient(180deg,#fff,#f8fafc);padding:16px;min-height:220px;display:flex;align-items:center;justify-content:center}.product-image{width:100%;max-width:220px;height:180px;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.04)}.product-body{display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;flex:1}.product-name{font-size:15px;font-weight:700;color:var(--text-main);line-height:1.45;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-brand{font-size:12px;color:var(--text-muted);font-weight:500}.product-rating{font-size:13px;color:#f59e0b;display:flex;align-items:center;gap:6px;min-height:20px}.product-rating .reviews{color:var(--text-muted);font-size:12px}.product-price{margin-top:2px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-height:28px}.current{color:var(--primary);font-size:18px;font-weight:800}.old{text-decoration:line-through;color:#94a3b8;font-size:13px}.no-price{color:var(--accent);font-weight:700;font-size:14px}.add-btn{width:100%;margin-top:auto;padding:11px 14px;background:var(--primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s ease,transform .2s ease,opacity .2s ease}.add-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.add-btn:active:not(:disabled){transform:translateY(0)}.add-btn:disabled{background:#cbd5e1;color:#475569;cursor:not-allowed}.discount-badge{position:absolute;top:12px;left:12px;background:#ef4444;color:#fff;padding:6px 9px;font-size:12px;font-weight:800;border-radius:999px;z-index:2;box-shadow:0 6px 14px #ef444447}.stock-badge{position:absolute;top:12px;right:12px;background:#0f172a;color:#fff;padding:6px 9px;font-size:11px;font-weight:700;border-radius:999px;z-index:2}@media (max-width: 768px){.image-wrapper{min-height:180px;padding:12px}.product-image{height:150px}.product-body{padding:12px}.product-name{font-size:14px;min-height:40px}.current{font-size:16px}.add-btn{padding:10px 12px;font-size:13px}}.catalog-section{padding:24px 16px}.catalog-section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.catalog-section__head h2{margin:0 0 6px;font-size:28px;font-weight:800;color:var(--text-main)}.catalog-section__head p{margin:0;color:var(--text-muted);font-size:14px}.catalog-message{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;color:var(--text-muted);font-weight:600}.catalog-message--error{color:#b91c1c;border-color:#fecaca;background:#fff7f7}@media (max-width: 768px){.catalog-section{padding:18px 12px}.catalog-section__head h2{font-size:22px}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:16px}.invoice-print-area{display:flex;justify-content:center;background:#f5f5f5;padding:20px}.invoice-sheet{width:80mm;background:#fff;border:2px solid #000;border-radius:14px;padding:10px;font-family:Tahoma,Arial;direction:rtl;text-align:center;font-size:15px}.invoice-head{margin-bottom:10px}.invoice-title{font-size:22px;font-weight:900}.invoice-subtitle{font-size:13px}.invoice-meta{font-size:13px;margin-top:5px}.invoice-section{margin-top:10px;border-top:1px dashed #000;padding-top:8px}.invoice-card{border:1px solid #000;border-radius:10px;padding:6px;margin-bottom:6px}.invoice-table{width:100%;border-collapse:collapse;font-size:14px}.invoice-table th,.invoice-table td{border-bottom:1px dashed #000;padding:5px}.invoice-final-total{font-size:20px;font-weight:900;margin-top:10px;border:2px solid #000;border-radius:10px;padding:8px}.qr-box{margin-top:10px;border:2px solid #000;border-radius:10px;padding:8px;display:inline-block}.invoice-footer{margin-top:10px;font-size:14px;font-weight:700}@media print{body *{visibility:hidden}.invoice-sheet,.invoice-sheet *{visibility:visible}.invoice-sheet{position:absolute;top:0;left:0;width:80mm}}.receipt{width:80mm;margin:0 auto;padding:6mm;background:#fff;color:#000;direction:rtl;font-family:Segoe UI,Tahoma;font-size:16px;line-height:1.6;border:2px solid #000;border-radius:14px}.receipt-header{text-align:center}.receipt-logo{width:70px;margin-bottom:6px}.receipt-title-ar{font-size:26px;font-weight:900}.receipt-title-en{font-size:14px;color:#333}.receipt-divider{border-top:1px dashed #000;margin:10px 0}.receipt-section-title{font-weight:800;text-align:center;font-size:17px}.receipt-meta{font-size:14px}.receipt-items-table{width:100%;border-collapse:collapse;margin-top:8px}.receipt-items-table th,.receipt-items-table td{border-bottom:1px dashed #000;padding:6px}.receipt-total-box{border:2px solid #000;border-radius:12px;padding:10px;margin-top:10px}.receipt-grand-total{font-size:22px;font-weight:900;text-align:center}.qr-section{text-align:center;margin-top:12px}.qr-frame{border:2px solid #000;border-radius:12px;padding:10px;display:inline-block}.receipt-footer{text-align:center;font-size:14px;margin-top:12px;font-weight:700}@page{size:80mm auto;margin:0}@media print{html,body{margin:0!important;padding:0!important;width:80mm}body *{visibility:hidden!important}.receipt,.receipt *{visibility:visible!important}.receipt{position:absolute;top:0;left:0;width:80mm;border:none}}html,body{background:#f5f5f5}.print-page{display:flex;justify-content:center;padding:20px}.print-actions-wrap{text-align:center;margin-bottom:15px}.print-page button{background:#000;color:#fff;padding:10px 18px;border-radius:10px;font-weight:700;cursor:pointer;border:none}.print-page button.secondary{background:#fff;color:#000;border:1px solid #000}@media print{.print-page{padding:0!important;margin:0!important}.print-actions-wrap{display:none!important}}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:#f9fafb;direction:rtl}*{box-sizing:border-box}img{object-fit:contain}