:root {
  --bg:#050b14;
  --bg2:#071525;
  --panel:rgba(255,255,255,.075);
  --panel2:rgba(255,255,255,.105);
  --cyan:#19e6ff;
  --blue:#1769ff;
  --text:#dcefff;
  --muted:#9eb8d3;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 18% 8%, rgba(25,230,255,.14), transparent 28%),
    radial-gradient(circle at 80% 16%, rgba(23,105,255,.16), transparent 30%),
    linear-gradient(180deg,#030711,#071525 45%,#030711);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-2;
  background-image:
    linear-gradient(rgba(25,230,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(25,230,255,.045) 1px, transparent 1px);
  background-size:52px 52px;
  animation:gridMove 34s linear infinite;
}
@keyframes gridMove{from{background-position:0 0,0 0}to{background-position:52px 52px,52px 52px}}
a{color:inherit}
.container{width:1180px;max-width:calc(100% - 34px);margin:0 auto}
.topbar{background:#02060d;border-bottom:1px solid rgba(25,230,255,.13);font-size:14px;color:#b7d4ed;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.header{position:sticky;top:0;z-index:99;background:rgba(3,8,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(25,230,255,.18)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;text-transform:uppercase;letter-spacing:3px}
.logo-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;display:flex;align-items:center;justify-content:center;font-weight:950;box-shadow:0 0 25px rgba(25,230,255,.55)}
.logo-text{font-size:23px;color:#fff;text-shadow:0 0 24px rgba(25,230,255,.55);animation:neonPulse 3s infinite alternate}
@keyframes neonPulse{from{text-shadow:0 0 12px #19e6ff}to{text-shadow:0 0 35px #19e6ff,0 0 70px rgba(25,230,255,.55)}}
.menu{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.menu a{text-decoration:none;color:#e7f8ff;font-weight:800;padding:10px 12px;border-radius:10px;border:1px solid transparent;font-size:14px}
.menu a:hover,.menu a.active{background:rgba(25,230,255,.1);border-color:rgba(25,230,255,.35);box-shadow:0 0 18px rgba(25,230,255,.18)}
.btn{display:inline-block;text-decoration:none;border:0;cursor:pointer;background:linear-gradient(135deg,var(--cyan),#65efff);color:#03101d!important;font-weight:950;padding:14px 20px;border-radius:12px;box-shadow:0 0 28px rgba(25,230,255,.3);position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;top:0;left:-120%;height:100%;width:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg)}
.btn:hover:before{animation:shine .9s forwards}
@keyframes shine{to{left:170%}}
.btn.dark{background:rgba(255,255,255,.08);color:#fff!important;border:1px solid rgba(25,230,255,.28)}
.hero{min-height:720px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(2,8,18,.88),rgba(2,8,18,.68) 44%,rgba(2,8,18,.18)),url("techmesh-baner.png");background-size:cover;background-position:center}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 35%, rgba(25,230,255,.22), transparent 25%),linear-gradient(120deg, transparent 0 55%, rgba(25,230,255,.10) 55% 58%, transparent 58% 100%);pointer-events:none;z-index:1}
.hero:after{content:"";position:absolute;left:-20%;top:-10%;width:18%;height:125%;background:linear-gradient(90deg,transparent,rgba(25,230,255,.22),transparent);transform:skewX(-18deg);animation:scanner 5s linear infinite;z-index:2;pointer-events:none}
@keyframes scanner{from{left:-25%}to{left:120%}}
.hero .container{position:relative;z-index:3}
.hero-content{max-width:800px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#d8fbff;background:rgba(25,230,255,.11);border:1px solid rgba(25,230,255,.32);padding:9px 14px;border-radius:999px;font-weight:900;font-size:14px}
.dot{width:10px;height:10px;border-radius:50%;background:#20ffb2;box-shadow:0 0 18px #20ffb2}
.hero h1{font-size:60px;line-height:1.04;margin:22px 0 18px;color:#fff;text-shadow:0 0 24px rgba(25,230,255,.55),0 4px 18px rgba(0,0,0,.9)}
.hero p{font-size:20px;line-height:1.65;color:#dceeff;margin:0 0 28px;max-width:740px;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px;max-width:900px}
.stat{background:var(--panel);border:1px solid rgba(25,230,255,.2);border-radius:18px;padding:18px;backdrop-filter:blur(12px);box-shadow:0 0 25px rgba(0,255,255,.12),0 0 80px rgba(0,120,255,.08)}
.stat b{display:block;font-size:28px;color:#fff}
.stat span{font-size:13px;color:#b0cce8;font-weight:700}
.section{padding:82px 0;position:relative}
.section.soft{background:rgba(255,255,255,.035);border-top:1px solid rgba(25,230,255,.08);border-bottom:1px solid rgba(25,230,255,.08)}
.section-title{max-width:880px;text-align:center;margin:0 auto 42px}
.section-title h2{font-size:40px;line-height:1.12;margin:0 0 13px;color:#fff}
.section-title h2:after{content:"";display:block;width:130px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--cyan));background-size:260% 100%;animation:lineFlow 4s linear infinite}
@keyframes lineFlow{to{background-position:260% 0}}
.section-title p{font-size:18px;color:var(--muted);margin:0;line-height:1.65}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{position:relative;overflow:hidden;background:var(--panel);border:1px solid rgba(25,230,255,.16);border-radius:22px;padding:26px;backdrop-filter:blur(18px);box-shadow:0 0 25px rgba(0,255,255,.10),0 0 70px rgba(0,120,255,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(25,230,255,.13),transparent);transform:translateX(-100%);transition:.55s;pointer-events:none}
.card:hover{transform:none;border-color:rgba(25,230,255,.55);box-shadow:0 0 32px rgba(25,230,255,.22),0 0 95px rgba(23,105,255,.12)}
.card:hover:before{transform:translateX(100%)}
.card h3{margin:0 0 12px;color:#fff;font-size:22px}
.card p{margin:0;color:#b2c9e3;line-height:1.65}
.card ul{margin:14px 0 0;padding-left:19px;color:#b2c9e3;line-height:1.8}
.icon{width:50px;height:50px;border-radius:16px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(25,230,255,.22),rgba(23,105,255,.22));border:1px solid rgba(25,230,255,.24);color:#83f5ff;font-weight:950;font-size:18px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:step}
.step{background:var(--panel);border:1px solid rgba(25,230,255,.16);border-radius:20px;padding:22px;min-height:190px}
.step:before{counter-increment:step;content:counter(step);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cyan);color:#06101f;font-weight:950;margin-bottom:14px;box-shadow:0 0 22px rgba(25,230,255,.4)}
.step b{display:block;color:#fff;margin-bottom:7px;font-size:18px}
.step span{color:#b2c9e3;line-height:1.65}
.producers{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.producer{text-align:center;padding:20px 10px;border-radius:16px;background:var(--panel);border:1px solid rgba(25,230,255,.16);font-weight:950;color:#dff9ff;animation:producerPulse 6s infinite}
@keyframes producerPulse{0%,100%{box-shadow:0 0 0 rgba(25,230,255,0)}50%{box-shadow:0 0 18px rgba(25,230,255,.25)}}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product{border-radius:24px;overflow:hidden;background:var(--panel);border:1px solid rgba(25,230,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.product-img{height:190px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;font-weight:950;font-size:24px;background:linear-gradient(135deg,rgba(25,230,255,.34),rgba(23,105,255,.34)),url("techmesh-baner.png");background-size:cover;background-position:center}
.product-body{padding:23px}
.product h3{margin:0 0 10px;color:#fff}
.product p{color:#abc4dd;line-height:1.6}
.badge{display:inline-block;background:rgba(25,230,255,.13);border:1px solid rgba(25,230,255,.22);padding:6px 10px;border-radius:999px;color:#9df7ff;font-size:12px;font-weight:900;margin-bottom:10px}
.page-hero{padding:88px 0;background:linear-gradient(90deg,rgba(2,8,18,.92),rgba(2,8,18,.52)),url("techmesh-baner.png");background-size:cover;background-position:center;color:#fff}
.page-hero h1{font-size:48px;margin:0 0 13px}
.page-hero p{font-size:19px;color:#d8ecff;max-width:820px;line-height:1.65}
.long-text{max-width:980px;margin:0 auto}
.long-text h2{font-size:34px;color:#fff;margin:35px 0 15px}
.long-text h3{font-size:24px;color:#fff;margin:28px 0 10px}
.long-text p{color:#bdd3ea;line-height:1.75;font-size:17px}
.long-text ul{color:#bdd3ea;line-height:1.85;font-size:17px}
.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}
.form label{display:block;font-weight:900;color:#fff;margin:13px 0 6px}
.form input,.form textarea,.form select{width:100%;border:1px solid rgba(25,230,255,.23);border-radius:12px;padding:13px;background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:15px}
.form option{color:#000}
.form textarea{min-height:150px;resize:vertical}
.notice,.success,.error{padding:13px;border-radius:12px;margin:14px 0;font-size:14px}
.notice{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#a8bfd8}
.success{background:rgba(20,184,121,.16);border:1px solid rgba(20,184,121,.32);color:#baffdf}
.error{background:rgba(255,70,70,.16);border:1px solid rgba(255,70,70,.32);color:#ffd0d0}
.map-box{height:300px;border-radius:20px;border:1px solid rgba(25,230,255,.25);background:rgba(255,255,255,.06);overflow:hidden;padding:0;box-shadow:0 0 42px rgba(25,230,255,.12)}
.map-box iframe{display:block;width:100%;height:100%;border:0;filter:saturate(1.05) contrast(1.02)}
.faq-item{margin-bottom:16px}
.cta-band{background:linear-gradient(135deg,rgba(25,230,255,.18),rgba(23,105,255,.16));border:1px solid rgba(25,230,255,.28);border-radius:26px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:0 0 60px rgba(25,230,255,.1)}
.cta-band h2{margin:0 0 7px;color:#fff}
.cta-band p{margin:0;color:#c4ddf4;line-height:1.6}
.footer{background:#020610;border-top:1px solid rgba(25,230,255,.13);padding:50px 0 20px;color:#9fb7d0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.footer h3,.footer h4{color:#fff;margin-top:0}
.footer a{text-decoration:none;color:#bcd7ee}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:30px;font-size:13px;color:#7890a9;line-height:1.6}
.fx-scroll{opacity:0;transform:none;transition:opacity .75s ease,transform .75s ease}
.fx-scroll.fx-in{opacity:1;transform:translateY(0)}
@media(max-width:930px){
  .nav{flex-direction:column;align-items:flex-start;padding:15px 0}
  .menu{justify-content:flex-start}
  .hero{min-height:auto;padding:90px 0}
  .hero h1{font-size:39px}
  .hero-stats,.grid-4,.grid-3,.grid-2,.steps,.product-grid,.contact-wrap,.footer-grid{grid-template-columns:1fr}
  .producers{grid-template-columns:repeat(2,1fr)}
  .cta-band{flex-direction:column;align-items:flex-start}
}

.faq-accordion{background:rgba(255,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:18px;margin:15px 0;color:#fff}
.faq-accordion summary{cursor:pointer;font-size:20px;font-weight:700;list-style:none}
.faq-accordion summary::-webkit-details-marker{display:none}
.faq-accordion summary:before{content:'▶ ';color:#35d7ff}
.faq-accordion[open] summary:before{content:'▼ ';}
.faq-accordion div{padding-top:15px;color:#cfd8e3;line-height:1.7}


/* ===== FIX BANERA TECHMESH ===== */
/* Ten CSS jest w folderze assets, więc obraz ma być wskazany bez assets/ */
.hero {
    background:
      linear-gradient(90deg,rgba(2,8,18,.78),rgba(2,8,18,.58) 44%,rgba(2,8,18,.12)),
      url("techmesh-baner.png") !important;
    background-size: cover !important;
    background-position: center center !important;
}

.page-hero {
    background:
      linear-gradient(90deg,rgba(2,8,18,.88),rgba(2,8,18,.45)),
      url("techmesh-baner.png") !important;
    background-size: cover !important;
    background-position: center center !important;
}

.product-img {
    background:
      linear-gradient(135deg,rgba(25,230,255,.34),rgba(23,105,255,.34)),
      url("techmesh-baner.png") !important;
    background-size: cover !important;
    background-position: center center !important;
}


/* ===== FIX: USUNIĘTY GÓRNY PASEK ===== */
.topbar {
    display: none !important;
}
.header {
    top: 0 !important;
}

.product-img.has-photo{padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.product-img.has-photo img{width:100%;height:220px;object-fit:cover;display:block;}

/* ===== PUBLICZNY SKLEP TECHMESH ===== */
.shop-layout{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}
.shop-sidebar{position:sticky;top:96px;padding:22px}
.shop-sidebar h2{margin:0 0 16px;color:#fff;font-size:25px}
.shop-all,.shop-cat-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#dcefff;border:1px solid rgba(25,230,255,.14);background:rgba(255,255,255,.045);border-radius:14px;padding:12px 14px;margin:7px 0;font-weight:900;transition:.2s}
.shop-all:hover,.shop-all.active,.shop-cat-link:hover,.shop-cat-link.active{background:rgba(25,230,255,.12);border-color:rgba(25,230,255,.45);box-shadow:0 0 22px rgba(25,230,255,.14);color:#fff}
.shop-cat-list{list-style:none;margin:0;padding:0}
.shop-cat-list.sub{margin-left:14px;padding-left:12px;border-left:1px solid rgba(25,230,255,.2)}
.shop-cat-list.sub .shop-cat-link{font-size:14px;padding:10px 12px;background:rgba(23,105,255,.07)}
.shop-muted{color:#9eb8d3;line-height:1.6}
.shop-main{min-width:0}
.shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;border:1px solid rgba(25,230,255,.16);background:rgba(255,255,255,.055);border-radius:22px;padding:22px;box-shadow:0 0 35px rgba(0,255,255,.08)}
.shop-head h2{margin:8px 0 0;color:#fff;font-size:34px}
.shop-head p{margin:0;color:#9eb8d3;font-weight:900}
.shop-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.shop-product-card{overflow:hidden;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(25,230,255,.16);box-shadow:0 0 25px rgba(0,255,255,.10),0 0 70px rgba(0,120,255,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.shop-product-card:hover{transform:none;border-color:rgba(25,230,255,.5);box-shadow:0 0 32px rgba(25,230,255,.2),0 0 95px rgba(23,105,255,.12)}
.shop-product-image{height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;font-weight:950;font-size:24px;background:linear-gradient(135deg,rgba(25,230,255,.32),rgba(23,105,255,.32)),url("techmesh-baner.png");background-size:cover;background-position:center}
.shop-product-image.has-photo{padding:0;background:rgba(255,255,255,.04)}
.shop-product-image img{width:100%;height:100%;object-fit:cover;display:block}
.shop-product-body{padding:21px}
.shop-product-category{display:inline-block;margin-bottom:10px;color:#9df7ff;background:rgba(25,230,255,.12);border:1px solid rgba(25,230,255,.22);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.shop-product-body h3{margin:0 0 12px;color:#fff;font-size:21px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:78px}
.shop-product-price{font-size:26px;color:#83f5ff;font-weight:950;margin-bottom:12px;text-shadow:0 0 18px rgba(25,230,255,.26)}
.shop-code{margin:0 0 15px;color:#9eb8d3;font-size:14px}
@media(max-width:930px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:static}.shop-head{align-items:flex-start;flex-direction:column}.shop-products-grid{grid-template-columns:1fr}}

/* ===== WIDOCZNA ZAKŁADKA SKLEP W MENU PUBLICZNYM ===== */
.menu a.menu-shop{
  background:linear-gradient(135deg,rgba(25,230,255,.22),rgba(23,105,255,.22)) !important;
  border-color:rgba(25,230,255,.42) !important;
  color:#ffffff !important;
  box-shadow:0 0 18px rgba(25,230,255,.16);
}
.menu a.menu-shop:hover,.menu a.menu-shop.active{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#03101d !important;
}
.shop-product-link{display:block;text-decoration:none;color:inherit;height:100%}
.shop-product-link:hover{color:inherit}
.shop-product-detail{display:block;border:1px solid rgba(25,230,255,.16);background:rgba(255,255,255,.055);border-radius:24px;padding:24px;box-shadow:0 0 35px rgba(0,255,255,.08)}
.shop-detail-gallery{width:100%;min-width:0;margin-top:12px}
.shop-detail-main-photo{position:relative;height:560px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(25,230,255,.16);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;font-size:28px;background-size:cover;background-position:center}
.shop-detail-main-photo img{width:100%;height:100%;object-fit:contain;display:block;background:rgba(0,0,0,.22)}
.shop-detail-main-photo.no-photo{background:linear-gradient(135deg,rgba(25,230,255,.32),rgba(23,105,255,.32)),url("techmesh-baner.png");background-size:cover;background-position:center}
.shop-gallery-arrow{position:absolute;top:50%;transform:none;width:54px;height:68px;border:1px solid rgba(25,230,255,.45);border-radius:16px;background:rgba(0,13,28,.72);color:#fff;font-size:54px;line-height:48px;font-weight:700;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding-bottom:7px;box-shadow:0 0 22px rgba(0,0,0,.25)}
.shop-gallery-arrow:hover{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;border-color:transparent}
.shop-gallery-prev{left:18px}
.shop-gallery-next{right:18px}
.shop-detail-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.shop-detail-thumbs button{width:82px;height:70px;padding:0;border:1px solid rgba(25,230,255,.22);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06);cursor:pointer}
.shop-detail-thumbs button:hover,.shop-detail-thumbs button.active{border-color:rgba(25,230,255,.85);box-shadow:0 0 15px rgba(25,230,255,.22)}
.shop-detail-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.shop-detail-info{margin-top:26px}
.shop-detail-info h2{margin:0 0 18px;color:#fff;font-size:38px;line-height:1.15}
.shop-detail-description{color:#cfe4fa;line-height:1.75;font-size:17px;margin-bottom:22px;white-space:normal}
.shop-back{display:inline-block;text-decoration:none;color:#9df7ff;font-weight:900;margin-bottom:6px}
.shop-back:hover{color:#fff}
@media(max-width:930px){.shop-detail-main-photo{height:340px}.shop-gallery-arrow{width:42px;height:56px;font-size:42px}.shop-gallery-prev{left:10px}.shop-gallery-next{right:10px}}

/* ===== KOSZYK PUBLICZNY SKLEP ===== */
.shop-head-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.shop-cart-box{border:1px solid rgba(25,230,255,.36);border-radius:16px;background:rgba(25,230,255,.10);color:#fff;padding:10px 14px;cursor:pointer;font-weight:900;display:flex;flex-direction:column;align-items:flex-start;gap:2px;box-shadow:0 0 18px rgba(25,230,255,.12)}
.shop-cart-box:hover{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;border-color:transparent}
.shop-cart-box span{font-size:13px}
.shop-cart-box strong{font-size:16px}
.shop-product-card{display:flex;flex-direction:column}
.shop-product-link{height:auto;flex:1}
.shop-product-actions{padding:0 21px 21px}
.shop-product-actions.detail-actions{padding:0;margin-top:10px}
.shop-add-cart,.shop-ask-availability{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border:0;border-radius:14px;padding:13px 16px;font-weight:950;cursor:pointer;font-size:15px;line-height:1.2}
.shop-add-cart{background:linear-gradient(135deg,var(--cyan),#65efff);color:#03101d!important;box-shadow:0 0 28px rgba(25,230,255,.3)}
.shop-add-cart:hover{filter:brightness(1.08)}
.shop-ask-availability{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(25,230,255,.25)}
.shop-ask-availability:hover{background:rgba(25,230,255,.14);color:#fff;border-color:rgba(25,230,255,.55)}
.shop-cart-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}
.shop-cart-modal.open{display:flex}
.shop-cart-modal-inner{width:min(520px,100%);background:#071423;border:1px solid rgba(25,230,255,.28);border-radius:24px;padding:24px;position:relative;box-shadow:0 0 45px rgba(25,230,255,.18)}
.shop-cart-modal-inner h2{margin:0 0 18px;color:#fff}
.shop-cart-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(25,230,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.shop-cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(25,230,255,.12);padding:12px 0;color:#dcefff}
.shop-cart-row strong{color:#83f5ff;white-space:nowrap}
.shop-cart-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
@media(max-width:930px){.shop-head-right{justify-content:flex-start}.shop-cart-modal-actions{grid-template-columns:1fr}}

/* Koszyk u góry strony publicznej */
.shop-top-cart{position:relative;width:48px;height:48px;border-radius:16px;border:1px solid rgba(25,230,255,.36);background:rgba(25,230,255,.10);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px rgba(25,230,255,.14);transition:transform .2s ease,background .2s ease,border-color .2s ease;color:#fff}
.shop-top-cart:hover{transform:none;background:linear-gradient(135deg,var(--cyan),var(--blue));border-color:transparent;color:#03101d}
.shop-top-cart-icon svg{display:block;fill:currentColor}
.shop-top-cart-count{position:absolute;right:-8px;top:-8px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#ff3b5f;color:#fff;font-size:13px;font-weight:950;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(255,59,95,.42);line-height:1}
@media(max-width:930px){.shop-top-cart{width:44px;height:44px;border-radius:14px}.shop-top-cart-count{right:-6px;top:-6px}}

/* v59 - osobna strona koszyka */
.shop-cart-page{border:1px solid rgba(25,230,255,.16);background:rgba(255,255,255,.055);border-radius:24px;padding:22px;box-shadow:0 0 35px rgba(0,255,255,.08)}
.shop-cart-page-items{display:flex;flex-direction:column;gap:14px}
.shop-cart-page-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:1px solid rgba(25,230,255,.14);background:rgba(255,255,255,.055);border-radius:18px;padding:14px}
.shop-cart-page-left{display:flex;align-items:center;gap:16px;min-width:0}
.shop-cart-page-thumb{width:96px;height:78px;border-radius:14px;overflow:hidden;flex:0 0 96px;background:linear-gradient(135deg,rgba(25,230,255,.28),rgba(23,105,255,.28)),url("techmesh-baner.png");background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:950;font-size:14px;text-align:center}
.shop-cart-page-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.shop-cart-page-row h3{margin:0 0 7px;color:#fff;font-size:19px;line-height:1.25}
.shop-cart-page-row p{margin:0;color:#9eb8d3;font-weight:900}
.shop-cart-page-price{color:#83f5ff;font-size:22px;font-weight:950;white-space:nowrap;text-align:right;text-shadow:0 0 18px rgba(25,230,255,.22)}
.shop-cart-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(25,230,255,.18);margin-top:20px;padding-top:20px;color:#fff;font-size:22px;font-weight:950}
.shop-cart-summary strong{color:#83f5ff;font-size:28px;text-shadow:0 0 18px rgba(25,230,255,.24)}
.shop-cart-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
@media(max-width:700px){.shop-cart-page-row{grid-template-columns:1fr}.shop-cart-page-price{text-align:left}.shop-cart-page-actions{grid-template-columns:1fr}.shop-cart-page-thumb{width:82px;height:68px;flex-basis:82px}}
.shop-cart-add-form{width:100%;margin:0}
.shop-cart-page-actions form{margin:0;width:100%}

/* v61 - koszyk jako osobna strona bez kategorii, małe klikalne miniaturki */
.shop-layout-cart-only{display:block}
.shop-layout-cart-only .shop-main{width:100%}
.shop-layout-cart-only .shop-head{margin-bottom:18px}
.shop-cart-page-row{grid-template-columns:1fr auto;gap:14px;padding:12px 14px}
.shop-cart-page-left{gap:12px}
.shop-cart-page-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:10px;text-decoration:none;transition:transform .15s ease,border-color .15s ease;border:1px solid rgba(25,230,255,.22)}
.shop-cart-page-thumb:hover{transform:scale(1.04);border-color:rgba(131,245,255,.8)}
.shop-cart-page-thumb span{font-size:12px}
.shop-cart-page-title{min-width:0}
.shop-cart-page-title a{display:block;color:#fff;text-decoration:none;font-size:18px;font-weight:950;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.shop-cart-page-title a:hover{color:#83f5ff}
.shop-cart-page-row h3{display:none}
.shop-cart-page-price{font-size:20px;min-width:120px}
@media(max-width:700px){.shop-cart-page-row{grid-template-columns:1fr auto}.shop-cart-page-price{text-align:right;font-size:18px;min-width:auto}.shop-cart-page-thumb{width:46px;height:46px;flex-basis:46px}.shop-cart-page-title a{font-size:16px}}

/* v62: koszyk + kategorie publiczne */
.shop-cat-link{width:100%;box-sizing:border-box;font-family:inherit;cursor:pointer;text-align:left}
button.shop-cat-link{border:1px solid rgba(25,230,255,.14)}
.shop-cat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:150px}
.shop-cat-count{margin-left:auto;padding-left:8px;color:#83f5ff;font-weight:950;white-space:nowrap}
.shop-cat-arrow{margin-left:8px;color:#83f5ff;transition:transform .22s ease;line-height:1}
.shop-cat-item.open > .shop-cat-toggle .shop-cat-arrow{transform:rotate(180deg)}
.shop-cat-children{max-height:0;overflow:hidden;opacity:0;transform:none;transition:max-height .28s ease,opacity .22s ease,transform .22s ease}
.shop-cat-children.open{max-height:900px;opacity:1;transform:translateY(0)}
.shop-cat-list.sub{margin-top:6px}
.shop-cart-page-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:170px}
.shop-cart-remove-form{margin:0;flex:0 0 auto}
.shop-cart-trash{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,90,90,.35);background:rgba(255,90,90,.10);color:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.18s}
.shop-cart-trash:hover{background:rgba(255,90,90,.22);border-color:rgba(255,120,120,.75);transform:scale(1.04)}
.shop-cart-page-actions{display:none!important}
@media(max-width:700px){.shop-cat-name{max-width:190px}.shop-cart-page-right{min-width:auto;gap:8px}.shop-cart-trash{width:34px;height:34px}.shop-cart-page-row{gap:8px}}

.contact-wrap .card:hover{transform:none !important;}




/* Poprawki v70 */
.shop-sidebar.card:hover,
.shop-sidebar .card:hover,
.shop-sidebar a:hover,
.shop-sidebar li:hover,
.shop-sidebar div:hover,
.shop-category:hover,
.category:hover,
.kategoria:hover {
  transform: none !important;
}
.shop-sidebar.card:hover {
  box-shadow: inherit !important;
}

#monitoringCounter24{font-size:inherit !important;color:inherit !important;font-weight:inherit !important;}

/* v79 - sklep: limit produktów, numeracja stron i klikalne kategorie nadrzędne */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-8px 0 22px;border:1px solid rgba(25,230,255,.14);background:rgba(255,255,255,.045);border-radius:18px;padding:14px 16px;box-shadow:0 0 24px rgba(0,255,255,.06)}
.shop-limit-form,.shop-sort-form{display:flex;align-items:center;gap:10px;margin:0;color:#dcefff;font-weight:900}
.shop-limit-form label,.shop-sort-form label{color:#9eb8d3;font-size:14px}
.shop-limit-form select,.shop-sort-form select{appearance:none;border:1px solid rgba(25,230,255,.32);border-radius:12px;background:#071423;color:#fff;padding:10px 38px 10px 13px;font-weight:950;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#83f5ff 50%),linear-gradient(135deg,#83f5ff 50%,transparent 50%);background-position:calc(100% - 18px) 16px,calc(100% - 12px) 16px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.shop-limit-form select:focus,.shop-sort-form select:focus{outline:none;border-color:rgba(131,245,255,.78);box-shadow:0 0 0 3px rgba(25,230,255,.12)}
.shop-page-info{color:#9eb8d3;font-weight:900}
.shop-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px 0 0}
.shop-pagination a,.shop-pagination span{min-width:42px;height:42px;padding:0 13px;border-radius:14px;border:1px solid rgba(25,230,255,.18);background:rgba(255,255,255,.055);color:#dcefff;text-decoration:none;font-weight:950;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 16px rgba(0,255,255,.05)}
.shop-pagination a:hover,.shop-pagination a.active{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;border-color:transparent;box-shadow:0 0 22px rgba(25,230,255,.18)}
.shop-pagination span{border-color:transparent;background:transparent;color:#83f5ff;box-shadow:none}
.shop-cat-row{display:block;margin:7px 0}
.shop-cat-row .shop-cat-link{margin:0;min-width:0}
.shop-cat-toggle-btn{border:1px solid rgba(25,230,255,.14);background:rgba(255,255,255,.045);border-radius:14px;color:#83f5ff;cursor:pointer;font-weight:950;display:flex;align-items:center;justify-content:center;transition:.2s}
.shop-cat-toggle-btn:hover{background:rgba(25,230,255,.12);border-color:rgba(25,230,255,.45);box-shadow:0 0 18px rgba(25,230,255,.12)}
.shop-cat-item.open > .shop-cat-row .shop-cat-arrow{transform:rotate(180deg)}
@media(max-width:700px){.shop-toolbar{align-items:flex-start;flex-direction:column}.shop-pagination a,.shop-pagination span{min-width:38px;height:38px;border-radius:12px}}

/* v81 - sklep: breadcrumbs, sortowanie i kategorie bez osobnego przycisku */
.shop-breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;color:#83f5ff;font-weight:950}
.shop-breadcrumbs a{color:#83f5ff;text-decoration:none;border-bottom:1px solid rgba(131,245,255,.35)}
.shop-breadcrumbs a:hover{color:#fff;border-bottom-color:#fff}
.shop-breadcrumbs span{color:#6f8aa6}
.shop-cat-link.has-children{display:flex;align-items:center;gap:8px}
.shop-cat-link.has-children .shop-cat-arrow{margin-left:8px}
.shop-cat-item.open > .shop-cat-row .shop-cat-link.has-children .shop-cat-arrow{transform:rotate(180deg)}
.shop-sort-form select{min-width:172px}

/* v82 - poprawki kategorii, ceny, paginacji i favicon */
.shop-cat-children{display:none;}
.shop-cat-children.open{display:block;}
.shop-cat-arrow{transition:transform .2s ease;}
.shop-product-price{font-size:34px !important;color:#fff !important;text-shadow:none !important;}
.shop-pagination a,.shop-pagination span{background:linear-gradient(135deg,var(--cyan),#65efff) !important;color:#03101d !important;border-color:transparent !important;box-shadow:0 0 28px rgba(25,230,255,.24) !important;}
.shop-pagination a:hover,.shop-pagination a.active{background:linear-gradient(135deg,var(--cyan),#65efff) !important;color:#03101d !important;box-shadow:0 0 34px rgba(25,230,255,.34) !important;}
.shop-pagination span{opacity:.65;}

/* Poprawki v83 */
.shop-cat-arrow{display:none!important;}
.shop-product-price{font-size:15px!important;line-height:1.2!important;color:#fff!important;text-shadow:none!important;margin-bottom:12px!important;}
.shop-pagination a,.shop-pagination span{background:rgba(255,255,255,.055)!important;color:#dcefff!important;border:1px solid rgba(25,230,255,.18)!important;box-shadow:0 0 16px rgba(0,255,255,.05)!important;}
.shop-pagination a:hover{background:rgba(25,230,255,.14)!important;color:#fff!important;border-color:rgba(25,230,255,.35)!important;box-shadow:0 0 18px rgba(25,230,255,.12)!important;}
.shop-pagination a.active{background:linear-gradient(135deg,var(--cyan),#65efff)!important;color:#03101d!important;border-color:transparent!important;box-shadow:0 0 28px rgba(25,230,255,.24)!important;}
.shop-pagination span{background:transparent!important;color:#83f5ff!important;border-color:transparent!important;box-shadow:none!important;}

.why-grid .card.fly-left,.why-grid .card.fly-right{opacity:0;transition:all .9s ease;}
.why-grid .card.fly-left{transform:translateX(-220px);}
.why-grid .card.fly-right{transform:translateX(220px);}
.why-grid .card.delay1{transition-delay:.2s;}
.why-grid .card.fly-in{opacity:1;transform:translateX(0);}


/* Optimized why cards animation */
.why-grid .card{will-change:transform,opacity}
.fly-left,.fly-right{opacity:0;transition:transform .45s ease-out,opacity .45s ease-out}
.fly-left{transform:translateX(-80px)}
.fly-right{transform:translateX(80px)}
.fly-left.fx-in,.fly-right.fx-in{opacity:1;transform:translateX(0)}
.delay1{transition-delay:.08s}


/* v96 - rozwijane menu Usługi i Produkty */
.menu-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:120;
}
.menu-dropdown-main:after{
  content:"▾";
  font-size:11px;
  margin-left:7px;
  opacity:.9;
}
.menu-dropdown.active > .menu-dropdown-main{
  background:rgba(25,230,255,.1);
  border-color:rgba(25,230,255,.35);
  box-shadow:0 0 18px rgba(25,230,255,.18);
}
.submenu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:360px;
  padding:10px;
  border-radius:16px;
  background:rgba(3,10,22,.98);
  border:1px solid rgba(25,230,255,.32);
  box-shadow:0 22px 55px rgba(0,0,0,.45),0 0 28px rgba(25,230,255,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease;
  backdrop-filter:blur(14px);
}
.menu-dropdown:hover .submenu,
.menu-dropdown:focus-within .submenu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.submenu a{
  display:block;
  padding:12px 13px !important;
  border-radius:12px !important;
  line-height:1.25;
  color:#e7f8ff !important;
  font-size:13px !important;
}
.submenu a:hover{
  background:linear-gradient(135deg,rgba(25,230,255,.18),rgba(23,105,255,.16)) !important;
  border-color:rgba(25,230,255,.40) !important;
}

/* v96 - strony usług */
.breadcrumbs{
  font-size:14px;
  font-weight:800;
  color:#b7d4ed;
  margin-bottom:18px;
}
.breadcrumbs a{
  color:#e7f8ff;
  text-decoration:none;
  border-bottom:1px solid rgba(25,230,255,.35);
}
.service-hero-photo{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,8,18,.96),rgba(3,8,18,.74),rgba(3,8,18,.55)),
    url("techmesh-baner.png");
  background-size:cover;
  background-position:center;
}
.service-hero-photo:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 35%,rgba(25,230,255,.18),transparent 28%),linear-gradient(120deg,transparent 0 54%,rgba(25,230,255,.11) 54% 58%,transparent 58%);
  pointer-events:none;
}
.service-hero-photo .container{position:relative;z-index:2}
.service-hero{
  min-height:470px;
  display:flex;
  align-items:center;
  padding:70px 0;
}
.service-hero-box{
  max-width:850px;
  background:rgba(5,11,20,.54);
  border:1px solid rgba(25,230,255,.24);
  border-radius:26px;
  padding:34px;
  box-shadow:0 0 45px rgba(25,230,255,.13);
  backdrop-filter:blur(10px);
}
.service-hero-icon{
  width:66px;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#03101d;
  font-size:34px;
  box-shadow:0 0 25px rgba(25,230,255,.35);
  margin-bottom:18px;
}
.service-hero h1{
  font-size:48px;
  line-height:1.08;
  margin:0 0 16px;
  color:#fff;
  text-shadow:0 0 24px rgba(25,230,255,.42);
}
.service-hero p{
  font-size:19px;
  line-height:1.65;
  color:#dcefff;
  max-width:780px;
}
.service-layout{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:stretch;
}
.service-text-panel,.service-list,.service-photo-card,.service-card,.service-overview-card{
  background:var(--panel);
  border:1px solid rgba(25,230,255,.22);
  border-radius:22px;
  box-shadow:0 0 28px rgba(0,255,255,.10);
  backdrop-filter:blur(10px);
}
.service-text-panel{
  padding:30px;
}
.service-text-panel h2,.service-list h3{
  margin-top:0;
  color:#fff;
  font-size:30px;
}
.service-text-panel p{
  color:#cfe4f7;
  line-height:1.8;
  font-size:17px;
}
.service-photo-card{
  min-height:310px;
  padding:18px;
  background:
    linear-gradient(180deg,rgba(5,11,20,.35),rgba(5,11,20,.88)),
    url("techmesh-baner.png");
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.service-photo-inner{
  height:100%;
  min-height:270px;
  border:1px solid rgba(25,230,255,.28);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:rgba(3,8,18,.45);
}
.service-photo-inner span{font-size:64px;margin-bottom:12px}
.service-photo-inner strong{font-size:34px;color:#fff;text-shadow:0 0 24px rgba(25,230,255,.5)}
.service-photo-inner small{color:#b7d4ed;font-weight:800;margin-top:6px}
.service-cards-grid,.service-overview-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.service-overview-grid{grid-template-columns:repeat(5,1fr)}
.service-card,.service-overview-card{
  padding:24px;
  text-decoration:none;
  color:var(--text);
  min-height:190px;
  transition:.22s ease;
}
.service-card:hover,.service-overview-card:hover{
  border-color:rgba(25,230,255,.55);
  box-shadow:0 18px 48px rgba(25,230,255,.17);
}
.service-card-icon,.service-overview-card span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--cyan),var(--blue));
  color:#03101d;
  font-size:28px;
  margin-bottom:14px;
}
.service-card h3,.service-overview-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
}
.service-card p,.service-overview-card p{
  margin:0;
  color:#b7d4ed;
  line-height:1.55;
}
.service-list{
  margin-top:22px;
  padding:28px;
}
.service-list ul{
  margin:0;
  padding-left:22px;
  columns:2;
  column-gap:40px;
}
.service-list li{
  break-inside:avoid;
  margin:0 0 12px;
  color:#dcefff;
  line-height:1.55;
}
.service-cta{
  padding:54px 0;
  background:linear-gradient(135deg,rgba(25,230,255,.13),rgba(23,105,255,.13));
  border-top:1px solid rgba(25,230,255,.18);
  border-bottom:1px solid rgba(25,230,255,.18);
  text-align:center;
}
.service-cta h2{
  margin:0 0 10px;
  font-size:34px;
  color:#fff;
}
.service-cta p{
  max-width:760px;
  margin:0 auto 22px;
  color:#cfe4f7;
  line-height:1.7;
}
.fx-scroll{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .5s ease, transform .5s ease;
}
.fx-scroll.fx-in{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:1000px){
  .submenu{left:auto;right:0;width:320px}
  .service-layout{grid-template-columns:1fr}
  .service-cards-grid,.service-overview-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .menu{align-items:flex-start}
  .menu-dropdown{display:block;width:100%}
  .menu-dropdown-main{display:block}
  .submenu{
    position:static;
    width:100%;
    opacity:1;
    visibility:visible;
    transform:none;
    margin-top:6px;
    display:none;
  }
  .menu-dropdown:hover .submenu,.menu-dropdown:focus-within .submenu{display:block}
  .service-hero h1{font-size:34px}
  .service-hero-box{padding:24px}
  .service-cards-grid,.service-overview-grid{grid-template-columns:1fr}
  .service-list ul{columns:1}
}

.techmesh-description-separator{display:block;width:100%;height:0;border:0;border-top:2px solid rgba(207,228,250,.65);margin:18px 0;clear:both}


/* ===== NEON LOGO W NAGŁÓWKU - v253 ===== */
.header{
  background:linear-gradient(180deg,rgba(3,8,18,.96),rgba(3,8,18,.88));
  overflow:visible;
}
.nav{
  min-height:118px;
  gap:18px;
  padding:7px 0;
}
.logo.logo-neon-link{
  width:168px;
  height:148px;
  flex:0 0 168px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  padding:0;
  letter-spacing:0;
  text-transform:none;
  overflow:visible;
  transform:translateY(1px);
}
.logo.logo-neon-link:hover{
  transform:translateY(1px) scale(1.01);
}
.site-neon-logo{
  --site-logo-w:168px;
  --site-logo-h:148px;
  --site-frame-size:145px;
  --site-frame-delay:.18s;
  --site-frame-total:4.10s;
  --site-ignite-delay:2.45s;
  --site-logo-time:5.40s;
  --site-neon-core:rgba(255,255,255,1);
  --site-neon-hot:rgba(0,165,255,1);
  --site-neon-main:rgba(0,72,255,1);
  --site-neon-deep:rgba(0,10,255,.98);
  --site-neon-soft:rgba(0,72,255,.42);
  position:relative;
  display:block;
  width:var(--site-logo-w);
  height:var(--site-logo-h);
  isolation:isolate;
  overflow:visible;
  flex:0 0 auto;
}
.site-neon-frame{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:var(--site-frame-size);
  height:var(--site-frame-size);
  transform:translate(-50%,-50%);
  overflow:visible;
  pointer-events:none;
  filter:blur(0) drop-shadow(0 0 10px var(--site-neon-hot)) drop-shadow(0 0 28px var(--site-neon-main)) drop-shadow(0 0 62px var(--site-neon-deep));
  will-change:opacity,filter;
  animation:siteFrameWholeFade var(--site-frame-total) ease-in-out var(--site-frame-delay) forwards;
}
.site-frame-segment{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
  stroke-dasharray:100;
  stroke-dashoffset:100;
  animation:siteFrameJoin var(--site-frame-total) cubic-bezier(.12,.76,.18,1) forwards;
}
.site-frame-aura .site-frame-segment{stroke:var(--site-neon-soft);stroke-width:38px}
.site-frame-wide .site-frame-segment{stroke:var(--site-neon-main);stroke-width:22px}
.site-frame-mid .site-frame-segment{stroke:var(--site-neon-hot);stroke-width:9px}
.site-frame-core .site-frame-segment{stroke:var(--site-neon-core);stroke-width:2.9px}
.site-frame-left-top,.site-frame-left-mid-up,.site-frame-left-mid-down,.site-frame-left-bottom{animation-delay:calc(var(--site-frame-delay) + .00s)}
.site-frame-right-top,.site-frame-right-mid-up,.site-frame-right-mid-down,.site-frame-right-bottom{animation-delay:calc(var(--site-frame-delay) + .18s)}
.site-neon-layer{
  position:absolute;
  inset:0;
  z-index:5;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  transform-origin:50% 50%;
  will-change:opacity,transform;
}
.site-logo-white{z-index:5;opacity:1;animation:siteWhiteCore var(--site-logo-time) linear var(--site-ignite-delay) both}
.site-logo-blue{z-index:4;opacity:0;animation:siteBlueCore var(--site-logo-time) linear var(--site-ignite-delay) both}
.site-logo-steady{z-index:3;opacity:0;animation:siteSteadyGlow var(--site-logo-time) linear var(--site-ignite-delay) both}
.site-logo-glow{z-index:2;opacity:0;animation:siteLogoGlow var(--site-logo-time) linear var(--site-ignite-delay) both}
.site-logo-burst{z-index:1;opacity:0;animation:siteLogoBurst var(--site-logo-time) linear var(--site-ignite-delay) both}
@keyframes siteFrameJoin{
  0%{opacity:0;stroke-dashoffset:100}
  7%{opacity:1}
  58%{opacity:1;stroke-dashoffset:0}
  100%{opacity:1;stroke-dashoffset:0}
}
@keyframes siteFrameWholeFade{
  0%,66%{opacity:1;filter:blur(0) drop-shadow(0 0 10px var(--site-neon-hot)) drop-shadow(0 0 28px var(--site-neon-main)) drop-shadow(0 0 62px var(--site-neon-deep))}
  78%{opacity:.86;filter:blur(1.4px) drop-shadow(0 0 12px var(--site-neon-hot)) drop-shadow(0 0 34px var(--site-neon-main)) drop-shadow(0 0 74px var(--site-neon-deep))}
  90%{opacity:.38;filter:blur(5px) drop-shadow(0 0 16px var(--site-neon-hot)) drop-shadow(0 0 42px var(--site-neon-main)) drop-shadow(0 0 88px var(--site-neon-deep))}
  100%{opacity:0;filter:blur(12px) drop-shadow(0 0 20px var(--site-neon-hot)) drop-shadow(0 0 56px var(--site-neon-main)) drop-shadow(0 0 110px var(--site-neon-deep))}
}
@keyframes siteWhiteCore{
  0%,5%{opacity:1;transform:scale(1)}
  8%{opacity:.98;transform:scale(1.018)}
  10%{opacity:.84;transform:scale(1.032)}
  45%{opacity:.74;transform:scale(1.020)}
  56%{opacity:.62;transform:scale(1.006)}
  100%{opacity:.54;transform:scale(1)}
}
@keyframes siteBlueCore{
  0%,5%{opacity:0;transform:scale(1)}
  8%{opacity:1;transform:scale(1.018)}
  10%{opacity:1;transform:scale(1.032)}
  45%{opacity:1;transform:scale(1.020)}
  56%{opacity:1;transform:scale(1.006)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes siteSteadyGlow{
  0%,5%{opacity:0;transform:scale(1)}
  8%{opacity:1;transform:scale(1.022)}
  45%{opacity:.98;transform:scale(1.018)}
  58%{opacity:.74;transform:scale(1.004)}
  100%{opacity:.68;transform:scale(1)}
}
@keyframes siteLogoGlow{
  0%,5%{opacity:0;transform:scale(1)}
  8%{opacity:1;transform:scale(1.050)}
  45%{opacity:.96;transform:scale(1.045)}
  58%{opacity:.52;transform:scale(1.012)}
  100%{opacity:.32;transform:scale(1)}
}
@keyframes siteLogoBurst{
  0%,5.5%{opacity:0;transform:scale(.995)}
  8%{opacity:1;transform:scale(1.085)}
  45%{opacity:.96;transform:scale(1.078)}
  60%,100%{opacity:0;transform:scale(1.13)}
}
@media (max-width:980px){
  .nav{min-height:108px;align-items:center}
  .logo.logo-neon-link{width:138px;height:122px;flex-basis:138px}
  .site-neon-logo{--site-logo-w:138px;--site-logo-h:122px;--site-frame-size:120px}
  .menu{gap:5px}
  .menu a{font-size:13px;padding:9px 10px}
}
@media (max-width:680px){
  .nav{justify-content:center;gap:8px;padding-top:5px;padding-bottom:8px}
  .logo.logo-neon-link{width:122px;height:108px;flex-basis:122px;margin:auto}
  .site-neon-logo{--site-logo-w:122px;--site-logo-h:108px;--site-frame-size:106px}
  .menu{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .site-frame-segment,.site-neon-frame,.site-neon-layer{animation-duration:.01ms!important;animation-delay:0s!important}
}

/* ===== v254: większe przyciski w belce + poprawiony hover CTA ===== */
.menu{
  gap:9px;
}
.menu a{
  padding:12px 15px;
  font-size:15px;
  border-radius:12px;
  line-height:1.15;
}
.menu a.btn{
  padding:14px 22px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--cyan),#65efff) !important;
  color:#03101d !important;
  border-color:transparent !important;
  box-shadow:0 0 28px rgba(25,230,255,.34),0 0 50px rgba(23,105,255,.16);
}
.menu a.btn:hover,
.menu a.btn:focus{
  background:linear-gradient(135deg,#19e6ff,#65efff,#1769ff) !important;
  color:#03101d !important;
  border-color:rgba(25,230,255,.80) !important;
  box-shadow:0 0 32px rgba(25,230,255,.50),0 0 72px rgba(23,105,255,.28) !important;
}
.menu a.btn:hover:before,
.menu a.btn:focus:before{
  animation:shine .9s forwards;
}
@media (max-width:980px){
  .menu{gap:7px}
  .menu a{font-size:14px;padding:11px 12px}
  .menu a.btn{padding:12px 17px}
}
@media (max-width:680px){
  .menu a{font-size:13px;padding:10px 11px}
  .menu a.btn{padding:11px 15px}
}

/* ===== v255: naprawdę powiększone przyciski w belce ===== */
.header .nav{
  min-height:126px;
  gap:24px;
}
.header .menu{
  gap:13px !important;
}
.header .menu > a:not(.shop-top-cart),
.header .menu .menu-dropdown > .menu-dropdown-main{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:15px 21px !important;
  font-size:17px !important;
  line-height:1.1 !important;
  border-radius:15px !important;
  font-weight:900 !important;
}
.header .menu > a.btn{
  min-height:56px !important;
  padding:17px 31px !important;
  font-size:17px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#19e6ff,#65efff,#1769ff) !important;
  color:#03101d !important;
  border:1px solid rgba(25,230,255,.70) !important;
  box-shadow:0 0 30px rgba(25,230,255,.45),0 0 70px rgba(23,105,255,.25) !important;
}
.header .menu > a.btn:hover,
.header .menu > a.btn:focus,
.header .menu > a.btn:active{
  background:linear-gradient(135deg,#19e6ff,#7cf4ff,#1769ff) !important;
  color:#03101d !important;
  border-color:rgba(131,245,255,.95) !important;
  box-shadow:0 0 36px rgba(25,230,255,.62),0 0 88px rgba(23,105,255,.34) !important;
  filter:brightness(1.08) !important;
}
.header .shop-top-cart{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  border-radius:16px !important;
}
.header .shop-top-cart:hover,
.header .shop-top-cart:focus{
  background:linear-gradient(135deg,#19e6ff,#65efff,#1769ff) !important;
  color:#03101d !important;
  border-color:rgba(131,245,255,.95) !important;
  box-shadow:0 0 30px rgba(25,230,255,.48),0 0 62px rgba(23,105,255,.24) !important;
}
@media (max-width:1100px){
  .header .nav{gap:16px}
  .header .menu{gap:8px !important}
  .header .menu > a:not(.shop-top-cart),
  .header .menu .menu-dropdown > .menu-dropdown-main{
    min-height:48px !important;
    padding:13px 15px !important;
    font-size:15px !important;
  }
  .header .menu > a.btn{min-height:50px !important;padding:14px 19px !important;font-size:15px !important}
  .header .shop-top-cart{width:50px !important;height:50px !important;min-width:50px !important}
}
@media (max-width:680px){
  .header .menu > a:not(.shop-top-cart),
  .header .menu .menu-dropdown > .menu-dropdown-main{
    min-height:44px !important;
    padding:11px 12px !important;
    font-size:14px !important;
  }
  .header .menu > a.btn{min-height:46px !important;padding:12px 16px !important;font-size:14px !important}
}

/* ===== v256: Zapytaj o ofertę jednokolorowe, efekt dopiero po najechaniu ===== */
.header .menu > a.btn{
  background:#19e6ff !important;
  background-image:none !important;
  color:#03101d !important;
  border:1px solid rgba(25,230,255,.62) !important;
  box-shadow:0 0 14px rgba(25,230,255,.22) !important;
  filter:none !important;
}
.header .menu > a.btn:before{
  opacity:0 !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent) !important;
}
.header .menu > a.btn:hover,
.header .menu > a.btn:focus,
.header .menu > a.btn:active{
  background:linear-gradient(135deg,#19e6ff,#6ff4ff,#1769ff) !important;
  background-size:220% 220% !important;
  color:#03101d !important;
  border-color:rgba(131,245,255,.98) !important;
  box-shadow:0 0 34px rgba(25,230,255,.66),0 0 86px rgba(23,105,255,.38) !important;
  filter:brightness(1.08) !important;
  animation:ctaHoverFlow 1.15s ease-in-out infinite alternate !important;
}
.header .menu > a.btn:hover:before,
.header .menu > a.btn:focus:before,
.header .menu > a.btn:active:before{
  opacity:1 !important;
  animation:shine .9s forwards !important;
}
@keyframes ctaHoverFlow{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}


/* v257 - sklep użytkownika bez banera i tytułu */
.tm-shop-section{padding-top:22px;}
@media(max-width:700px){.tm-shop-section{padding-top:16px;}}

/* ===== v288: górna belka - stonowany koszyk + przebłysk na przyciskach ===== */
.header .menu > a:not(.btn):not(.shop-top-cart),
.header .menu .menu-dropdown > .menu-dropdown-main{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
}
.header .menu > a:not(.btn):not(.shop-top-cart)::before,
.header .menu .menu-dropdown > .menu-dropdown-main::before{
  content:"";
  position:absolute;
  top:0;
  left:-130%;
  width:72%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);
  transform:skewX(-20deg);
  opacity:0;
  pointer-events:none;
  z-index:1;
}
.header .menu > a:not(.btn):not(.shop-top-cart):hover::before,
.header .menu > a:not(.btn):not(.shop-top-cart):focus::before,
.header .menu .menu-dropdown:hover > .menu-dropdown-main::before,
.header .menu .menu-dropdown:focus-within > .menu-dropdown-main::before{
  opacity:1;
  animation:shine .9s forwards !important;
}
.header .shop-top-cart,
.header .shop-top-cart.active{
  background:rgba(255,255,255,.055) !important;
  background-image:none !important;
  color:#e7f8ff !important;
  border:1px solid rgba(25,230,255,.22) !important;
  box-shadow:0 0 14px rgba(25,230,255,.10) !important;
  filter:none !important;
}
.header .shop-top-cart:hover,
.header .shop-top-cart:focus,
.header .shop-top-cart.active:hover,
.header .shop-top-cart.active:focus{
  background:rgba(25,230,255,.10) !important;
  background-image:none !important;
  color:#e7f8ff !important;
  border-color:rgba(25,230,255,.35) !important;
  box-shadow:0 0 18px rgba(25,230,255,.18) !important;
  filter:none !important;
  transform:none !important;
}
.header .shop-top-cart-icon,
.header .shop-top-cart-count{
  position:relative;
  z-index:2;
}

/* ===== v289: większy koszyk i ikona idealnie na środku przycisku ===== */
.header .shop-top-cart,
.header .shop-top-cart.active{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  border-radius:18px !important;
}
.header .shop-top-cart-icon{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
}
.header .shop-top-cart-icon svg{
  width:35px !important;
  height:35px !important;
  display:block !important;
  margin:0 auto !important;
}
.header .shop-top-cart-count{
  right:-7px !important;
  top:-7px !important;
}
@media (max-width:1100px){
  .header .shop-top-cart,
  .header .shop-top-cart.active{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
  }
  .header .shop-top-cart-icon svg{
    width:31px !important;
    height:31px !important;
  }
}
@media (max-width:680px){
  .header .shop-top-cart,
  .header .shop-top-cart.active{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:15px !important;
  }
  .header .shop-top-cart-icon svg{
    width:28px !important;
    height:28px !important;
  }
}


/* ===== v290: dokładne wycentrowanie ikony koszyka w przycisku ===== */
.header .shop-top-cart,
.header .shop-top-cart.active{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.header .shop-top-cart-icon{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) translateX(1.5px) !important;
}
.header .shop-top-cart-icon svg{
  margin:0 !important;
  transform:none !important;
}
.header .shop-top-cart-count{
  position:absolute !important;
}

/* ===== v326: mały checkbox RODO przy formularzu kontaktowym ===== */
.tm-rodo-consent{display:flex;align-items:flex-start;gap:7px;margin:8px 0 10px;color:rgba(232,244,255,.74);font-size:10px;line-height:1.25;font-weight:650;cursor:pointer}
.tm-rodo-consent input{width:13px;height:13px;min-width:13px;margin:1px 0 0;accent-color:#19e6ff}
.tm-rodo-consent span{display:block}
.tm-contact-rodo{padding:8px 9px;border:1px solid rgba(25,230,255,.18);border-radius:10px;background:rgba(255,255,255,.035);max-height:66px;overflow:auto}