*,*:before,*:after{box-sizing:border-box}
@font-face{font-family:Bellefair;src:url('./fonts/Bellefair-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
body{margin:0;font-family:Bellefair,serif;font-size:1.2rem}
h1,h2,h3,h4,h5{font-weight:400;text-align:center}
h1{font-size:3rem}h2{font-size:2rem}h3,h4{font-size:1.6rem}
p{font-size:1.4rem;font-weight:400}
nav{background:#fff;padding:0 20px;position:relative}
nav .nav-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto}
nav .logo-container{order:1;display:flex;flex:0 0 auto}
nav .logo-container img{width:90px;height:50px;object-fit:contain;margin:10px 0}
nav ul{order:2;list-style:none;display:flex;margin:0;padding:0;font-size:1.4rem}
nav ul li{position:relative}
nav ul li a{color:#333;text-decoration:none;padding:20px 15px;display:block}
nav ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:260px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:100;border:1px solid #ddd}
nav ul li:hover>ul{display:block}
nav ul li ul li a{padding:10px 15px}
nav ul li ul li a:hover{background:#f2f2f2}
nav .phone{order:3;color:#333;font-weight:700;font-size:1.4rem}
nav .hamburger{display:none;flex-direction:column;cursor:pointer;order:4}
nav .hamburger span{height:3px;width:25px;background:#333;margin:4px 0;border-radius:2px}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:-0  -15px}
.col{padding:20px 5px;flex:0 0 auto}
.col-1{flex:0 0 8.3333%;max-width:8.3333%}
.col-2{flex:0 0 16.6667%;max-width:16.6667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.3333%;max-width:33.3333%}
.col-6{flex:0 0 50%;max-width:50%}
.col-12{flex:0 0 100%;max-width:100%}
@media(max-width:768px){
nav .hamburger{display:flex;order:3;margin-left:10px}
nav .phone{order:2;margin-left:20px;font-size:1.3rem}
nav ul{position:fixed;top:60px;left:-100%;width:100%;flex-direction:column;background:#fff;transition:left .3s ease;z-index:9999}
nav ul.active{left:0}
nav ul li,nav ul li ul{width:100%;position:relative;top:0;border:none;box-shadow:none}
nav ul li:hover>ul{display:none}
nav ul li.active>ul{display:block}
.col,.col-1,.col-2,.col-3,.col-4,.col-6{flex:0 0 100%;max-width:100%}
}
@media(max-width:400px){
nav ul li a{padding:15px 8px;font-size:1.3rem}
nav .logo-container img{width:70px;height:40px}
}
.kursy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.kursy-grid-duze{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.kostka{border:1px solid #ddd;padding:15px;border-radius:8px;background:#fff;display:flex;flex-direction:column}
.naglowek,.podglowek{display:flex;justify-content:space-between;font-weight:400;font-size:1.6rem}
.naglowek{margin-bottom:10px}.podglowek{margin-top:10px}
.kod{opacity:.6}
.ceny{display:flex;flex-wrap:wrap;gap:10px}
.sekcja{flex:1;font-size:1.6rem;min-width:120px;padding:5px;border-radius:4px}
.sekcja.hurt{background:#ededed}.sekcja.detal{background:#fafafa}
@media(max-width:900px){.kursy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
.kursy-grid{grid-template-columns:1fr}
.ceny{flex-direction:column}
}
a{color:#bd090c}a:hover{color:#bd090c}
.footer{background:#f5f5f5;border-top:1px solid #ddd;margin-top:40px;font-size:1.2rem}
.footer-container{max-width:1200px;margin:0 auto;padding:30px 15px;display:flex;flex-wrap:wrap;gap:30px}
.footer-col{flex:1;min-width:250px}
.footer h4{font-size:1.5rem;margin-bottom:10px;text-align:left}
.footer p{font-size:1.2rem;line-height:1.6;text-align:left}
.footer ul{list-style:none;margin:0;padding:0}
.footer ul li{margin-bottom:8px}
.footer ul li a{color:#333;text-decoration:none}
.footer ul li a:hover{text-decoration:underline}
.footer-bottom{background:#e9e9e9;text-align:center;padding:15px;font-size:1.1rem;border-top:1px solid #ddd}
@media(max-width:768px){
.footer-container{flex-direction:column}
.footer h4,.footer p,.footer ul{text-align:center}
}
.oddzialy,.telefony-oddzialow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}
.oddzial p,.telefon a{font-size:1.2rem}
.oddzial strong{font-size:1.3rem;font-weight:400}
.oddzial a,.telefon a{color:#bd090c;text-decoration:none}
.oddzial a:hover,.telefon a:hover{text-decoration:underline}
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#f9f9f9;padding:15px;text-align:center;z-index:10000}
#cookie-banner button{margin:0 8px;padding:8px 14px;border:0;border-radius:4px;cursor:pointer;font-weight:700}
#accept-cookies{background:#bd090c;color:#fff}
#reject-cookies{background:#eaeaea;color:#000}
.refresh-info{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;font-size:1.4rem;flex-wrap:wrap;text-align:center}
.refresh-item{white-space:nowrap}
.refresh-sep{opacity:.4}
@media(max-width:600px){
.refresh-info{flex-direction:column;gap:4px;font-size:1.2rem}
.refresh-sep{display:none}
}
.faq-wrapper{margin:auto;padding:10px 0 20px}
.faq-item{border-bottom:1px solid #ddd;padding:15px 0}
.faq-pytanie{cursor:pointer;font-size:1.4rem;display:flex;justify-content:space-between;align-items:center}
.faq-odpowiedz{display:none;margin-top:10px;line-height:1.6}
.active .faq-odpowiedz{display:block}
.arrow{font-size:18px;transition:transform .2s}
.active .arrow{transform:rotate(90deg)}
@media(max-width:600px){.faq-pytanie{font-size:16px}}