/* Bar Montez client page and cocktail recipe pages */
.montez{max-width:1200px;margin:0 auto;padding:10px 40px 70px}
.montez-intro{max-width:720px;margin:0 auto 46px;text-align:center}
.montez-intro h2{font-size:1.5rem;font-weight:600;margin:14px 0}
.montez-intro p{font-size:.9rem;line-height:1.8;color:#666;margin:0}
.montez-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:0 0 64px}
.montez-label{font-size:.72rem;color:#777;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 20px}

/* Bartender cards: photo with text beside it on wide screens */
.bartender{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start}
.bartender img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block;background:#111}
.bartender h3{font-size:1.35rem;font-weight:600;margin:0 0 4px}
.bartender .drink-name{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#777;margin:0 0 14px}
.bartender p{font-size:.88rem;line-height:1.8;color:#555;margin:0 0 12px}
.bartender a{font-size:.8rem;color:#111;text-decoration:none;border-bottom:1px solid #bbb;padding:6px 0}
.bartender a:hover{border-color:#111}

/* Click-to-play YouTube video; nothing loads from YouTube before the click */
.film{margin:0}
.film-frame{position:relative;aspect-ratio:9/16;max-width:380px;margin:0 auto;border-radius:10px;overflow:hidden;background:#111}
.film-frame img,.film-frame iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.film-play{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.film-play span{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.35);transition:transform .2s}
.film-play:hover span{transform:scale(1.07)}
.film-play svg{width:24px;height:24px;margin-left:4px;fill:#111}
.film-play[disabled]{cursor:default}
.film-play[disabled] span{width:auto;height:auto;border-radius:20px;padding:8px 16px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#111}
.film figcaption{text-align:center;margin-top:14px;font-size:.85rem;color:#333}
.film figcaption small{display:block;font-size:.72rem;color:#888;margin-top:4px;letter-spacing:.04em}
.film-note{font-size:.72rem;color:#888;text-align:center;max-width:620px;margin:-36px auto 64px;line-height:1.7}

/* Recipe teaser cards at the bottom of the Bar Montez page */
.recipe-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;text-decoration:none;color:inherit;border:1px solid #e6e6e6;border-radius:10px;padding:14px;transition:border-color .2s}
.recipe-card:hover{border-color:#999}
.recipe-card img{width:120px;height:150px;object-fit:cover;border-radius:6px;display:block}
.recipe-card h3{font-size:1.1rem;font-weight:600;margin:4px 0 6px}
.recipe-card p{font-size:.8rem;line-height:1.6;color:#666;margin:0}
.recipe-card .more{display:inline-block;margin-top:8px;font-size:.75rem;color:#111;border-bottom:1px solid #bbb}

/* Recipe pages */
.recipe{max-width:900px;margin:0 auto;padding:10px 40px 70px}
.recipe-hero{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:50px}
.recipe-hero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:10px;display:block}
.recipe-hero h2{font-size:1.6rem;font-weight:600;margin:12px 0}
.recipe-hero p{font-size:.9rem;line-height:1.8;color:#555}
.recipe h2.section{font-size:1.2rem;font-weight:600;margin:46px 0 16px;padding-bottom:10px;border-bottom:1px solid #eee}
.recipe h3{font-size:1rem;font-weight:600;margin:24px 0 10px}
.recipe ul.ingredients{list-style:none;padding:0;margin:0}
.recipe ul.ingredients li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #f1f1f1;font-size:.9rem}
.recipe ul.ingredients li b{font-weight:600}
.recipe .hint{font-size:.8rem;line-height:1.7;color:#777;background:#f7f7f7;border-radius:8px;padding:14px 16px;margin:18px 0}
.recipe-steps{list-style:none;counter-reset:step;padding:0;margin:0}
.recipe-steps li{counter-increment:step;display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid #f1f1f1}
.recipe-steps img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;display:block}
.recipe-steps h3{margin:0 0 8px}
.recipe-steps h3:before{content:counter(step) ". ";color:#999}
.recipe-steps p{font-size:.88rem;line-height:1.75;color:#555;margin:0}
.recipe-credit{margin:50px 0 0;padding:24px;border:1px solid #e6e6e6;border-radius:10px;text-align:center;font-size:.9rem;line-height:1.7}
.recipe-credit strong{font-weight:600}
.recipe-credit a{color:#111}

@media(min-width:1100px){
  .bartender{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
}
@media(max-width:800px){
  .montez,.recipe{padding:10px 16px 50px}
  .montez-pair{grid-template-columns:minmax(0,1fr);gap:40px}
  .montez-pair.films{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .film-play span{width:54px;height:54px}
  .film figcaption{font-size:.78rem}
  .recipe-hero{grid-template-columns:minmax(0,1fr);gap:24px}
  .recipe-hero img{max-width:360px;margin:0 auto}
  .recipe-steps li{grid-template-columns:110px minmax(0,1fr);gap:16px}
}