:root { --accent: #ff4444; --glass: rgba(255, 255, 255, 0.1); --border: rgba(0, 0, 0, 0.1); }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Helvetica', sans-serif; -webkit-tap-highlight-color: transparent; }
body { background: #fff; color: #000; overflow-x: hidden; }
.dark-bg { background: #000; color: #fff; }

/* Eső */
.rain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.drop { position: absolute; background: linear-gradient(transparent, #fff); width: 1px; height: 60px; opacity: 0.2; animation: fall 2.5s linear infinite; }
@keyframes fall { to { transform: translateY(110vh) translateX(40px); } }

/* Navigáció */
.nav { display: flex; justify-content: space-between; padding: 15px 20px; position: sticky; top: 0; background: #fff; z-index: 1000; border-bottom: 1px solid #eee; align-items: center; }
.logo { font-weight: 900; letter-spacing: 5px; font-size: 1.2rem; color: #000; }
.cart-trigger { position: relative; cursor: pointer; }
.badge { position: absolute; -10px; right: -10px; background: #000; color: #fff; border-radius: 50%; width: 20px; height: 20px; font-size: 12px; display: flex; align-items: center; justify-content: center; }

/* Menü */
.menu-overlay { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 2000; transition: 0.4s; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.menu-overlay.active { right: 0; }
.menu-overlay a { color: #000; font-size: 2rem; margin: 15px; text-decoration: none; font-weight: bold; }

/* Shop Kártyák */
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px; }
.p-card { position: relative; border: 1px solid #f9f9f9; padding: 10px; }
.p-card img { width: 100%; aspect-ratio: 1/1.3; object-fit: cover; }
.sale-tag { position: absolute; top: 10px; left: 10px; background: #fff; color: #ff4444; border: 1px solid #ff4444; padding: 2px 5px; font-size: 10px; font-weight: bold; }
.sold-out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; font-weight: bold; z-index: 5; }

/* Kosár Panel */
.cart-side { position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; height: 100%; background: #fff; z-index: 2500; transition: 0.4s; padding: 20px; box-shadow: -5px 0 15px rgba(0,0,0,0.1); display: flex; flex-direction: column; }
.cart-side.active { right: 0; }

/* Formok */
input, select { border: 1px solid #ddd; padding: 12px; border-radius: 5px; width: 100%; margin: 8px 0; font-size: 16px; outline: none; }
.btn-black { background: #000; color: #fff; border: none; padding: 15px; font-weight: bold; width: 100%; cursor: pointer; text-transform: uppercase; }