#yao-coffee-promo-mount:empty{display:none}
html.yao-coffee-modal-open{overflow:hidden}
/* The invitation follows the site's type, spacing and primary-button system. */
.yao-coffee-promo,
#yao-city-design .yc-surface .yao-coffee-promo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-block:0 40px;padding:28px;border:1px solid var(--yc-line,#e6d7c8);border-radius:8px;background:var(--yc-soft,#f8eedf);color:var(--yc-ink,#352326);font:16px/1.65 Arial,Helvetica,sans-serif}
.yao-coffee-promo h2,
#yao-city-design .yc-surface .yao-coffee-promo h2{margin:0;color:var(--yc-wine,#820d29);font:400 2rem/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.03em}
.yao-coffee-promo p,
#yao-city-design .yc-surface .yao-coffee-promo p{margin:0;color:var(--yc-muted,#75625e);line-height:1.65}
/* Fallback for other mounts. On the YaO page, yc-primary supplies the shared style. */
.yao-coffee-promo .yao-coffee-trigger{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:6px;background:var(--yc-wine,#820d29);color:var(--yc-paper,#fff7eb);text-decoration:none;font:16px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s ease}
.yao-coffee-promo .yao-coffee-trigger:hover{background:#641024}
#yao-city-design .yc-surface .yao-coffee-promo .yao-coffee-trigger{margin:8px 0 0}
.yao-coffee-trigger span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;font-size:20px;line-height:1}
@container yao (min-width:700px){
 #yao-city-design .yc-surface .yao-coffee-promo{grid-template-columns:minmax(0,1fr) auto;column-gap:32px;padding:28px 32px;align-items:center}
 #yao-city-design .yc-surface .yao-coffee-promo h2,
 #yao-city-design .yc-surface .yao-coffee-promo p{grid-column:1}
 #yao-city-design .yc-surface .yao-coffee-promo .yao-coffee-trigger{grid-column:2;grid-row:1 / 3;margin:0;align-self:center}
}
.yao-coffee-dialog{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-width:none;height:min(840px,calc(100dvh - 32px));max-height:none;padding:0;overflow:hidden;border:1px solid #e6d7c8;border-radius:10px;background:#fff7eb}
.yao-coffee-dialog::backdrop{background:#35232688}
.yao-coffee-dialog iframe{display:block;border:0;width:100%;height:calc(100% - 56px);background:#fff7eb}
.yao-coffee-dialog-bar{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:56px;padding:0 16px;background:#f8eedf;border-bottom:1px solid #e6d7c8;gap:12px}
.yao-coffee-dialog-bar a{color:#820d29;font:13px/1.4 Arial,Helvetica,sans-serif;text-underline-offset:3px}
.yao-coffee-close{box-sizing:border-box;min-height:44px;max-width:180px;padding:8px 4px;color:#820d29;background:transparent;border:0;border-radius:4px;font:13px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;text-align:right}
.yao-coffee-trigger:focus-visible{outline:3px solid #820d29;outline-offset:3px}
.yao-coffee-close:focus-visible,.yao-coffee-dialog-bar a:focus-visible{outline:2px solid #820d29;outline-offset:2px;border-radius:4px}
@media(max-width:640px){.yao-coffee-dialog{width:calc(100% - 12px);height:calc(100dvh - 12px);border-radius:6px}.yao-coffee-promo,#yao-city-design .yc-surface .yao-coffee-promo{padding:24px 20px;margin-bottom:28px}.yao-coffee-promo h2,#yao-city-design .yc-surface .yao-coffee-promo h2{font-size:1.75rem}}

@media(prefers-reduced-motion:reduce){.yao-coffee-trigger{transition:none}}

@media(max-width:380px){.yao-coffee-dialog-bar{height:64px;padding-inline:10px;gap:8px}.yao-coffee-dialog iframe{height:calc(100% - 64px)}.yao-coffee-dialog-bar a{font-size:12px;flex-shrink:0}.yao-coffee-close{max-width:164px}}