/* ===== Palette OZNATURAL ===== */
:root{
  --ozn-beige:#F3EFE7;
  --ozn-beige-2:#EAE3D6;
  --ozn-green:#2F5E4F;
  --ozn-green-2:#3B7A68;
  --ozn-text:#2B2B2B;
  --ozn-white:#fff;
  --ozn-radius:20px;
  --ozn-wrap:1200px;
}

/* Reset rapide */
#ozn-home{font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ozn-text)}
#ozn-home .ozn-wrap{max-width:var(--ozn-wrap);margin-inline:auto;padding-inline:18px}

/* ===== HERO ===== */
.ozn-hero{
  position:relative;min-height:62vh;display:grid;place-items:center;
  background: center/cover no-repeat var(--ozn-beige);
  background-image: var(--hero);
}
.ozn-hero::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.20),rgba(0,0,0,.35));
}
.ozn-hero__inner{position:relative;z-index:2;text-align:center;color:var(--ozn-white);max-width:900px;padding:32px}
.ozn-hero__title{letter-spacing:.08em;font-weight:700;font-size:clamp(28px,4vw,48px);margin:0 0 8px}
.ozn-hero__tag{font-size:clamp(16px,2.2vw,22px);opacity:.95;margin:0 0 22px}
.ozn-btn{
  display:inline-block;padding:12px 22px;border-radius:999px;
  background:var(--ozn-green);color:#fff;text-decoration:none;font-weight:600;
}
.ozn-btn:hover{background:var(--ozn-green-2)}

/* ===== SERVICES ===== */
.ozn-services{background:var(--ozn-beige);padding:28px 0}
.ozn-services .ozn-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ozn-services article{
  background:#f7f5f1;border-radius:18px;padding:18px;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.04)
}
.ozn-services img{width:52px;height:auto;margin-bottom:10px;opacity:.95}
.ozn-services h3{margin:.25rem 0 .15rem;font-size:16px}
.ozn-services p{margin:0;font-size:14px;opacity:.8}

/* ===== CATEGORIES ===== */
.ozn-cats{padding:34px 0}
.ozn-cats .ozn-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ozn-card{
  display:grid;place-items:center;min-height:170px;border-radius:var(--ozn-radius);
  background:linear-gradient(135deg,var(--ozn-beige),var(--ozn-beige-2));
  text-decoration:none;color:var(--ozn-text);font-weight:700;font-size:18px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.ozn-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.06)}

/* ===== VALEURS ===== */
.ozn-values{background:#fff;padding:26px 0 6px}
.ozn-values .ozn-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ozn-values article{border:1px solid #eee;border-radius:18px;padding:22px;text-align:center}
.ozn-values img{width:60px;height:auto;margin-bottom:10px;opacity:.9}
.ozn-values h4{margin:0;font-size:15px}

/* ===== PRODUITS ===== */
.ozn-products{padding:36px 0 60px}
.ozn-products h2{font-size:clamp(22px,3vw,28px);margin:0 0 18px}
.ozn-products__grid .woocommerce ul.products{margin-top:6px}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .ozn-services .ozn-wrap,
  .ozn-values .ozn-wrap{grid-template-columns:repeat(2,1fr)}
  .ozn-cats .ozn-wrap{grid-template-columns:1fr}
  .ozn-hero{min-height:50vh}
}
@media (max-width: 520px){
  .ozn-services .ozn-wrap,
  .ozn-values .ozn-wrap{grid-template-columns:1fr}
}