
:root{--bg:#0b0c0e;--panel:#17191d;--line:#303238;--yellow:#ffd119;--white:#f5f5f2;--muted:#b6b7b9;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--yellow)}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.topbar{background:var(--yellow);color:#141414;font-weight:750;font-size:.81rem;text-align:center;padding:5px}.header{background:rgba(10,11,13,.97);border-bottom:1px solid #292b2f;position:sticky;top:0;z-index:10}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:block;width:218px;max-height:85px;object-fit:contain;height:auto}.links{display:flex;align-items:center;gap:18px;font-size:.9rem;font-weight:700}.links a{white-space:nowrap}.cta,.btn{background:var(--yellow);color:#111!important;display:inline-flex;align-items:center;justify-content:center;font-weight:850;border:0;padding:13px 22px;border-radius:5px;cursor:pointer}.btn:hover,.cta:hover{background:#ffe264;color:#111}.ghost{border:1px solid #797a7b;background:transparent;color:#fff!important}.ghost:hover{border-color:var(--yellow);background:#202024}.menu-toggle{display:none;color:#fff;background:#222;border:1px solid #444;padding:8px 12px}.hero{position:relative;min-height:575px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(6,7,9,.96) 0%,rgba(7,8,10,.86) 35%,rgba(8,9,11,.2) 100%),url('kontener-na-gruz-hero.webp') center/cover no-repeat}.eyebrow{display:inline-block;font-weight:850;color:var(--yellow);font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px}.hero h1{max-width:710px;font-size:clamp(2.45rem,5.6vw,5rem);line-height:1.09;letter-spacing:-.055em;margin:0 0 25px}.hero h1 span,.accent{color:var(--yellow)}.hero p{max-width:620px;color:#e4e4e4;font-size:1.13rem;margin-bottom:29px}.actions{display:flex;flex-wrap:wrap;gap:12px}.stripe{height:7px;background:repeating-linear-gradient(115deg,var(--yellow) 0 90px,#080808 90px 112px)}section{padding:79px 0}.section-head{max-width:780px;margin-bottom:34px}.section-head h2,.pageintro h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.13;letter-spacing:-.045em;margin:0 0 14px}.section-head p,.lead{color:var(--muted);font-size:1.06rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#9c842b}.card img{width:100%;height:204px;object-fit:cover;display:block}.card-content{padding:24px}.card h3{margin:0 0 10px;font-size:1.27rem;line-height:1.3}.card p{color:var(--muted);margin:0 0 19px}.textlink{font-weight:850;color:var(--yellow)}.alt{background:#121416}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border-left:4px solid var(--yellow);padding:8px 22px;background:#1b1c20}.stat h3{margin:0 0 6px;font-size:1.1rem}.stat p{margin:0;color:var(--muted);font-size:.94rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{border-top:3px solid var(--yellow);padding:24px 15px;background:#1b1d20}.step b{display:block;color:var(--yellow);font-size:2rem;line-height:1}.step h3{font-size:1.04rem;line-height:1.25}.step p{font-size:.9rem;color:var(--muted)}.cities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.city{border:1px solid #414148;padding:18px 21px;background:#1b1d20;display:flex;justify-content:space-between;align-items:center;font-weight:800}.city span{color:var(--yellow)}.faq{max-width:920px}.faq details{border-bottom:1px solid #3a3a3e;padding:17px 0}.faq summary{cursor:pointer;font-size:1.06rem;font-weight:800}.faq p{color:var(--muted);padding-left:12px}.banner{background:var(--yellow);color:#101010;padding:55px 0}.banner .inner{display:flex;justify-content:space-between;align-items:center;gap:26px}.banner h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:0 0 7px;line-height:1.15}.banner p{margin:0}.banner .btn{background:#101010;color:#fff!important}.footer{padding:55px 0 28px;background:#070809}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer img{width:245px;height:auto;object-fit:contain}.footer h3{font-size:1rem}.footer a{display:block;margin:8px 0;color:#d8d8da;font-size:.94rem}.footer a:hover{color:var(--yellow)}.fine{margin-top:35px;padding-top:21px;border-top:1px solid #353537;font-size:.83rem;color:#a6a6a6}.pageintro{padding:72px 0 45px;background:radial-gradient(ellipse at top right,#27261d,#101113 60%)}.breadcrumbs{font-size:.86rem;color:#aaa;margin-bottom:22px}.breadcrumbs a{color:var(--yellow)}.pageintro h1{max-width:850px}.contentgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:56px}.copy h2{font-size:1.7rem;line-height:1.2;margin-top:36px}.copy p,.copy li{color:#c6c6c6}.copy ul{padding-left:22px}.aside{background:#1a1c20;padding:24px;border:1px solid #37383c;border-radius:8px;align-self:start}.aside img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.aside h3{font-size:1.3rem}.aside p{color:var(--muted)}table{border-collapse:collapse;width:100%;margin:22px 0}th,td{text-align:left;border-bottom:1px solid #3b3b3b;padding:14px 12px}th{background:#24262a;color:var(--yellow)}.notice{padding:15px 20px;background:#252315;border-left:4px solid var(--yellow);margin:25px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:35px}.form{background:#1a1c20;padding:26px;border:1px solid #39393a}.form label{display:block;font-weight:700;margin:12px 0 5px}.form input,.form textarea,.form select{width:100%;background:#0e0f11;color:#fff;border:1px solid #585a60;padding:13px;border-radius:4px;font:inherit}.form input:focus,.form textarea:focus{outline:2px solid var(--yellow)}.form button{margin-top:17px}.small{font-size:.86rem;color:var(--muted)}.chip{display:inline-block;background:#292a2c;color:#eaeaea;padding:5px 12px;border-radius:20px;font-size:.83rem;margin:4px} .skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:yellow;color:black;padding:8px}@media(max-width:980px){.links{gap:10px;font-size:.8rem}.logo{width:178px}.steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.nav{min-height:75px}.logo{width:168px}.menu-toggle{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:#0c0d0f;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid #555}.links.open{display:flex}.hero{min-height:620px;align-items:end;padding:65px 0;background:linear-gradient(0deg,#08090b 2%,rgba(5,6,8,.85) 40%,rgba(0,0,0,.1) 100%),url('kontener-na-gruz-hero.webp') 61% center/cover no-repeat}.cards,.stats,.cities,.contact,.contentgrid,.footgrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.banner .inner{align-items:flex-start;flex-direction:column}.section-head{margin-bottom:24px}section{padding:53px 0}}@media(max-width:440px){.steps{grid-template-columns:1fr}.hero h1{font-size:2.45rem}.actions .btn{width:100%}.wrap{width:min(100% - 30px,1160px)}}

/* Menu mobilne: natywne HTML details zamiast JavaScript */
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;color:var(--yellow);font-weight:800;border:1px solid #505050;padding:10px 13px;border-radius:4px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-links{position:absolute;top:calc(100% + 9px);right:0;width:min(310px,85vw);display:flex;flex-direction:column;background:#111315;padding:12px;box-shadow:0 15px 35px #000b;border:1px solid #414141;border-radius:5px}.mobile-links a{padding:10px;border-bottom:1px solid #333}.mobile-links a:last-child{border:0}
@media(max-width:720px){.mobile-menu{display:block}.links{display:none!important}}

/* Widoczny numer telefonu na wszystkich podstronach — bez JS */
.topbar{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:7px 15px}.topbar-call{font-weight:900;color:#111;text-decoration:none;white-space:nowrap;font-size:1rem}.topbar-call:hover{color:#443600}.header-call{font-weight:900;color:var(--yellow);font-size:1.03rem;white-space:nowrap;margin-left:auto}.header-call:hover{color:#fff}.mobile-sticky-call{display:none}.footer-contact a{word-break:break-word}.contact-large{display:block;color:var(--yellow);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:850;margin:15px 0}.contact-mail{font-size:clamp(1.05rem,2.1vw,1.35rem)}.contact .form ul{padding-left:22px;line-height:2}.contact .form .btn{margin-top:14px}.hero .actions .btn{white-space:nowrap}
@media(min-width:721px) and (max-width:1200px){.nav{flex-wrap:wrap;padding:10px 0}.header-call{order:3;width:100%;text-align:right;margin-top:-8px}.links{gap:12px}}
@media(max-width:720px){body{padding-bottom:75px}.topbar{gap:3px;flex-direction:column;line-height:1.4}.topbar-call{font-size:1.03rem}.header-call{display:none}.mobile-sticky-call{display:flex;position:fixed;align-items:center;justify-content:center;bottom:12px;left:12px;right:12px;min-height:52px;border-radius:999px;background:var(--yellow);color:#111!important;text-decoration:none;font-weight:900;z-index:99;box-shadow:0 10px 35px #000a}.mobile-sticky-call:hover{background:#ffe264}.contact{gap:20px}}
