/* Stock invitation only. Commercial data comes from the existing campaign contract. */
.club-advertise-promo { width:min(820px,calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px); margin:auto; padding:0; border:0; border-radius:22px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; background:#fffaf6; color:#101019; box-shadow:0 24px 80px #0005; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.club-advertise-promo * { box-sizing:border-box; }
.club-advertise-promo:not([open]) { display:none; }
.club-advertise-promo::backdrop { background:rgba(15,16,17,.67); backdrop-filter:blur(3px); }
.club-advertise-promo__surface { position:relative; isolation:isolate; overflow:clip; padding:30px 32px 38px; background:radial-gradient(ellipse at top right,#ffe0bd,transparent 65%),#fffdfa; }
.club-advertise-promo__surface::before { content:""; position:absolute; z-index:-2; pointer-events:none; width:90%; height:150%; right:-45%; top:-20%; border-radius:50%; transform:rotate(25deg); background:linear-gradient(120deg,#ffdfbb,#ff9a28 60%,#ff6b00); border:22px solid #fff4e5; box-shadow:0 0 0 14px #ffdfba; }
.club-advertise-promo__surface::after { content:""; position:absolute; pointer-events:none; width:100%; height:32%; right:0; bottom:0; z-index:0; background:linear-gradient(transparent,#fffdfa 96%); }
.club-advertise-promo__close { position:sticky; float:right; top:10px; z-index:5; display:grid; place-items:center; width:52px; height:52px; margin:-18px -20px -34px 0; padding:0; border:1px solid #ffd2b5; border-radius:50%; background:#fff; color:#111; font:42px/1 Arial,sans-serif; cursor:pointer; box-shadow:0 2px 5px #a8461512; }
.club-advertise-promo__brand { display:flex; align-items:center; gap:16px; position:relative; z-index:2; width:65%; font-size:24px; font-weight:800; line-height:1.05; letter-spacing:-.8px; }
.club-advertise-promo__brand img { width:56px; height:56px; border-radius:6px; }
.club-advertise-promo__copy { position:relative; z-index:2; width:58%; margin:24px 0 30px; }
.club-advertise-promo__badge { display:inline-flex; align-items:center; gap:10px; max-width:100%; padding:10px 20px; border:1.5px solid #ffb37f; border-radius:40px; background:#fff7ee; color:#cf3c00; font-size:27px; font-weight:800; line-height:1.05; text-transform:uppercase; overflow-wrap:anywhere; }
.club-advertise-promo__badge .material-symbols-outlined { font-size:31px; }
.club-advertise-promo__copy h2 { margin:15px 0 0; color:#101019; font-weight:900; line-height:1; letter-spacing:-2px; }
.club-advertise-promo__upto { display:block; font-size:28px; letter-spacing:-1px; }
.club-advertise-promo__discount { display:flex; align-items:flex-start; margin:0 0 2px -8px; color:#df4100; font-weight:950; }
.club-advertise-promo__value { font-size:210px; line-height:.88; letter-spacing:-14px; }
.club-advertise-promo__percent { font-size:112px; line-height:1; letter-spacing:-6px; padding:2px 0 0 5px; }
.club-advertise-promo__headline { display:block; font-size:47px; white-space:nowrap; letter-spacing:-2px; }
.club-advertise-promo__art { position:absolute; z-index:-1; right:-27px; top:60px; width:51%; bottom:73px; pointer-events:none; mask-image:linear-gradient(#000 86%,transparent 100%); }
.club-advertise-promo__art img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.club-advertise-promo__offers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; position:relative; z-index:2; }
.club-advertise-promo__offer { min-width:0; padding:15px 18px 10px; border:1.5px solid #ffd2b5; border-radius:20px; background:rgba(255,253,250,.97); }
.club-advertise-promo__offer:only-child { grid-column:1/-1; max-width:460px; width:100%; }
.club-advertise-promo__plan-heading { display:flex; gap:12px; align-items:center; }
.club-advertise-promo__plan-heading > .material-symbols-outlined { color:#d83e00; font-size:31px; }
.club-advertise-promo__plan-heading h3 { margin:0; color:#101019; font-size:21px; line-height:1.1; font-weight:800; letter-spacing:-.8px; }
.club-advertise-promo__plan-heading p { margin:2px 0 0; color:#514b48; font-size:15px; line-height:1.2; }
.club-advertise-promo__price-row { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-top:15px; }
.club-advertise-promo__price-row del { display:block; color:#776d66; font-size:21px; line-height:1.2; }
.club-advertise-promo__price { display:block; white-space:nowrap; color:#d83e00; font-size:47px; font-weight:850; line-height:1.1; letter-spacing:-2px; }
.club-advertise-promo__price small { font-size:24px; letter-spacing:-1px; }
.club-advertise-promo__off { padding:9px 7px; background:#ffead8; border-radius:16px; color:#bc3300; font-size:29px; font-weight:850; line-height:1; letter-spacing:-1px; }
.club-advertise-promo__off small { display:block; text-align:center; font-size:13px; letter-spacing:0; }
.club-advertise-promo__period { margin:6px 0 0; color:#63594f; font-size:11px; line-height:1.3; }
.club-advertise-promo__cta { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:18px; width:100%; min-height:76px; margin-top:16px; padding:16px; border:2px solid #fff; border-radius:50px; background:linear-gradient(110deg,#e34a00,#d83b00); box-shadow:0 8px 22px #e75e0033; color:#fff; text-decoration:none; font-size:32px; font-weight:800; line-height:1.1; letter-spacing:-1px; }
.club-advertise-promo__cta:hover { background:#bc3300; color:#fff; }
.club-advertise-promo__cta .material-symbols-outlined { font-size:36px; }
.club-advertise-promo__close:focus-visible,.club-advertise-promo__cta:focus-visible { outline:3px solid #111; outline-offset:-5px; }
.club-advertise-promo__discount--fraction .club-advertise-promo__value { font-size:110px; letter-spacing:-7px; }
.club-advertise-promo__discount--fraction .club-advertise-promo__percent { font-size:64px; }
@media(max-width:699px) {
 .club-advertise-promo { width:calc(100vw - 20px); max-width:calc(100vw - 20px); border-radius:18px; }
 .club-advertise-promo__surface { padding:22px 15px 22px; }
 .club-advertise-promo__brand { gap:8px; font-size:17px; letter-spacing:-.5px; }
 .club-advertise-promo__brand img { width:38px; height:38px; }
 .club-advertise-promo__close { width:44px; height:44px; top:6px; margin:-15px -9px -29px 0; font-size:35px; }
 .club-advertise-promo__copy { width:64%; margin:22px 0 25px; }
 .club-advertise-promo__badge { padding:7px 10px; gap:5px; font-size:clamp(14px,4.2vw,24px); }
 .club-advertise-promo__badge .material-symbols-outlined { font-size:20px; }
 .club-advertise-promo__copy h2 { margin-top:13px; }
 .club-advertise-promo__upto { font-size:21px; }
 .club-advertise-promo__discount { margin-left:-4px; }
 .club-advertise-promo__value { font-size:clamp(104px,31vw,190px); letter-spacing:-7px; }
 .club-advertise-promo__percent { font-size:clamp(54px,16vw,90px); letter-spacing:-3px; padding-left:3px; }
 .club-advertise-promo__discount--fraction .club-advertise-promo__value { font-size:clamp(55px,17vw,110px); letter-spacing:-3px; }
 .club-advertise-promo__discount--fraction .club-advertise-promo__percent { font-size:clamp(34px,10vw,64px); }
 .club-advertise-promo__headline { font-size:clamp(23px,6.8vw,40px); letter-spacing:-1px; }
 .club-advertise-promo__art { width:55%; right:-24px; top:50px; bottom:190px; }
 .club-advertise-promo__art img { object-fit:contain; object-position:center bottom; mask-image:linear-gradient(90deg,transparent,#000 18%); }
 .club-advertise-promo__offers { gap:8px; }
 .club-advertise-promo__offer { padding:11px 9px 9px; border-radius:14px; }
 .club-advertise-promo__plan-heading { gap:5px; }
 .club-advertise-promo__plan-heading > .material-symbols-outlined { font-size:20px; }
 .club-advertise-promo__plan-heading h3 { font-size:clamp(12px,3.5vw,20px); letter-spacing:-.4px; }
 .club-advertise-promo__plan-heading p { font-size:11px; }
 .club-advertise-promo__price-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 3px; margin-top:12px; }
 .club-advertise-promo__price-row > div { display:contents; }
 .club-advertise-promo__price-row del { grid-column:1; grid-row:1; align-self:center; }
 .club-advertise-promo__price { grid-column:1/-1; grid-row:2; }
 .club-advertise-promo__off { grid-column:2; grid-row:1; }
 .club-advertise-promo__price-row del { font-size:13px; }
 .club-advertise-promo__price { font-size:clamp(25px,7.5vw,43px); letter-spacing:-1.5px; }
 .club-advertise-promo__price small { font-size:13px; letter-spacing:-.5px; }
 .club-advertise-promo__off { padding:5px 4px; border-radius:9px; font-size:15px; letter-spacing:-.7px; }
 .club-advertise-promo__off small { font-size:9px; }
 .club-advertise-promo__period { font-size:10px; margin-top:7px; }
 .club-advertise-promo__cta { margin-top:13px; min-height:55px; padding:13px 8px; font-size:21px; gap:6px; letter-spacing:-.6px; background:#d83b00; }
 .club-advertise-promo__cta .material-symbols-outlined { font-size:27px; }
}
@media(prefers-reduced-motion:no-preference) { .club-advertise-promo[open] { animation:club-promo-enter .25s ease-out; } @keyframes club-promo-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } } }
