/*
Theme Name: NoDisk AI Sales
Description: قالب صفحة مبيعات احترافية لمنتجات Nodisk AI
Author: Nodisk
Version: 1.0
Text Domain: nodisk-ai-sales
*/

body {
  margin: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  background: #121212;
  color: #EEE;
}
a { color: #00ff99; text-decoration: none; }
a:hover { color: #0066ff; }
header, footer { background: #000; padding: 20px; display: flex; justify-content: center; align-items: center; }
header img, footer img { height: 55px; }
.container { max-width: 1200px; margin: auto; padding: 40px 20px; }
.section { margin-bottom: 60px; }
.section h2 { font-size: 2em; margin-bottom: 20px; color: #00ff99; }
.products { display: flex; flex-wrap: wrap; gap: 20px; }
.product { background: #1e1e1e; border-radius: 12px; padding: 20px; margin: 10px; flex: 1 1 260px; display: flex; flex-direction: column; box-shadow: 0 2px 12px #00332244; transition: transform .2s; }
.product:hover { transform: scale(1.03); box-shadow: 0 4px 20px #00ff9955; }
.product h3 { color: #00ff99; margin-bottom: 10px; }
.product .price { color: #FFF; font-size: 1.7em; margin-bottom: 10px; font-weight: bold; }
.btn-buy {
  background: linear-gradient(90deg, #00ff99 0%, #0066ff 100%);
  border: none;
  padding: 14px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
  border-radius: 8px;
  cursor: pointer;
  margin-top: auto;
  text-align: center;
  transition: background 0.2s, color 0.2s;
  box-shadow: 0 2px 8px #00ff9955;
}
.btn-buy:hover { background: #0066ff; color: #FFF; }
.faq { background: #191b23; padding: 20px; border-radius: 12px; }
.faq-item { margin-bottom: 13px; }
.faq-item h3 { cursor: pointer; margin: 0; padding: 10px 15px; background: #000; border-radius: 7px; color: #00ff99; font-size: 1.13em; }
.faq-item p { margin: 0; padding: 10px 15px; background: #26272f; display: none; border-radius: 0 0 7px 7px; font-size: 1.06em; color: #b0ffe6; }
@media (max-width: 800px) {
  .products { flex-direction: column; }
  .product { min-width: 0; }
  .container { padding: 18px 5px; }
}
