/* Production catalog skin. Dynamic forms, price conversion and checkout remain server owned. */
.ui-catalog,.ui-plans{color:var(--ink,#f4f5f7);font-family:var(--font,Inter,Arial,sans-serif)}
.ui-catalog{padding-block:42px 72px}.ui-catalog.catalog-section{padding-top:48px}
.ui-catalog [hidden],.ui-plans [hidden]{display:none!important}
.ui-catalog .tabs{border-radius:999px}.ui-catalog .tab{border-radius:999px;font-weight:450}
.ui-catalog .tab.active{background:#1877f2;color:#fff}
.ui-catalog .catalog-tools{align-items:center}.ui-catalog .tab-content{margin-top:0}
.ui-catalog .destination-card{height:100%;min-height:104px;border-radius:18px;text-decoration:none}
.ui-catalog .destination-card h3{color:var(--ink,#f4f5f7);font-size:17px;font-weight:450;line-height:1.25}
.ui-catalog .destination-card p{line-height:1.5;margin:0}.ui-catalog .esim-plan-card__content{min-width:0}
.ui-catalog .country-code-avatar{display:grid;place-items:center;font-size:12px;color:#a8cdff;background:#15243a;flex-shrink:0}
.ui-catalog .destination-detail{display:block;font-size:11px;line-height:1.6;color:#91a2ba;margin-top:5px}
.ui-catalog .ui-region-card{min-height:125px;isolation:isolate;overflow:hidden}
.ui-catalog .ui-region-map{position:absolute;right:8px;bottom:0;width:140px;height:112px;object-fit:contain;opacity:.14;z-index:-1;pointer-events:none}
.ui-catalog .ui-global-card{grid-column:span 2;min-height:126px;background:radial-gradient(ellipse at 95% 50%,#19427955,transparent 65%),#0e1521}
.ui-catalog .ui-global-card .region-icon{width:53px;height:53px}.ui-catalog .ui-global-card .region-icon .icon{width:29px;height:29px}
.ui-catalog-search{position:relative;width:280px;flex-shrink:0;z-index:12}
.ui-catalog-search .search-field{width:100%;margin:0;border-radius:999px;min-height:45px}
.ui-catalog-search input{font:inherit;font-size:13px;background:transparent;color:var(--ink,#f4f5f7)}
.ui-catalog-search .search-box-result{position:absolute;top:calc(100% + 9px);left:0;right:0;max-height:350px;overflow:auto;overscroll-behavior:contain;border:1px solid #33435a;border-radius:18px;background:#101722;box-shadow:0 18px 45px #0007;padding:10px}
.ui-catalog-search .search-box-list__item{display:flex;align-items:center;gap:12px;border-radius:12px;padding:11px;color:#d9e6f8;text-decoration:none}
.ui-catalog-search .search-box-list__item:hover,.ui-catalog-search .search-box-list__item:focus-visible{background:#1a2b44}
.ui-catalog-search .search-box-list__item .flag,.ui-catalog-search .search-box-list__item .country-code-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}
.ui-catalog-search .search-box-list__item .title{font-size:13px;font-weight:450;line-height:1.3;margin:0}
.ui-catalog-search .ui-search-group{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:#7d98b9;margin:14px 10px 5px}
.ui-catalog-search .countryResults>.title{font-size:12px;color:#a5b4c9;padding:12px;line-height:1.6}
.ui-catalog .catalog-count{font-size:11px;color:#8c9cb2}.ui-catalog .catalog-bottom{margin-top:30px}
.ui-catalog .empty-state{margin:0;grid-column:1/-1}

.ui-plan-hero .large-flag img{width:100%;height:100%;object-fit:cover}.ui-plan-hero .large-flag span{font-size:27px;color:#a7c9f7}
.ui-plans{padding-block:44px 72px}.ui-plans .ui-plan-heading{margin-bottom:28px}.ui-plans .ui-plan-heading h2{font-size:clamp(25px,3vw,36px);font-weight:350;margin-bottom:10px}
.ui-plans .ui-plan-heading p{max-width:640px;margin:0;color:#99a8bc;font-size:14px;line-height:1.7}
.ui-plans .plan-layout{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.ui-plans .ui-plan-options{min-width:0}
.ui-plans .ui-plan-tools{align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:22px}.ui-plans .filter-chips{margin:0;gap:7px}
.ui-plans .filter-chip{font-size:11px;font-weight:450;min-height:37px;padding:8px 13px}
.ui-plans .ui-plan-sort{width:224px;min-height:37px;padding:8px 12px;border-radius:999px;color:#95a8c1;font-size:11px;gap:9px;margin:0}
.ui-plans .ui-plan-sort select{width:139px;min-width:0;border:0;background:transparent;color:#dae6f7;font:inherit;outline-offset:3px}.ui-plans .ui-plan-sort option{background:#101722;color:#dae6f7}
.ui-plans .plans-grid{gap:15px}.ui-plans .ui-plan-option{min-width:0}
.ui-plans .choose-plan-item{position:relative;height:100%;margin:0;padding:23px;border:1px solid #2a3443;border-radius:22px;background:linear-gradient(145deg,#121b28,#0d121c);display:flex;flex-direction:column;gap:15px;cursor:pointer;transition:border-color .2s,background .2s}
.ui-plans .choose-plan-item:hover{border-color:#456c9e}.ui-plans .choose-plan-item:has(input:checked){border-color:#388cff;background:linear-gradient(145deg,#142c4b,#101826);box-shadow:0 0 0 1px #1877f22e}
.ui-plans .choose-plan-item:focus-within{outline:2px solid #88bdff;outline-offset:4px}
.ui-plans .ui-plan-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.ui-plans .choose-plan-item__input{position:absolute;right:18px;top:19px;width:17px;height:17px;border:1px solid #4e637e;border-radius:50%;background:#0a1420}
.ui-plans input:checked+.choose-plan-item__input{border:5px solid #1877f2;background:white}
.ui-plans .choose-plan-item__header{display:flex;flex-direction:column;gap:12px;padding-right:21px}.ui-plans .choose-plan-item__capacity{font-size:35px;font-weight:400;line-height:1.1;letter-spacing:-.045em;color:#f1f6ff}
.ui-plans .choose-plan-item__validity{display:inline-flex;align-items:center;gap:7px;color:#a1b2c8;font-size:12px;line-height:1.5}
.ui-plans .ui-plan-name{font-size:11px;color:#8296b1;line-height:1.55;overflow-wrap:anywhere}
.ui-plans .choose-plan-item__body{display:flex;flex-direction:column;gap:15px;margin-top:auto}
.ui-plans .choose-plan-item__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:26px;color:#edf4ff;line-height:1.3;font-weight:400;letter-spacing:-.03em}
.ui-plans .choose-plan-item__price del{font-size:12px;color:#8094ae;letter-spacing:0}
.ui-plans .choose-plan-item__package-list{display:flex;flex-wrap:wrap;gap:10px;color:#9bb2cc;font-size:11px;line-height:1.5}
.ui-plans .choose-plan-item__package{display:inline-flex;align-items:center;gap:5px}
.ui-plans .ui-plan-select{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #3a5577;border-radius:999px;padding:11px 15px;color:#bcd8fc;font-size:12px;font-weight:450;line-height:1.3}
.ui-plans .ui-plan-selected-mark{visibility:hidden}.ui-plans .choose-plan-item:has(input:checked) .ui-plan-select{background:#1877f2;border-color:#1877f2;color:white}.ui-plans .choose-plan-item:has(input:checked) .ui-plan-selected-mark{visibility:visible}
.ui-plans .ui-plan-summary{position:static;align-self:start;min-width:0}.ui-plans .plan-aside{padding:23px;border:1px solid #2c3c53;border-radius:24px;background:#0d141f}
.ui-plans .choose-plan-info{display:flex;align-items:center;gap:12px;padding-bottom:21px;border-bottom:1px solid #273245}
.ui-plans .choose-plan-info__flag{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:#172841;display:grid;place-items:center;font-size:12px;color:#a6c8f7}
.ui-plans .choose-plan-info__title{font-size:17px;font-weight:450;line-height:1.35;margin:0 0 4px;color:#dcecff}.ui-plans .choose-plan-info__desc{font-size:11px;line-height:1.6;margin:0;color:#8fa5c2}
.ui-plans .ui-selected-plan-label{font-size:10px;color:#8399b7;line-height:1.6;margin:15px 0 0}.ui-plans .ui-selected-plan-label strong{display:block;color:#c2d6f1;font-size:12px;font-weight:450;overflow-wrap:anywhere}
.ui-plans .choose-plan-feat,.ui-plans .choose-plan-meta{list-style:none;padding:0;margin:14px 0}
.ui-plans .choose-plan-feat__item,.ui-plans .choose-plan-meta__item{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.5;padding:9px 0;border-bottom:1px solid #243145;color:#94a9c3}
/* Reset the prototype's About-page .value decoration inside the existing purchase summary. */
.ui-plans .choose-plan-sidebar__body .value{padding:0;margin:0;border:0;min-width:0;text-align:right}
.ui-plans .choose-plan-feat__item .wrapper{display:flex;align-items:center;gap:7px}.ui-plans .choose-plan-feat__item .value{text-align:right;color:#c7d9f0;font-size:12px;max-width:55%;overflow-wrap:anywhere}
.ui-plans .coverageLink a{color:#8bbdff;text-decoration:underline;text-underline-offset:3px}
.ui-plans .choose-plan-meta__item .value{color:#d6e5fb}.ui-plans .choose-plan-meta__item:last-child{border:0;padding-bottom:0;color:#cbdaf0;font-size:13px}.ui-plans .dataTotalPrice{font-size:22px;font-weight:450;letter-spacing:-.035em}
.ui-plans .guestCheckoutBtn{display:block;border:1px solid #1877f2;border-radius:999px;min-height:48px;background:#1877f2;color:#fff;padding:12px 19px;font-size:13px;font-weight:450;box-shadow:none}
.ui-plans .guestCheckoutBtn:hover{background:#3289fb;color:#fff}.ui-plans .guestCheckoutBtn:disabled{opacity:.5;cursor:not-allowed;pointer-events:auto}
.ui-plans .guest-checkout-limit,.ui-plans .ui-plan-filter-notice{font-size:11px;line-height:1.6;color:#f2adba!important;margin:12px 0 0}
.ui-plans .choose-plan-campaign-badge{background:#1877f2;color:#fff}.ui-plans .choose-plan-campaign-banner{border-radius:15px}.ui-plans .plan-notice{color:#8397b1;font-size:11px;line-height:1.7}

/* Preserve Bootstrap modal behavior and the existing coverage search/list contract. */
#coverageAreaModal .modal-content{background:#101722;border:1px solid #31445e;color:#deebfd;border-radius:24px}
#coverageAreaModal .modal-header,#coverageAreaModal .modal-footer{border-color:#2b394d;padding:18px 22px}
#coverageAreaModal .modal-title{font-size:23px;font-weight:400;color:#e1edfe;margin:0}
#coverageAreaModal .close{cursor:pointer;color:#a4bbd7;font-size:23px;line-height:1}
#coverageAreaModal .modal-body{padding:20px 22px}.area-plan__body{max-height:360px;overflow:auto;margin-top:16px;overscroll-behavior:contain}
#coverageAreaModal .input--group{border:1px solid #3c536e;border-radius:999px;overflow:hidden}
#coverageAreaModal .searchInput{border:0;background:#0a121e;color:#deebfc;padding:11px 15px;font-size:13px;box-shadow:none}
#coverageAreaModal .searchInput::placeholder{color:#8da3bf}#coverageAreaModal .input-group-text{border:0;background:#0a121e;color:#8cafd9}
#coverageAreaModal .list-group-item{display:flex;align-items:center;gap:12px;padding:12px 8px;background:transparent;border:0;border-bottom:1px solid #26374c;color:#c8dcf6}
#coverageAreaModal .country-flag,#coverageAreaModal .country-code{width:30px;height:30px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#1c2e48;font-size:11px}
#coverageAreaModal .country-name{margin:0;color:#d4e4f8;font-size:13px;font-weight:400}#coverageAreaModal .btn{background:#172b47;border:1px solid #355278;color:#b9d7ff;border-radius:999px;padding:8px 18px;font-size:12px}

@media(max-width:1100px){.ui-catalog .catalog-tools{align-items:stretch;flex-direction:column}.ui-catalog-search{width:100%;max-width:360px}.ui-catalog .tabs{align-self:start}.ui-plans .plan-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.ui-plans .choose-plan-item{padding:20px}.ui-plans .plan-aside{padding:20px}}
@media(max-width:900px){.ui-plans .plan-layout{grid-template-columns:1fr}.ui-plans .ui-plan-summary{position:static}.ui-plans .ui-plan-tools{justify-content:space-between}.ui-plans .choose-plan-info__desc{max-width:430px}}
@media(max-width:760px){.ui-catalog,.ui-plans{padding-block:30px 48px}.ui-catalog .tabs{align-self:stretch}.ui-catalog .tab{font-size:10px;padding:11px 9px;white-space:normal;line-height:1.35;gap:5px}.ui-catalog .tab .icon{width:14px;height:14px;flex-shrink:0}.ui-catalog-search{max-width:none}.ui-catalog .destination-card{padding:17px 13px;gap:11px;min-height:97px;border-radius:17px}.ui-catalog .destination-card h3{font-size:14px}.ui-catalog .ui-global-card{grid-column:1/-1}.ui-catalog .ui-region-map{width:95px;opacity:.1}.ui-catalog .filter-chip{font-size:11px}.ui-plan-hero .page-hero h1{font-size:43px}.ui-plans .plans-grid{gap:12px}.ui-plans .choose-plan-item{padding:19px 16px;gap:12px;border-radius:20px}.ui-plans .choose-plan-item__capacity{font-size:31px}.ui-plans .choose-plan-item__price{font-size:24px}.ui-plans .choose-plan-item__validity{font-size:11px}.ui-plans .ui-plan-select{font-size:11px;padding:10px 12px}.ui-plans .ui-plan-name{font-size:10px}.ui-plans .choose-plan-item__input{right:13px;top:17px;width:15px;height:15px}.ui-plans .ui-plan-tools{gap:14px}.ui-plans .ui-plan-sort{width:100%}.ui-plans .ui-plan-sort select{margin-left:auto;width:150px}}
@media(prefers-reduced-motion:reduce){.ui-catalog .destination-card,.ui-plans .choose-plan-item{transition:none}.ui-catalog .destination-card:hover{transform:none}}