/* Base + Dark/Light support */
:root{
  --bg:#2b2b2b; --container:#3a3a3a; --text:#f1f1f1; --muted:#ccc; --accent:#00aaff; --accent2:#00ff99;
}
body{font-family:Arial, sans-serif; background:var(--bg); margin:0; padding:0; color:var(--text);}
body.light{ --bg:#f7f7f7; --container:#ffffff; --text:#222; --muted:#555; --accent:#0070ba; --accent2:#007a3d; }

.container{max-width:1000px;margin:30px auto;padding:24px;background:var(--container);border-radius:12px;box-shadow:0 6px 30px rgba(0,0,0,0.4);}

/* theme toggle */
.theme-toggle{position:fixed;right:20px;top:20px;background:transparent;border:none;color:var(--text);font-size:18px;cursor:pointer;z-index:1000;}
.welcome-text{background:#444;border-left:5px solid var(--accent);padding:15px;margin-bottom:20px;border-radius:5px;}
.welcome-text h2{color:var(--accent);} .gratis-link{color:var(--accent);font-weight:bold;}

/* new releases grid */
.new-grid{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.new-card{background:transparent;border:1px solid #555;padding:8px;border-radius:8px;display:flex;gap:10px;align-items:center;min-width:200px;}
.new-card img{width:64px;height:auto;border-radius:6px;}
.new-info{color:var(--muted);font-size:0.9em;}

/* search + category */
.search-bar{display:flex;justify-content:center;margin-bottom:16px;}
.search-bar input{width:65%;padding:8px;border-radius:6px 0 0 6px;border:1px solid #666;background:#555;color:var(--text);}
.search-bar button{background:var(--accent);border:none;color:#fff;padding:8px 14px;border-radius:0 6px 6px 0;cursor:pointer;}
.category-filter{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.category-filter select{background:#555;color:#fff;padding:6px 10px;border-radius:6px;border:1px solid #666;}

/* product row - responsive grid behavior */
.product-row{display:flex;align-items:center;border:1px solid #555;border-radius:10px;margin-bottom:16px;padding:14px;background:linear-gradient(180deg,#2f2f2f,#2b2b2b);transition:transform .18s ease,box-shadow .18s ease;}
.product-row:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 30px rgba(0,0,0,0.5);}
.product-thumb img{width:200px;border-radius:6px;transition:transform .2s ease;}
.product-row:hover .product-thumb img{transform:scale(1.04);}

/* layout */
.product-info{flex:1;margin-left:18px;}
.product-info h3{margin:0 0 8px 0;color:var(--text);}
.product-info .description{color:var(--muted);margin-bottom:8px;}
.product-info .price{color:var(--accent2);font-weight:700;margin-bottom:8px;}
.product-info .stars{color:gold;margin-bottom:6px;}

/* actions */
.product-actions{display:flex;flex-direction:column;gap:10px;margin-left:16px;}
.product-actions button{background:var(--accent);border:none;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;}
.product-actions button:hover{opacity:0.95;}
.product-actions button.read{background:#6c63ff;}
.product-actions button.stop{background:#ff5555;}
.product-actions a button{background:#28a745;}

/* discount form */
#discountForm{display:flex;gap:8px;align-items:center;margin-top:12px;}
#discountForm input{padding:6px;border-radius:6px;border:1px solid #666;background:#555;color:var(--text);}
#discountForm button{padding:6px 10px;border-radius:6px;background:var(--accent);color:#fff;border:none;cursor:pointer;}

/* paypal badge */
.paypal-badge{margin-top:12px;display:flex;align-items:center;gap:8px;color:var(--text);font-weight:600;}

/* total */
.price-total{text-align:right;margin-top:14px;font-weight:800;color:var(--text);font-size:1.1rem;}

/* mobile */
@media (max-width:800px){
  .product-row{flex-direction:column;align-items:flex-start;}
  .product-thumb img{width:100%;max-width:320px;}
  .product-actions{flex-direction:row;width:100%;justify-content:space-between;margin-left:0;margin-top:8px;}
  .search-bar input{width:60%;}
  .new-grid{flex-direction:column;}
}