/* 4. LAYOUT */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;}header{background:var(--secondary-color);padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,0.1);}#hero{}/* siatki */.row{display:flex;flex-wrap:wrap;margin:-0.5rem;}.col{flex:1;padding:0.5rem;}footer{background:var(--primary-color);color:var(--secondary-color);padding:2rem 0;text-align:left;}