.callback-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%}.callback-actions .btn{margin-top:0}.callback-button svg,.pool-callback-shortcut svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.pool-callback-shortcut{position:sticky;top:126px;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:14px 16px;background:#102d40;border:1px solid #3c738c;border-radius:14px;box-shadow:0 8px 24px #0003}.pool-callback-shortcut b{display:block;font-size:14px;color:#edf9ff}.pool-callback-shortcut p{margin:3px 0 0;color:#b9d3e1;font-size:12px}.pool-callback-shortcut .btn{flex:none}
.callback-dialog{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:20px;background:#020b13df}.callback-dialog[hidden]{display:none!important}.callback-sheet{width:min(600px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #497b94;border-radius:22px;background:#0b2130;padding:28px;box-shadow:0 24px 90px #0009}.callback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.callback-heading h2{font-size:28px;line-height:1.15;margin:8px 0 12px}.callback-sheet>p{font-size:14px;color:#bdd3df;margin:0 0 24px}.callback-close{width:42px;height:42px;flex:none;border:1px solid #4e7489;border-radius:10px;background:#15384b;color:#effaff;font-size:22px}.callback-close:hover{background:#6cd3f8;color:#061825}.callback-form{max-width:none}.callback-form input{min-height:48px}.callback-form input:focus{border-color:#6cd3f8;box-shadow:0 0 0 2px #6cd3f830}.callback-form .callback-submit{grid-column:1/-1;min-height:48px;margin-top:4px}.callback-mail-note{font-size:12px;color:#b9cfdb;grid-column:1/-1;margin:0}.callback-form-feedback{grid-column:1/-1;color:#9be2ff;font-size:13px;margin:0}.callback-open{overflow:hidden}.callback-button:focus-visible,.callback-close:focus-visible{outline:3px solid #c8f3ff;outline-offset:3px}
.company-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.company-service-grid .num{font-size:23px;letter-spacing:0;color:#61d6f4}.company-service-grid h3{font-size:21px}.company-promise{max-width:780px;color:#b8cddc;font-size:16px}.company-msystem-logo{display:inline-flex;align-items:center;justify-content:center;width:148px;height:100px;margin:0 0 14px;padding:12px;background:#f1f5f7;border-radius:14px;border:1px solid #8caab9}.company-msystem-logo img{height:100%;width:100%;object-fit:contain}.company-msystem-logo:hover{border-color:#5bd9ff;box-shadow:0 0 0 2px #5bd9ff66}.company-image-caption{font-size:11px;color:#a6bfce;margin-top:8px}
[data-page="pool-about"] .split{grid-template-columns:repeat(2,minmax(0,1fr))}[data-page="pool-about"] .split>div,[data-page="pool-about"] .info-card{min-width:0}[data-page="pool-about"] h2,[data-page="pool-about"] h3,[data-page="pool-about"] p{overflow-wrap:anywhere}.pool-cart-bottom>.callback-button{width:100%;margin-top:10px}
@media(max-width:760px){.pool-callback-shortcut{top:124px;padding:12px;gap:10px;align-items:flex-start;flex-direction:column}.pool-callback-shortcut .btn{width:100%}.pool-callback-shortcut p{display:none}.callback-dialog{padding:12px}.callback-sheet{padding:20px;max-height:calc(100dvh - 24px);border-radius:16px}.callback-heading h2{font-size:24px}.callback-form{grid-template-columns:1fr}.callback-actions{width:100%}.callback-actions>.btn{flex:1 1 210px;min-height:44px}.company-service-grid{grid-template-columns:1fr}.callback-actions .contact-btn{flex:none}}
@media print{.pool-callback-shortcut,.callback-dialog,.callback-button{display:none!important}}
@media(max-width:760px){[data-page="pool-about"] .split{grid-template-columns:minmax(0,1fr)}[data-page="pool-about"] .split .subgrid{grid-template-columns:minmax(0,1fr)!important}[data-page="pool-about"] .quote{align-items:flex-start;flex-direction:column}}