/* ============================================================
   MOBILE EXPRESS v1 — zamow-netia.pl (tylko ≤768px)
   Desktop: 0 zmian (wszystko pod max-width:768px).
   Rollback: usuń <link> do tego pliku + blok M9 z index.html.
   ============================================================ */

/* desktop: elementy express ukryte */
.mx-hero,.mx-cards,.mx-contact,.mx-expand,.mx-stickybar{display:none}

@media(max-width:768px){

/* [0] ukryj wewnętrzną zawartość hero na mobile — zostaje tylko express hero */
header .hero-inner,
header .hero-img,
header .hero-ads,
header .scroll-hint{display:none!important}
header{min-height:0!important;padding:64px 0 0!important;display:block!important;background:#04263b!important}

/* [1] HERO express — banner 6 mies., CAŁY bez kadrowania, wyśrodkowany, klikalny */
.mx-hero{display:block;position:relative;width:100%;box-sizing:border-box;padding:14px 16px 16px;background:#04263b;cursor:pointer;text-decoration:none}
.mx-hero img{width:100%;max-width:430px;height:auto;display:block;margin:0 auto;border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
.mx-hero .mx-tip{display:table;margin:12px auto 0;background:rgba(182,230,30,.14);border:1.5px solid #b6e61e;color:#b6e61e;font-size:13px;font-weight:700;padding:9px 20px;border-radius:100px;white-space:nowrap;pointer-events:none}

/* [2] KARTY OFERT — duże, pełnoszerokościowe */
.mx-cards{display:flex;flex-direction:column;gap:12px;padding:16px 14px 6px;background:#f6fafc}
.mx-card{display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:18px 22px;border-radius:18px;background:#fff;border:1.5px solid var(--border,#e3edf3);text-decoration:none;color:var(--dark,#0a2530);box-shadow:0 6px 18px rgba(0,40,61,.08)}
.mx-card b{font-size:21px;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:10px}
.mx-card span{font-size:14.5px;color:var(--muted,#4f6b7c);margin-top:5px;font-weight:600}
.mx-card .mx-go{margin-left:auto;font-size:22px;color:var(--blue,#0079c2)}
.mx-card b .mx-ic{font-size:26px}
.mx-student{background:linear-gradient(135deg,#0a2530,#134a63);border-color:#b6e61e}
.mx-student b{color:#b6e61e}
.mx-student span{color:#cfe8b8}
.mx-student .mx-go{color:#b6e61e}

/* [3] BLOK KONTAKTOWY */
.mx-contact{display:block;padding:14px 14px 20px;background:#f6fafc}
.mx-call{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:64px;border-radius:100px;background:linear-gradient(135deg,#0079c2,#00b4c8);color:#fff;font-size:21px;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(0,121,194,.4);box-sizing:border-box}
.mx-call .mx-ic{font-size:24px}
.mx-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.mx-mail{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:100px;background:#fff;border:2px solid var(--blue,#0079c2);color:var(--blue,#0079c2);font-size:16px;font-weight:700;text-decoration:none}
.mx-ava{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:100px;background:#fff;border:2px solid var(--border,#e3edf3);color:var(--dark,#0a2530);font-size:16px;font-weight:700;text-decoration:none}
.mx-trust{display:flex;justify-content:space-between;gap:8px;margin-top:16px;padding:0 4px}
.mx-trust div{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--dark,#0a2530);line-height:1.3}
.mx-trust .mx-ic{display:block;font-size:22px;margin-bottom:4px}

/* [4] ROZWIŃ CAŁĄ STRONĘ */
.mx-expand{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 28px);margin:4px 14px 18px;min-height:54px;border-radius:100px;background:#0a2530;color:#fff;font-size:16.5px;font-weight:700;cursor:pointer;border:none}
body.mx-open .mx-expand .mx-arr{transform:rotate(180deg)}
.mx-expand .mx-arr{display:inline-block;transition:transform .3s}

/* treść poniżej ofert ukryta na mobile, dopóki nie rozwinięta (treść zostaje w DOM = SEO) */
body:not(.mx-open) #oferty,
body:not(.mx-open) #sprzet,
body:not(.mx-open) #telewizja,
body:not(.mx-open) #filmy,
body:not(.mx-open) #kontakt,
body:not(.mx-open) #wszystko,
body:not(.mx-open) #faq,
body:not(.mx-open) #mapa-miast,
body:not(.mx-open) #blog{display:none}

/* [5] STICKY DOLNY PASEK (pod banerem RODO — RODO ma wyższy z-index) */
.mx-stickybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:380;background:#04263b;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.mx-stickybar a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:100px;background:#b6e61e;color:#0a2530;font-size:19px;font-weight:800;text-decoration:none;box-sizing:border-box}
body{padding-bottom:86px}
.float-contact{bottom:96px!important}

}/* koniec media 768px */