/* ====== Variables & Base ====== */
:root{
  --blue: #1456c0;
  --black: #111;
  --white: #fff;
  --muted: #6c757d;
}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family: "Hammersmith One" !important; color:var(--black); background:#fff; margin:0; -webkit-font-smoothing:antialiased}
.container{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}
p , a{font-family: "Montserrat" !important; text-decoration: none;}

/* ====== Header ====== */
.site-header{background:var(--white);border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;gap:12px;padding:12px 0}
.site-branding img{height:48px;width:auto}
.main-navigation .menu{display:flex;gap:18px;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}
.main-navigation .menu li a{color:var(--black);padding:6px 8px;border-radius:6px}
.main-navigation .menu li a:hover{background:rgba(20,86,192,0.06)}

/* Header actions (20% / 50% / 30%) */
.header-inner > .site-branding{flex:0 0 20%}
.header-inner > .main-navigation{flex:0 0 50%}
.header-inner > .header-actions{flex:0 0 30%;display:flex;align-items:center;justify-content:flex-end}

/* Search bar under header */
.header-search{border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;padding:10px 0}

/* Mobile toggle */
.menu-toggle{display:none;border:0;background:transparent;font-size:20px}
@media (max-width: 768px){
  .main-navigation{display:none;position:fixed;inset:0;right:0;top:0;background:var(--white);padding:80px 20px;overflow:auto;z-index:1100;transform:translateX(100%);transition:transform .28s ease}
  .main-navigation.open{transform:translateX(0)}
  .menu-toggle{display:inline-block}
  .header-inner > .site-branding{flex:0 0 auto}
  .header-inner > .header-actions{flex:0 0 auto;gap:8px}
}

/* ====== Hero ====== */
.hero{height:70vh;background:url(https://dsp-ddm-023a-g1.fr/wp-content/uploads/2025/08/fond-men-1.webp) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:var(--white)}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5)}
.hero-content{position:relative;text-align:center;max-width:900px;padding:24px; z-index: 1;}
.hero h1{font-size:2.4rem;margin-bottom:10px; font-weight: bold;}
.hero p{font-size:1.1rem;margin-bottom:14px; font-weight: 400;}
.btn-primary{background:var(--blue);border-color:var(--blue)}

/* ====== Presentation ====== */
.presentation{background:var(--blue);color:var(--white);padding:5em 0;height:50vh;text-align:center; justify-content: flex-end; display: flex; align-items: center;}
.presentation p{max-width:820px;margin:12px auto 0}

/* ====== Latest Products ====== */
.latest-products{padding:40px 0}
.product-item{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;}
.product-item .card-img-top img{width:100%;height:200px;object-fit:cover}
.product-item .card-body{display:flex;flex-direction:column}
.product-item h3{font-size:1.05rem;margin:8px 0}
.product-item .price{color:var(--blue);font-weight:700}

/* Grid helpers */
.row{--bs-gutter-x:16px;display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}
.col-md-4{flex:0 0 33.3333%;max-width:33.3333%;padding-left:8px;padding-right:8px}
.col-md-4.mb-4{margin-bottom:24px}
@media (max-width: 768px){ .col-md-4{flex:0 0 100%;max-width:100%} }

/* ====== Video section ====== */
.video-section{padding:40px 0}
.ratio-16x9{position:relative;width:100%;padding-bottom:56.25%;height:0}
.ratio-16x9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:6px}

/* ====== Shop archive ====== */
.shop-archive .shop-sidebar{padding-right:16px}
.shop-archive .shop-loop{padding-left:16px}

/* ====== Footer ====== */
.site-footer{background:var(--blue);color:#000;padding-top:28px}
.site-footer a{color:#fff; text-decoration: none;}
.footer-copy{background:#e9efff;padding:12px 0;margin-top:12px;text-align:center}

/* ====== Misc ====== */
.btn{display:inline-block;padding:.5rem .75rem;border-radius:.375rem;text-decoration:none}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}

/* ====== filtrage ====== */
.beaux-filters-bar{border:1px solid #eee;padding:14px;border-radius:8px;background:#fff;margin-bottom:16px}
.beaux-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.beaux-filter-group{border:1px solid #eee;padding:10px;border-radius:6px;background:#fafafa}
.beaux-filter-title{font-size:.95rem;font-weight:600;margin:0 0 8px}
.beaux-filter-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto}
.beaux-filter-item{display:flex;align-items:center;gap:8px;font-size:.95rem}
.beaux-filters-actions{display:flex;gap:10px;margin-top:12px}
@media (max-width:768px){.beaux-filter-list{max-height:140px}}