/*
Theme Name: SoftLite
Theme URI: https://example.com/themes/softlite
Author: Rocketsale
Author URI: https://example.com
Description: Лёгкая тема для магазина цифровых товаров (WooCommerce), оптимизированная под Яндекс (2025). Светлая схема, быстрый UX, микроразметка JSON-LD, аккуратные мета-теги. Совместима с PHP 7.4+.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: softlite
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, light, minimal, responsive, accessibility-ready
*/
:root{
  --sl-color-bg:#ffffff;
  --sl-color-fg:#0f172a;
  --sl-color-muted:#64748b;
  --sl-color-accent:#0ea5e9; /* sky-500 */
  --sl-radius:14px;
  --sl-gap:16px;
  --sl-maxw:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--sl-color-fg);
  background:var(--sl-color-bg);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;
  line-height:1.6;
}
a{color:var(--sl-color-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--sl-maxw);margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb}
.nav{display:flex;align-items:center;gap:20px;height:64px}
.nav a{font-weight:600}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:28px;width:auto}
.spacer{flex:1}
.search{position:relative;display:flex;align-items:center}
.search input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;min-width:240px}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:600}
.btn-primary{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border:1px solid #e5e7eb;border-radius:var(--sl-radius);padding:16px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.04)}
.footer{border-top:1px solid #e5e7eb;margin-top:40px;padding:40px 0;color:var(--sl-color-muted);font-size:14px}
.product-badges{display:flex;gap:8px;flex-wrap:wrap;margin:.5rem 0}
.badge{border-radius:999px;border:1px solid #e5e7eb;padding:6px 10px;font-size:12px}
.hero{padding:32px 0}
.hero h1{font-size:42px;line-height:1.1;margin:0 0 12px}
.hero p{color:var(--sl-color-muted);margin:0 0 16px}
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .search input{min-width:160px}
  .hero h1{font-size:32px}
}