/* Gjutabetongplatta.j.pl - Stilmall för betonggjutning */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background:#f4f4f4}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#40e0d0 0%,#48d1cc 100%);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{display:inline-block;width:50px;height:50px;background:#fff;border-radius:5px;position:relative}
.logo::before{content:'';position:absolute;top:10px;left:10px;width:30px;height:30px;background:#40e0d0;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}
.logo-text{display:inline-block;margin-left:10px;font-size:1.2rem;font-weight:bold;vertical-align:middle}
nav ul{list-style:none;display:flex;gap:20px}
nav a{color:#fff;text-decoration:none;transition:opacity 0.3s}
nav a:hover{opacity:0.8}
.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}
.hero{background:linear-gradient(rgba(64,224,208,0.9),rgba(72,209,204,0.9)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect fill="%23ddd" width="100" height="100"/><rect fill="%23ccc" x="10" y="10" width="30" height="30"/><rect fill="%23bbb" x="60" y="60" width="30" height="30"/></svg>');padding:4rem 0;color:#fff;text-align:center}
.hero h1{font-size:2.5rem;margin-bottom:1rem}
.cta-btn{background:#ffd700;color:#333;padding:12px 30px;border:none;border-radius:5px;font-size:1.1rem;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block;margin:10px 5px;transition:transform 0.3s,box-shadow 0.3s}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,215,0,0.5)}
.content-section{background:#fff;padding:3rem 0;margin:2rem 0;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.info-box{background:#f9f9f9;padding:2rem;margin:2rem 0;border-left:4px solid #40e0d0;border-radius:5px}
.info-box h3{color:#40e0d0;margin-bottom:1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}
.card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s}
.card:hover{transform:translateY(-5px)}
.card h3{color:#40e0d0;margin-bottom:1rem}
.table-responsive{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:2rem 0}
th,td{padding:12px;text-align:left;border-bottom:1px solid #ddd}
th{background:#40e0d0;color:#fff}
tr:hover{background:#f5f5f5}
.form-container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.1);max-width:600px;margin:0 auto}
.form-group{margin-bottom:1.5rem}
label{display:block;margin-bottom:0.5rem;color:#555;font-weight:bold}
input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem}
input:focus,textarea:focus{outline:none;border-color:#40e0d0}
.captcha{background:#f0f0f0;padding:10px;border-radius:5px;text-align:center;margin:1rem 0}
footer{background:#333;color:#fff;padding:3rem 0;margin-top:3rem}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}
.footer-section h4{color:#40e0d0;margin-bottom:1rem}
.footer-section ul{list-style:none}
.footer-section a{color:#ccc;text-decoration:none;transition:color 0.3s}
.footer-section a:hover{color:#40e0d0}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #555}
blockquote{background:#f9f9f9;border-left:5px solid #40e0d0;margin:2rem 0;padding:1rem 2rem;font-style:italic}
details{background:#f5f5f5;padding:1rem;margin:1rem 0;border-radius:5px}
summary{cursor:pointer;font-weight:bold;color:#40e0d0;padding:0.5rem 0}
summary:hover{text-decoration:underline}
.css-image{width:100%;height:200px;background:linear-gradient(135deg,#40e0d0,#48d1cc);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:bold;margin:1rem 0}
@media(max-width:768px){
.mobile-menu-btn{display:block}
nav{position:absolute;top:100%;left:0;right:0;background:#40e0d0;display:none;padding:1rem}
nav.active{display:block}
nav ul{flex-direction:column;gap:10px}
.hero h1{font-size:1.8rem}
.grid{grid-template-columns:1fr}
.cta-btn{width:90%;max-width:300px}
.header-fixed{position:fixed;top:0;width:100%;z-index:1000}
.mobile-cta{position:fixed;bottom:20px;right:20px;z-index:999}
}