/* Loaded only on the Skylife internet detail page. Keep selected tier feedback. */
.homeit-card-section--sky .homeit-card-table tbody tr.is-card-selected>th,
.homeit-card-section--sky .homeit-card-table tbody tr.is-card-selected>td{background:#fff}
.sky-detail-usim{padding-top:25px;padding-bottom:45px;color:#202124}
.sky-detail-usim *{box-sizing:border-box}
.sky-detail-usim>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.sky-detail-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#656a5c}
.sky-detail-usim h2{font-size:27px;line-height:1.35;margin:8px 0;letter-spacing:-.8px}
.sky-detail-usim>header p{font-size:13px;color:#777b71;margin:0}
.sky-detail-usim button{font:inherit;cursor:pointer}
.sky-detail-usim>header>button{border:1px solid #252724;background:#fff;border-radius:9px;padding:12px 16px;font-size:13px;color:#252724;white-space:nowrap}
.sky-detail-usim>header>button:hover{background:#252724;color:white}
.sky-detail-preview{border:1px solid #e2e4de;background:#fff;border-radius:16px;overflow:hidden}
.sky-detail-plan{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) auto;gap:16px 24px;align-items:center;padding:23px 25px;border-bottom:1px solid #e9eae5;background:#fff}
.sky-detail-preview>.sky-detail-plan:last-child{border-bottom:0}
.sky-detail-tag{font-size:10px;font-weight:700;display:inline-block;background:#f0f2ec;color:#616955;padding:3px 6px;border-radius:4px}
.sky-detail-plan h3{font-size:16px;line-height:1.4;margin:6px 0;color:#242824;overflow-wrap:anywhere}
.sky-detail-plan__identity p{font-size:12px;line-height:1.65;color:#6c7167;margin:4px 0}.sky-detail-plan__identity p b{color:#373d32}
.sky-detail-plan small{font-size:11px;line-height:1.5;color:#7a7f73}
.sky-detail-plan__benefit p{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.sky-detail-npay,.sky-detail-smoney{font-size:10px;font-weight:800;padding:4px 6px;border-radius:5px;color:#fff;white-space:nowrap;flex-shrink:0;background:#03b957}.sky-detail-smoney{background:#7651d5}
.sky-detail-plan__price{text-align:right;white-space:nowrap;font-size:12px}.sky-detail-plan__price strong{font-size:25px;letter-spacing:-.7px;margin:0 2px}.sky-detail-plan__price small{display:block;margin-top:5px}
.sky-detail-note{font-size:11px;color:#787d72;line-height:1.7;margin:14px 0 0}
.sky-detail-modal{width:min(1000px,calc(100% - 32px));max-width:1000px;max-height:85vh;max-height:85dvh;padding:26px;border:1px solid #e2e4de;border-radius:20px;color:#202124;background:#f8f9f6;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #0004}
.sky-detail-modal::backdrop{background:#1119}
.sky-detail-modal__head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}
.sky-detail-modal__head button{border:1px solid #ddd;background:white;width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;color:#222;flex-shrink:0}
.sky-detail-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sky-detail-controls>div{display:flex;gap:6px}.sky-detail-controls button{background:#fff;color:#444;border:1px solid #dedfd9;border-radius:8px;padding:9px 18px;font-size:13px}
.sky-detail-controls button[aria-pressed=true]{background:#20221e;border-color:#20221e;color:white}
.sky-detail-controls input{width:290px;max-width:100%;font:inherit;font-size:12px;background:white;color:#242724;border:1px solid #dce0d5;border-radius:8px;padding:11px}
.sky-detail-count{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:18px 0 12px}.sky-detail-count span{color:#767d6d;font-size:11px}
.sky-detail-modal__list{display:grid;gap:10px}.sky-detail-modal__list .sky-detail-plan{border:1px solid #e2e4dc;border-radius:12px;padding:20px}
.sky-detail-plan__spec{grid-column:1/-1;border-top:1px solid #e9ece3;padding-top:12px;font-size:12px}
.sky-detail-plan__spec summary{cursor:pointer;color:#707863;font-size:11px}.sky-detail-plan__spec dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;margin:10px 0;line-height:1.6}.sky-detail-plan__spec dd{margin:0;overflow-wrap:anywhere}.sky-detail-plan__spec dt{color:#737b68}.sky-detail-plan__spec p{line-height:1.7;color:#737b68}
.sky-detail-plan__spec a{display:inline-block;text-decoration:none;color:white;background:#242820;padding:10px 15px;border-radius:7px;font-size:12px}
.sky-detail-usim [hidden]{display:none!important}.sky-detail-empty{text-align:center;color:#717866;padding:28px;font-size:13px}
.sky-detail-usim :focus-visible{outline:2px solid #51594a;outline-offset:3px}
.sky-detail-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.sky-detail-usim h2{font-size:23px}.sky-detail-usim>header{align-items:flex-start;flex-direction:column;gap:12px}.sky-detail-plan{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px}.sky-detail-plan__identity{grid-column:1/-1}.sky-detail-plan__benefit{grid-column:1}.sky-detail-plan__price{grid-column:2}.sky-detail-modal{padding:18px 14px;width:calc(100% - 20px);border-radius:15px}.sky-detail-modal__list .sky-detail-plan{padding:16px}.sky-detail-controls label,.sky-detail-controls input{width:100%}.sky-detail-count{flex-direction:column;gap:4px}.sky-detail-plan__spec dl>div{grid-template-columns:110px minmax(0,1fr)}.sky-detail-plan__price strong{font-size:23px}}

/* Clip the native scrollbar to the same rounded outline as the dialog. */
.sky-detail-modal{clip-path:inset(0 round 20px)}
@media(max-width:760px){.sky-detail-modal{clip-path:inset(0 round 15px)}}

/* Use the same icon categories as the Skylife landing. */
.sky-detail-controls{display:block}
.sky-detail-controls .sky-detail-categories{display:flex;gap:7px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin}
.sky-detail-controls .sky-detail-categories button{flex:1 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:78px;padding:12px 5px;border:1px solid #dedfd9;border-radius:11px;background:#fff;color:#565e6a}
.sky-detail-controls .sky-detail-categories b{font-size:11px;white-space:nowrap;font-weight:600}
.sky-detail-category-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:inherit}
.sky-detail-category-icon svg{display:block;width:24px;height:24px;overflow:visible}
.sky-detail-controls .sky-detail-categories button:hover{border-color:#a8aaa3}
.sky-detail-controls .sky-detail-categories button[aria-pressed=true]{background:#191a1c;border-color:#191a1c;color:#fff}
.sky-detail-controls>label{display:flex;justify-content:flex-end;margin-top:6px}
@media(max-width:760px){.sky-detail-controls .sky-detail-categories button{flex:0 0 74px;min-width:74px;padding:10px 4px}}

/* Always-visible consultation action below the monthly fee. */
.sky-detail-plan__price .sky-detail-plan__consult{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;min-height:40px;padding:10px 18px;border:1px solid #20221e;border-radius:8px;background:#20221e;color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.sky-detail-plan__price .sky-detail-plan__consult:hover{background:#3b3f35;border-color:#3b3f35}
.sky-detail-plan__price .sky-detail-plan__consult:focus-visible{outline:2px solid #51594a;outline-offset:3px}
@media(max-width:760px){.sky-detail-plan__price .sky-detail-plan__consult{min-height:42px;padding:10px 14px;margin-top:10px}}

.sky-detail-plan__price .sky-detail-plan__consult{width:100%;font-family:inherit}