/* Raasa Diwali Buffet — scoped for Elementor HTML widget */ .raasa-diwali-menu { --raasa-bg: #0c0805; --raasa-panel: #130d09; --raasa-gold: #e9ad08; --raasa-cream: #f5eee2; --raasa-muted: #b6a99a; --raasa-line: rgba(233, 173, 8, 0.28); width: 100%; box-sizing: border-box; background: var(--raasa-bg); color: var(--raasa-cream); font-family: inherit; overflow: hidden; } .raasa-diwali-menu *, .raasa-diwali-menu *::before, .raasa-diwali-menu *::after { box-sizing: border-box; } .raasa-diwali-menu img { display: block; width: 100%; height: auto; } .raasa-diwali-hero { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); min-height: 610px; border-top: 1px solid var(--raasa-line); border-bottom: 1px solid var(--raasa-line); } .raasa-diwali-hero__image { min-height: 610px; overflow: hidden; } .raasa-diwali-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .raasa-diwali-hero__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(45px, 7vw, 105px); background: var(--raasa-panel); } .raasa-diwali-eyebrow { margin: 0 0 22px; color: var(--raasa-gold); font-size: 12px; line-height: 1.4; letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600; } .raasa-diwali-hero h1, .raasa-diwali-menu-list h2 { margin: 0; color: var(--raasa-cream); font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: 0.08em; line-height: 1.05; } .raasa-diwali-hero h1 { font-size: clamp(44px, 5vw, 76px); } .raasa-diwali-price, .raasa-diwali-menu-price { margin: 30px 0 0; color: var(--raasa-gold); font-size: 17px; font-weight: 600; letter-spacing: 0.04em; } .raasa-diwali-price span, .raasa-diwali-menu-price span { font-weight: 400; font-size: 14px; } .raasa-diwali-intro { max-width: 570px; margin: 22px 0 0; color: var(--raasa-muted); font-size: 16px; line-height: 1.9; } .raasa-diwali-menu-list { max-width: 1180px; margin: 0 auto; padding: clamp(70px, 8vw, 120px) 28px; } .raasa-diwali-menu-heading { text-align: center; } .raasa-diwali-menu-heading .raasa-diwali-eyebrow { margin-bottom: 18px; } .raasa-diwali-menu-list h2 { font-size: clamp(38px, 4.5vw, 62px); } .raasa-diwali-menu-price { margin-top: 20px; } .raasa-diwali-divider { width: 100%; height: 1px; margin: 58px 0 65px; background: var(--raasa-line); } .raasa-diwali-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 70px 100px; } .raasa-diwali-menu-column { min-width: 0; } .raasa-diwali-menu-section + .raasa-diwali-menu-section { margin-top: 58px; } .raasa-diwali-menu-section h3 { margin: 0 0 22px; color: var(--raasa-cream); font-family: Georgia, 'Times New Roman', serif; font-size: 28px; font-weight: 400; letter-spacing: 0.07em; line-height: 1.2; } .raasa-diwali-menu-section h3::after { content: ''; display: block; width: 48px; height: 1px; margin-top: 14px; background: var(--raasa-gold); } .raasa-diwali-menu-section ul { margin: 0; padding: 0; list-style: none; } .raasa-diwali-menu-section li { position: relative; margin: 0; padding: 11px 0 11px 20px; color: var(--raasa-muted); font-size: 16px; line-height: 1.6; border-bottom: 1px solid rgba(233, 173, 8, 0.12); } .raasa-diwali-menu-section li::before { content: '•'; position: absolute; left: 0; top: 10px; color: var(--raasa-gold); } @media (max-width: 900px) { .raasa-diwali-hero { grid-template-columns: 1fr; min-height: auto; } .raasa-diwali-hero__image { min-height: 430px; max-height: 560px; } .raasa-diwali-hero__content { min-height: 430px; } .raasa-diwali-menu-grid { gap: 55px; } } @media (max-width: 767px) { .raasa-diwali-hero__image { min-height: 330px; max-height: 430px; } .raasa-diwali-hero__content { padding: 48px 24px 58px; } .raasa-diwali-hero h1 { font-size: 43px; } .raasa-diwali-menu-list { padding: 65px 22px 80px; } .raasa-diwali-divider { margin: 45px 0 50px; } .raasa-diwali-menu-grid { grid-template-columns: 1fr; gap: 0; } .raasa-diwali-menu-section + .raasa-diwali-menu-section { margin-top: 48px; } }