.elementor-13296 .elementor-element.elementor-element-647484a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13296 .elementor-element.elementor-element-4565f4a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:48px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-13296 .elementor-element.elementor-element-1c046c1f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.6 * 100% );}.elementor-13296 .elementor-element.elementor-element-1c046c1f:after{content:"0.6";}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__thumbnail__link{width:100%;}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__meta-data span + span:before{content:"•";}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__text{margin-top:20px;}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__badge{right:0;}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-13296 .elementor-element.elementor-element-995fb0f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}@media(max-width:767px){.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13296 .elementor-element.elementor-element-1c046c1f:after{content:"0.5";}.elementor-13296 .elementor-element.elementor-element-1c046c1f .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-13296 .elementor-element.elementor-element-647484a4{--content-width:1240px;}.elementor-13296 .elementor-element.elementor-element-4565f4a2{--content-width:1240px;}.elementor-13296 .elementor-element.elementor-element-995fb0f1{--content-width:1240px;}}/* Start custom CSS */.np-hero{background:linear-gradient(90deg,rgba(10,26,64,.97) 0%,rgba(10,26,64,.9) 50%,rgba(10,26,64,.62) 100%),url("https://nowoczesne-strony3.2026.stronazen.pl/wp-content/uploads/2026/09/Nowoczesne-Strony-WWW-105.webp") center/cover no-repeat;border-radius:0 0 28px 28px;padding:150px 20px 76px}
.np-hero .np-crumbs{font:400 14px Inter,sans-serif;color:rgba(255,255,255,.85);margin-bottom:14px}
.np-hero .np-crumbs a{color:#fff;text-decoration:none}
.np-hero .np-crumbs a:hover{text-decoration:underline}
.np-hero h1,.np-hero h1.elementor-heading-title{font:600 clamp(36px,5.2vw,58px)/1.08 Poppins,sans-serif;color:#fff;margin:0}
.np-hero .np-sub .elementor-heading-title{font:500 clamp(18px,2.2vw,24px)/1.3 Poppins,sans-serif;color:#fff}
.np-hero .np-lead,.np-hero .np-lead p{font:400 17px/1.7 Inter,sans-serif;color:rgba(255,255,255,.92);max-width:660px;margin:0}
.np-hero .np-badge{display:inline-block;margin-top:14px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font:500 14px Inter,sans-serif}
.np-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-40px;position:relative;z-index:2}
.np-tile{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px;text-decoration:none!important;box-shadow:0 10px 28px rgba(10,26,64,.12);transition:transform .25s,box-shadow .25s}
.np-tile:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(10,26,64,.18)}
.np-tile .ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff}
.np-tile h3{font:600 22px/1.25 Poppins,sans-serif;color:#0a1a40;margin:0}
.np-tile p{margin:0;font:400 15.5px/1.65 Inter,sans-serif;color:#4a5670}
.np-tile .go{margin-top:auto;padding-top:6px;font:600 15px Inter,sans-serif;display:inline-flex;gap:8px;align-items:center}
.np-t1{background:#EAF1FF}.np-t1 .ic{background:#1462FD}.np-t1 .go{color:#1462FD}
.np-t2{background:#FFF4E5}.np-t2 .ic{background:#F59E0B}.np-t2 .go{color:#B96F06}
.np-t3{background:#E9EDF6}.np-t3 .ic{background:#0a1a40}.np-t3 .go{color:#0a1a40}
.np-sec-title .elementor-heading-title{font:600 clamp(26px,3vw,34px)/1.2 Poppins,sans-serif;color:#0a1a40}
.np-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.np-pill{padding:10px 18px;border-radius:999px;background:#EFF3FE;color:#0a1a40!important;font:600 14px Inter,sans-serif;text-decoration:none!important;border:1px solid transparent;transition:.2s}
.np-pill:hover{border-color:#1462FD}
body.category-tworzenie-stron-internetowych .np-pill[data-c="t"],body.category-poradniki-dla-firm .np-pill[data-c="f"],body.category-pomoc-techniczna-i-instrukcje .np-pill[data-c="p"]{background:#1462FD;color:#fff!important}
.np-list .elementor-posts-container{gap:28px 24px}
.np-list .elementor-post__card{border-radius:20px;overflow:hidden;border:1px solid #e3e9f6;box-shadow:0 6px 18px rgba(10,26,64,.07);background:#fff;transition:transform .25s,box-shadow .25s}
.np-list .elementor-post__card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(10,26,64,.14)}
.np-list .elementor-post__badge{background:#1462FD;border-radius:999px;font:600 12px Inter,sans-serif;padding:6px 13px;top:12px;left:12px;right:auto;text-transform:none;letter-spacing:0}
.np-list .elementor-post__title,.np-list .elementor-post__title a{font:600 19px/1.32 Poppins,sans-serif;color:#0a1a40}
.np-list .elementor-post__excerpt p{font:400 15px/1.6 Inter,sans-serif;color:#55627f}
.np-list .elementor-post__meta-data{font:400 13px Inter,sans-serif;color:#7a869f}
.np-list .elementor-post__read-more{font:600 14px Inter,sans-serif;color:#1462FD}
.np-list .elementor-pagination{margin-top:36px;text-align:center}
.np-list .elementor-pagination .page-numbers{display:inline-block;min-width:42px;padding:9px 14px;margin:0 3px;border-radius:999px;background:#EFF3FE;color:#0a1a40;font:600 14px Inter,sans-serif}
.np-list .elementor-pagination .page-numbers.current{background:#1462FD;color:#fff}
.np-cta{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#0a1a40;border-radius:24px;padding:38px 42px}
.np-cta h3{font:600 26px/1.25 Poppins,sans-serif;color:#fff;margin:0 0 6px}
.np-cta p{margin:0;font:400 16px/1.6 Inter,sans-serif;color:rgba(255,255,255,.85);max-width:520px}
.np-cta .btns{display:flex;gap:12px;flex-wrap:wrap}
.np-btn{display:inline-block;background:#1462FD;color:#fff!important;border-radius:70px;padding:14px 28px;font:600 15px Inter,sans-serif;text-decoration:none!important}
.np-btn.alt{background:#fff;color:#0a1a40!important}
@media(max-width:900px){.np-tiles{grid-template-columns:1fr;margin-top:24px}.np-hero{padding:128px 16px 56px}.np-cta{padding:28px 24px}}/* End custom CSS */