.availability{max-width:none;background:#f1e7d7}.availability-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-top:3.5rem}.calendar-panel,.availability-form{background:var(--paper);border-radius:1rem;box-shadow:0 18px 55px rgba(23,56,47,.09)}.calendar-panel{padding:clamp(1rem,2vw,1.5rem)}.calendar-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.calendar-tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:.65rem 1rem;cursor:pointer;font-weight:600}.calendar-tabs button[aria-selected="true"]{background:var(--green);border-color:var(--green);color:white}.calendar-frame{min-height:520px;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;background:#fff;display:grid;place-items:center}.calendar-frame iframe{width:100%;height:520px;border:0}.calendar-pending{max-width:540px;text-align:center;padding:3rem 2rem}.calendar-pending span{display:block;color:var(--rose);font-size:2rem}.calendar-pending h3{font-size:clamp(1.8rem,3vw,2.7rem)}.calendar-note{font-size:.78rem;margin:1rem 0 0}.calendar-note span{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;background:var(--green);margin-right:.25rem}.availability-form{padding:clamp(1.5rem,3vw,2.5rem);display:grid;gap:.55rem;position:sticky;top:6rem}.availability-form h3{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.2rem}.availability-form label{font-size:.78rem;font-weight:600;margin-top:.5rem}.availability-form select,.availability-form input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:.45rem;background:white;color:var(--ink);padding:.7rem .8rem}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.date-fields div{display:grid;gap:.3rem}.availability-form .button{margin-top:1rem}.availability-small{font-size:.75rem;line-height:1.45;margin:.7rem 0 0;color:rgba(23,56,47,.78)}
@media(max-width:820px){.availability-layout{grid-template-columns:1fr}.availability-form{position:static}}
@media(max-width:520px){.date-fields{grid-template-columns:1fr}.calendar-frame{min-height:440px}.calendar-frame iframe{height:440px}.calendar-tabs button{flex:1 1 42%}}