/* Scoped styles: CHARBEL movie homepage feature */
.charbel-movie { background: #10100f; color: #eee9df; padding: 76px 20px 82px; font-family: inherit; }
.charbel-movie * { box-sizing: border-box; }
.charbel-movie__inner { max-width: 1140px; margin: 0 auto; }
.charbel-movie__intro { text-align: center; margin-bottom: 43px; }
.charbel-movie__eyebrow { display: block; color: #caa15c; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 700; }
.charbel-movie__intro h2 { color: #f5f0e7; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(36px, 5vw, 56px); font-weight: 400; letter-spacing: 3px; margin: 14px 0 6px; line-height: 1.12; }
.charbel-movie__intro h2 span { color: #caa15c; font-size: .43em; letter-spacing: 3px; white-space: nowrap; vertical-align: middle; }
.charbel-movie__subtitle { color: #d5c8b6; font-family: Georgia, 'Times New Roman', serif; font-size: 19px; font-style: italic; margin: 0; }
.charbel-movie__layout { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); gap: 62px; align-items: start; }
.charbel-movie__poster-wrap { background: #050505; border: 1px solid #55462d; padding: 9px; box-shadow: 0 20px 55px rgba(0,0,0,.38); }
.charbel-movie__poster { display: block; width: 100%; height: auto; }
.charbel-movie__details { padding-top: 12px; }
.charbel-movie__kicker { color: #caa15c; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; font-weight: 700; }
.charbel-movie__details h3 { color: #f4ede1; font-family: Georgia, 'Times New Roman', serif; font-size: 36px; line-height: 1.23; font-weight: 400; margin: 12px 0 22px; }
.charbel-movie__details > p:not(.charbel-movie__footnote) { color: #d4cec4; font-size: 15px; line-height: 1.85; margin: 0 0 15px; }
.charbel-movie__price { border-top: 1px solid #4b4132; border-bottom: 1px solid #4b4132; padding: 20px 0; margin: 27px 0 27px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.charbel-movie__price > span { color: #d2c5af; letter-spacing: 1.5px; font-size: 12px; font-weight: 700; }
.charbel-movie__price strong { color: #e4b66d; font-size: 34px; line-height: 1; font-weight: 600; white-space: nowrap; }
.charbel-movie__price small { color: #c8bdad; font-size: 12px; font-weight: 400; }
.charbel-movie__details h4 { font-size: 20px; font-family: Georgia, 'Times New Roman', serif; color: #f4ede1; margin: 0 0 16px; font-weight: 400; }
.charbel-movie__screenings { display: flex; flex-direction: column; gap: 10px; }
.charbel-movie__screening { background: #201d18; border: 1px solid #44392a; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.charbel-movie__when { display: flex; flex-direction: column; gap: 5px; }
.charbel-movie__when strong { color: #f3ebdd; font-size: 14px; font-weight: 600; }
.charbel-movie__when span { color: #cba86d; font-size: 17px; font-weight: 700; }
.charbel-movie__screening a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex-shrink: 0; background: #bd9251; color: #14110e !important; padding: 12px 15px; text-decoration: none !important; font-size: 12px; font-weight: 700; letter-spacing: .3px; transition: background-color .2s ease; }
.charbel-movie__screening a:hover, .charbel-movie__screening a:focus { background: #e4b970; color: #14110e !important; }
.charbel-movie__screening a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.charbel-movie__screening a span { font-size: 19px; line-height: .7; }
.charbel-movie__footnote { color: #a9a092; font-size: 12px; line-height: 1.6; margin: 14px 0 0; }
@media (max-width: 900px) { .charbel-movie__layout { gap: 30px; } .charbel-movie__details h3 { font-size: 29px; } .charbel-movie__screening { flex-wrap: wrap; } }
@media (max-width: 700px) { .charbel-movie { padding: 55px 18px 62px; } .charbel-movie__intro { margin-bottom: 30px; } .charbel-movie__layout { grid-template-columns: 1fr; gap: 34px; } .charbel-movie__poster-wrap { max-width: 370px; margin: 0 auto; } .charbel-movie__details { padding-top: 0; } .charbel-movie__intro h2 span { display: block; margin-top: 8px; } }
@media (max-width: 420px) { .charbel-movie__screening { align-items: stretch; flex-direction: column; } .charbel-movie__screening a { width: 100%; } .charbel-movie__price strong { font-size: 29px; } }
#charbel-movie {
    scroll-margin-top: 90px;
}