/*
Theme Name: OgrodMarket Theme
Author: OgrodMarket
Version: 1.0
Description: Gotowy motyw WooCommerce – układ marketplace, jasna zieleń, sekcje, kolumny
*/

:root{
 --bg-main:#f5f8f3;
 --green:#5f8f3e;
 --green-dark:#4b7831;
 --footer:#2f3a2f;
}

body{
 margin:0;
 font-family:Arial, sans-serif;
 background:var(--bg-main);
 color:#2f3a2f;
}

.container{
 max-width:1200px;
 margin:0 auto;
 padding:20px;
}

header{
 background:#ffffff;
 box-shadow:0 4px 16px rgba(0,0,0,.08);
}

.header-inner{
 display:grid;
 grid-template-columns:220px 1fr 300px;
 align-items:center;
 gap:20px;
}

.hero{
 background:linear-gradient(rgba(95,143,62,.1),rgba(95,143,62,.1));
 padding:60px 20px;
 text-align:center;
}

.hero h1{font-size:36px}

.layout{
 display:grid;
 grid-template-columns:260px 1fr;
 gap:30px;
}

.sidebar{
 background:#ffffff;
 padding:20px;
 border-radius:12px;
}

.products{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.product{
 background:#ffffff;
 padding:16px;
 border-radius:14px;
 box-shadow:0 6px 18px rgba(0,0,0,.06);
}

footer{
 background:var(--footer);
 color:#fff;
 padding:40px 0;
 margin-top:60px;
}

footer a{color:#8bbf65}

@media(max-width:900px){
 .layout{grid-template-columns:1fr}
 .products{grid-template-columns:repeat(2,1fr)}
 .header-inner{grid-template-columns:1fr}
}

@media(max-width:500px){
 .products{grid-template-columns:1fr}
}