body { font-family: 'Montserrat', Arial, sans-serif; background: #f7f7fa; margin: 0; color: #222; max-width: 100vw; }
header { background: #1a1a2e; color: #fff; text-align: center; padding: 2rem 1rem 1rem 1rem; }
h1 { font-size: 2rem; margin-bottom: 0.5rem; }
h2 { color: #e94560; }
a { color: #e94560; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 900px; margin: 2rem auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); padding: 2rem; }
.bonus-info { background: #e94560; color: #fff; padding: 1.2rem; border-radius: 8px; text-align: center; font-size: 1.2rem; margin-bottom: 2rem; }
.faq { margin-top: 2rem; }
footer { text-align: center; color: #888; font-size: 0.95rem; margin: 2rem 0 0 0; }
.slots-list { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; }
.slot-card { background: #f7f7fa; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); width: 220px; padding: 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; }
.slot-card img { width: 100%; height: 140px; object-fit: cover; border-radius: 8px; background: #e0e0e0; margin-bottom: 0.7rem; }
.slot-title { font-weight: 700; font-size: 1.1rem; margin-bottom: 0.3rem; }
.slot-desc { font-size: 0.98rem; color: #444; }
.reviews-block { margin: 2.5rem 0; }
.review { background: #f7f7fa; border-radius: 8px; padding: 1rem 1.2rem; margin-bottom: 1.2rem; box-shadow: 0 1px 4px rgba(0,0,0,0.03); }
.review-author { font-weight: 700; color: #e94560; margin-bottom: 0.2rem; }
.review-date { color: #888; font-size: 0.95rem; margin-bottom: 0.5rem; }
.review-text { font-size: 1.05rem; }
.breadcrumb { margin-bottom: 1.5rem; font-size: 1rem; }
.breadcrumb a { color: #888; text-decoration: none; }
.breadcrumb a:hover { color: #e94560; text-decoration: underline; }
.breadcrumb span { color: #e94560; }
@media (max-width: 1000px) { .container { padding: 1rem; } .slots-list { flex-direction: column; align-items: stretch; } }