.psbb-container{max-width:90vw;margin:0 auto;padding:16px}
.psbb-header{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}
.psbb-search-label{font-size:13px;color:#666;margin:0}
.psbb-search{display:flex;gap:8px;align-items:center}
.psbb-search input{flex:1;min-width:240px;padding:8px 10px;border:1px solid #ddd;}
.psbb-search button{padding:8px 12px;border:1px solid #ddd;background:#fff;cursor:pointer}
.psbb-categories{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.psbb-cat{display:flex;gap:8px;align-items:center;border:1px solid #eee;padding:6px 10px;text-decoration:none}
.psbb-cat img{width:32px;height:32px;object-fit:cover;}
.psbb-cat.is-active{border-bottom:2px solid #8f4f3d}
.psbb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width: 900px){.psbb-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 600px){.psbb-grid{grid-template-columns:1fr}}
.psbb-home-block .psbb-grid{
  align-items:stretch;
}
@media (max-width: 767px){
  .psbb-home-block .psbb-grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:0 0 6px;
    margin:0 -2px;
  }

  .psbb-home-block .psbb-grid::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }

  .psbb-home-block .psbb-card{
    flex:0 0 84%;
    max-width:84%;
    scroll-snap-align:start;
  }
}
.psbb-card{overflow:hidden;background:#fff}
.psbb-card-link{text-decoration:none;color:inherit;display:block;height:100%}
.psbb-card-img{min-width: 100%;min-height:350px;max-height:530px;object-fit:cover;background:#fafafa}
.psbb-card-body{padding:12px}
.psbb-badge{display:inline-block;font-size:calc(11px + .390625vw) !important;padding:4px 8px;border:1px solid #eee;margin-bottom:8px}
.psbb-card-title{font-size: calc(11px + .390625vw) !important;margin:0 0 6px; font-weight: 300;}
.psbb-card-intro{font-size:14px;color:#444;max-height:4.6em;overflow:hidden}
.psbb-category-hero{display:flex;gap:16px;align-items:flex-start;margin:10px 0 18px}
.psbb-category-img{width:120px;height:120px;object-fit:cover;border:1px solid #eee}
.psbb-post-hero{display:flex;grid-template-columns:1.1fr 1fr;gap:16px;align-items:stretch;margin:10px 0 14px;flex-direction: column-reverse;}
@media (max-width: 800px){.psbb-post-hero{grid-template-columns:1fr}}
.psbb-post-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
@media(max-width:960px){.psbb-post-layout{grid-template-columns:1fr}}
.psbb-post-sidebar{position:sticky;top:20px}
.psbb-post-sidebar .psbb-home-posts-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid #e8e3de}
.psbb-post-hero-img{width:100%;height:320px;object-fit:cover;border:1px solid #eee;background:#fafafa}
.psbb-post-hero-content{display:flex;flex-direction:column;justify-content:center}
.psbb-post-intro{margin:14px 0;font-size:16px}
.psbb-section{margin:18px 0}
@media(min-width:801px){
  .psbb-section{display:grid;grid-template-columns:1.2fr 0.8fr;gap:16px}
  .psbb-section-grid{display:contents}
  .psbb-section h2{grid-column:1;grid-row:1;margin:0}
  .psbb-section-text{grid-column:1;grid-row:2}
  .psbb-section-media{grid-column:2;grid-row:1/3;align-self:stretch}
  section.psbb-section:nth-of-type(even){grid-template-columns:0.8fr 1.2fr}
  section.psbb-section:nth-of-type(even) h2{grid-column:2;grid-row:1}
  section.psbb-section:nth-of-type(even) .psbb-section-text{grid-column:2;grid-row:2}
  section.psbb-section:nth-of-type(even) .psbb-section-media{grid-column:1;grid-row:1/3}
  section.psbb-section.psbb-section--no-image,
  section.psbb-section.psbb-section--no-image:nth-of-type(even){grid-template-columns:1fr}
  section.psbb-section.psbb-section--no-image h2,
  section.psbb-section.psbb-section--no-image:nth-of-type(even) h2{grid-column:1}
  section.psbb-section.psbb-section--no-image .psbb-section-text,
  section.psbb-section.psbb-section--no-image:nth-of-type(even) .psbb-section-text{grid-column:1}
}
.psbb-section-media img{width:100%;height:260px;object-fit:cover;border:1px solid #eee;background:#fafafa}
.psbb-cta{border:1px solid #eee;padding:16px;margin:18px 0;background:#fff}
.psbb-faq{border-top:1px solid #eee;margin-top:18px;padding-top:12px}
.psbb-faq-item{border:1px solid #eee;padding:10px 12px;margin:10px 0;background:#fff}
.psbb-related-posts{margin-top:24px;padding-top:18px;border-top:1px solid #e8e3de}
.psbb-related-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;margin:0 0 14px}
.psbb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width: 980px){.psbb-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.psbb-related-grid{grid-template-columns:1fr}}
.psbb-related-card{background:#fff;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column}
.psbb-related-media{display:block}
.psbb-related-media img{width:100%;height:210px;object-fit:cover;display:block;background:#f5f2ef}
.psbb-related-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.psbb-related-cat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9c6b4e;text-decoration:none}
.psbb-related-card-title{font-size:17px;line-height:1.25;margin:0}
.psbb-related-card-title a{text-decoration:none;color:#1a1a1a}
.psbb-related-intro{font-size:13px;line-height:1.55;color:#444;margin:0}
.psbb-back{margin-top:18px}

.psbb-newsletter-wrap{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:42px}
.psbb-newsletter{background:#9f6153;color:#fff;padding:44px 0}
.psbb-newsletter-inner{max-width:90vw;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.psbb-newsletter-title{margin:0;font-size:28px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;font-weight:800;color:#fff}
.psbb-newsletter-text{font-size:20px;line-height:1.35;max-width:980px;color:#fff;opacity:.98}
.psbb-newsletter-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:14px 26px;border-radius:999px;background:#fff;color:#1a1a1a;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em;text-decoration:none;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.psbb-newsletter-btn:hover{background:#f7f4f2;color:#1a1a1a}
@media (max-width: 700px){
  .psbb-newsletter{padding:30px 0}
  .psbb-newsletter-title{font-size:22px}
  .psbb-newsletter-text{font-size:16px}
}

/* ── HERO (À la une + Les plus vus) ─────────────────────── */
.psbb-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:0;margin:0 0 32px;border-bottom:1px solid #e8e3de}
@media(max-width:860px){.psbb-hero{grid-template-columns:1fr}}

/* Left column */
.psbb-hero-main{padding-right:32px;border-right:1px solid #e8e3de}
@media(max-width:860px){.psbb-hero-main{padding-right:0;border-right:none;border-bottom:1px solid #e8e3de;padding-bottom:24px;margin-bottom:24px}}
.psbb-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;margin-bottom:14px}
.psbb-hero-link{display:block;text-decoration:none;color:inherit}
.psbb-hero-img{width:100%;object-fit:cover;display:block;background:#f5f2ef}
.psbb-hero-meta{padding:14px 0 24px}
.psbb-hero-cat{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9c6b4e;margin-bottom:8px}
.psbb-hero-intro{font-size:14px;line-height:1.6;color:#444;margin:0 0 10px}
.psbb-read-more{font-size:calc(11px + .390625vw) !important;color:#9c6b4e;text-decoration:underline;text-underline-offset:3px;}

/* Right column */
.psbb-hero-side{padding-left:32px;display:flex;flex-direction:column;gap:20px}
@media(max-width:860px){.psbb-hero-side{padding-left:0}}
.psbb-search{display:flex;gap:0;border-bottom:1px solid #1a1a1a;padding-bottom:8px}
.psbb-search input{flex:1;border:none;outline:none;background:transparent;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:4px 0;color:#1a1a1a}
.psbb-search input::placeholder{color:#aaa;text-transform:uppercase;letter-spacing:.08em}
.psbb-search button{background:transparent;border:none;cursor:pointer;font-size:16px;color:#1a1a1a;padding:0 0 0 8px;line-height:1}

/* Les plus vus */
.psbb-home-posts-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a;margin-bottom:4px}
.psbb-home-post-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #e8e3de}
.psbb-home-post-thumb{flex:0 0 90px;display:block}
.psbb-home-post-thumb img{width:90px;height:90px;object-fit:cover;display:block;background:#f5f2ef}
.psbb-home-post-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.psbb-home-post-cat{font-size:calc(11px + .390625vw) !important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9c6b4e}
.psbb-home-post-intro{font-size:13px;line-height:1.5;color:#444;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

@media(max-width:767px){
  .psbb-categories{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
  .psbb-categories::-webkit-scrollbar{display:none}
  .psbb-cat{flex-shrink:0}
}

.psbb-home-hero{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-bottom:0}
.psbb-home-hero img{width:100%;height:auto;display:block}

#content > div.psbb-home-hero > img {
  min-width: 100vw;
max-height: 240px;
object-fit: cover;
}