:root{
  --bg:#F6F0DF;
  --surface:#FFFFFF;
  --ink:#153431;
  --accent:#D3992C;
  --support:#1B4A47;
  --font-heading:'Space Grotesk',sans-serif;
  --font-body:'Work Sans',sans-serif;
  --sp-sm:8px;
  --sp-md:24px;
  --sp-lg:64px;
  --r-sm:8px;
  --r-md:16px;
  --r-pill:999px;
  --container:1240px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border-radius:0;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
:where(h1,h2,h3,h4,h5,h6){
  font-family:var(--font-heading);
  font-weight:700;
  line-height:1.08;
  margin:0 0 var(--sp-sm);
  color:var(--ink);
}
h1{font-size:clamp(2.6rem,5vw,4.4rem);letter-spacing:-0.01em;}
h2{font-size:clamp(1.9rem,3.2vw,2.8rem);letter-spacing:-0.01em;}
h3{font-size:1.3rem;}
p{margin:0 0 var(--sp-md);max-width:65ch;}

.cj-container{max-width:var(--container);margin:0 auto;padding:0 24px;}

/* Buttons */
.cj-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 30px;border-radius:var(--r-pill);
  font-family:var(--font-heading);font-weight:700;font-size:0.95rem;
  border:2px solid transparent;cursor:pointer;transition:transform .15s ease, background .2s ease;
}
.cj-btn--primary{background:var(--accent);color:var(--ink);}
.cj-btn--primary:hover{transform:translateY(-2px);}
.cj-btn--outline{background:transparent;color:var(--surface);border-color:var(--surface);}
.cj-btn--outline:hover{background:var(--surface);color:var(--ink);}
.cj-btn--ink{background:transparent;color:var(--ink);border-color:var(--ink);}
.cj-btn--ink:hover{background:var(--ink);color:var(--bg);}

/* Header */
.cj-header{background:var(--ink);color:var(--bg);position:sticky;top:0;z-index:50;}
.cj-header__inner{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:24px;}
.cj-logo{display:flex;align-items:center;gap:10px;color:var(--bg);}
.cj-logo__mark{color:var(--accent);display:flex;}
.cj-logo__text{font-family:var(--font-heading);font-weight:700;font-size:1.25rem;letter-spacing:-0.01em;}
.cj-nav__list{display:flex;gap:32px;}
.cj-nav__list a{font-weight:500;font-size:0.95rem;opacity:0.9;}
.cj-nav__list a:hover{opacity:1;color:var(--accent);}
.cj-header__actions{display:flex;align-items:center;gap:18px;}
.cj-account{color:var(--bg);display:flex;}
.cj-cart-link{display:flex;align-items:center;gap:6px;font-weight:600;font-size:0.9rem;background:rgba(246,240,223,.1);padding:8px 16px;border-radius:var(--r-pill);}
.cj-cart-count{background:var(--accent);color:var(--ink);font-size:0.75rem;font-weight:700;padding:1px 7px;border-radius:var(--r-pill);}

/* Hero */
.cj-hero{background:var(--ink);color:var(--bg);position:relative;overflow:hidden;padding:0 0 0;}
.cj-hero__inner{display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:40px;min-height:78vh;position:relative;}
.cj-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);background:rgba(211,153,44,.12);padding:8px 16px;border-radius:var(--r-pill);margin-bottom:20px;}
.cj-hero h1{color:var(--bg);}
.cj-hero h1 em{font-style:normal;color:var(--accent);}
.cj-hero__lede{color:rgba(246,240,223,.8);font-size:1.15rem;max-width:46ch;}
.cj-hero__actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}
.cj-hero__visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
.cj-hero__visual img{position:relative;transform:translateX(6%) scale(1.08);filter:drop-shadow(0 30px 60px rgba(0,0,0,.35));}
.cj-hero__blob{position:absolute;width:520px;height:520px;background:var(--support);border-radius:50%;filter:blur(10px);opacity:.5;top:50%;left:60%;transform:translate(-50%,-50%);}

@media (max-width:880px){
  .cj-hero__inner{grid-template-columns:1fr;min-height:auto;padding:60px 0 40px;text-align:left;}
  .cj-hero__visual{order:-1;height:280px;}
}

/* Section headers */
.cj-section{padding:var(--sp-lg) 0;}
.cj-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap;}
.cj-eyebrow{display:inline-block;font-family:var(--font-heading);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--support);margin-bottom:10px;}

