/* ============================================================================
   MTOPrograms — mobile-layout.css v301
   Wspólna baza mobilna: zmienne, tło, header, menu, stopka i reset.
   Pliki mobile-* ustawiają tylko układ konkretnych stron.
   ============================================================================ */

@media screen and (max-width:1199px){
  :root{
    /* Geometria */
    --m-page-w:min(430px,calc(100vw - 28px));
    --m-frame-h:76px;
    --m-frame-inner-y:14px;
    --m-frame-inner-h:62px;
    --m-gap:24px;
    --m-gap-small:12px;
    --m-radius:18px;
    --m-radius-small:12px;

    /* Header */
    --m-header-page-top-gap:var(--m-frame-inner-y);
    --m-header-content-gap:var(--m-gap);
    --m-header-logo-x:10px; 
    --m-header-logo-y:calc(50% + 7px);
    --m-header-logo-w:210px;
    --m-header-logo-h:42px;
    --m-header-menu-w:74px;
    --m-header-menu-h:42px;
    --m-header-menu-x:12px;
    --m-header-menu-y:24px;

    /* Stopka */
    --m-footer-content-gap:var(--m-header-content-gap);
    --m-footer-page-bottom-gap:var(--m-header-page-top-gap);
    --m-footer-edge:18px;
    --m-footer-line1-y:31px;
    --m-footer-line2-y:56px;
    --m-footer-phone-range-w:142px;
    --m-footer-mail-range-w:183px;
    --m-footer-phone-content-w:106px;
    --m-footer-mail-content-w:143px;
    --m-footer-social-icon:22px;
    --m-footer-socials-gap:14px;
    --m-footer-socials-w:calc((var(--m-footer-social-icon) * 3) + (var(--m-footer-socials-gap) * 2));

    /* Kolory i tła */
    --m-bg:#02060c;
    --m-page-background:
      radial-gradient(circle at 50% 0%,rgba(0,102,195,.18),transparent 38%),
      radial-gradient(circle at 12% 32%,rgba(60,150,255,.07),transparent 31%),
      radial-gradient(circle at 86% 38%,rgba(60,150,255,.06),transparent 33%),
      linear-gradient(180deg,#040b12 0%,#061019 45%,#02060c 100%);
    --m-frame-bg:
      radial-gradient(130% 220% at 50% -65%,rgba(47,140,255,.095) 0%,rgba(47,140,255,.035) 25%,rgba(0,0,0,0) 48%),
      radial-gradient(95% 170% at 12% 48%,rgba(0,92,180,.055) 0%,rgba(0,92,180,.018) 36%,rgba(0,0,0,0) 66%),
      radial-gradient(95% 170% at 88% 48%,rgba(0,92,180,.05) 0%,rgba(0,92,180,.016) 36%,rgba(0,0,0,0) 66%),
      linear-gradient(180deg,rgba(7,16,30,.992) 0%,rgba(3,10,21,.996) 56%,rgba(1,5,12,.998) 100%);
    --m-panel:radial-gradient(circle at 50% 0%,rgba(47,140,255,.105),transparent 42%),linear-gradient(135deg,rgba(12,26,43,.97),rgba(4,10,18,.99));
    --m-panel-soft:radial-gradient(120% 95% at 50% 0%,rgba(47,140,255,.07),transparent 50%),linear-gradient(145deg,rgba(13,28,45,.965),rgba(5,11,20,.985));
    --m-hero-bg:var(--m-panel);
    --m-border:rgba(105,162,220,.31);
    --m-border-soft:rgba(70,150,230,.30);
    --m-text:#f4f8ff;
    --m-muted:#b5c6d8;
    --m-blue:#168bff;
    --m-active:#e55c01;
    --m-shadow:none;
    --m-font:Tahoma,Geneva,sans-serif;

    /* Ikony */
    --m-icon-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230064fa' d='M4 5h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm8 8.15L20 8.1V7l-8 5-8-5v1.1l8 5.05Z'/%3E%3C/svg%3E");
    --m-icon-facebook:url("data:image/svg+xml,%3Csvg%20fill%3D%27rgb%28255%2C%20255%2C%20255%29%27%20id%3D%27ww-facebook-square%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20viewBox%3D%270%200%2012%2014%27%3E%3Cpath%20d%3D%27M9.75%201q0.93%200%201.59%200.66t0.66%201.59v7.5q0%200.93-0.66%201.59t-1.59%200.66h-1.469v-4.648h1.555l0.234-1.812h-1.789v-1.156q0-0.438%200.184-0.656t0.715-0.219l0.953-0.008v-1.617q-0.492-0.070-1.391-0.070-1.062%200-1.699%200.625t-0.637%201.766v1.336h-1.563v1.812h1.563v4.648h-4.156q-0.93%200-1.59-0.66t-0.66-1.59v-7.5q0-0.93%200.66-1.59t1.59-0.66h7.5z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    --m-icon-youtube:url("data:image/svg+xml,%3Csvg%20fill%3D%27rgb%28255%2C%20255%2C%20255%29%27%20id%3D%27ww-youtube-square%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20viewBox%3D%270%200%2012%2014%27%3E%3Cpath%20d%3D%27M7.18%2010.18v-1.227q0-0.391-0.227-0.391-0.133%200-0.258%200.125v1.75q0.125%200.125%200.258%200.125%200.227%200%200.227-0.383zM8.617%209.227h0.516v-0.266q0-0.398-0.258-0.398t-0.258%200.398v0.266zM4.156%207.148v0.547h-0.625v3.305h-0.578v-3.305h-0.609v-0.547h1.812zM5.727%208.133v2.867h-0.523v-0.312q-0.305%200.352-0.594%200.352-0.258%200-0.328-0.219-0.047-0.125-0.047-0.422v-2.266h0.516v2.109q0%200.187%200.008%200.203%200.008%200.117%200.117%200.117%200.156%200%200.328-0.242v-2.188h0.523zM7.695%209v1.141q0%200.406-0.055%200.57-0.094%200.328-0.414%200.328-0.273%200-0.531-0.32v0.281h-0.523v-3.852h0.523v1.258q0.25-0.312%200.531-0.312%200.32%200%200.414%200.328%200.055%200.164%200.055%200.578zM9.656%2010.008v0.070q0%200.227-0.016%200.336-0.023%200.172-0.117%200.312-0.211%200.312-0.625%200.312-0.406%200-0.633-0.297-0.164-0.211-0.164-0.672v-1.008q0-0.461%200.156-0.672%200.227-0.297%200.625-0.297t0.609%200.297q0.164%200.219%200.164%200.672v0.594h-1.039v0.508q0%200.398%200.266%200.398%200.187%200%200.234-0.203%200-0.008%200.004-0.055t0.004-0.129v-0.168h0.531zM6.133%203.57v1.219q0%200.398-0.25%200.398t-0.25-0.398v-1.219q0-0.406%200.25-0.406t0.25%200.406zM10.297%209.141q0-1.383-0.148-2.031-0.078-0.344-0.336-0.574t-0.594-0.27q-1.062-0.117-3.219-0.117-2.148%200-3.211%200.117-0.344%200.039-0.598%200.27t-0.332%200.574q-0.156%200.68-0.156%202.031%200%201.375%200.156%202.031%200.078%200.336%200.332%200.57t0.59%200.273q1.070%200.117%203.219%200.117t3.219-0.117q0.336-0.039%200.59-0.273t0.332-0.57q0.156-0.656%200.156-2.031zM4.398%204.055l0.703-2.313h-0.586l-0.398%201.523-0.414-1.523h-0.609l0.187%200.539t0.18%200.539q0.273%200.805%200.359%201.234v1.57h0.578v-1.57zM6.656%204.687v-1.016q0-0.453-0.164-0.68-0.227-0.297-0.609-0.297-0.398%200-0.609%200.297-0.164%200.227-0.164%200.68v1.016q0%200.453%200.164%200.68%200.211%200.297%200.609%200.297%200.383%200%200.609-0.297%200.164-0.211%200.164-0.68zM8.070%205.625h0.523v-2.891h-0.523v2.211q-0.172%200.242-0.328%200.242-0.117%200-0.125-0.125-0.008-0.016-0.008-0.203v-2.125h-0.523v2.289q0%200.289%200.047%200.43%200.086%200.211%200.336%200.211%200.281%200%200.602-0.352v0.312zM12%203.25v7.5q0%200.93-0.66%201.59t-1.59%200.66h-7.5q-0.93%200-1.59-0.66t-0.66-1.59v-7.5q0-0.93%200.66-1.59t1.59-0.66h7.5q0.93%200%201.59%200.66t0.66%201.59z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    --m-icon-linkedin:url("data:image/svg+xml,%3Csvg%20fill%3D%27rgb%28255%2C%20255%2C%20255%29%27%20id%3D%27ww-linkedin-square%27%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20viewBox%3D%270%200%2012%2014%27%3E%3Cpath%20d%3D%27M1.852%2011.047h1.805v-5.422h-1.805v5.422zM3.773%203.953q-0.008-0.406-0.281-0.672t-0.727-0.266-0.738%200.266-0.285%200.672q0%200.398%200.277%200.668t0.723%200.27h0.008q0.461%200%200.742-0.27t0.281-0.668zM8.344%2011.047h1.805v-3.109q0-1.203-0.57-1.82t-1.508-0.617q-1.062%200-1.633%200.914h0.016v-0.789h-1.805q0.023%200.516%200%205.422h1.805v-3.031q0-0.297%200.055-0.438%200.117-0.273%200.352-0.465t0.578-0.191q0.906%200%200.906%201.227v2.898zM12%203.25v7.5q0%200.93-0.66%201.59t-1.59%200.66h-7.5q-0.93%200-1.59-0.66t-0.66-1.59v-7.5q0-0.93%200.66-1.59t1.59-0.66h7.5q0.93%200%201.59%200.66t0.66%201.59z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

    /* Aliasy dla starszych plików mobilnych */
    --m-page-gap:var(--m-gap);
    --m-inner-gap:var(--m-gap-small);
    --m-card-top-glow:linear-gradient(180deg,rgba(47,140,255,.07) 0%,rgba(47,140,255,0) 100%);
    --m-button-bg:linear-gradient(180deg,rgba(5,18,31,.86) 0%,rgba(2,10,18,.96) 100%);
    --m-button-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.20);
    --m-media-border:rgba(37,102,232,.35);
  }

  /* Reset */
  *,*::before,*::after{box-sizing:border-box;}
  html,body{width:100%;min-width:0!important;margin:0;padding:0;overflow-x:hidden!important;background-color:var(--m-bg)!important;}
  html{scrollbar-gutter:stable;}
  body{min-height:100vh;color:var(--m-text);font-family:var(--m-font);font-size:16px;line-height:1.35;background-image:var(--m-page-background)!important;background-repeat:no-repeat!important;background-size:100% 100vh!important;background-position:top center!important;background-attachment:fixed!important;}
  a{color:inherit;text-decoration:none;}
  img{display:block;}
  img,video,iframe{max-width:100%;}

  main,.hero,.hero-webwave,.section,.products-page,.realizacje-page,.about-page,.product-detail-page,.contact-webwave-page,.products-canvas,.realizacje-canvas,.about-canvas,.product-detail-canvas,.contact-webwave-wrap{background:transparent!important;}
  .container{width:var(--m-page-w)!important;max-width:var(--m-page-w)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
  .seo-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
  .reveal,.reveal.visible,.lazy-img,.lazy-img.loaded{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;}

  /* Header */
  .site-header{position:relative!important;height:var(--m-frame-h)!important;min-height:var(--m-frame-h)!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .site-header::before{content:"";position:absolute;left:calc((100% - var(--m-page-w))/2);right:calc((100% - var(--m-page-w))/2);top:var(--m-frame-inner-y);height:var(--m-frame-inner-h);background:var(--m-frame-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow);pointer-events:none;z-index:0;}
  .site-header .nav{position:relative!important;z-index:1;width:var(--m-page-w)!important;max-width:var(--m-page-w)!important;height:var(--m-frame-h)!important;min-height:var(--m-frame-h)!important;margin:0 auto!important;padding:0!important;display:block!important;overflow:visible!important;}

  .site-header .logo,.site-header .brand,.site-header .brand-logo{position:absolute!important;left:var(--m-header-logo-x)!important;top:var(--m-header-logo-y)!important;width:var(--m-header-logo-w)!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;line-height:0!important;transform:translateY(-50%)!important;background:transparent!important;}
  .site-header .brand::before{display:none!important;content:none!important;}
  .site-header .logo a,.site-header .logo-link,.site-header .brand a,.site-header .brand-logo a{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;line-height:0!important;}
  .site-header img,.site-header .logo img,.site-header .brand img,.site-header .brand-logo img{display:block!important;position:static!important;width:var(--m-header-logo-w)!important;height:var(--m-header-logo-h)!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;transform:none!important;}
  .site-header .brand span{display:none!important;}

  .site-header .menu-button{position:absolute!important;right:var(--m-header-menu-x)!important;top:var(--m-header-menu-y)!important;width:var(--m-header-menu-w)!important;height:var(--m-header-menu-h)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--m-border)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(5,18,31,.86) 0%,rgba(2,10,18,.96) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 20px rgba(0,0,0,.20)!important;color:var(--m-text)!important;font-family:var(--m-font)!important;font-size:0!important;font-weight:900!important;letter-spacing:.4px!important;line-height:1!important;cursor:pointer;}
  .site-header .menu-button::before{content:"MENU";font-size:15px;font-weight:900;color:var(--m-text);}
  .site-header .menu{position:absolute!important;left:0!important;right:0!important;top:82px!important;z-index:30!important;display:none;flex-direction:column;gap:10px;margin:0!important;padding:12px!important;background:var(--m-frame-bg);border:1px solid var(--m-border);border-radius:var(--m-radius-small);}
  .site-header .menu.open{display:flex!important;}
  .site-header .menu a{min-height:38px;display:flex;align-items:center;justify-content:center;color:var(--m-muted);font-family:var(--m-font);font-size:14px;font-weight:800;border:1px solid rgba(105,162,220,.20);border-radius:10px;}
  .site-header .menu a.active{color:var(--m-active);border-color:rgba(229,92,1,.45);}

  /* Wspólne elementy */
  .mobile-card,.page-title,.box{background:var(--m-panel);border:1px solid var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow);color:var(--m-text);}
  .button,.product-row-button,.product-back-button{font-family:var(--m-font);text-decoration:none;-webkit-tap-highlight-color:transparent;}
  .button,.product-row-button{background:var(--m-button-bg);border:1px solid var(--m-border-soft);border-radius:var(--m-radius-small);box-shadow:var(--m-button-shadow);color:var(--m-text);}

  /* Stopka */
  .footer{position:relative!important;height:var(--m-frame-h)!important;min-height:var(--m-frame-h)!important;max-height:var(--m-frame-h)!important;margin:calc(var(--m-footer-content-gap) - var(--m-frame-inner-y)) 0 var(--m-footer-page-bottom-gap)!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--m-muted);font-family:var(--m-font);}
  .footer::before{content:"";position:absolute;left:calc((100% - var(--m-page-w))/2);right:calc((100% - var(--m-page-w))/2);top:var(--m-frame-inner-y);height:var(--m-frame-inner-h);background:var(--m-frame-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow);pointer-events:none;z-index:0;}
  .footer .footer-grid{position:relative!important;z-index:1;width:var(--m-page-w)!important;max-width:var(--m-page-w)!important;height:var(--m-frame-h)!important;min-height:var(--m-frame-h)!important;max-height:var(--m-frame-h)!important;margin:0 auto!important;padding:0!important;display:block!important;overflow:visible!important;text-align:left!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .footer-contact-line,.footer-social-copyright-row{display:block!important;margin:0!important;padding:0!important;}
  .footer-address-line{display:none!important;}

  .footer-contact-item{position:absolute!important;top:var(--m-footer-line1-y)!important;display:inline-flex!important;align-items:center!important;gap:5px!important;height:21px!important;min-width:0!important;margin:0!important;padding:0!important;line-height:1!important;white-space:nowrap!important;transform:translateY(-50%)!important;}
  .footer-contact-item a{color:var(--m-muted)!important;font-size:clamp(11px,3.05vw,13px)!important;line-height:1!important;text-decoration:none!important;}
  .footer-contact-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:21px!important;min-width:21px!important;height:21px!important;color:var(--m-blue)!important;line-height:1!important;}
  .footer-phone-icon{font-size:19px!important;transform:translateY(-1px)!important;}
  .footer-mail-icon{font-size:0!important;}
  .footer-mail-icon::before{content:"";display:block;width:21px;height:21px;background:var(--m-icon-mail) center/21px 21px no-repeat;}
  .footer-phone-item{left:var(--m-footer-edge)!important;right:auto!important;width:var(--m-footer-phone-range-w)!important;justify-content:flex-start!important;}
  .footer-mail-item{right:var(--m-footer-edge)!important;left:auto!important;width:var(--m-footer-mail-range-w)!important;justify-content:flex-end!important;}

  .socials{position:absolute!important;left:calc(var(--m-footer-edge) + ((var(--m-footer-phone-content-w) - var(--m-footer-socials-w))/2))!important;top:var(--m-footer-line2-y)!important;width:var(--m-footer-socials-w)!important;height:var(--m-footer-social-icon)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--m-footer-socials-gap)!important;transform:translateY(-50%)!important;}
  .socials span,.socials a,.socials a.footer-youtube-link{position:static!important;width:var(--m-footer-social-icon)!important;height:var(--m-footer-social-icon)!important;min-width:var(--m-footer-social-icon)!important;max-width:var(--m-footer-social-icon)!important;min-height:var(--m-footer-social-icon)!important;max-height:var(--m-footer-social-icon)!important;margin:0!important;padding:0!important;display:block!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:transparent!important;font-size:0!important;line-height:0!important;text-decoration:none!important;overflow:hidden!important;}
  .socials span:nth-child(1){background-image:var(--m-icon-facebook)!important;}
  .socials a.footer-youtube-link,.socials span:nth-child(2){background-image:var(--m-icon-youtube)!important;}
  .socials span:nth-child(3){background-image:var(--m-icon-linkedin)!important;}
  .footer-copyright{position:absolute!important;right:var(--m-footer-edge)!important;top:var(--m-footer-line2-y)!important;width:var(--m-footer-mail-content-w)!important;height:18px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--m-muted)!important;font-size:clamp(11px,3.05vw,13px)!important;line-height:1!important;white-space:nowrap!important;text-align:center!important;transform:translateY(-50%)!important;}
}

@media screen and (min-width:768px) and (max-width:1199px){
  :root{--m-page-w:min(720px,calc(100vw - 42px));}
}

/* v332: docelowe usunięcie niebieskich strzałek z przycisków WIĘCEJ. */
:is(.button,.desktop-more-button,.desktop-product-more-button,.product-row-button,.product-back-button)::after,
a:is(.button,.desktop-more-button,.desktop-product-more-button,.product-row-button,.product-back-button)::after {
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
}

:is(.button,.desktop-more-button,.desktop-product-more-button,.product-row-button,.product-back-button) {
  padding-right:0 !important;
  text-align:center !important;
}