/* === HOMEPAGE STYLES === */

.hp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hp-section { padding: 60px 0; }
.hp-section-header { text-align: center; margin-bottom: 40px; }
.hp-section-title { font-size: 36px; font-weight: 400; color: #111; margin: 0 0 8px 0; letter-spacing: -0.5px; }
.hp-section-desc { font-size: 16px; color: #777; margin: 0; }

/* Announcement */
.hp-announcement { background: #111; padding: 10px 0; text-align: center; }
.hp-announcement-text { color: #fff; margin: 0; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }

/* Hero */
.hp-hero { background: #f8f8f8; padding: 100px 0; }
.hp-hero-grid { display: flex; align-items: center; gap: 60px; }
.hp-hero-content { flex: 1; }
.hp-hero-title { font-size: 52px; font-weight: 300; color: #111; line-height: 1.15; margin: 0 0 16px 0; }
.hp-hero-subtitle { font-size: 18px; color: #666; line-height: 1.6; margin: 0 0 32px 0; }
.hp-hero-actions { display: flex; gap: 16px; }
.hp-btn { display: inline-block; padding: 14px 36px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; transition: all 0.3s; }
.hp-btn-primary { background: #111; color: #fff; }
.hp-btn-primary:hover { background: #C9A227; color: #fff; }
.hp-btn-outline { border: 1px solid #111; color: #111; background: transparent; }
.hp-btn-outline:hover { background: #111; color: #fff; }
.hp-hero-visual { flex: 1; display: flex; gap: 20px; justify-content: center; }
.hp-hero-badge { width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }
.hp-badge-gold { background: #C9A227; color: #fff; }
.hp-badge-dark { background: #111; color: #fff; }

/* Trust Row */
.hp-trust { padding: 30px 0; border-bottom: 1px solid #eee; }
.hp-trust-row { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.hp-trust-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 0.5px; }
.hp-trust-item svg { width: 20px; height: 20px; flex-shrink: 0; color: #C9A227; }

/* Categories */
.hp-categories { background: #fff; }
.hp-cat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.hp-cat-card { background: #f8f8f8; padding: 40px 24px; text-align: center; transition: all 0.3s; border: 1px solid transparent; }
.hp-cat-card:hover { border-color: #C9A227; background: #fff; transform: translateY(-2px); }
.hp-cat-card h3 { font-size: 18px; font-weight: 400; color: #111; margin: 0 0 8px 0; }
.hp-cat-card span { font-size: 13px; color: #999; }

/* RTL */
body.rtl .hp-hero-actions { flex-direction: row-reverse; }
body.rtl .hp-trust-item { flex-direction: row-reverse; }

@media (max-width: 768px) {
	.hp-hero-grid { flex-direction: column; text-align: center; }
	.hp-hero-title { font-size: 32px; }
	.hp-hero-actions { justify-content: center; }
	.hp-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.hp-section { padding: 40px 0; }
	.hp-hero { padding: 60px 0; }
	.hp-trust-row { gap: 20px; }
}