🧩LAST DAY 49% OFF –🐰 24-Day Cosmic Escape Room Advent Calendar🚀

Name: 🧩LAST DAY 49% OFF –🐰 24-Day Cosmic Escape Room Advent Calendar🚀
Brand: 9730
SKU: IT3575053-1
Price: 29.98 USD
Availability: InStock

(2593 Reviews)

$29.98

SAVE Sold out

Product variants

Free Shipping $49.99+

Buy 1 You save $0

$29.98

🔥Most popular🔥

Buy 2 Get 10% OFF You save $6

$53.96 $59.96

🌟Customer Favorite👍

Buy 3 Get 15%OFF You save $13.49

$76.45 $89.94

💥Best Value💥

Buy 4 Get 20% OFF You save $23.98

$95.94 $119.92

add_shopping_cart

Ordered

local_shipping

- - -

Order Ready

redeem

- - -

Delivered

🧩LAST DAY 49% OFF –🐰 24-Day Cosmic Escape Room Advent Calendar🚀

$29.98

SAVE Sold out

/* ========================================================= COSMIC ESCAPE ROOM ADVENT CALENDAR Mobile First / Bright Deep Blue Gradient ========================================================= */ .cosmic-lp { --navy: #123a68; --blue: #1d5f98; --blue-2: #317eb2; --cyan: #52b9db; --gold: #d6a348; --text: #173653; --muted: #587087; width: 100%; overflow: hidden; color: var(--text); background: radial-gradient(circle at 10% 5%, rgba(82,185,219,.16), transparent 25%), radial-gradient(circle at 90% 30%, rgba(49,126,178,.12), transparent 25%), linear-gradient( 180deg, #f9fdff 0%, #eaf5ff 45%, #f8fcff 100% ); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; } .cosmic-lp * { box-sizing: border-box; } .cosmic-container { width: min(1120px, calc(100% - 28px)); margin: 0 auto; } /* TOP LINE */ .cosmic-top-line { height: 5px; background: linear-gradient( 90deg, var(--navy), var(--cyan), var(--gold), var(--cyan), var(--navy) ); } /* SECTION */ .cosmic-section { padding: 32px 0; } .cosmic-row { display: flex; flex-direction: column; gap: 20px; padding: 23px 18px; border: 1px solid rgba(30,95,150,.13); border-radius: 22px; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(232,246,255,.92) ); box-shadow: 0 12px 30px rgba(24,69,105,.08); } .cosmic-copy, .cosmic-media { width: 100%; } /* TYPOGRAPHY */ .cosmic-title { margin: 0 0 12px; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: 30px; line-height: 1.12; font-weight: 700; letter-spacing: -.4px; } .cosmic-title .accent { color: var(--blue-2); } .cosmic-text { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.58; font-weight: 450; } .cosmic-gold-line { width: 54px; height: 3px; margin: 0 0 16px; border-radius: 10px; background: linear-gradient( 90deg, var(--gold), #efd394 ); } /* IMAGES */ .cosmic-img-wrap { position: relative; overflow: hidden; border-radius: 17px; background: #eef8ff; box-shadow: 0 12px 27px rgba(16,50,83,.13); } .cosmic-img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; } .cosmic-img-wrap:after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 1px solid rgba(92,181,219,.20); border-radius: 17px; } /* HERO */ .cosmic-hero { padding-top: 27px; } .cosmic-hero .cosmic-row { background: radial-gradient( circle at 90% 0%, rgba(82,185,219,.22), transparent 30% ), linear-gradient( 135deg, #ffffff 0%, #dff1ff 100% ); border: 1px solid rgba(35,113,169,.18); } .cosmic-hero .cosmic-title { font-size: 34px; } /* BENEFITS */ .cosmic-benefits { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 18px; } .cosmic-benefit { padding: 13px 14px; background: rgba(255,255,255,.83); border: 1px solid rgba(26,95,147,.12); border-radius: 12px; color: #315773; font-size: 15px; line-height: 1.4; } .cosmic-benefit strong { color: var(--navy); } /* CENTER STATEMENT */ .cosmic-statement { padding: 31px 17px; text-align: center; } .cosmic-statement-inner { max-width: 850px; margin: auto; padding: 27px 18px; border-radius: 22px; background: linear-gradient( 135deg, #174b79 0%, #2876a8 55%, #49a9cc 100% ); box-shadow: 0 14px 35px rgba(19,73,113,.16); } .cosmic-statement h2 { margin: 0 0 9px; color: #ffffff; font-family: Georgia, 'Times New Roman', serif; font-size: 28px; line-height: 1.15; } .cosmic-statement p { max-width: 650px; margin: auto; color: #ecf8ff; font-size: 17px; line-height: 1.55; } /* FAQ */ .cosmic-faq-section { padding: 32px 0 55px; } .cosmic-faq-box { padding: 24px 17px; border-radius: 22px; background: linear-gradient( 145deg, rgba(255,255,255,.98), rgba(225,242,253,.94) ); border: 1px solid rgba(37,111,164,.15); box-shadow: 0 12px 30px rgba(24,69,105,.08); } .cosmic-faq-title { margin: 0 0 20px; text-align: center; color: var(--navy); font-family: Georgia, 'Times New Roman', serif; font-size: 31px; line-height: 1.15; } .cosmic-faq-box details { margin-bottom: 10px; overflow: hidden; background: rgba(255,255,255,.84); border: 1px solid rgba(31,96,148,.14); border-radius: 13px; } .cosmic-faq-box summary { position: relative; padding: 16px 47px 16px 16px; cursor: pointer; list-style: none; color: #173d60; font-size: 17px; line-height: 1.4; font-weight: 700; } .cosmic-faq-box summary::-webkit-details-marker { display: none; } .cosmic-faq-box summary:after { content: '+'; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: var(--blue-2); font-size: 27px; line-height: 1; font-weight: 400; } .cosmic-faq-box details[open] summary:after { content: '–'; } .cosmic-faq-answer { padding: 0 16px 17px; color: #5a7083; font-size: 16px; line-height: 1.55; } /* DESKTOP */ @media (min-width: 800px) { .cosmic-section { padding: 46px 0; } .cosmic-row { flex-direction: row; align-items: center; min-height: 500px; gap: 48px; padding: 37px; } .cosmic-row.reverse { flex-direction: row-reverse; } .cosmic-copy, .cosmic-media { width: 50%; } .cosmic-title { font-size: 40px; } .cosmic-hero .cosmic-title { font-size: 47px; } .cosmic-text { font-size: 18px; } .cosmic-benefits { grid-template-columns: 1fr 1fr; } .cosmic-statement { padding: 50px 20px; } .cosmic-statement-inner { padding: 36px; } .cosmic-statement h2 { font-size: 37px; } .cosmic-faq-box { padding: 33px; } .cosmic-faq-title { font-size: 38px; } .cosmic-faq-box summary { font-size: 18px; } } /* SMALL PHONES */ @media (max-width: 420px) { .cosmic-container { width: min(100% - 20px, 1120px); } .cosmic-section { padding: 24px 0; } .cosmic-row { padding: 19px 13px; border-radius: 17px; } .cosmic-title, .cosmic-hero .cosmic-title { font-size: 28px; } .cosmic-text { font-size: 16.5px; } .cosmic-faq-title { font-size: 28px; } }