/* Full-width package comparison. All overrides stay inside the rates section. */
#kadar .rates-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"intro" "packages" "support" "summary";gap:28px}
#kadar .rates-intro .eyebrow{margin-bottom:12px}
#kadar .rates-intro h2{max-width:100%;font-size:clamp(2rem,3.3vw,2.9rem)}
#kadar .rates-intro>p:not(.eyebrow){max-width:880px;margin-top:16px;color:var(--muted);line-height:1.65}
#kadar .package-hint{margin-bottom:14px;color:var(--ink);font-size:.9rem;font-weight:600}
/* A rem-based minimum lets larger text reduce the column count naturally. */
#kadar .package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(12rem,calc((100% - 16px)/2))),1fr));gap:16px}
#kadar .package-card{display:flex;flex-direction:column;padding:24px;border-radius:14px}
#kadar .package-heading{gap:10px}
#kadar .package-heading h3{font-size:1.3rem}
#kadar .package-bathrooms{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:12px;font-size:.875rem;line-height:1.5}
#kadar .package-bathrooms>span{white-space:normal}
#kadar .package-price{display:flex;flex-wrap:wrap;gap:6px;margin-top:23px;margin-bottom:20px;line-height:1.2}
#kadar .package-price strong{font-size:2.45rem;font-variant-numeric:tabular-nums;white-space:nowrap}
#kadar .package-price>span{white-space:nowrap}
#kadar .package-link{min-height:46px;margin-top:auto;background:var(--surface);border-color:var(--line)}
#kadar .package-link:hover,#kadar .package-card[data-selected="true"] .package-link{background:var(--green);border-color:var(--green);color:var(--on-green)}
#kadar .package-selected{margin-top:10px}
#kadar .package-meta{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}
#kadar .rate-note{max-width:none;margin:0;font-size:.875rem;line-height:1.65}
#kadar .payment-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px 28px;align-items:center;grid-column:auto;order:0;margin:0;padding:20px 24px;border-radius:var(--radius);background:var(--card);container-type:inline-size}
#kadar .payment-example-heading>strong{display:block;color:var(--ink);font-size:1rem;line-height:1.4}
#kadar .payment-example-heading>p{margin:5px 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}
#kadar .payment-breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
#kadar .payment-term{display:flex;min-width:0;flex-direction:column;gap:6px;text-align:center;color:var(--ink)}
#kadar .payment-term>span{font-size:.75rem;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
#kadar .payment-term>strong{font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
#kadar .payment-term.payment-total{padding:10px 2px;border-radius:var(--radius-control);background:var(--surface)}
#kadar .payment-operator{font-size:1.2rem;color:var(--muted)}
#kadar .payment-example>.payment-refund{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.6;color:var(--muted)}
#kadar .rate-examples{margin:0;border-block:1px solid var(--line)}
#kadar .rate-examples summary{min-height:46px;padding:11px 4px;font-size:.875rem}
#kadar .rate-examples ul{max-width:44rem}
#kadar .rate-examples p{margin:12px 0}
#kadar .rates-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;align-items:stretch;padding:0;border:0}
#kadar .deposit-note,#kadar .extra-guest-note{display:flex;gap:12px;min-width:0;max-width:none;margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
#kadar .deposit-note>div,#kadar .extra-guest-note>div{flex:1;min-width:0}
#kadar .deposit-note>.icon,#kadar .extra-guest-note>.icon{width:21px;height:21px;margin-top:2px;color:var(--green)}
#kadar .deposit-note strong,#kadar .extra-guest-note strong{display:block;font-size:.9rem;line-height:1.5;color:var(--ink)}
#kadar .deposit-note p,#kadar .extra-guest-note p{margin-top:5px;font-size:.875rem;line-height:1.6;color:var(--muted)}
#kadar .deposit-tiers{display:grid;gap:8px;margin:12px 0 8px}
#kadar .deposit-tiers>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px}
#kadar .deposit-tiers dt{font-size:.8125rem;line-height:1.5;color:var(--muted)}
#kadar .deposit-tiers dd{margin:0;font-size:1rem;font-weight:700;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#kadar .extra-guest-note .extra-guest-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:12px}
#kadar .extra-guest-price strong{font-size:1.65rem;line-height:1.2;font-variant-numeric:tabular-nums}
#kadar .rates-support-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}
#kadar .rates-support-links>.text-link,#kadar .package-help a{min-height:44px;font-size:.875rem;line-height:1.5}
#kadar .rates-support-links>.text-link .icon{width:17px;height:17px}
#kadar .package-help{margin:0}
#kadar .stay-summary{margin:0;padding:0;border:0;border-radius:0;background:transparent}
#kadar .stay-summary h3{font-size:1.1rem}
#kadar .stay-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin-top:16px}
#kadar .stay-summary-grid details{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--card)}
#kadar .stay-summary-grid summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:88px;padding:16px 18px;list-style:none;cursor:pointer;border-radius:inherit}
#kadar .stay-summary-grid summary::-webkit-details-marker{display:none}
#kadar .stay-summary-grid summary>span{min-width:0}
#kadar .stay-summary-grid summary strong{display:block;font-size:.9rem;line-height:1.45;color:var(--ink)}
#kadar .stay-summary-grid summary>span>span{display:block;margin-top:5px;font-size:.8125rem;line-height:1.5;color:var(--muted)}
#kadar .stay-summary-grid summary>.icon{width:18px;height:18px;flex:none;color:var(--green);transform:rotate(90deg)}
#kadar .stay-summary-grid details[open] summary>.icon{transform:rotate(-90deg)}
#kadar .stay-summary-grid summary:hover{background:var(--surface)}
#kadar .stay-summary-grid summary:focus-visible{outline-offset:-4px}
#kadar .stay-summary-grid details>p{margin:0 18px;padding:14px 0 18px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.65;color:var(--muted)}
/* Keep complete amounts readable when a phone or enlarged text leaves little room. */
@container(max-width:17rem){
 #kadar .payment-breakdown{grid-template-columns:minmax(0,1fr);gap:8px}
 #kadar .payment-term{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px;text-align:left}
 #kadar .payment-term>span{font-size:.8125rem}
 #kadar .payment-term.payment-total{padding:10px}
 #kadar .payment-operator{display:none}
}
@media(min-width:1100px){
 #kadar .package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(14rem,calc((100% - 48px)/4))),1fr))}
 #kadar .package-bathrooms{flex-direction:column}
}
@media(max-width:900px){
 #kadar .payment-example{grid-template-columns:minmax(0,1fr);gap:16px}
 #kadar .payment-breakdown{max-width:500px;width:100%;justify-self:start}
}
@media(max-width:600px){
 #kadar .rates-layout{gap:24px}
 #kadar .rates-intro>p:not(.eyebrow){margin-top:14px;font-size:.95rem}
 #kadar .package-hint{margin-bottom:12px;font-size:.875rem;font-weight:400;color:var(--muted)}
 #kadar .package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc((100% - 10px)/2))),1fr));gap:10px}
 #kadar .package-card{padding:16px 14px;border-radius:12px}
 #kadar .package-heading{gap:7px}
 #kadar .package-heading h3{font-size:1.1rem}
 #kadar .package-heading .icon{width:20px;height:20px}
 #kadar .package-bathrooms{flex-direction:column;gap:0;margin-top:8px;font-size:.875rem}
 #kadar .package-price{display:block;margin-top:16px;margin-bottom:16px}
 #kadar .package-price strong{display:block;font-size:2rem}
 #kadar .package-price>span{display:block;margin-top:4px;font-size:.75rem}
 #kadar .package-link{padding:10px;font-size:.875rem;gap:6px}
 #kadar .package-link .icon{width:17px;height:17px}
 #kadar .package-selected{font-size:.72rem;line-height:1.4;gap:4px}
 #kadar .package-selected .icon{width:14px;height:14px}
 #kadar .package-meta{grid-template-columns:1fr;gap:14px;margin-top:16px}
 #kadar .rate-note{font-size:.875rem}
 #kadar .rates-support{grid-template-columns:1fr;gap:12px;padding:0}
 #kadar .deposit-note,#kadar .extra-guest-note{padding:16px}
 #kadar .rates-support-links{gap:2px 18px}
 #kadar .stay-summary{padding:0}
 #kadar .stay-summary-grid{grid-template-columns:1fr;gap:10px}
 #kadar .stay-summary-grid summary{min-height:80px;padding:14px 16px}
 #kadar .stay-summary-grid details>p{margin-inline:16px;padding-bottom:16px}
}
@media(max-width:360px){
 #kadar .package-card{padding:14px 12px}
 #kadar .package-heading{gap:5px}
 #kadar .package-heading h3{font-size:1rem}
 #kadar .package-heading .icon{width:18px;height:18px}
 #kadar .package-price strong{font-size:1.85rem}
}