/* Raasa Boxing Day — scoped for Elementor HTML widget */ .raasa-boxing-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-boxing-menu *, .raasa-boxing-menu *::before, .raasa-boxing-menu *::after { box-sizing: border-box; } .raasa-boxing-menu img { display: block; width: 100%; height: auto; } .raasa-boxing-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-boxing-hero__image { min-height: 610px; overflow: hidden; } .raasa-boxing-hero__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .raasa-boxing-hero__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(45px, 7vw, 15px); background: var(--raasa-panel); } .raasa-boxing-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-boxing-hero h1, .raasa-boxing-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-boxing-hero h1 { font-size: clamp(44px, 5vw, 76px); } .raasa-boxing-price, .raasa-boxing-menu-price { margin: 30px 0 0; color: var(--raasa-gold); font-size: 17px; font-weight: 600; letter-spacing: 0.04em; } .raasa-boxing-price span, .raasa-boxing-menu-price span { font-weight: 400; font-size: 14px; } .raasa-boxing-intro { max-width: 570px; margin: 22px 0 0; color: var(--raasa-muted); font-size: 16px; line-height: 1.9; } .raasa-boxing-date { margin: 28px 0 0; color: var(--raasa-cream); font-family: Georgia, 'Times New Roman', serif; font-size: 19px; letter-spacing: 0.08em; } .raasa-boxing-menu-list { max-width: 1180px; margin: 0 auto; padding: clamp(70px, 8vw, 120px) 28px; } .raasa-boxing-menu-heading { text-align: center; } .raasa-boxing-menu-heading .raasa-boxing-eyebrow { margin-bottom: 18px; } .raasa-boxing-menu-list h2 { font-size: clamp(38px, 4.5vw, 62px); } .raasa-boxing-menu-price { margin-top: 20px; } .raasa-boxing-menu-intro { max-width: 720px; margin: 24px auto 0; color: var(--raasa-muted); font-size: 16px; line-height: 1.8; } .raasa-boxing-divider { width: 100%; height: 1px; margin: 58px 0 65px; background: var(--raasa-line); } .raasa-boxing-menu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 70px 100px; } .raasa-boxing-menu-column { min-width: 0; } .raasa-boxing-menu-section + .raasa-boxing-menu-section { margin-top: 58px; } .raasa-boxing-menu-section h3 { margin: 0 0 10px; 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-boxing-menu-section h3::after { content: ''; display: block; width: 48px; height: 1px; margin-top: 14px; background: var(--raasa-gold); } .raasa-boxing-choice { margin: 0 0 10px; color: var(--raasa-gold); font-size: 12px; line-height: 1.5; letter-spacing: 0.18em; text-transform: uppercase; } .raasa-boxing-menu-section ul { margin: 0; padding: 0; list-style: none; } .raasa-boxing-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-boxing-menu-section li::before { content: '•'; position: absolute; left: 0; top: 10px; color: var(--raasa-gold); } .raasa-boxing-extras { display: flex; justify-content: center; gap: 42px; margin-top: 70px; padding-top: 25px; border-top: 1px solid var(--raasa-line); color: var(--raasa-gold); font-size: 14px; letter-spacing: 0.08em; } @media (max-width: 900px) { .raasa-boxing-hero { grid-template-columns: 1fr; min-height: auto; } .raasa-boxing-hero__image { min-height: 430px; max-height: 560px; } .raasa-boxing-hero__content { min-height: 430px; } .raasa-boxing-menu-grid { gap: 55px; } } @media (max-width: 767px) { .raasa-boxing-hero__image { min-height: 330px; max-height: 430px; } .raasa-boxing-hero__content { padding: 48px 24px 58px; } .raasa-boxing-hero h1 { font-size: 43px; } .raasa-boxing-menu-list { padding: 65px 22px 80px; } .raasa-boxing-divider { margin: 45px 0 50px; } .raasa-boxing-menu-grid { grid-template-columns: 1fr; gap: 0; } .raasa-boxing-menu-section + .raasa-boxing-menu-section { margin-top: 48px; } .raasa-boxing-extras { flex-direction: column; align-items: center; gap: 10px; margin-top: 50px; } }