/* =========================================================
   Gamelo — Typography Enhancement Layer
   Bigger, bolder, clearer Arabic type across the site.
   Loaded after main.css, only overrides type-related rules.
   ========================================================= */

/* Slightly larger root scale so every rem-based size grows */
html { font-size: 17px; }
@media (min-width: 1200px) { html { font-size: 18px; } }

body {
	line-height: 1.75;
	font-weight: 400;
}

/* ---------- Headings: bolder weight, larger scale ---------- */
h1, h2, h3, h4, h5 {
	font-weight: 900;
	letter-spacing: -0.015em;
}
h1 { font-size: clamp(2.6rem, 5.4vw, 4.8rem); line-height: 1.08; }
h2 { font-size: clamp(2.1rem, 4.2vw, 3.2rem); line-height: 1.15; }
h3 { font-size: 1.55rem; font-weight: 800; }
h4 { font-size: 1.2rem; font-weight: 800; }

p { font-size: 1.05rem; line-height: 1.8; }

/* ---------- Hero ---------- */
.hero__title {
	font-size: clamp(2.8rem, 6vw, 5.2rem);
	font-weight: 900;
	line-height: 1.05;
}
.hero__desc {
	font-size: 1.2rem;
	line-height: 1.8;
}
.eyebrow {
	font-size: .92rem;
	font-weight: 800;
	letter-spacing: .04em;
}
.eyebrow i { font-size: .85rem; }

.hero__brands-label { font-size: .88rem; font-weight: 700; }
.brand-pill { font-size: 1rem; font-weight: 700; }
.brand-pill i { font-size: 1.55rem; }

/* ---------- Buttons ---------- */
.btn {
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}
.btn-sm { font-size: .92rem; }
.btn-lg { font-size: 1.15rem; padding: 1.1rem 2.1rem; }

/* ---------- Section heads ---------- */
.section-head h2 { font-weight: 900; }
.section-head p { font-size: 1.1rem; }

/* ---------- Features strip ---------- */
.feature-item h4 { font-size: 1.1rem; font-weight: 800; }
.feature-item p { font-size: .92rem; }

/* ---------- Category cards ---------- */
.category-card h3 { font-size: 1.18rem; font-weight: 800; }
.category-card .count { font-size: .88rem; }

/* ---------- Product cards ---------- */
.product-card__title { font-size: 1.08rem; font-weight: 800; }
.product-card__price .price-now { font-size: 1.2rem; font-weight: 900; }

/* ---------- Product detail ---------- */
.product-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; }
.product-excerpt { font-size: 1.12rem; }
.product-price-block .price-now { font-size: 2.7rem; font-weight: 900; }

/* ---------- Nav ---------- */
#primary-menu > li > a { font-size: 1rem; font-weight: 700; }
.site-title { font-size: 1.45rem; }
.site-title .logo-mark { font-size: 1.45rem; }

/* ---------- CTA / footer-cta ---------- */
.cta-box h2, .footer-cta h2 { font-weight: 900; }
.cta-box p { font-size: 1.15rem; }
.footer-col ul a { font-size: 1rem; }
.footer-bottom p { font-size: .92rem; }

/* ---------- 404 / misc large numerals stay readable but bolder ---------- */
.error-404 .error-code,
.trust-controller > i { font-weight: 900; }

/* ---------- Mobile: keep things comfortably large, not overflowing ---------- */
@media (max-width: 768px) {
	html { font-size: 16px; }
	.hero__title { font-size: clamp(2.1rem, 9vw, 3rem); }
	h2 { font-size: clamp(1.7rem, 6vw, 2.2rem); }
	.btn-lg { font-size: 1rem; padding: 1rem 1.7rem; }
}