/* ============================================================
   MAMLAKA BUILDER — Frontend Styles
   ============================================================ */
.mb-page-content { direction: rtl; font-family: 'Cairo', 'Tajawal', sans-serif; }
.mb-section { position: relative; width: 100%; }
.mb-section-overlay { position: absolute; inset: 0; z-index: 0; }
.mb-section-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.mb-layout-full .mb-section-inner { max-width: none; padding: 0; }
.mb-row { display: flex; flex-wrap: wrap; }
.mb-column { box-sizing: border-box; }
.mb-widget-wrap { margin-bottom: 20px; }
.mb-heading { font-family: inherit; }
.mb-image-caption { text-align: center; color: #888; font-size: .82rem; margin-top: .5rem; }
.mb-text-editor h1,.mb-text-editor h2,.mb-text-editor h3 { line-height: 1.3; margin-bottom: .75rem; }
.mb-text-editor p { margin-bottom: 1rem; }
.mb-text-editor ul,.mb-text-editor ol { padding-right: 1.5rem; margin-bottom: 1rem; }
.mb-perfume-card:hover img { transform: scale(1.05); }
.mb-perfume-card { transition: transform .2s; }
.mb-perfume-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.2); }
@media (max-width: 768px) {
    .mb-row { flex-direction: column; }
    .mb-column { width: 100% !important; padding: 12px !important; }
    .mb-section-inner { padding: 0 16px; }
}
@media (max-width: 480px) {
    .mb-hero-content h1 { font-size: 1.75rem !important; }
    .mb-hero-content p { font-size: .9rem !important; }
}