/* Menú móvil (drill-down) — compartido por index.html, como-comprar.html, hombres.html, mujeres.html */
#mobile-menu, #mobile-overlay { display:none; position:fixed; inset:0; z-index:60; overflow:hidden; }
#mobile-menu.open, #mobile-overlay.open { display:block; }
.mob-panel { position:absolute; inset:0; background:#F7F5F2; display:flex; flex-direction:column;
  transition:transform .32s cubic-bezier(0.22,1,0.36,1); }
.mob-submenu { transform:translateX(100%); }
.mob-submenu.active { transform:translateX(0); }
#mob-panel-main.inactive { transform:translateX(-100%); }
.mob-header { position:relative; height:64px; display:flex; align-items:center; justify-content:flex-end;
  padding:0 20px; border-bottom:1px solid #E0D8CE; flex-shrink:0; }
.mob-header-sub { justify-content:space-between; }
.mob-header-title { font-family:'Bodoni Moda',Georgia,serif; font-size:14px; letter-spacing:.14em;
  text-transform:uppercase; color:#1A1A1A; position:absolute; left:50%; transform:translateX(-50%); }
.mob-back, .mob-close { background:none; border:none; cursor:pointer; color:#1A1A1A;
  display:flex; align-items:center; justify-content:center; width:36px; height:36px; }
.mob-back svg, .mob-close svg { width:20px; height:20px; }
.mob-list { display:flex; flex-direction:column; padding:8px 24px; overflow-y:auto; flex:1; }
.mob-row { display:flex; align-items:center; justify-content:space-between; width:100%;
  background:none; border:none; cursor:pointer; text-align:left; text-decoration:none;
  font-family:'Bodoni Moda',Georgia,serif; font-size:20px; color:#1A1A1A;
  padding:18px 0; border-bottom:1px solid #E0D8CE; }
.mob-chevron { width:16px; height:16px; flex-shrink:0; color:#7A7268; font-size:18px !important; }
.mob-wa-link { margin:24px 24px 32px; font-family:'Montserrat',sans-serif; font-size:11px;
  letter-spacing:.18em; text-transform:uppercase; color:#8B6F4E; text-decoration:none;
  align-self:flex-start; border-bottom:1px solid #8B6F4E; padding-bottom:3px; }
.mob-sub-scroll { flex:1; overflow-y:auto; padding:8px 24px 32px; }
.mob-sub-title { font-family:'Montserrat',sans-serif; font-size:10px; letter-spacing:.18em;
  text-transform:uppercase; color:#7A7268; font-weight:600; margin:24px 0 8px; }
.mob-sub-title:first-child { margin-top:16px; }
.mob-sub-link { display:block; font-family:'Bodoni Moda',Georgia,serif; font-size:18px;
  color:#1A1A1A; text-decoration:none; padding:12px 0; border-bottom:1px solid #E8E0D5; }