.booking-confirmation-mock{position:relative;display:flex;flex-direction:column;gap:var(--space-5);width:320px;padding:var(--space-6);border:1px solid var(--corp-card-border);border-radius:28px;background:var(--corp-card-strong);box-shadow:var(--corp-shadow-lg);overflow:hidden}.booking-confirmation-mock header,.booking-confirmation-mock footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.booking-confirmation-mock header span{color:var(--corporate-ink-soft);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.booking-confirmation-mock header strong{color:var(--corporate-ink);font-size:1rem}.booking-confirmation-mock footer{color:var(--corporate-ink-soft);font-size:.85rem;font-weight:600}.booking-confirmation-mock footer span{display:inline-flex;align-items:center;gap:var(--space-2)}.booking-confirmation-mock aside{position:absolute;right:var(--space-5);bottom:var(--space-14);z-index:2;display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:22px;background:var(--corp-grad-green);box-shadow:0 20px 40px color-mix(in srgb,var(--green-medium),transparent 70%);color:#fff;font-size:2rem;transform:rotate(5deg)}.booking-confirmation-calendar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.booking-confirmation-calendar span{min-height:8rem;padding:var(--space-3);border:1px solid color-mix(in srgb,var(--green-medium),transparent 72%);border-radius:18px;background:color-mix(in srgb,var(--green-medium),white 92%);color:var(--corporate-ink-soft);font-size:.78rem;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed}.booking-confirmation-calendar span[data-booked]{background:var(--corp-grad-green);color:#fff}.booking-confirmation-calendar span[data-free]{border-style:dashed;background:color-mix(in srgb,var(--corp-card-strong),transparent 8%)}@media (max-width: 767px){.booking-confirmation-mock{width:100%;max-width:320px;padding:var(--space-5)}.booking-confirmation-mock aside{width:3.75rem;height:3.75rem;font-size:1.7rem}.booking-confirmation-calendar{gap:var(--space-2)}.booking-confirmation-calendar span{min-height:6rem}}