.xc-overlay{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:24px;background:#030b08b8;backdrop-filter:blur(6px)}.xc-panel{width:min(860px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #496453;border-radius:20px;background:#172b20;box-shadow:0 24px 80px #0007}.xc-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 25px;border-bottom:1px solid #3c5644;flex-shrink:0}.xc-header>b{letter-spacing:2px;font-size:12px}.xc-progress{font-size:11px;color:#98b9a3}.xc-close{padding:0;width:30px;height:30px;min-height:30px;background:transparent;border:1px solid #54705c;border-radius:50%;font-size:21px;font-weight:400;color:#bed9c8}.xc-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr);overflow:auto;min-height:0}.xc-main{min-width:0;padding:30px 25px}.xc-main h2{margin:0 0 24px;font-size:26px;line-height:1.2;letter-spacing:-.7px}.xc-label{margin:18px 0 10px;font-size:11px;color:#a4c0ae}.xc-periods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.xc-period{padding:16px;text-align:left;display:grid;gap:12px;border:1px solid #405d49;background:#102319;color:#b7d1c1;font-size:15px;font-weight:550}.xc-period strong{font-size:23px;color:#e2eee6}.xc-period.active,.xc-method.active{border-color:#b2dfd2;background:#b2dfd20b}.xc-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;border:1px solid #405d49;border-radius:10px;background:#102419}.xc-term{min-height:40px;min-width:0;padding:9px 2px;background:transparent;color:#aac7b6;border-radius:6px;font-size:13px;font-weight:550;white-space:nowrap}.xc-term.active{background:#b2dfd2;color:#19372a}.xc-package-head{display:flex;justify-content:space-between;gap:12px;margin:22px 0 12px;font-size:10px;color:#98b8a2}.xc-quiet{padding:0;background:transparent;color:#abcbb8;font-size:11px;font-weight:500}.xc-packages{display:grid;gap:8px;margin-top:14px}.xc-package{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid #405d49;background:#102419;color:#d5e8dc;text-align:left;font-weight:500}.xc-package.active{border-color:#b2dfd2;background:#b2dfd208}.xc-package i{display:grid;place-items:center;width:18px;height:18px;border:1px solid #6e917a;border-radius:5px;flex-shrink:0;font-size:11px;font-style:normal;color:#19372a}.xc-package.active i{background:#b2dfd2}.xc-package>span{flex:1;display:grid;gap:4px}.xc-package strong{font-size:13px}.xc-package small{font-size:10px;color:#94b19e}.xc-package b{font-size:14px;white-space:nowrap;font-weight:500}.xc-offer{margin-top:24px;padding-top:17px;border-top:1px solid #3d5846}.xc-toggle{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:12px;color:#bdd7c8;cursor:pointer}.xc-offer>.xc-toggle{margin:0 0 16px}.xc-toggle input{width:17px;min-height:0;height:17px;padding:0;accent-color:#b2dfd2;flex-shrink:0}.xc-offer .xc-label{margin-top:0}.xc-summary{position:sticky;top:0;align-self:start;padding:29px 23px;background:#10261a;border-left:1px solid #3d5846}.xc-summary h3{margin:0 0 22px;font-size:13px;font-weight:550}.xc-line{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:11px;color:#9fbea9;margin:12px 0}.xc-line>span{display:grid;gap:4px}.xc-line strong,.xc-line b{font-weight:500}.xc-line b{white-space:nowrap;color:#dbede1}.xc-line small{font-size:10px;color:#87a993}.xc-total{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:23px 0;padding-top:16px;border-top:1px solid #35543e;font-size:12px}.xc-total strong{font-size:29px;white-space:nowrap}.xc-primary{width:100%;padding:15px 13px;background:#b2dfd2;color:#19372a;font-size:12px}.xc-muted{font-size:12px;color:#a2bda9}.xc-error{font-size:11px;color:#ffb4bb;line-height:1.6}.xc-promo{display:flex;gap:7px}.xc-promo input{min-width:0;font-size:12px}.xc-secondary{background:transparent;border:1px solid #587960;color:#c9e3d2;font-size:11px}.xc-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xc-method{background:#102419;border:1px solid #405d49;padding:13px 9px;font-size:11px;color:#cce0d3;font-weight:500}.xc-quantities{display:flex;gap:8px}.xc-quantities button{flex:1;padding:13px 2px;border:1px solid #405d49;background:#102419;color:#bed8c8;font-size:18px}.xc-quantities button.active{border-color:#b2dfd2}.xc-limit{margin:24px 0;font-size:15px;color:#cbe2d4}.xc-discount{font-size:10px;color:#b2dfd2;margin:0}.xc-success{padding:32px;max-width:500px;align-self:center;text-align:center}.xc-success h2{font-size:25px;line-height:1.2}.xc-success p{font-size:13px;line-height:1.7;color:#a7c3b0}.xc-check{font-size:30px;color:#b2dfd2;margin-bottom:20px}.xc-overlay button:focus-visible{outline:2px solid #d9f1e4;outline-offset:2px}.xc-overlay button:hover{transform:none}.xc-main>.xc-quiet{margin-bottom:20px}
@media(max-width:760px){.xc-overlay{padding:10px}.xc-panel{max-height:calc(100dvh - 20px);height:min(760px,calc(100dvh - 20px));border-radius:19px}.xc-header{padding:18px}.xc-grid{display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0}.xc-main{padding:24px 18px;overflow:auto;flex:1;min-height:0}.xc-main h2{font-size:24px;margin-bottom:22px}.xc-summary{position:static;border-left:0;border-top:1px solid #3d5846;padding:14px 18px 18px;flex-shrink:0;align-self:stretch;max-height:55%;overflow:auto}.xc-summary h3{display:none}.xc-line{font-size:10px;margin:8px 0}.xc-line small{font-size:9px}.xc-total{margin:13px 0 16px;padding-top:11px}.xc-total strong{font-size:27px}.xc-progress{font-size:10px}.xc-term{font-size:13px}.xc-period{padding:14px}.xc-period strong{font-size:22px}.xc-success{overflow:auto}.xc-panel:has(.xc-success){height:auto}.xc-quantities{gap:6px}}
@media(prefers-reduced-motion:reduce){.xc-overlay *{transition:none!important;animation:none!important}}

.xc-package>b{flex-shrink:0}.xc-items{min-height:0}.xc-total,.xc-summary>.xc-primary{flex-shrink:0}
@media(max-width:760px){.xc-summary{display:flex;flex-direction:column;overflow:hidden}.xc-items{overflow:auto;flex:1}.xc-total{margin-top:12px}.xc-summary>.xc-error{max-height:60px;overflow:auto}}
@media(max-width:360px){.xc-term{font-size:11px}}

.xc-success>input{font-size:12px;margin:0 0 12px}.xc-success>.xc-secondary{margin-bottom:16px}

.xc-test-note{padding:10px 12px;border:1px solid #64744b;border-radius:8px;font-size:11px;line-height:1.6;color:#cfdfba;margin:0 0 20px}