.ofr{max-width:1200px;margin:40px auto;padding:56px 40px;background:linear-gradient(180deg,#071728,#050f19);border-radius:28px}
@media(min-width:921px){.ofr-panel:not([open])>.ofr-form{display:block!important}}
.ofr-head{text-align:center;max-width:720px;margin:0 auto 26px}
.ofr-kick{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#40adf0;margin-bottom:8px}
.ofr-h{font-family:'Source Sans 3',sans-serif;font-size:clamp(26px,4vw,38px);margin:0 0 10px;color:#eaf4ff}
.ofr-sub{color:#9db8cc;font-size:15px;margin:0}
.ofr-panel{background:#0b1c30;border:1px solid #1b3a5c;border-radius:18px;margin-bottom:26px}
.ofr-panel-sum{display:none}
.ofr-form{padding:22px}
.ofr-fs{border:0;margin:0 0 18px;padding:0}
.ofr-fs legend{font-weight:800;color:#eaf4ff;font-size:14.5px;margin-bottom:10px;padding:0}
.ofr-opts{display:flex;flex-wrap:wrap;gap:10px}
.ofr-opt,.ofr-chk{position:relative;display:inline-flex}
.ofr-opt input,.ofr-chk input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ofr-opt span,.ofr-chk span{display:inline-flex;align-items:center;min-height:48px;padding:10px 20px;border-radius:100px;border:1px solid #1b3a5c;background:#0e2338;color:#cfe3f5;font-size:14px;font-weight:600;transition:.2s;cursor:pointer;user-select:none}
.ofr-chk span::before{content:'';width:18px;height:18px;border-radius:5px;border:2px solid #3d6a94;margin-right:9px;flex:none;background:transparent center/12px no-repeat;transition:.2s}
.ofr-chk input:checked+span::before{background-color:#40adf0;border-color:#40adf0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%230b1c30" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M4 13l5 5L20 6"/></svg>')}
.ofr-opt input:checked+span,.ofr-chk input:checked+span{background:linear-gradient(90deg,#0079c2,#00b8c7);border-color:transparent;color:#fff}
.ofr-opt input:focus-visible+span,.ofr-chk input:focus-visible+span{outline:3px solid #40adf0;outline-offset:2px}
.ofr-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;border-top:1px solid #1b3a5c;padding-top:16px}
.ofr-count{margin:0;color:#9db8cc;font-size:14.5px;font-weight:700}
.ofr-clear{min-height:48px;padding:10px 24px;border-radius:100px;border:1px solid #1b3a5c;background:transparent;color:#cfe3f5;font-weight:700;font-size:14px;cursor:pointer}
.ofr-clear:hover{border-color:#40adf0;color:#fff}
.ofr-clear:focus-visible{outline:3px solid #40adf0;outline-offset:2px}
.ofr-empty{background:#0b1c30;border:1px dashed #1b3a5c;border-radius:18px;padding:34px 24px;text-align:center;color:#cfe3f5;margin-bottom:26px}
.ofr-empty p{margin:0 0 18px;font-size:16px;line-height:1.6}
.ofr-group{margin-bottom:34px}
.ofr-group-h{font-family:'Source Sans 3',sans-serif;color:#eaf4ff;font-size:22px;margin:0 0 16px}
.ofr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(min-width:1400px){.ofr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ofr-card{background:#0b1c30;border:1px solid #1b3a5c;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;color:#cfe3f5}
.ofr-pill{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px;background:linear-gradient(90deg,#0079c2,#00b8c7);color:#fff}
.ofr-name{font-family:'Source Sans 3',sans-serif;font-size:17px;line-height:1.35;color:#fff;margin:0}
.ofr-speed{font-weight:800;color:#40adf0;font-size:14px}
.ofr-price{font-size:15px;color:#9db8cc}
.ofr-price s{margin-right:8px}
.ofr-price b{font-size:24px;color:#fff;font-family:'Source Sans 3',sans-serif}
.ofr-bul{margin:0;padding:0;list-style:none;font-size:13.5px;line-height:1.6;color:#b8cede}
.ofr-bul li{padding-left:18px;position:relative;margin-bottom:5px}
.ofr-bul li::before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:#40adf0}
.ofr-meta{font-size:12.5px;color:#7e9ab2;border-top:1px solid #16304c;padding-top:10px}
.ofr-bonusy{margin:0;padding:0;list-style:none;font-size:13px;color:#b8cede}
.ofr-bonusy li{padding-left:24px;position:relative;margin-bottom:4px}
.ofr-bonusy li::before{content:'';position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:rgba(64,173,240,.15) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%2340adf0" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>') center/9px no-repeat;border:1px solid #40adf0}
.ofr-cta{margin-top:auto;display:block;text-align:center;min-height:48px;line-height:48px;padding:0 18px;border-radius:100px;background:linear-gradient(90deg,#0079c2,#00b8c7);color:#fff;font-weight:800;font-size:14.5px;text-decoration:none}
.ofr-cta:focus-visible{outline:3px solid #40adf0;outline-offset:2px}
.ofr-legal{font-size:11px;line-height:1.55;color:#5d7890;margin:14px 0 0}
.ofr-wrap{position:relative}
.ofr-edge{position:absolute;top:0;bottom:0;width:14vw;z-index:3;pointer-events:none;display:none;align-items:center;justify-content:center;transition:opacity .3s}
.ofr-edge span{display:flex;align-items:center;justify-content:center;width:10.26vw;height:10.26vw;border-radius:50%;background:rgba(122,158,196,.28);backdrop-filter:blur(2px)}
.ofr-edge svg{width:5.13vw;height:5.13vw}
.ofr-edge.l{left:0}.ofr-edge.r{right:0}
.ofr-hint{display:none;align-items:center;justify-content:center;gap:8px;color:#7e9ab2;font-size:12px;font-weight:800;letter-spacing:.14em;margin:10px 0 0}
.ofr-hint svg{width:16px;height:16px}
@media(max-width:920px){
.ofr{padding:40px 0;margin:0;border-radius:0}
.ofr-head{padding:0 20px}
.ofr-panel{margin:0 20px 22px}
.ofr-panel-sum{display:flex;align-items:center;gap:9px;min-height:52px;padding:0 18px;font-weight:800;color:#eaf4ff;font-size:15px;cursor:pointer;list-style:none}
.ofr-panel-sum::-webkit-details-marker{display:none}
.ofr-panel-sum::after{content:'';margin-left:auto;width:10px;height:10px;border-right:2.5px solid #40adf0;border-bottom:2.5px solid #40adf0;transform:rotate(45deg);transition:.2s}
.ofr-panel[open] .ofr-panel-sum::after{transform:rotate(225deg)}
.ofr-panel:not([open]) .ofr-form{display:none}
.ofr-form{padding:4px 18px 20px}
.ofr-group-h,.ofr-legal{padding:0 20px}
.ofr-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:3.59vw;padding:3.59vw 5.13vw 4.62vw;scrollbar-width:none}
.ofr-grid::-webkit-scrollbar{display:none}
.ofr-card{flex:0 0 78vw;scroll-snap-align:center;scroll-snap-stop:always}
.ofr-edge{display:flex}
.ofr-hint{display:flex}
}
@media(max-width:920px) and (orientation:landscape){
.ofr-card{max-height:55vh;overflow-y:auto;padding:14px}
.ofr-name{font-size:15px}
.ofr-price b{font-size:19px}
.ofr{padding:24px 0}
.ofr-grid{padding:1.5vh 5.13vw 2vh}
}
@media(prefers-reduced-motion:reduce){.ofr-edge{transition:none}}
@media(max-width:920px){
body>main#main{display:block!important}
}

/* === Filtr ofert v2: Usługa / Mieszkam w / Umowa + DOBIERZ DODATKI (spec §1) === */
.ofr-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 26px}
@media(max-width:920px){.ofr-top{grid-template-columns:1fr}}
.ofr-addons{border:1px solid #1b3a5c;border-radius:14px;margin:6px 0 0;background:#0a1a2b}
.ofr-addons-sum{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-weight:800;letter-spacing:.12em;color:#40adf0;font-size:13.5px;cursor:pointer;list-style:none;text-transform:uppercase}
.ofr-addons-sum::-webkit-details-marker{display:none}
.ofr-addons-sum::after{content:'';margin-left:auto;width:10px;height:10px;border-right:2.5px solid #40adf0;border-bottom:2.5px solid #40adf0;transform:rotate(45deg);transition:.2s}
.ofr-addons[open] .ofr-addons-sum::after{transform:rotate(225deg)}
.ofr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 26px;padding:4px 18px 18px}
@media(max-width:920px){.ofr-cols{grid-template-columns:1fr}}
.ofr-col h4{margin:12px 0 4px;font-size:14px;color:#eaf4ff}
.ofr-col h4 small{color:#7e9ab2;font-weight:400}
.ofr-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 4px;cursor:pointer;position:relative;color:#cfe3f5;font-size:14px}
.ofr-item input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ofr-item .cb{flex:none;width:20px;height:20px;border-radius:5px;border:2px solid #3d6a94;background:transparent center/12px no-repeat;transition:.2s}
.ofr-item input:checked~.cb{background-color:#40adf0;border-color:#40adf0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%230b1c30" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M4 13l5 5L20 6"/></svg>')}
.ofr-item input:focus-visible~.cb{outline:3px solid #40adf0;outline-offset:2px}
.ofr-item .pr{margin-left:auto;color:#7e9ab2;font-size:12.5px;white-space:nowrap}
.ofr-step{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 4px;color:#cfe3f5;font-size:14px}
.ofr-step .pr{margin-left:auto;color:#7e9ab2;font-size:12.5px;white-space:nowrap}
.ofr-step-ctl{display:inline-flex;align-items:center;border:1px solid #1b3a5c;border-radius:100px;overflow:hidden}
.ofr-step-ctl button{width:40px;height:40px;border:0;background:#0e2338;color:#40adf0;font-size:18px;font-weight:800;cursor:pointer}
.ofr-step-ctl button:focus-visible{outline:3px solid #40adf0;outline-offset:-3px}
.ofr-step-ctl output{min-width:32px;text-align:center;color:#fff;font-weight:700}
.ofr-note{margin:0;color:#ffd58a;font-size:13px;line-height:1.5}
.ofr-showall-wrap{text-align:center;margin:6px 0 30px}
.ofr-showall{min-height:52px;padding:12px 34px;border-radius:100px;border:0;background:linear-gradient(90deg,#0079c2,#00b8c7);color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.ofr-showall:hover{filter:brightness(1.08)}
.ofr-showall:focus-visible{outline:3px solid #40adf0;outline-offset:2px}
/* §2: rabaty na kartach — PC inline; mobile kompaktowo (bez rabatów inline) */
.ofr-rabat{font-size:11.5px;line-height:1.55;color:#7e9ab2;margin:2px 0 0}
@media(max-width:920px){.ofr-rabat{display:none}}/* M114: mobile — karty kompaktowe; pełne teksty prawne (.ofr-legal) widoczne drobnym drukiem pod gridami */


/* M113 (tylko wygląd kart #filtr-ofert): PC — 4 karty w rzędzie; rabat inline. */
@media(min-width:921px){
#filtr-ofert .ofr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#filtr-ofert #filtr-ofert .ofr-rabat{display:block;font-size:12px}
}
@media(min-width:921px) and (max-width:1259px){
#filtr-ofert .ofr-grid{gap:14px}
#filtr-ofert .ofr-card{padding:18px}
}


/* M115 (PC ≥921px, tylko #filtr-ofert): jasny panel filtra + jasne karty wg referencji właściciela. Mobile ≤920px bez zmian. */
@media(min-width:921px){
#filtr-ofert{background:linear-gradient(180deg,#f5f9fd,#eef4fa);border:1px solid #dde7f0}
#filtr-ofert .ofr-h{color:#0b1c30}
#filtr-ofert .ofr-sub{color:#5a6b7d}
#filtr-ofert .ofr-kick{color:#0079c2}
#filtr-ofert .ofr-panel{background:#fff;border:1px solid #d9e3ee;box-shadow:0 2px 14px rgba(11,28,48,.06)}
#filtr-ofert .ofr-top{grid-template-columns:repeat(4,minmax(0,1fr))}
#filtr-ofert .ofr-fs legend{color:#0b1c30}
#filtr-ofert .ofr-opt span,#filtr-ofert .ofr-chk span{background:#fff;border-color:#c9d6e3;color:#33475b}
#filtr-ofert .ofr-opt input:checked+span,#filtr-ofert .ofr-chk input:checked+span{background:#0b1c30;border-color:#0b1c30;color:#fff}
#filtr-ofert .ofr-chk span::before{border-color:#a9bccf}
#filtr-ofert .ofr-addons{background:#fbfdff;border-color:#d9e3ee}
#filtr-ofert .ofr-addons-sum{color:#0079c2}
#filtr-ofert .ofr-addons-sum::after{border-color:#0079c2}
#filtr-ofert .ofr-col h4{color:#0b1c30}
#filtr-ofert .ofr-col h4 small{color:#7e92a6}
#filtr-ofert .ofr-item,#filtr-ofert .ofr-step{color:#33475b}
#filtr-ofert .ofr-item .cb{border-color:#a9bccf}
#filtr-ofert .ofr-item input:checked~.cb{background-color:#0079c2;border-color:#0079c2;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%23ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M4 13l5 5L20 6"/></svg>')}
#filtr-ofert .ofr-item .pr,#filtr-ofert .ofr-step .pr{color:#7e92a6}
#filtr-ofert .ofr-step-ctl{border-color:#c9d6e3}
#filtr-ofert .ofr-step-ctl button{background:#fff;color:#0079c2}
#filtr-ofert .ofr-step-ctl output{color:#0b1c30}
#filtr-ofert .ofr-bar{border-top-color:#e1e9f2}
#filtr-ofert .ofr-count{color:#33475b}
#filtr-ofert .ofr-clear{border-color:#c9d6e3;color:#33475b;background:#fff}
#filtr-ofert .ofr-clear:hover{border-color:#0079c2;color:#0079c2}
#filtr-ofert .ofr-note{color:#a06a00}
#filtr-ofert .ofr-note a{color:#a06a00!important}
#filtr-ofert .ofr-empty{background:#fff;border-color:#c9d6e3;color:#33475b}
#filtr-ofert .ofr-group-h{color:#0b1c30}
#filtr-ofert .ofr-card{position:relative;background:#fff;border:1px solid #e1e9f2;border-radius:16px;box-shadow:0 1px 6px rgba(11,28,48,.05);color:#33475b}
#filtr-ofert .ofr-pill{order:1;background:none;padding:0;font-size:11.5px;color:#7e92a6;letter-spacing:.14em}
#filtr-ofert .ofr-speed{order:2;font-family:'Source Sans 3',sans-serif;font-size:27px;font-weight:800;color:#0b1c30;line-height:1.15}
#filtr-ofert .ofr-name{order:3;font-family:inherit;font-size:13.5px;font-weight:400;color:#5a6b7d;line-height:1.45}
#filtr-ofert .ofr-nospeed .ofr-name{font-family:'Source Sans 3',sans-serif;font-size:20px;font-weight:800;color:#0b1c30}
#filtr-ofert .ofr-promo{order:4;display:flex;align-items:center;gap:9px;background:#e31b63;color:#fff;font-weight:700;font-size:13px;line-height:1.3;padding:9px 14px;border-radius:10px}
#filtr-ofert .ofr-promo svg{flex:none;width:18px;height:18px}
#filtr-ofert .ofr-price{order:5;color:#5a6b7d;border-top:1px solid #eef2f7;padding-top:12px}
#filtr-ofert .ofr-price b{font-size:31px;color:#0b1c30}
#filtr-ofert .ofr-price b .ofr-per{font-size:14px;font-weight:600;color:#5a6b7d}
#filtr-ofert .ofr-price s{color:#8a9aac;font-size:15px}
#filtr-ofert .ofr-bul{order:6;font-size:12px;color:#7e92a6;line-height:1.55}
#filtr-ofert .ofr-bul li{padding-left:0;margin-bottom:2px}
#filtr-ofert .ofr-bul li::before{display:none}
#filtr-ofert .ofr-bonusy{order:7;font-size:13.5px;color:#33475b}
#filtr-ofert .ofr-bonusy li{padding-left:24px}
#filtr-ofert .ofr-bonusy li::before{border:0;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%233fae49" stroke-width="3.4" stroke-linecap="round" stroke-linejoin="round" d="M4 13l5 5L20 6"/></svg>') center/15px no-repeat}
#filtr-ofert .ofr-rabat{order:8;color:#7e92a6}
#filtr-ofert .ofr-cta{order:9;background:#fff;border:1.5px solid #0b1c30;color:#0b1c30;font-family:inherit;width:100%;transition:.15s;cursor:pointer;white-space:nowrap;font-size:13.5px}
#filtr-ofert .ofr-cta:hover{background:#0b1c30;color:#fff}
#filtr-ofert .ofr-card[data-popular]{border:2px solid #0b1c30;box-shadow:0 12px 34px rgba(11,28,48,.16)}
#filtr-ofert .ofr-card[data-popular] .ofr-cta{background:#0b1c30;color:#fff}
#filtr-ofert .ofr-card[data-popular] .ofr-cta:hover{background:#1d3a5f}
#filtr-ofert .ofr-pop{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#0b1c30;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px;border-radius:100px;white-space:nowrap;z-index:2}
#filtr-ofert .ofr-card[data-popular] .ofr-pill{margin-top:8px}
#filtr-ofert .ofr-legal{color:#8a9aac}
#filtr-ofert .ofr-showall{background:#0b1c30}
#filtr-ofert .ofr-showall:hover{background:#1d3a5f;filter:none}
/* M117: pixel-match panelu filtra do referencji właściciela (screen 1) — biały panel, radio-kółka Netia #1b9ad6, cyan checkboxy, steppery pill */
#filtr-ofert .ofr-panel{background:#fff;border:1px solid #e3e9f0;box-shadow:none;border-radius:8px}
#filtr-ofert .ofr-form{padding:20px 26px 24px}
#filtr-ofert .ofr-top{gap:10px 26px;grid-template-columns:1.3fr .85fr 1.55fr 1.05fr}
#filtr-ofert .ofr-opts{flex-direction:row;flex-wrap:wrap;align-items:flex-start}
#filtr-ofert .ofr-fs{margin-bottom:8px}
#filtr-ofert .ofr-fs legend{font-size:15px;font-weight:800;color:#0b1c30;margin-bottom:12px}
#filtr-ofert .ofr-opts{gap:7px 22px}
#filtr-ofert .ofr-opt span,#filtr-ofert .ofr-opt input:checked+span{background:none;border:0;color:#33475b;font-weight:400;font-size:14px;min-height:26px;padding:3px 0 3px 30px;border-radius:0;position:relative}
#filtr-ofert .ofr-opt span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:2px solid #c3ced9;background:#fff;transition:border-color .15s;box-sizing:border-box}
#filtr-ofert .ofr-opt input:checked+span::before{border-color:#1b9ad6;background:#1b9ad6}
#filtr-ofert .ofr-opt span::after{content:'';position:absolute;left:7px;top:50%;transform:translateY(-50%) scale(0);width:6px;height:6px;border-radius:50%;background:#fff;transition:transform .15s}
#filtr-ofert .ofr-opt input:checked+span::after{transform:translateY(-50%) scale(1)}
#filtr-ofert .ofr-opt input:focus-visible+span{outline:2px solid #1b9ad6;outline-offset:2px}
#filtr-ofert .ofr-addons{background:#fff;border:0;border-top:1px solid #edf1f6;border-radius:0;margin:10px 0 0}
#filtr-ofert .ofr-addons-sum{min-height:46px;padding:0 2px;color:#1b9ad6;font-size:13px;letter-spacing:.1em}
#filtr-ofert .ofr-addons-sum::after{margin-left:8px;border-color:#1b9ad6}
#filtr-ofert .ofr-cols{padding:2px 2px 8px;gap:2px 30px}
#filtr-ofert .ofr-col h4{font-size:15px;font-weight:800;color:#0b1c30;margin:14px 0 8px}
#filtr-ofert .ofr-col h4 small{color:#98a6b3;font-weight:400}
#filtr-ofert .ofr-item{min-height:36px;padding:5px 2px;font-size:14px;color:#33475b;gap:12px}
#filtr-ofert .ofr-item .cb{width:20px;height:20px;border-radius:4px;border:2px solid #1b9ad6;background:transparent center/12px no-repeat}
#filtr-ofert .ofr-item input:checked~.cb{background-color:#1b9ad6;border-color:#1b9ad6;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%23ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M4 13l5 5L20 6"/></svg>')}
#filtr-ofert .ofr-item input:focus-visible~.cb{outline:2px solid #1b9ad6;outline-offset:2px}
#filtr-ofert .ofr-item .pr,#filtr-ofert .ofr-step .pr{color:#98a6b3;font-size:13px}
#filtr-ofert .ofr-step{min-height:40px;padding:5px 2px;font-size:14px;color:#33475b}
#filtr-ofert .ofr-step-ctl{border:1px solid #c3ced9;background:#fff}
#filtr-ofert .ofr-step-ctl button{background:#fff;color:#1b9ad6;width:38px;height:38px}
#filtr-ofert .ofr-step-ctl button:focus-visible{outline:2px solid #1b9ad6;outline-offset:-2px}
#filtr-ofert .ofr-step-ctl output{color:#0b1c30}
#filtr-ofert .ofr-bar{border-top-color:#edf1f6;margin-top:14px}
#filtr-ofert .ofr-cta{white-space:normal;line-height:1.25;padding:6px 10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12.5px;min-height:48px}
}
/* M115b: modal „Zobacz szczegóły oferty" — mechanika/styl 1:1 z podstron (internet-swiatlowodowy.html), biały, uniwersalny (PC+mobile). */
.modal-bg{position:fixed;inset:0;background:rgba(0,40,61,.55);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.modal-bg.open{opacity:1;visibility:visible}
.modal-bg.open .modal{transform:none}
#modal-bg .modal{background:#fff;border:1px solid #e3edf3;border-radius:26px;max-width:620px;width:100%;max-height:86vh;overflow-y:auto;padding:38px;position:relative;transform:translateY(40px) scale(.95);transition:transform .45s cubic-bezier(.22,1,.36,1);color:#0b1c30;text-align:left}
#modal-bg .modal-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid #e3edf3;background:#fff;color:#0b1c30;font-size:18px;cursor:pointer;transition:background .3s,color .3s,transform .3s;z-index:2}
#modal-bg .modal-close:hover{background:#e4007c;color:#fff;transform:rotate(90deg)}
#modal-bg .m-tag{color:#0079c2;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700}
#modal-bg .modal h3{font-size:26px;margin:10px 0 6px;color:#0b1c30}
#modal-bg .m-speed{color:#0079c2;font-size:15px;font-weight:600}
#modal-bg .m-price{font-size:46px;font-weight:800;color:#0b1c30;margin-top:18px}
#modal-bg .m-price small{font-size:15px;color:#5a6b7d;font-weight:400}
#modal-bg .m-note{color:#5a6b7d;font-size:12.5px;margin-top:2px}
#modal-bg .modal ul{list-style:none;margin:0;padding:0}
#modal-bg .modal li{color:#5a6b7d;font-size:14.5px;padding:6px 0 6px 26px;position:relative}
#modal-bg .modal li::before{content:'✓';position:absolute;left:0;color:#3fae49;font-weight:700}
#modal-bg .modal li.price-item::before{content:'•';color:#00b8c7}
#modal-bg .m-sec{font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#00b8c7;margin:18px 0 8px;border-bottom:2px solid #eef2f7;padding-bottom:6px}
#modal-bg .legal-mini{color:#7d95a5;font-size:11px;line-height:1.6;margin-top:14px;border-top:1px solid #e3edf3;padding-top:12px}
#modal-bg .modal-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:920px){#modal-bg .modal{padding:24px}#modal-bg .m-price{font-size:36px}#modal-bg .modal h3{font-size:22px}}
/* M115b: jeden wspólny blok tekstów prawnych na dole #filtr-ofert (jak .legale-netia na podstronach) */
#filtr-ofert .legale-netia{font-size:11px;line-height:1.55;color:#64748b;max-width:1120px;margin:22px auto 0;text-align:left}
#filtr-ofert .legale-netia p{margin:0 0 6px}


/* M118: chipy zaznaczonych dodatków + badge liczby + sortowanie + cena z dodatkami na karcie (wzorcem netia.pl) */
#filtr-ofert .ofr-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 2px 0}
#filtr-ofert .ofr-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #c9d6e3;border-radius:6px;padding:5px 11px;font-size:13px;color:#33475b;font-weight:600}
#filtr-ofert .ofr-chip button{border:0;background:none;color:#7e92a6;font-size:15px;cursor:pointer;padding:0 1px;line-height:1}
#filtr-ofert .ofr-chip button:hover{color:#e31b63}
#filtr-ofert .ofr-addons-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:100px;background:#1b9ad6;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:0}
#filtr-ofert .ofr-sort-wrap{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#5a6b7d}
#filtr-ofert .ofr-sort{border:1px solid #c9d6e3;border-radius:8px;background:#fff;color:#0b1c30;font-size:13.5px;padding:8px 12px;font-family:inherit;cursor:pointer}
#filtr-ofert .ofr-price s.ofr-old{color:#98a6b3;font-size:15px;font-weight:600;margin-right:8px}
#filtr-ofert .ofr-um-note{order:5;font-size:11.5px;color:#7e92a6;margin:-4px 0 0}
@media(max-width:920px){
#filtr-ofert .ofr-um-note{color:#7e9ab2}
#filtr-ofert .ofr-chip{background:#0e2338;border-color:#1b3a5c;color:#cfe3f5}
#filtr-ofert .ofr-sort-wrap{color:#9db8cc}
#filtr-ofert .ofr-sort{background:#0e2338;border-color:#1b3a5c;color:#eaf4ff}
}


/* M123 (ETAP 1, tylko index): karty ofert wg wzorca mojanetia.pl — pozioma karta, granatowy panel cenowy,
   rozbicie „przez 24 mies. / + dodatki (N)", inline accordion ZOBACZ WIĘCEJ z ikonami i kafelkami dodatków. */
#filtr-ofert{background:linear-gradient(180deg,#f5f9fd,#eef4fa)}
#filtr-ofert .ofr-h{color:#0b1c30}
#filtr-ofert .ofr-sub{color:#5a6b7d}
#filtr-ofert .ofr-group-h{color:#0b1c30}
#filtr-ofert .ofr-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
#filtr-ofert .ofr-card{display:block;background:#fff;border:1px solid #e1e9f2;border-radius:14px;box-shadow:0 1px 6px rgba(11,28,48,.06);padding:0;overflow:hidden;color:#33475b;position:relative}
#filtr-ofert .ofr-card[data-popular]{border:2px solid #0b1c30}
.m123-pop{display:inline-block;background:#0b1c30;color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:11px}
.m123-brk-dod[hidden],.m123-ic-addons[hidden]{display:none!important}
.m123-row{display:flex;align-items:stretch}
.m123-info{display:flex;flex:1;gap:32px;padding:29px 32px;min-width:0}
.m123-left{flex:1.1;min-width:190px}
.m123-cap{font-size:13.5px;color:#33475b;margin-top:14px}
.m123-left .m123-cap:first-of-type{margin-top:0}
.m123-big{font-size:24px;font-weight:800;color:#00a9ce;line-height:1.15}
.m123-mid{display:flex;gap:32px;align-items:flex-start}
.m123-kv{margin-bottom:18px}
.m123-kv b{display:block;font-size:13.5px;color:#0b1c30;margin-bottom:4px}
.m123-kv span{font-size:13px;color:#33475b}
.m123-equip{display:flex;flex-direction:column;gap:14px}
.m123-eq{display:flex;align-items:center;gap:11px}
.m123-eq i{flex:none;width:40px;height:40px;border-radius:50%;background:#0b1c30;display:flex;align-items:center;justify-content:center}
.m123-eq i svg{width:20px;height:20px}
.m123-eq i.m123-eq-logo{width:auto;min-width:44px;height:auto;min-height:44px;border-radius:10px;background:#fff;border:1px solid #e6edf3;padding:4px 8px}
.m123-eq i.m123-eq-logo img{display:block;max-height:24px;max-width:56px;width:auto;height:auto}
.m123-eq span{font-size:13px;font-weight:700;color:#0b1c30}
.m123-panel{flex:none;width:335px;background:#052a3f;color:#fff;padding:25px 27px 23px;display:flex;flex-direction:column;text-align:center}
.m123-promo0{display:inline-block;align-self:center;background:#e31b63;color:#fff;font-size:11px;font-weight:700;padding:5px 11px;border-radius:8px;margin-bottom:11px}
.m123-ph{font-size:14.5px;font-weight:800;line-height:1.3;margin-bottom:9px}
.m123-price{display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap}
.m123-val{font-size:47px;font-weight:800;line-height:1}
.m123-unit{font-size:17px;font-weight:800}
.m123-avg{font-size:12px;color:#bcd6e4}
.m123-per{font-size:13px;color:#cfe3f0;margin-top:7px}
.m123-brk{margin:14px -27px 0;border-top:1px solid rgba(255,255,255,.22);padding:11px 27px 0}
.m123-brk-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;padding:3px 0;color:#eaf4fa}
.m123-brk-row b{font-size:13.5px;white-space:nowrap}
.m123-brk-row s{color:#9fb9c9;margin-right:6px}
.m123-tel{margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#0b1c30;border-radius:100px;min-height:47px;padding:9px 16px;font-weight:800;font-size:15px;text-decoration:none}
.m123-tel svg{width:17px;height:17px;flex:none}
.m123-tel:hover{background:#e6f6fb}
.m123-tel:focus-visible{outline:3px solid #40adf0;outline-offset:2px}
.m123-addr{margin-top:12px;font-size:13px;color:#cfe3f0}
.m123-more-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;background:#fff;border-top:1px solid #eef2f7;min-height:49px;font-size:12.5px;font-weight:800;letter-spacing:.12em;color:#00a9ce;cursor:pointer}
.m123-more-btn svg{width:14px;height:14px;transition:transform .2s}
.m123-more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.m123-more-btn:focus-visible{outline:3px solid #40adf0;outline-offset:-3px}
.m123-more{border-top:1px solid #eef2f7;padding:23px 32px 27px;text-align:left}
.m123-more h4{font-size:15.5px;color:#0b1c30;margin:0 0 12px}
.m123-more h4:not(:first-child){margin-top:23px}
.m123-det-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px}
.m123-det-grid span{display:block;font-size:12px;color:#7e92a6;margin-bottom:3px}
.m123-det-grid b{font-size:13.5px;color:#00a9ce}
.m123-fn{font-size:11px;color:#8a9aac;line-height:1.5;margin:6px 0 16px}
.m123-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}
.m123-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.m123-tile{display:flex;align-items:center;gap:9px;border:1px solid #dfe7ef;border-radius:11px;padding:9px 11px;background:#fff}
.m123-tile.on{border-color:#00a9ce;background:#f0fbfe;box-shadow:0 0 0 1px #00a9ce inset}
.m123-t-ic{flex:none;width:31px;height:31px;border-radius:7px;background:#0b1c30;display:flex;align-items:center;justify-content:center}
.m123-t-ic svg{width:16px;height:16px}
.m123-t-ic.m123-t-logo{width:auto;min-width:40px;height:31px;background:#fff;border:1px solid #e6edf3;padding:2px 7px}
.m123-t-ic.m123-t-logo img{display:block;max-height:24px;max-width:58px;width:auto;height:auto}
.m123-t-nm{flex:1;font-size:13px;font-weight:700;color:#0b1c30;line-height:1.25}
.m123-t-nm small{display:block;font-weight:400;color:#7e92a6;font-size:11px}
.m123-t-btn{flex:none;border:1.5px solid #00a9ce;background:#fff;color:#00a9ce;border-radius:100px;min-height:34px;padding:5px 12px;font-size:11.5px;font-weight:800;cursor:pointer}
.m123-tile.on .m123-t-btn{background:#00a9ce;color:#fff}
.m123-t-btn:focus-visible{outline:2px solid #0b1c30;outline-offset:2px}
.m123-t-stp{display:flex;align-items:center;border:1px solid #c3ced9;border-radius:100px;overflow:hidden}
.m123-t-stp button{width:31px;height:32px;border:0;background:#fff;color:#1b9ad6;font-size:15px;font-weight:800;cursor:pointer}
.m123-t-stp output{min-width:20px;text-align:center;font-weight:700;color:#0b1c30;font-size:12.5px}
@media(max-width:1150px){
.m123-info{flex-wrap:wrap;gap:20px}
.m123-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
#filtr-ofert{display:block!important}
#filtr-ofert .ofr-grid{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;padding:0;scroll-snap-type:none;gap:18px}
#filtr-ofert .ofr-grid::-webkit-scrollbar{display:none}
#filtr-ofert .ofr-card{flex:none;max-height:none;overflow:hidden}
#filtr-ofert .ofr-edge,#filtr-ofert .ofr-hint{display:none!important}
#filtr-ofert .ofr-kick{color:#00a9ce}
#filtr-ofert .ofr-group-h{padding:0}
.m123-row{flex-direction:column}
.m123-info{padding:20px 18px;flex-direction:column;gap:18px}
.m123-mid{flex-direction:column;gap:4px}
.m123-panel{width:auto}
.m123-val{font-size:40px}
.m123-more{padding:18px}
.m123-det-grid,.m123-icons{grid-template-columns:1fr 1fr}
}
@media(max-width:920px){.m123-t-btn{min-height:44px;padding:9px 16px}.m123-t-stp button{width:44px;height:44px}}
@media(max-width:520px){.m123-tiles{grid-template-columns:1fr}.m123-det-grid,.m123-icons{grid-template-columns:1fr}}


.doradca{background:#fff;border:2px solid var(--border,#e3edf3);border-radius:22px;padding:26px 24px;margin:34px 0 10px;box-shadow:var(--shadow,0 10px 34px rgba(0,40,61,.09))}
.doradca h3{margin:0 0 6px;font-family:'Source Sans 3';font-size:21px}
.doradca .d-sub{color:var(--muted,#4f6b7c);font-size:14.5px;margin:0 0 18px}
.d-q{font-weight:700;margin:16px 0 8px;font-size:15.5px}
.d-opts{display:flex;gap:10px;flex-wrap:wrap}
.d-opt{padding:11px 18px;border-radius:100px;border:2px solid var(--border,#e3edf3);background:#fff;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;transition:border-color .2s,background .2s}
.d-opt:hover{border-color:var(--turq,#00b8c7)}
.d-opt[aria-pressed="true"]{border-color:var(--blue,#0079c2);background:var(--bg-soft2,#e9f3f8)}
.d-opt:focus-visible{outline:3px solid var(--blue,#0079c2);outline-offset:2px}
.d-result{display:none;margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--bg-soft,#f2f8fb);border:1px solid var(--border,#e3edf3)}
.d-result.show{display:block}
.d-result b{font-size:17px}
.d-result p{margin:8px 0 14px;font-size:14.5px;color:var(--muted,#4f6b7c)}
.d-result .d-cta{display:flex;gap:10px;flex-wrap:wrap}
.d-result .d-cta a{display:inline-flex;align-items:center;padding:11px 20px;border-radius:100px;font-weight:700;font-size:14px;text-decoration:none;border:2px solid var(--border,#e3edf3);color:var(--dark,#00283d);background:#fff}
.d-result .d-cta a.primary{background:linear-gradient(90deg,var(--blue,#0079c2),var(--turq,#00b8c7));color:#fff;border:none}


.mf-foot{background:linear-gradient(180deg,#0d2f4e 0%,#081c30 60%,#050f19 100%) !important;color:#c7d9e6 !important;font-size:12.6px;line-height:1.5;margin-top:0;padding:0 !important;border-top:none !important}
.mf-foot *{box-sizing:border-box;margin:0;padding:0}
.mf-foot a{color:#c7d9e6;text-decoration:none}
.mf-foot a:hover{color:#4fd1f5}
.mf-foot .mf-wrap{max-width:1080px;margin:0 auto;padding:23.4px 18px 0}
.mf-foot .mf-grid{display:grid;grid-template-columns:repeat(5,1fr) 1.5fr;gap:19.8px}
.mf-foot .mf-col>summary{list-style:none;cursor:default;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10.8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-bottom:9px;margin-bottom:9px;border-bottom:1.8px solid rgba(79,209,245,.35)}
.mf-foot .mf-col>summary::-webkit-details-marker{display:none}
.mf-foot .mf-col>summary .mf-caret{display:none}
.mf-foot .mf-list{list-style:none}
.mf-foot .mf-list li{margin-bottom:0}
.mf-foot .mf-list a{display:inline-block;padding:1.8px 0;font-size:12.15px}
.mf-foot .mf-list .mf-desc{display:block;font-size:10.35px;color:#8fa9bc}
.mf-foot .mf-all{font-weight:700;color:#7fd8f2 !important}
.mf-foot .mf-contact{background:rgba(255,255,255,.07);border:0.9px solid rgba(255,255,255,.14);border-radius:16.2px;padding:16.2px 18px}
.mf-foot .mf-contact>summary{border-bottom-color:rgba(79,209,245,.5)}
.mf-foot .mf-phone{display:block;color:#fff !important;font-size:22.5px;font-weight:800;letter-spacing:.02em;margin:5.4px 0 1.8px;white-space:nowrap}
.mf-foot .mf-phone:hover{color:#4fd1f5 !important}
.mf-foot .mf-hours{display:block;font-size:11.25px;color:#a8c3d4;margin-bottom:9px}
.mf-foot .mf-mail{display:block;font-size:10.8px;word-break:normal;white-space:nowrap;margin-bottom:10.8px;color:#9fdcef !important}
.mf-foot .mf-avail{display:inline-block;font-weight:700;font-size:12.15px;color:#4fd1f5 !important;margin-bottom:9px}
.mf-foot .mf-badge{display:inline-block;background:rgba(18,181,229,.16);border:0.9px solid rgba(18,181,229,.45);color:#9fe4f7;font-size:9.9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:90px;padding:4.5px 10.8px}
.mf-foot .mf-legal{max-width:1080px;margin:14.4px auto 0;padding:12.6px 18px 12.6px;border-top:0.9px solid rgba(255,255,255,.12);font-size:11.25px;color:#93acbe}
.mf-foot .mf-pv{display:flex;flex-wrap:wrap;gap:7.2px;justify-content:center;margin-bottom:12.6px}
.mf-foot .mf-pv button,.mf-foot .mf-pv a{display:inline-flex;align-items:center;gap:5.4px;background:rgba(255,255,255,.06);border:0.9px solid rgba(255,255,255,.16);color:#d7e6f0;border-radius:90px;padding:7.2px 14.4px;min-height:32.4px;font-size:11.25px;cursor:pointer;font-family:inherit}
.mf-foot .mf-pv button:hover,.mf-foot .mf-pv a:hover{border-color:#4fd1f5;color:#fff}
.mf-foot .mf-legal p{text-align:center;line-height:1.7}
.mf-foot .mf-legal a{color:#b9cedd;text-decoration:underline;text-underline-offset:1.8px}
.mf-foot .mf-legal a:hover{color:#4fd1f5}
.mf-foot .zn-credit{text-align:center;font-size:10.35px;color:#6e8798;margin-top:9px}
.mf-foot .zn-credit a{color:#6e8798;text-decoration:underline}
@media(max-width:1020px){.mf-foot .mf-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
.mf-foot .mf-wrap{padding:21.6px 14.4px 0}
.mf-foot .mf-grid{display:block}
.mf-foot .mf-col{border-bottom:0.9px solid rgba(255,255,255,.1);margin-bottom:0}
.mf-foot .mf-col>summary{cursor:pointer;border-bottom:0;margin-bottom:0;padding:13.5px 1.8px;min-height:43.2px;font-size:11.25px}
.mf-foot .mf-col>summary .mf-caret{display:inline-block;font-size:9.9px;color:#4fd1f5;transition:transform .15s}
.mf-foot .mf-col[open]>summary .mf-caret{transform:rotate(180deg)}
.mf-foot .mf-list{padding:1.8px 1.8px 14.4px}
.mf-foot .mf-list a{padding:6.3px 0;display:block;min-height:18px}
.mf-foot .mf-contact{margin:12.6px 0;border-bottom:0}
.mf-foot .mf-contact>summary{padding-top:0}
}


@media(max-width:860px){.gh-acts .ss-open{display:none!important}#nav-burger{display:block!important}}
@media(max-width:560px){
nav.gh .gh-a .gh-in{padding:0 4px!important;gap:4px!important}
nav.gh .gh-logo{flex:none}
nav.gh .gh-logo img.logo-img{height:34px!important}
nav.gh .gh-awaria{margin-left:0!important;padding:4px 6px!important;border-radius:10px!important;flex:none!important;margin-left:auto!important}
nav.gh .gh-awaria span{font-size:14px!important}
nav.gh .gh-awaria span:last-child{font-size:7.5px!important}
nav.gh .gh-acts{flex:1 1 auto!important;display:flex!important;justify-content:flex-end!important}
nav.gh .gh-phone{flex:1 1 auto!important;min-height:44px!important;padding:0 8px!important;font-size:13.5px!important;gap:5px!important;justify-content:center!important}
nav.gh .gh-phone .gh-cap-full{display:none!important}
nav.gh .gh-phone .gh-cap-short{font-size:8px!important;white-space:nowrap;letter-spacing:-.1px}
#nav-burger{padding:4px!important;flex:none}
nav.gh .gh-phone svg{width:16px!important;height:16px!important}
}
@media(min-width:376px) and (max-width:560px){
nav.gh .gh-logo img.logo-img{height:28px!important}
#nav-burger{padding:3px!important}
}@media(max-width:375px){
nav.gh .gh-awaria span{font-size:12.5px!important}
nav.gh .gh-awaria span:last-child{font-size:7px!important}
nav.gh .gh-phone{font-size:13px!important;padding:0 6px!important;justify-content:center!important}
nav.gh .gh-phone .gh-cap-short{font-size:7.5px!important;letter-spacing:-.15px}
nav.gh .gh-logo img.logo-img{height:30px!important}
}
@media(max-width:360px){
nav.gh .gh-awaria span{font-size:11px!important}
nav.gh .gh-awaria span:last-child{font-size:6.5px!important}
nav.gh .gh-phone{font-size:11px!important;padding:0 4px!important;justify-content:center!important}
nav.gh .gh-phone .gh-cap-short{font-size:6.5px!important;letter-spacing:-.3px}
nav.gh .gh-logo img.logo-img{height:24px!important}
}.mm-ss{padding:10px 0 8px;border-bottom:1px solid #e3edf3}
.mm-ss-bar{display:flex;align-items:center;gap:10px;border:2px solid #dce8f0;border-radius:100px;padding:10px 16px;background:#fff}
.mm-ss-bar input{flex:1;border:0;outline:none;font-size:16px;font-family:inherit;color:#00283d;background:transparent;min-width:0}
.mm-ss-res a{display:block;padding:12px 6px;font-size:16px;font-weight:600;color:#00283d;text-decoration:none;border-bottom:1px solid #eef4f8}
.mm-ss-empty{padding:12px 6px;color:#64748b;font-size:14px}
#site-search{position:fixed;inset:0;background:rgba(0,25,40,.55);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
#site-search.open{display:flex}
.ss-box{background:#fff;border-radius:22px;width:min(640px,100%);padding:18px;box-shadow:0 30px 80px rgba(0,20,40,.35)}
.ss-in{display:flex;align-items:center;gap:10px;border:2px solid #dce8f0;border-radius:100px;padding:12px 18px}
.ss-in input{flex:1;border:0;outline:none;font-size:17px;font-family:inherit;color:#00283d}
.ss-x{cursor:pointer;background:#eef4f8;border:0;border-radius:50%;width:34px;height:34px;font-size:16px;color:#33566b}
.ss-list{margin-top:12px;max-height:55vh;overflow:auto}
.ss-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;text-decoration:none;color:#00283d;font-weight:600;font-size:15px}
.ss-list a:hover{background:#f2f8fb}
.ss-list a small{color:#64748b;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.4px}
.ss-empty{padding:18px;color:#64748b;font-size:14.5px;text-align:center}