body { margin:0; font-family:"Noto Kufi Arabic", Tahoma, sans-serif; background:#f8f9fa; color:#333; }
    header { background:#fff; padding:12px; position:sticky; top:0; z-index:50; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
    .container { max-width:1200px; margin:auto; padding:10px; }
    .nav { display:flex; align-items:center; position:relative; }
    .btn { background:#000; color:#fff; padding:8px 14px; border:none; border-radius:8px; cursor:pointer; font-weight:700; transition:0.3s; }
    .btn:hover { background:#facc15; color:#000; }

    .grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; margin-top:20px; }
    @media (max-width:768px){ .grid { grid-template-columns: repeat(2, 1fr); } }

    .card { border:1px solid #eee; border-radius:12px; padding:10px; background:#fff; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.1); display:flex; flex-direction:column; }
    .card img { width:100%; height:140px; object-fit:cover; border-radius:10px;margin-bottom:8px; }
    .card h3 { font-size:14px; margin:6px 0; color:#000; flex-grow:1; }
    .price { font-size:15px; color:#d97706; margin:4px 0; }
    .old-price { text-decoration: line-through; color:#999; font-size:13px; margin-left:6px; }
    .discount-price { color:#000; font-weight:700; }
    .add-to-cart { margin-top:auto; width:100%; }

    .cart-btn { position:relative; margin-right:auto; }
    .cart-count { position:absolute; top:-6px; right:-10px; background:#facc15; color:#000; font-size:12px; font-weight:700; padding:2px 6px; border-radius:50%; }

    .logo { position:absolute; left:50%; transform:translateX(-50%); }
    .logo img { max-width:100px; width:100%; height:auto; border-radius:8px; }
    @media (max-width:768px){ .logo img { max-width:90px; } }

    .page-title { text-align:center; font-size:28px; font-weight:700; margin:20px 0; color:#000; }

    /* مودال السلة */
    .cart-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); justify-content:center; align-items:center; z-index:100; }
    .cart-content { background:#fff; border-radius:16px; padding:16px; width:340px; max-height:80%; overflow-y:auto; }
    .cart-content h2{ margin-top:0; font-size:18px; text-align:center; }
    .close-cart { background:red; color:#fff; border:none; padding:4px 10px; border-radius:8px; cursor:pointer; font-size:12px; float:left; }
    .total { font-size:16px; font-weight:700; margin:10px 0; text-align:right; color:#000; }
    .cart-item { font-size:14px; border-bottom:1px solid #eee; padding:6px 0; display:flex; justify-content:space-between; align-items:center; }