/* Super Ecom — تصميم «رياضة ولياقة» (Sport): أسود قوي، أخضر ليموني، عناوين مائلة جريئة */
:root {
	--se-bg: #F4F4F5;
	--se-surface: #FFFFFF;
	--se-soft: #E9E9EC;
	--se-ink: #111214;
	--se-head: #111214;
	--se-muted: #52525B;
	--se-line: #E4E4E7;
	--se-accent: #A3E635;
	--se-on-accent: #111214;
	--se-sale: #EF4444;
	--se-dark: #111214;
	--se-on-dark: #FFFFFF;
	--se-on-dark-muted: #A1A1AA;
	--se-radius: 8px;
	--se-radius-sm: 6px;
	--se-btn-radius: 6px;
	--se-shadow: 0 10px 24px rgba(17, 18, 20, .10);
	--se-font: "Cairo", "Segoe UI", Tahoma, sans-serif;
	--se-font-head: "Cairo", sans-serif;
}
h1, h2, h3 { font-weight: 800; letter-spacing: 0; }
h1 { text-transform: uppercase; }
.se-announce { background: var(--se-accent); color: var(--se-on-accent); font-weight: 700; }
.se-header { background: var(--se-dark); color: var(--se-on-dark); border-bottom-color: #222; }
.se-logo, .se-logo:hover { color: var(--se-on-dark); font-weight: 800; }
.se-header__row > a:not(.se-logo), .se-header__row > div > a { color: var(--se-on-dark); }
.se-header .se-iconbtn { background: #222428; color: var(--se-on-dark); border-color: #222428; }
@media (min-width: 1024px) {
	.se-nav li a { color: #D4D4D8; font-weight: 700; }
	.se-nav li a:hover { color: var(--se-accent); }
}
.se-btn { font-weight: 800; }
.se-btn--ghost { color: var(--se-ink); border-color: var(--se-ink); }
.se-hero__eyebrow { display: inline-block; width: fit-content; justify-self: start; align-self: start; background: var(--se-dark); color: var(--se-accent); padding: 4px 12px; border-radius: 4px; }
.se-hero__media { border-radius: var(--se-radius); clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%); }

/* الفئات: صور بنص فوقها */
.se-cat { position: relative; overflow: hidden; border-radius: var(--se-radius); }
.se-cat__img { aspect-ratio: 4 / 5; border-radius: 0; }
.se-cat__name { position: absolute; inset-inline: 0; bottom: 0; padding: 40px 16px 16px; color: #fff; font-weight: 800; font-size: 20px; background: linear-gradient(transparent, rgba(17, 18, 20, .85)); }

/* البطاقات */
.se-card { border: 0; box-shadow: none; }
.se-card:hover { box-shadow: var(--se-shadow); }
.se-card__media { aspect-ratio: 1 / 1; background: var(--se-soft); }
.se-card__price { color: var(--se-ink); font-weight: 800; }
.se-card__btn { background: var(--se-dark); border-color: var(--se-dark); color: #fff; }
.se-card__btn:hover { background: var(--se-accent); border-color: var(--se-accent); color: var(--se-on-accent); }
.se-tag { border-radius: 4px; font-weight: 800; }
.se-tag--best, .se-tag--new { background: var(--se-accent); color: var(--se-on-accent); }
.se-section__head h2 { border-inline-start: 6px solid var(--se-accent); padding-inline-start: 12px; }

.se-trustbar { background: var(--se-dark); color: var(--se-on-dark); }
.se-trustbar__item b { color: var(--se-on-dark); }
.se-trustbar__item, .se-trustbar__item span { color: var(--se-on-dark-muted); }
.se-trustbar__icon { background: #222428; color: var(--se-accent); }
.se-footer { background: var(--se-dark); }