/* Super Ecom — تصميم «عطور وبخور» (Perfume): بني داكن دافئ، ذهبي عتيق، خط رقعة للعناوين */
:root {
	--se-bg: #141110;
	--se-surface: #1D1916;
	--se-soft: #26201C;
	--se-ink: #F1E7D8;
	--se-head: #F1E7D8;
	--se-muted: #B3A595;
	--se-line: #3A302A;
	--se-accent: #C8A165;
	--se-on-accent: #141110;
	--se-sale: #8F2D2D;
	--se-dark: #141110;
	--se-on-dark: #F1E7D8;
	--se-on-dark-muted: #B3A595;
	--se-radius: 14px;
	--se-radius-sm: 10px;
	--se-btn-radius: 999px;
	--se-shadow: 0 0 0 1px var(--se-accent);
	--se-font: "Tajawal", "Segoe UI", Tahoma, sans-serif;
	--se-font-head: "Aref Ruqaa", "Tajawal", sans-serif;
	--se-accent-dark: color-mix(in srgb, var(--se-accent) 82%, #fff);
	--se-accent-soft: color-mix(in srgb, var(--se-accent) 12%, var(--se-surface));
}
.se-announce { background: transparent; color: var(--se-muted); border-bottom: 1px solid var(--se-line); }
.se-logo, .se-logo:hover { color: var(--se-accent); }
.se-iconbtn { background: transparent; }
.se-btn--ghost { color: var(--se-ink); border-color: #6B5B4E; }
.se-btn--ghost:hover { background: var(--se-ink); color: var(--se-bg); border-color: var(--se-ink); }
h1, h2, h3 { font-weight: 600; }

/* الواجهة: إطار واحد يجمع النص والصورة */
@media (min-width: 900px) {
	.se-hero__grid { gap: 0; border: 1px solid var(--se-line); }
	.se-hero__text { padding: 56px 48px; }
	.se-hero__media { border-radius: 0; }
}

/* الفئات: بطاقات بإطار ونص فوق الصورة */
@media (min-width: 900px) { .se-cats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.se-cat { position: relative; border: 1px solid var(--se-line); gap: 0; }
.se-cat__img { border-radius: 0; aspect-ratio: 4 / 5; }
.se-cat__name { position: absolute; inset-inline: 0; bottom: 0; padding: 48px 24px 52px; font-size: 24px; background: linear-gradient(transparent, rgba(20, 17, 16, .92)); }
.se-cat__more { display: block; position: absolute; bottom: 20px; inset-inline-start: 24px; color: var(--se-accent); font-size: 15px; }

/* شريط الثقة: خطوط أفقية بدل الصندوق */
.se-trustbar { background: transparent; border-block: 1px solid var(--se-line); border-radius: 0; }
.se-trustbar__icon { background: transparent; border: 1px solid var(--se-line); }
.se-trustbar__item b { color: var(--se-accent); }

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

/* الفوتر */
.se-footer { border-top: 1px solid var(--se-line); }
.se-footer__brand { color: var(--se-accent); }

/* نموذج الطلب (الإضافة) على الخلفية الداكنة */
.hbcod { background: var(--se-surface) !important; border-color: var(--se-accent) !important; color: var(--se-ink) !important; border-radius: 4px !important; box-shadow: none !important; }
.hbcod__head { background: transparent !important; border-bottom: 1px solid var(--se-line); color: var(--se-ink) !important; }
.hbcod__title, .hbcod__row label, .hbcod__label, .hbcod__sh { color: var(--se-ink) !important; }
.hbcod__sub { color: var(--se-muted) !important; }
.hbcod input[type="text"], .hbcod input[type="tel"], .hbcod select, .hbcod__choice { background-color: var(--se-bg) !important; color: var(--se-ink) !important; border-color: #4A3E35 !important; border-radius: 4px !important; }
.hbcod__sh::before { color: var(--se-on-accent) !important; }
.hbcod button[type="submit"] { color: var(--se-on-accent) !important; }

/* أشياء بخلفية فاتحة في ووكومرس */

/* البطاقات */
.se-card:hover { transform: none; }
.se-card__price { color: var(--se-accent); }
.se-card__btn { background: transparent; color: var(--se-accent); border-color: var(--se-accent); }
.se-card__btn:hover { background: var(--se-accent); color: var(--se-on-accent); }
.se-tag { background: var(--se-bg); border: 1px solid var(--se-accent); color: var(--se-accent); border-radius: 0; }
.se-tag--best, .se-tag--new { background: var(--se-accent); color: var(--se-on-accent); }

/* لمسات خاصة بالعطور */
h1, h2 { font-weight: 700; letter-spacing: 0; }
.se-hero__eyebrow { color: var(--se-accent); }
.se-cat { border-radius: var(--se-radius); overflow: hidden; }
.se-card { border: 1px solid var(--se-line); border-radius: var(--se-radius); }
.se-card__media { aspect-ratio: 4 / 5; background: radial-gradient(circle at 50% 40%, #2E2621, var(--se-surface)); }
.se-section__head h2::after { content: ""; display: block; width: 48px; height: 2px; margin-top: 10px; background: var(--se-accent); }