/* Super Ecom — تصميم «متجر عام» (Market): أبيض وأزرق، بحث بارز، فئات كثيرة وعروض */
:root {
	--se-bg: #F2F4F7;
	--se-surface: #FFFFFF;
	--se-soft: #F2F4F7;
	--se-ink: #0F172A;
	--se-head: #0F172A;
	--se-muted: #475569;
	--se-line: #E2E8F0;
	--se-accent: #1D4ED8;
	--se-on-accent: #FFFFFF;
	--se-sale: #C2410C;
	--se-dark: #0F172A;
	--se-on-dark: #FFFFFF;
	--se-on-dark-muted: #CBD5E1;
	--se-radius: 18px;
	--se-radius-sm: 12px;
	--se-btn-radius: 12px;
	--se-shadow: 0 8px 24px rgba(15, 23, 42, .08);
	--se-font: "Almarai", "Segoe UI", Tahoma, sans-serif;
	--se-font-head: "Cairo", "Almarai", sans-serif;
}
h1, h2, h3 { font-weight: 800; }
.se-announce { background: var(--se-accent); color: var(--se-on-accent); font-weight: 700; }
.se-header { background: var(--se-surface); }
.se-logo, .se-logo:hover { color: var(--se-accent); font-weight: 800; }
.se-header__search { flex: 1 1 360px; max-width: 640px; display: none; }
@media (min-width: 768px) { .se-header__search { display: block; } .se-searchtoggle { display: none; } }
.se-search { background: var(--se-soft); }
.se-cartbtn { background: var(--se-ink); color: #fff; border-color: var(--se-ink); }
.se-cartbtn:hover { color: #fff; background: var(--se-accent); border-color: var(--se-accent); }

/* القائمة كشريط فئات تحت الهيدر على الحاسوب */
@media (min-width: 1024px) {
	.se-header__row { flex-wrap: wrap; }
	.se-skin-market .se-nav { order: 10; flex-basis: 100%; padding-bottom: 12px; }
	.se-nav li a { font-weight: 700; color: #334155; font-size: 15px; }
}

/* الواجهة: صندوق داكن كبير + بطاقتان جانبيتان */
.se-hero { padding-top: 24px; }
@media (min-width: 900px) { .se-hero__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; } }
.se-hero__main { display: grid; background: var(--se-dark); border-radius: var(--se-radius); overflow: hidden; }
@media (min-width: 640px) { .se-hero__main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.se-hero__main .se-hero__text { padding: 40px 32px; color: #fff; }
.se-hero__main h1 { color: #fff; font-size: clamp(30px, 4.4vw, 48px); }
.se-hero__main .se-hero__lead { color: #CBD5E1; }
.se-hero__main .se-hero__eyebrow { align-self: flex-start; background: var(--se-sale); color: #fff; padding: 6px 12px; border-radius: 8px; font-size: 13px; }
.se-hero__main .se-btn { background: #fff; color: var(--se-ink); border-color: #fff; }
.se-hero__main .se-btn:hover { background: var(--se-accent); color: #fff; border-color: var(--se-accent); }
.se-hero__main .se-hero__media { border-radius: 0; min-height: 280px; background: #1E293B; }
.se-hero__side { display: grid; gap: 16px; }
.se-promo { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; min-height: 180px; padding: 28px; border-radius: var(--se-radius); background: #DBEAFE; color: var(--se-ink); position: relative; overflow: hidden; }
.se-promo:nth-child(2) { background: #FFEDD5; }
.se-promo b { font-family: var(--se-font-head); font-size: 24px; font-weight: 800; position: relative; z-index: 1; }
.se-promo span { font-weight: 700; color: #1D4ED8; position: relative; z-index: 1; }
.se-promo:nth-child(2) span { color: #9A3412; }
.se-promo img { position: absolute; inset-inline-start: 0; bottom: 0; width: 46%; height: 100%; object-fit: cover; opacity: .95; }

/* الفئات: رقاقات دائرية */
.se-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 900px) { .se-cats { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; } }
.se-cat { align-items: center; text-align: center; padding: 14px 8px; background: var(--se-surface); border: 1px solid var(--se-line); border-radius: 16px; }
.se-cat:hover { border-color: var(--se-accent); }
.se-cat__img { width: 64px; height: 64px; aspect-ratio: 1; border-radius: 50%; }
.se-cat__name { font-family: var(--se-font); font-size: 13.5px; font-weight: 700; line-height: 1.4; }
.se-section { padding-top: 48px; }
.se-section__head h2 { font-size: clamp(22px, 3vw, 28px); }

/* المنتجات */

/* شريط الثقة: بطاقة بيضاء */
.se-trustbar { background: var(--se-surface); border: 1px solid var(--se-line); }
.se-trustbar__icon { background: #DBEAFE; color: #1D4ED8; }

/* البطاقات */
.se-card { padding: 10px; }
.se-card__media { border-radius: 12px; aspect-ratio: 1; background: #fff; }
.se-card__photo { object-fit: contain; }
.se-card__body { padding: 10px 2px 0; }
.se-card__price { font-family: var(--se-font-head); font-weight: 800; font-size: 19px; }
.se-card__btn { border-radius: 10px; }
.se-tag { border-radius: 8px; inset-inline-end: 12px; top: 12px; }
.se-gallery__slide img { aspect-ratio: 1; background: #fff; object-fit: contain; }