.beltoria-welcome-offer[hidden], .beltoria-welcome-offer-tab[hidden] { display: none; }
.beltoria-welcome-offer { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 22px; opacity: 0; pointer-events: none; transition: opacity .22s ease; }
.beltoria-welcome-offer.is-visible { opacity: 1; pointer-events: auto; }
.beltoria-welcome-offer-backdrop { position: absolute; inset: 0; background: rgba(23, 20, 18, .58); }
.beltoria-welcome-offer-dialog { position: relative; display: grid; grid-template-columns: minmax(0, 43%) minmax(0, 57%); width: min(100%, 920px); border: 1px solid var(--bt-line); background: var(--bt-soft); box-shadow: 0 24px 70px rgba(23, 20, 18, .24); transform: translateY(12px); transition: transform .24s ease; }
.beltoria-welcome-offer.is-visible .beltoria-welcome-offer-dialog { transform: translateY(0); }
.beltoria-welcome-offer-media { min-height: 490px; overflow: hidden; background: #c3b2a4; }
.beltoria-welcome-offer-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.beltoria-welcome-offer-content { padding: 66px 58px 54px; text-align: center; }
.beltoria-welcome-offer-close { position: absolute; top: 14px; right: 16px; z-index: 1; width: 38px; height: 38px; padding: 0; border: 0; background: transparent; color: var(--bt-ink); cursor: pointer; font-size: 27px; font-weight: 300; line-height: 1; }
.beltoria-welcome-offer-kicker { margin: 0 0 18px; color: var(--bt-muted); font-size: 10px; font-weight: 600; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.beltoria-welcome-offer h2 { max-width: 410px; margin: 0 auto; color: var(--bt-ink); font-family: var(--bt-font-heading); font-size: 44px; font-weight: 400; line-height: 1.05; }
.beltoria-welcome-offer-copy { max-width: 390px; margin: 21px auto 30px; color: var(--bt-muted); font-size: 15px; line-height: 1.6; }
.beltoria-welcome-offer-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; border: 1px solid #c9beb4; background: #fff; }
.beltoria-welcome-offer-form input { min-width: 0; height: 52px; padding: 0 16px; border: 0; background: transparent; color: var(--bt-ink); font: inherit; font-size: 15px; outline: 0; }
.beltoria-welcome-offer-form input::placeholder { color: #827970; }
.beltoria-welcome-offer-form button { min-width: 157px; padding: 0 18px; border: 0; border-left: 1px solid #c9beb4; border-radius: 0; background: var(--bt-ink); color: #fff; cursor: pointer; font-size: 10px; font-weight: 600; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; transition: background .2s ease; }
.beltoria-welcome-offer-form button:hover:not(:disabled), .beltoria-welcome-offer-form button:focus-visible:not(:disabled) { background: var(--bt-accent); }
.beltoria-welcome-offer-form button:disabled { background: #8d8177; cursor: wait; }
.beltoria-welcome-offer-error { grid-column: 1 / -1; margin: 0; padding: 10px 16px; border-top: 1px solid #c9beb4; color: #8a3028; font-size: 13px; text-align: left; }
.beltoria-welcome-offer-success p, .beltoria-welcome-offer-success span { display: block; margin: 0; color: var(--bt-muted); font-size: 15px; line-height: 1.5; }
.beltoria-welcome-offer-success strong { display: block; margin: 16px 0 12px; padding: 13px 16px; border: 1px solid #c9beb4; background: #fff; color: var(--bt-ink); font-family: var(--bt-font-heading); font-size: 22px; font-weight: 400; letter-spacing: .06em; }
.beltoria-welcome-offer-privacy { margin: 18px 0 0; color: #77706a; font-size: 11px; line-height: 1.5; }
.beltoria-welcome-offer-tab { position: fixed; left: 0; top: 50%; z-index: 90; display: flex; align-items: center; justify-content: center; width: 38px; height: 116px; padding: 0; border: 0; background: var(--bt-ink); color: #fff; cursor: pointer; font-size: 10px; font-weight: 600; letter-spacing: .1em; line-height: 1; text-transform: uppercase; transform: translateY(-50%); transition: background .2s ease, width .2s ease; writing-mode: vertical-rl; }
.beltoria-welcome-offer-tab:hover, .beltoria-welcome-offer-tab:focus-visible { width: 44px; background: var(--bt-accent); }
.beltoria-welcome-offer-close:focus-visible, .beltoria-welcome-offer-tab:focus-visible { outline: 2px solid #fff; outline-offset: -5px; }
@media (max-width: 700px) { .beltoria-welcome-offer { padding: 16px; } .beltoria-welcome-offer-dialog { display: block; width: min(100%, 570px); } .beltoria-welcome-offer-media { display: none; } .beltoria-welcome-offer-content { padding: 58px 24px 36px; } .beltoria-welcome-offer h2 { font-size: 35px; } .beltoria-welcome-offer-copy { margin-top: 18px; font-size: 14px; } .beltoria-welcome-offer-form { grid-template-columns: 1fr; } .beltoria-welcome-offer-form input, .beltoria-welcome-offer-form button { height: 50px; } .beltoria-welcome-offer-form button { border-top: 1px solid #c9beb4; border-left: 0; } }