:root{--bg:#f4f8fc;--text:#14304f;--muted:#587087;--accent:#008bd4;--line:#d6e2ed;--navy:#0d2947;--blue:#19a1e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:16px;color:var(--text);background:var(--bg);line-height:1.65}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.04em}h2{font-size:clamp(1.9rem,3.1vw,2.8rem);font-weight:700}h3{font-size:1.15rem}p{margin-bottom:20px}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(248,251,254,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:40px;height:96px}.logo{margin-right:auto}.logo img{width:158px;height:60px;object-fit:contain}.nav-links{display:flex;gap:34px;font-size:14px;font-weight:600}.nav-links a{position:relative;padding:12px 0}.nav-links a:after{content:'';height:2px;width:0;position:absolute;bottom:5px;left:0;background:var(--accent);transition:width .25s}.nav-links a:hover:after{width:100%}.cart-btn{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:7px;padding:10px 18px;color:var(--navy);font-size:14px;font-weight:600}.cart-icon{position:relative;display:flex}.cart-icon svg{width:25px;height:25px}.cart-icon strong{position:absolute;right:-7px;top:-7px;background:var(--accent);color:white;border-radius:50%;font-size:12px;min-width:17px;text-align:center}.menu-btn{display:none}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:50px;align-items:center;padding-block:64px 58px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-bottom:18px}.line-mark{display:inline-block;width:25px;height:2px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(2.8rem,4.7vw,4.35rem);line-height:1.09;letter-spacing:-.065em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-text{max-width:470px;color:var(--muted);font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;border-radius:6px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s;border:0}.primary{background:var(--accent);color:white;box-shadow:0 8px 22px #008bd422}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #008bd42f}.text-link{font-size:14px;font-weight:700}.text-link span{padding-left:12px}.hero-foot{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:42px;font-size:12px;color:var(--muted)}.hero-foot span:first-child{letter-spacing:.1em;font-weight:700}.hero-visual{position:relative;background:#dce7f0;border-radius:12px;overflow:hidden;min-height:525px;align-self:stretch}.hero-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center;animation:photo-enter 1.4s ease both}.image-note{position:absolute;top:16px;left:18px;color:var(--navy);font-size:12px;background:#ffffffe6;padding:3px 9px;border-radius:3px}.hero-product{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid white;border-radius:7px;padding:22px;display:flex;align-items:center;gap:16px}.hero-product .eyebrow{font-size:12px}.hero-product h2{font-size:20px;margin:8px 0}.hero-product p{font-size:14px;margin:0;font-weight:700}.hero-product p span{font-weight:400;margin-left:12px;color:var(--muted)}.hero-product a{margin-left:auto;background:var(--navy);color:white;border-radius:50%;height:44px;min-width:44px;display:grid;place-items:center;font-size:24px;transition:transform .2s}.hero-product a:hover{transform:rotate(45deg)}.category-strip{background:var(--navy);color:white}.category-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.category-strip a{display:flex;justify-content:space-between;border-right:1px solid #ffffff25;padding:23px 26px;font-size:14px;font-weight:600;transition:background .2s}.category-strip a:first-child{border-left:1px solid #ffffff25}.category-strip a:hover{background:#ffffff12}.category-strip span{color:#63c4fa}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:92px 76px}.about h2{max-width:540px;margin:0}.about>div:last-child{padding-top:30px}.muted{color:var(--muted)}.about p{font-size:16px}.products-section{padding-block:64px 80px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head h2{margin-bottom:0}.section-head>p{max-width:340px;font-size:14px;color:var(--muted);margin-bottom:4px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);border-radius:5px;padding:10px 20px;background:transparent;color:var(--muted);font-size:14px;transition:background .2s,color .2s}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #153d5e12}.product-image{height:140px;position:relative;padding:25px;background:linear-gradient(130deg,#e9f4fc,#f5f8fc);display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-bottom:1px solid #e0eaf1}.product-image>span{font-size:48px;letter-spacing:-.055em;font-weight:800;color:#769bb6;transition:transform .4s}.product-card:hover .product-image>span{transform:scale(1.06)}.product-image .product-series{font-size:12px;color:#55748c;letter-spacing:.12em;font-weight:600;align-self:flex-start}.product-body{padding:25px}.product-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:18px}.product-meta span:first-child{color:var(--accent);font-weight:700}.product-body h3{min-height:44px;margin-bottom:14px}.product-body>p{font-size:14px;color:var(--muted);min-height:48px}.details-link{font-size:14px;font-weight:600}.details-link:after{content:' ↗';color:var(--accent)}.product-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.product-bottom>strong{font-size:25px;letter-spacing:-.04em}.add-btn{background:#edf6fc;color:var(--accent);border:1px solid #cde7f8;border-radius:5px;padding:9px 17px;font-size:14px;font-weight:700;transition:background .2s}.add-btn:hover{background:var(--accent);color:white}.promo{padding:48px;background:var(--navy);color:white;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:60px;position:relative;overflow:hidden}.promo .eyebrow{color:#6bcaff}.promo h2{max-width:690px}.promo p:last-child{max-width:640px;color:#bfd1e2;margin-bottom:0}.promo .btn{flex-shrink:0}.applications{padding-block:90px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.application{border-top:1px solid var(--line);padding:30px 16px 5px 0}.step-number{font-size:42px;font-weight:500;color:#abc7dd;letter-spacing:-.06em;display:block;margin-bottom:26px}.application h3{font-size:23px}.application p{font-size:14px;color:var(--muted);max-width:320px}.application .text-link{color:var(--accent)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:65px 0 90px;border-top:1px solid var(--line)}.contact>div>p:last-child{max-width:420px;color:var(--muted)}.contact-form{display:grid;gap:17px}.contact-form label{font-size:14px;font-weight:600;display:grid;gap:7px}.contact-form input,.contact-form textarea{background:#fff;border:1px solid var(--line);border-radius:5px;padding:13px 15px;width:100%;font-size:16px;color:var(--navy)}textarea{resize:vertical}.contact-form .btn{justify-content:center}.form-note{font-size:12px;color:var(--muted);margin-bottom:0}.footer{border-top:1px solid var(--line);padding:28px 0;background:#edf3f9}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer strong{font-size:23px;letter-spacing:.08em}.footer span{font-size:12px;color:var(--muted)}.cart-overlay{position:fixed;inset:0;background:#061b3480;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.3s;z-index:60}.cart-overlay.open{opacity:1;visibility:visible}.cart-panel{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);padding:28px;background:var(--bg);z-index:61;transform:translateX(105%);transition:transform .35s;display:flex;flex-direction:column}.cart-panel.open{transform:none}.cart-panel-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;gap:16px}.cart-kicker{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.cart-panel-head h2{font-size:23px;margin:10px 0 0}.cart-close,.cart-remove{border:1px solid var(--line);background:white;color:var(--navy);border-radius:5px;font-size:23px;width:38px;height:38px;flex-shrink:0}.cart-content{overflow:auto;flex:1}.cart-empty{padding:70px 5px;text-align:center}.cart-empty h3{font-size:25px}.cart-empty p{color:var(--muted);font-size:14px}.cart-empty-link{color:var(--accent);font-weight:600}.cart-item{display:grid;grid-template-columns:50px 1fr 32px;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item-icon{font-weight:800;font-size:14px;color:var(--accent)}.cart-item h3{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.cart-item p{font-size:14px;margin:0}.cart-remove{width:30px;height:30px;font-size:18px}.cart-summary{padding-top:20px;border-top:1px solid var(--line)}[hidden]{display:none!important}.cart-summary>div{display:flex;justify-content:space-between}.cart-checkout{width:100%;background:var(--accent);color:white;border:0;border-radius:5px;padding:15px;margin-top:20px;font-size:14px;font-weight:700}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;border-radius:8px;padding:15px 25px;opacity:0;visibility:hidden;z-index:100;transition:.25s;max-width:calc(100% - 30px);font-size:14px}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.product-page{padding-block:45px 80px}.back-link{font-size:14px;color:var(--muted)}.product-detail-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:30px}.product-detail-visual{background:linear-gradient(140deg,#ddecf8,#edf6fc);border:1px solid var(--line);border-radius:10px;position:relative;min-height:420px;display:grid;place-items:center}.detail-badge{position:absolute;top:24px;left:24px;font-size:14px;color:var(--accent)}.detail-icon{font-size:clamp(4rem,8vw,8rem);font-weight:800;letter-spacing:-.07em;color:#8aabc5}.product-detail-copy{padding-block:20px}.product-detail-copy h1{font-size:clamp(2rem,4vw,3.5rem)}.detail-lead{color:var(--muted)}.detail-price-row{display:flex;gap:30px;align-items:center;margin-block:30px}.detail-price-row strong{font-size:32px;white-space:nowrap}.spec-box{border-top:1px solid var(--line);padding-top:24px}.spec-box h2{font-size:19px}.spec-box ul{padding-left:20px;color:var(--muted)}.spec-box li{padding:5px}.reveal{animation:reveal-in .7s both}.reveal.pending{opacity:0;transform:translateY(20px);animation:none}.reveal.visible{opacity:1;transform:none;transition:opacity .7s,transform .7s}@keyframes reveal-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes photo-enter{from{transform:scale(1.04);opacity:.4}to{transform:scale(1);opacity:1}}@media(min-width:1500px){.hero{padding-block:80px}.hero-visual{min-height:550px}}@media(max-width:1000px){.container{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:3.2rem}.hero-actions{gap:15px;flex-wrap:wrap}.hero-visual{min-height:500px}.hero-product{padding:16px;left:12px;right:12px}.hero-product p span{display:block;margin:4px 0 0}.hero-foot{flex-wrap:wrap;gap:5px}.product-grid{grid-template-columns:repeat(2,1fr)}.promo{gap:30px;padding:35px}.promo .btn{max-width:230px}.contact{gap:45px}.category-strip a{padding:20px 12px;font-size:12px}}@media(max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 36px)}.nav{height:78px;gap:18px}.logo img{width:126px;height:48px}.menu-btn{display:block;background:none;border:0;padding:10px 0;font-size:14px;color:var(--navy)}.cart-btn{padding:8px 11px}.cart-label{display:none}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--bg);padding:20px;border-bottom:1px solid var(--line);gap:20px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-block:36px;gap:32px}.hero h1{font-size:clamp(2.8rem,10vw,4rem);max-width:540px}.hero-text{font-size:16px}.hero-foot{margin-top:28px;justify-content:space-between;font-size:12px}.hero-visual{min-height:390px}.hero-photo{object-position:center 58%}.hero-product h2{font-size:19px}.hero-product p span{display:inline;margin-left:8px}.category-strip .container{grid-template-columns:1fr 1fr}.category-strip a{font-size:12px;border-bottom:1px solid #ffffff25;padding:17px 10px}.about{grid-template-columns:1fr;gap:22px;padding-block:54px 36px}.about>div:last-child{padding-top:0}.section-head{display:block}.section-head>p{margin-top:20px;max-width:100%}.products-section{padding-block:42px 48px}.filters{gap:7px}.filter{padding:9px 12px;font-size:12px}.product-grid{gap:14px}.product-body{padding:17px}.product-meta{gap:5px;flex-wrap:wrap}.product-body h3{font-size:16px;min-height:55px}.product-body>p{font-size:14px;min-height:90px}.product-image{height:105px;padding:15px}.product-image>span{font-size:32px}.product-image .product-series{font-size:12px;letter-spacing:0}.product-bottom{gap:5px;flex-wrap:wrap}.product-bottom>strong{font-size:21px}.add-btn{padding:8px 12px}.promo{display:block;padding:28px}.promo .btn{margin-top:25px;max-width:100%}.applications{padding-block:54px}.application-grid{grid-template-columns:1fr;gap:16px}.application{display:grid;grid-template-columns:50px 1fr;column-gap:18px;padding:22px 0}.step-number{grid-row:1/4;font-size:32px;margin:0}.application h3{font-size:21px}.application p{max-width:none;margin-bottom:14px}.contact{grid-template-columns:1fr;gap:24px;padding-block:44px 55px}.footer-inner{align-items:start;flex-direction:column;gap:8px}.product-detail-card{grid-template-columns:1fr;gap:20px}.product-detail-visual{min-height:280px}.detail-price-row{flex-wrap:wrap}.hero .eyebrow{font-size:12px;letter-spacing:.08em}}@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-body h3,.product-body>p{min-height:0}.hero-product p span{display:block;margin-left:0}.hero-foot{display:block}.hero-foot span{display:block}.hero h1{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}

/* Podobne narzędzia na stronie produktu */
.related-tools{margin-top:78px;padding-top:0;border-top:1px solid var(--line)}
.related-tools-tab{display:inline-flex;align-items:center;min-height:44px;margin-top:-1px;padding:0 20px;background:var(--navy);color:#fff;border-radius:0 0 7px 7px;font-size:13px;font-weight:800;letter-spacing:.04em}
.related-tools-head{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:34px 0 26px}
.related-tools-head .eyebrow{margin-bottom:10px}
.related-tools-head h2{margin-bottom:0;font-size:clamp(1.7rem,2.6vw,2.35rem)}
.related-all-link{flex-shrink:0;color:var(--accent);font-size:14px;font-weight:700;padding-bottom:5px}
.related-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.related-tools-grid.is-empty{display:block}
.related-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.related-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #153d5e12;border-color:#bfd7e9}
.related-card-visual{height:118px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(130deg,#e9f4fc,#f5f8fc);border-bottom:1px solid #e0eaf1}
.related-card-visual small{align-self:flex-start;color:#55748c;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.1em}
.related-card-visual>span{font-size:38px;font-weight:800;letter-spacing:-.055em;color:#769bb6;transition:transform .3s}
.related-card:hover .related-card-visual>span{transform:scale(1.06)}
.related-card-body{padding:20px}
.related-card-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;color:var(--muted);font-size:11px}
.related-card-meta span:first-child{color:var(--accent);font-weight:700}
.related-card h3{margin-bottom:10px;font-size:17px}
.related-card-body>p{min-height:46px;margin-bottom:18px;color:var(--muted);font-size:13px}
.related-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid var(--line)}
.related-card-bottom>strong{font-size:21px;letter-spacing:-.04em;white-space:nowrap}
.related-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.related-card-actions a{font-size:12px;font-weight:700;color:var(--accent)}
.related-card-actions .add-btn{padding:7px 11px;font-size:12px}
.related-empty{padding:30px;border:1px dashed #b9ccdc;border-radius:9px;background:#fff;color:var(--muted);font-size:14px;text-align:center}
@media(max-width:1000px){.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-card-bottom{align-items:flex-start;flex-direction:column}.related-card-actions{width:100%;justify-content:space-between}}
@media(max-width:700px){.related-tools{margin-top:52px}.related-tools-head{display:block;padding:28px 0 22px}.related-all-link{display:inline-block;margin-top:14px}.related-tools-grid{grid-template-columns:1fr}.related-card-body>p{min-height:0}.related-card-bottom{align-items:center;flex-direction:row}.related-card-actions{width:auto;justify-content:flex-end}}
@media(max-width:420px){.related-card-bottom{align-items:flex-start;flex-direction:column}.related-card-actions{width:100%;justify-content:space-between}}


/* Subtelna poświata kursora + reakcja koszyka po dodaniu produktu */



.cart-btn{transition:background .22s,border-color .22s,color .22s,box-shadow .22s,transform .22s}
.cart-btn.cart-added{animation:cart-added-flash .68s cubic-bezier(.2,.8,.2,1)}
.cart-btn.cart-added .cart-icon svg{animation:cart-icon-wiggle .68s cubic-bezier(.2,.8,.2,1)}
.cart-btn.cart-added .cart-icon strong{animation:cart-count-pop .68s cubic-bezier(.2,.8,.2,1)}

@keyframes cart-added-flash{
  0%{transform:translateY(0) scale(1);background:#fff;border-color:var(--line);color:var(--navy);box-shadow:none}
  24%{transform:translateY(-3px) scale(1.045);background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(25,161,231,.14),0 12px 30px rgba(0,139,212,.23)}
  58%{transform:translateY(-1px) scale(1.02);background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px rgba(25,161,231,.09),0 8px 22px rgba(0,139,212,.16)}
  100%{transform:translateY(0) scale(1);background:#fff;border-color:var(--line);color:var(--navy);box-shadow:none}
}
@keyframes cart-icon-wiggle{
  0%,100%{transform:translateX(0) rotate(0)}
  28%{transform:translateX(2px) rotate(-9deg)}
  48%{transform:translateX(-2px) rotate(7deg)}
  68%{transform:translateX(1px) rotate(-3deg)}
}
@keyframes cart-count-pop{
  0%,100%{transform:scale(1);background:var(--accent);color:#fff}
  30%{transform:scale(1.35);background:#fff;color:var(--accent)}
  62%{transform:scale(1.12);background:#fff;color:var(--accent)}
}

@media (pointer:coarse){}
@media (prefers-reduced-motion:reduce){.cart-btn.cart-added,.cart-btn.cart-added .cart-icon svg,.cart-btn.cart-added .cart-icon strong{animation:none!important}}
