/* Luxxe eSims: phone compatibility checker (C27) */
.lx-cc{box-sizing:border-box;max-width:640px;margin:0 auto 28px;padding:22px 20px;border:1px solid #DCE1F0;border-radius:16px;background:#fff;font-family:Montserrat,system-ui,sans-serif;color:#0F1226;text-align:left}
.lx-cc *{box-sizing:border-box}
.lx-cc__title{margin:0 0 6px;font-size:20px;line-height:1.3;font-weight:800;color:#0A0E3A}
.lx-cc__intro{margin:0 0 14px;font-size:15px;color:#454A66}
.lx-cc__label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#0A0E3A}
.lx-cc__field{position:relative;display:flex;gap:8px}
.lx-cc__input{flex:1;min-width:0;height:48px;padding:0 14px;border:1.5px solid #C4CBE0;border-radius:12px;font:inherit;font-size:16px;color:#0F1226;background:#fff}
.lx-cc__input:focus{outline:none;border-color:#0000FF;box-shadow:0 0 0 3px rgba(0,0,255,.15)}
.lx-cc__btn{flex:0 0 auto;height:48px;padding:0 20px;border:0;border-radius:999px;background:#0000FF;color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.lx-cc .lx-cc__btn,.lx-cc .lx-cc__btn:visited{color:#fff!important}
.lx-cc .lx-cc__btn:hover,.lx-cc .lx-cc__btn:focus{background:#0A0E3A!important;color:#fff!important}
.lx-cc__list{position:absolute;z-index:50;top:52px;left:0;right:0;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #DCE1F0;border-radius:12px;box-shadow:0 12px 30px rgba(10,14,58,.15);max-height:320px;overflow:auto}
.lx-cc__list[hidden]{display:none}
.lx-cc__opt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:15px;cursor:pointer}
.lx-cc__opt:hover,.lx-cc__opt[aria-selected="true"]{background:#F4F6FB}
.lx-cc__opt-tag{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.lx-cc__opt-tag--yes{background:#E7F6EC;color:#1A7F3C}
.lx-cc__opt-tag--no{background:#FDECEC;color:#B42318}
.lx-cc__opt-tag--depends{background:#FFF4DB;color:#8A5A00}
.lx-cc__out:empty{display:none}
.lx-cc__out{margin-top:14px}
.lx-cc__pick{margin:0;font-size:14px;font-weight:600;color:#454A66}
.lx-cc__result{padding:14px 16px;border-radius:12px;font-size:15px;line-height:1.5}
.lx-cc__result--yes{background:#F1FAF4;border:1px solid #BFE6CB}
.lx-cc__result--no{background:#FEF4F4;border:1px solid #F5C2C0}
.lx-cc__result--depends,.lx-cc__result--unknown{background:#FFFAEE;border:1px solid #F1DDA8}
.lx-cc__verdict{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px;font-weight:800;color:#0A0E3A}
.lx-cc__icon{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#fff;background:#1A7F3C}
.lx-cc__result--no .lx-cc__icon{background:#B42318}
.lx-cc__result--depends .lx-cc__icon,.lx-cc__result--unknown .lx-cc__icon{background:#B7791F}
.lx-cc__notes{margin:6px 0 8px 36px;padding:0;color:#2B3050}
.lx-cc__notes li{margin:0 0 4px}
.lx-cc__more{margin:0 0 8px 36px;color:#2B3050}
.lx-cc__eid{margin:8px 0 0 36px;font-size:14px;color:#454A66}
.lx-cc__eid--strong{color:#0F1226}
.lx-cc--compact{margin:8px 0 0;padding:14px;border-radius:12px;max-width:none}
.lx-cc--compact .lx-cc__label{font-size:12px}
.lx-cc--compact .lx-cc__input,.lx-cc--compact .lx-cc__btn{height:44px}
.lx-cc--compact .lx-cc__more,.lx-cc--compact .lx-cc__eid{margin-left:0}
.lx-cc--compact .lx-cc__notes{margin-left:0;padding-left:18px}
.lx-cc-toggle{display:inline-block;margin:0 0 10px;padding:0;border:0;background:none;color:#0000FF;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}
.lx-cc-toggle:hover,.lx-cc-toggle:focus{color:#0A0E3A;background:none;box-shadow:none}
.lx-cc-panel[hidden]{display:none}
.lx-cc-dialog{text-align:center;margin:0 0 6px}
.lx-cc-dialog .lx-cc--compact{margin-bottom:12px}
.lx-cc-auto{margin:0 0 8px}
.lx-cc-confirm{margin:0 0 16px;padding:14px 16px;border:1px solid #DCE1F0;border-radius:12px;background:#F8F9FD;font-size:14px}
.lx-cc-confirm label{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:#0F1226;cursor:pointer}
.lx-cc-confirm input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex:0 0 18px}
.lx-cc-confirm .lx-cc-toggle{margin:8px 0 0}
@media (max-width:480px){.lx-cc{padding:18px 14px}.lx-cc__title{font-size:18px}.lx-cc__btn{padding:0 16px}}
.lx-cc-cart{margin:0 0 12px;text-align:left}
.lx-woo form.checkout #lx-cc-confirm{grid-column:1;align-self:start}
#customer_details .lx-cc-confirm{margin:16px 0 0}
