.homme-section{background:linear-gradient(180deg,#0e0e0e 0%,#1a1a1a 100%);color:#fafaf7;position:relative;overflow:hidden}
.homme-section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,97,.5),transparent)}
.homme-section .overline{color:#c9a961}
.homme-section .section-header h2{color:#fafaf7}
.homme-intro{font-size:15px;line-height:1.7;color:rgba(250,250,247,.7);max-width:600px;margin:16px auto 0}
.homme-filters{display:flex;justify-content:center;gap:10px;margin-bottom:50px;flex-wrap:wrap}
.homme-filter{padding:10px 22px;background:transparent;border:1px solid rgba(250,250,247,.15);color:rgba(250,250,247,.7);font-size:11px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s;min-height:44px}
.homme-filter:hover{border-color:#c9a961;color:#c9a961}
.homme-filter.active{background:#c9a961;color:#0e0e0e;border-color:#c9a961;font-weight:700}
.homme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 24px}
.homme-card{cursor:pointer;position:relative;background:rgba(250,250,247,.03);border:1px solid rgba(250,250,247,.08);border-radius:8px;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1)}
.homme-card:hover{transform:translateY(-6px);border-color:rgba(201,169,97,.4);box-shadow:0 30px 60px rgba(0,0,0,.4)}
.homme-card-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1a1a1a}
.homme-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.homme-card:hover .homme-card-image img{transform:scale(1.05)}
.homme-card-badge{position:absolute;top:14px;left:14px;background:#c9a961;color:#0e0e0e;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;font-weight:700;z-index:2}
.homme-card-wish{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(14,14,14,.6);border:1px solid rgba(250,250,247,.15);color:#fafaf7;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.homme-card-wish:hover{background:#c9a961;color:#0e0e0e;border-color:#c9a961}
.homme-card-wish.active svg{fill:#c9a961;stroke:#c9a961}
.homme-card-wish svg{width:18px;height:18px;stroke:currentColor;fill:none}
.homme-card-info{padding:20px 20px 24px}
.homme-card-info h3{font-family:Georgia,serif;font-size:17px;font-weight:400;color:#fafaf7;margin-bottom:6px;letter-spacing:.3px}
.homme-card-cat{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c9a961;margin-bottom:10px}
.homme-card-price{font-size:15px;color:#c9a961;font-weight:600;letter-spacing:.5px}
.homme-card-desc{font-size:12px;line-height:1.6;color:rgba(250,250,247,.5);margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.homme-empty{text-align:center;padding:60px 20px;color:rgba(250,250,247,.5);grid-column:1/-1;font-size:14px}
@media(max-width:900px){
  .homme-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  .homme-card-info{padding:14px 12px 18px}
  .homme-card-info h3{font-size:14px}
  .homme-card-price{font-size:13px}
  .homme-card-desc{display:none}
  .homme-filters{gap:8px;margin-bottom:36px}
  .homme-filter{padding:9px 16px;font-size:10px}
}
@media(max-width:380px){
  .homme-grid{grid-template-columns:1fr}
}

/* ===== SWITCH FEMME / HOMME ===== */
.gender-switch{position:sticky;top:0;z-index:99;background:rgba(250,250,247,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e0d8;padding-top:calc(env(safe-area-inset-top,0px))}
.gender-switch-inner{display:flex;justify-content:center;gap:0;max-width:400px;margin:0 auto;padding:14px 20px}
.gender-btn{flex:1;padding:14px 20px;background:transparent;border:none;font-family:inherit;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#6b6b6b;cursor:pointer;transition:all .3s;position:relative}
.gender-btn:hover{color:#0e0e0e}
.gender-btn.active{color:#0e0e0e}
.gender-btn.active::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#c9a961}
.gender-btn:first-child{border-right:1px solid #e5e0d8}
@media(max-width:500px){
  .gender-switch-inner{padding:10px 12px}
  .gender-btn{padding:12px 14px;font-size:11px;letter-spacing:2px}
}

/* ===== FIX FOND FULL-WIDTH ===== */
.homme-section-full{background:linear-gradient(180deg,#0e0e0e 0%,#1a1a1a 100%);padding:110px 0;width:100%;position:relative;overflow:hidden}
.homme-section-full::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,97,.5),transparent)}
.homme-section-full .homme-section{max-width:1500px;margin:0 auto;padding:0 60px;background:transparent}

/* ===== FIX SWITCH POSITION ===== */
.gender-switch{position:sticky;top:0;z-index:99;background:rgba(250,250,247,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e0d8;width:100%}
.gender-switch-inner{display:flex;justify-content:center;max-width:400px;margin:0 auto;padding:14px 20px}
.gender-btn{flex:1;padding:14px 20px;background:transparent;border:none;font-family:inherit;font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#6b6b6b;cursor:pointer;transition:all .3s;position:relative}
.gender-btn:hover{color:#0e0e0e}
.gender-btn.active{color:#0e0e0e}
.gender-btn.active::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:#c9a961}
.gender-btn:first-child{border-right:1px solid #e5e0d8}

@media(max-width:900px){
  .homme-section-full{padding:70px 0}
  .homme-section-full .homme-section{padding:0 20px}
}
@media(max-width:500px){
  .gender-switch-inner{padding:10px 12px}
  .gender-btn{padding:12px 14px;font-size:11px;letter-spacing:2px}
}

/* ===== SWITCH FIX FINAL (force) ===== */
#genderSwitch, .gender-switch{display:block!important;width:100%!important;background:#fafaf7!important;border-bottom:1px solid #e5e0d8!important;position:sticky!important;top:0!important;z-index:99!important;padding:0!important;margin:0!important}
#genderSwitch .gender-switch-inner, .gender-switch .gender-switch-inner{display:flex!important;justify-content:center!important;gap:0!important;max-width:400px!important;margin:0 auto!important;padding:14px 20px!important}
#genderSwitch .gender-btn, .gender-switch .gender-btn{flex:1!important;padding:14px 24px!important;background:transparent!important;border:none!important;font-family:inherit!important;font-size:12px!important;letter-spacing:3px!important;text-transform:uppercase!important;font-weight:700!important;color:#6b6b6b!important;cursor:pointer!important;position:relative!important;transition:color .3s!important;line-height:1.2!important}
#genderSwitch .gender-btn.active, .gender-switch .gender-btn.active{color:#0e0e0e!important}
#genderSwitch .gender-btn.active::after, .gender-switch .gender-btn.active::after{content:""!important;position:absolute!important;bottom:0!important;left:20%!important;right:20%!important;height:2px!important;background:#c9a961!important}
#genderSwitch .gender-btn:first-child, .gender-switch .gender-btn:first-child{border-right:1px solid #e5e0d8!important}