/* Category grid */
.cj-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cj-cat{position:relative;background:var(--ink);border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/4;display:flex;align-items:flex-end;padding:22px;transition:transform .25s ease;}
.cj-cat:hover{transform:translateY(-6px);}
.cj-cat::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,52,49,0) 30%,rgba(21,52,49,.9) 100%);}
.cj-cat__icon{position:absolute;top:20px;right:20px;color:var(--accent);opacity:.8;}
.cj-cat span{position:relative;color:var(--bg);font-family:var(--font-heading);font-weight:700;font-size:1.1rem;}
@media (max-width:900px){.cj-cats{grid-template-columns:repeat(2,1fr);}}

/* Category tabs (homepage 4 onglets) */
.cj-cats--tabs .cj-cat{align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:26px 24px;}
.cj-cats--tabs .cj-cat__icon{position:relative;top:auto;right:auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-sm);background:rgba(211,153,44,.18);color:var(--accent);opacity:1;margin-bottom:14px;order:-1;}
.cj-cat--events{background:linear-gradient(155deg,var(--support),var(--ink));}
.cj-cat--events .cj-cat__icon{background:rgba(246,240,223,.16);color:var(--bg);}

/* Product cards (Woo grid uses these via woocommerce.css too) */
.cj-products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
@media (max-width:1000px){.cj-products{grid-template-columns:repeat(2,1fr);}}

.cj-card{background:var(--surface);border-radius:var(--r-md);padding:0;box-shadow:0 14px 30px -18px rgba(21,52,49,.35);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease;}
.cj-card:hover{transform:translateY(-4px);}
.cj-card__img{aspect-ratio:1/1;overflow:hidden;background:#EFE8D4;}
.cj-card__img img{width:100%;height:100%;object-fit:cover;}
.cj-card__body{padding:18px 20px 22px;}
.cj-card__badge{display:inline-block;background:var(--accent);color:var(--ink);font-family:var(--font-heading);font-weight:700;font-size:0.7rem;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:var(--r-pill);margin-bottom:10px;}
.cj-card__title{font-family:var(--font-heading);font-weight:700;font-size:1.02rem;margin-bottom:6px;}
.cj-card__price{color:var(--accent);font-family:var(--font-heading);font-weight:700;font-size:1.05rem;}

/* Why us */
.cj-why{background:var(--surface);}
.cj-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.cj-why__item{padding:8px 0;}
.cj-why__icon{width:48px;height:48px;border-radius:var(--r-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--support);margin-bottom:18px;}
@media (max-width:820px){.cj-why__grid{grid-template-columns:1fr;}}

/* Newsletter / CTA band */
.cj-cta{background:var(--support);color:var(--bg);border-radius:var(--r-md);padding:56px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.cj-cta h2{color:var(--bg);margin-bottom:4px;}
.cj-cta p{color:rgba(246,240,223,.8);margin-bottom:0;}

/* Footer */
.cj-footer{background:var(--ink);color:rgba(246,240,223,.75);padding:var(--sp-lg) 0 24px;}
.cj-footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:40px;}
.cj-footer .cj-logo__text{color:var(--bg);}
.cj-footer h3{color:var(--bg);font-size:0.95rem;margin-bottom:14px;}
.cj-footer ul li{margin-bottom:8px;}
.cj-footer a:hover{color:var(--accent);}
.cj-newsletter{display:flex;gap:8px;}
.cj-newsletter input{flex:1;padding:10px 14px;border-radius:var(--r-pill);border:1px solid rgba(246,240,223,.3);background:transparent;color:var(--bg);}
.cj-newsletter input::placeholder{color:rgba(246,240,223,.5);}
.cj-newsletter button{padding:10px 18px;border-radius:var(--r-pill);background:var(--accent);color:var(--ink);border:none;font-weight:700;font-family:var(--font-heading);cursor:pointer;}
.cj-footer__bottom{border-top:1px solid rgba(246,240,223,.15);padding-top:20px;font-size:0.85rem;}
@media (max-width:820px){.cj-footer__inner{grid-template-columns:1fr 1fr;}}


/* Onglets visibles sans scroller : hero compact + section resserree */
.cj-hero__inner{padding:32px 0;}
.cj-hero h1{font-size:clamp(2.1rem,3.6vw,3.2rem);}
.cj-hero__lede{font-size:1.02rem;}
.cj-section--tabs{padding:28px 0 var(--sp-lg);}
.cj-section--tabs .cj-section__head{margin-bottom:20px;}
.cj-cats--tabs .cj-cat{aspect-ratio:auto;min-height:150px;}
@media (max-width:880px){
  .cj-hero__inner{padding:24px 0 12px;}
}