html.panda-card-open { overflow: hidden; }
.panda-apartment-card { box-sizing: border-box; width: min(560px, calc(100% - 24px)); max-height: calc(100dvh - 24px); margin: auto; overflow-y: auto; padding: 28px; border: 1px solid #C9A96E; border-radius: 20px; background: #F5F3ED; color: #0B0B0C; font: 16px/1.5 Onest, system-ui, sans-serif; }
.panda-apartment-card *, .panda-apartment-card *::before { box-sizing: border-box; }
.panda-apartment-card::backdrop { background: rgb(11 11 12 / 72%); }
.panda-card-close { float: right; width: 44px; height: 44px; border: 1px solid #0B0B0C; border-radius: 50%; background: transparent; font-size: 28px; cursor: pointer; }
.panda-card-brand { font-size: 12px; letter-spacing: .12em; margin: 0 50px 8px 0; }
.panda-apartment-card h2 { font-size: 26px; line-height: 1.2; overflow-wrap: anywhere; margin: 0 48px 12px 0; }
.panda-card-plan { margin: 20px 0; padding: 12px; background: #fff; border-radius: 12px; text-align: center; }
.panda-card-plan svg { display: block; width: 100%; max-height: 200px; }
.panda-card-plan text { font: 14px Onest, system-ui, sans-serif; }
.panda-card-plan figcaption, .panda-card-notice { font-size: 13px; color: #52524F; }
.panda-card-facts { display: grid; gap: 12px; }
.panda-card-facts div { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid #d8d5cc; padding-bottom: 10px; }
.panda-card-facts dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; }
.panda-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.panda-card-actions button, .panda-card-actions a { min-height: 48px; display: flex; align-items: center; justify-content: center; padding: 12px; border: 1px solid #0B0B0C; border-radius: 10px; font: inherit; text-align: center; text-decoration: none; cursor: pointer; }
.panda-card-actions button { background: #2E7D32; color: white; border-color: #2E7D32; }
.panda-card-actions button:disabled { background: #dedbd3; color: #555; border-color: #dedbd3; cursor: not-allowed; }
.panda-card-actions a { color: #0B0B0C; background: #C9A96E; }
.panda-apartment-card :focus-visible { outline: 3px solid #0B0B0C; outline-offset: 3px; }
@media (max-width: 480px) { .panda-apartment-card { padding: 20px 16px; } .panda-card-actions { grid-template-columns: 1fr; } }