/* ===== SPACING UTILITIES ===== */
.py-2 { padding-top:10px!important; padding-bottom:10px!important; }
.py-3 { padding-top:15px!important; padding-bottom:15px!important; }
.py-4 { padding-top:20px!important; padding-bottom:20px!important; }
.my-3 { margin-top:15px!important; margin-bottom:15px!important; }
.img-fluid { max-width:100%; height:auto; }

/* ===== MODELS LIST: flex layout — centers last row, overrides display:none from MixItUp ===== */
ul.models {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.models li {
  display: block !important;
  opacity: 1 !important;
  margin-bottom: 20px;
}

/* ===== MASSEUSE CARD: whole li is one link ===== */
.models li > a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* ===== MASSEUSE CARD BUTTON: all.min.css provides white border + white bg; hover goes red with white border ===== */
.models li .btn {
  margin-top: 6px;
}

/* ===== MASSAGES PAGE: floated images with spacing ===== */
.img-left { padding-top:10px; padding-right:20px; }
.img-right { padding-top:10px; padding-left:20px; }

/* ===== CONTACT PAGE: replicate #contact rules without triggering main.min.js form hijack ===== */
.contact-page a { background:#807154; border-radius:50%; display:inline-block; font-size:30px; height:70px; line-height:70px; margin:10px; width:70px; }
.contact-page a:hover { background:#d90502; color:#000; }
.contact-page form { margin-bottom:30px; }
.contact-page form .row { margin-bottom:30px; }
.contact-page form .col-md-12,
.contact-page form .col-md-6 { margin-bottom:10px; }

/* ===== FIXED NAVBAR SPACING (inner pages) ===== */
body:not(.hidenav) { padding-top: 66px; }