/* UsunDlug — niezależne style podglądu zakupów, zgodne z CSP */
.online-test-banner{background:#0b2341;color:#fff;text-align:center;padding:7px 14px;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.03em}
.online-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:41px;border:1px solid #c99143;color:#98611d;font:700 12px Arial,sans-serif;white-space:nowrap;border-radius:9px;padding:9px 13px;transition:background .2s}
.online-nav-link:hover,.online-nav-link:focus-visible{background:#fff4e3}
.online-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;background:#f3f4f6;border:1px solid #e6e9ef;border-radius:12px;margin:0 0 20px}
.online-tab{font:700 12px/1.35 Arial,sans-serif;color:#29415c;background:transparent;padding:12px 8px;border:1px solid transparent;border-radius:8px;cursor:pointer;min-width:0}
.online-tab:hover{color:#b57321}
.online-tab.active{background:#fff;color:#0b2341;box-shadow:0 2px 6px #152a4214;border-color:#e3e4e8}
.online-tab:focus-visible,.online-nav-link:focus-visible,.online-secondary-button:focus-visible{outline:3px solid #d09d5a;outline-offset:2px}
.online-offer{text-align:center;padding:15px 6px 9px}
.online-offer .eyebrow{margin-bottom:10px}
.online-offer h2{font-size:29px;line-height:1.2;margin:10px 0 12px}
.online-offer>p{font-size:13px;color:#52647b;line-height:1.6}
.online-price{margin:17px 0 15px;background:#fff8ed;border:1px solid #e8cc9d;border-radius:10px;padding:15px;font:700 34px/1.2 Georgia,serif;color:#102746}
.online-price small{display:block;font:12px/1.5 Arial,sans-serif;color:#52647b;margin-top:5px}
.online-offer ul{text-align:left;color:#314861;font-size:13px;line-height:1.7;margin:15px 0 20px;padding-left:27px}
.online-offer li{margin:7px 0}
.online-buy-buttons{display:grid;gap:9px}
.online-buy-buttons>.button{display:flex;width:100%}
.online-secondary-button{display:flex;justify-content:center;align-items:center;width:100%;padding:12px 16px;border:1px solid #cfa263;color:#915816;border-radius:9px;background:#fff;font-size:13px;font-weight:700}
.online-secondary-button:hover{background:#fff5e8}
.online-staging-note{font-size:11px!important;margin:13px 0 0}
.online-choose{background:#fff;padding-block:48px}
.online-choose h2{font-size:37px;margin:11px 0 22px}
.online-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.online-cards article{background:#fff;border:1px solid #e0e4e9;border-radius:13px;padding:26px;display:flex;flex-direction:column;gap:11px;min-height:248px;box-shadow:0 8px 24px #1024400a}
.online-cards article.is-featured{border-color:#dfb679;background:#fffaf3}
.online-cards h3{font:700 25px/1.2 Georgia,serif;color:#0c2646;margin:0}
.online-cards p{color:#52657c;line-height:1.65;font-size:14px;margin:0 0 auto}
.online-cards .button,.online-cards .online-secondary-button{align-self:flex-start}
.online-cards .button{width:100%;min-height:44px}
.online-cards .online-secondary-button{width:100%;min-height:42px}
.online-card-price{color:#99611e;font-size:13px;font-weight:700;margin-top:-2px}
.online-process{background:#f7f8fa;padding-block:48px;scroll-margin-top:24px}
.online-process h2{font-size:33px;margin:8px 0 25px}
.online-process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}
.online-process-step{padding:18px;background:white;border:1px solid #e2e6ec;border-radius:10px}
.online-process-step .number{font:700 20px Georgia,serif;color:#b6792b;display:block;margin-bottom:9px}
.online-process-step h3{font:700 15px Arial,sans-serif;color:#132943;margin:0 0 8px}
.online-process-step p{font-size:12px;color:#52657c;margin:0;line-height:1.5}
.online-process .button{min-width:260px}
.online-process-note{margin:14px 0 0;font-size:12px;color:#617289}
[hidden]{display:none!important}
@media (max-width:1150px){.header-inner{gap:12px}.header-inner nav{gap:12px}.online-nav-link{font-size:11px;padding-inline:10px}}
@media (max-width:800px){
 .online-nav-link{display:none}
 .online-cards{grid-template-columns:1fr}
 .online-process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mobile-bar{gap:6px}
 .mobile-bar>a:first-child{font-size:12px}
 .mobile-bar .button{font-size:11px;padding:10px 9px;white-space:nowrap}
 .mobile-bar .online-mobile-buy{font-size:11px}
}
@media (max-width:500px){
 .online-offer h2{font-size:25px}
 .online-choose h2{font-size:29px}
 .online-process h2{font-size:27px}
 .online-process-steps{grid-template-columns:1fr}
 .online-tab{font-size:11px;padding:11px 5px}
 .mobile-bar>a:first-child{font-size:11px}
 .mobile-bar .button{font-size:10px;padding:10px 6px}
 .online-cards article{padding:21px;min-height:0}
}
@media (max-width:370px){.mobile-bar>a:first-child{display:none}.mobile-bar .button{flex:1}}