/* =====================================================================
   clean-home.css — home page (view_home.php) in the "Clean App" look.
   19 Sep 2026. Uses the tokens + parts from clean-base.css.
   Old dark rules in index.css / redesign.css are overridden here, never edited
   (they are cached for 10 years on phones).
   Order: hero · girls · areas · how it works · choose-first · categories ·
   VIP/college/homely · FAQ
   ===================================================================== */

/* ---------- shared section rhythm ---------- */
.hm-sec { padding:44px 0; background:var(--bg); }
.hm-sec--alt { background:var(--bg-2) !important; }
@media (min-width: 992px) { .hm-sec { padding:76px 0; } }
html body .hm-sec .detail-section-header h2 { font-size:clamp(24px,6.4vw,34px) !important; }
html body .hm-sec p a { text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }

/* ---------- HERO ---------- */
/* old index.css pulled the hero up under the old fixed header: undo it */
html body #home__slideshow.hm-hero {
  position:relative; margin:0 !important; padding:12px 0 0 !important; min-height:0 !important;
  overflow:visible !important; background:var(--bg);
}
.hm-hero-panel {
  position:relative; margin:0 12px; height:clamp(420px, calc(100svh - var(--hdr-h) - 300px), 540px);
  border-radius:var(--r-l); overflow:hidden; background:#2a2d35; isolation:isolate;
}
.hm-hero-media { position:absolute; inset:0; z-index:0; }
html body .hm-hero .slideshow {
  position:absolute; inset:0; width:100%; height:100% !important; min-height:0 !important;
  margin:0; padding:0; list-style:none; z-index:0;
}
html body .hm-hero .slideshow li span { min-height:0 !important; height:100% !important; }
html body .hm-hero .hero-overlay {
  position:absolute; inset:0; z-index:3; pointer-events:none;
  background:linear-gradient(180deg, rgba(14,16,22,.10) 0%, rgba(14,16,22,.18) 38%, rgba(14,16,22,.82) 100%) !important;
}
.hm-hero-inner {
  position:absolute; inset:0; z-index:5; display:flex; flex-direction:column; justify-content:flex-end;
  padding:20px 20px 58px;
}
.hm-eyebrow {
  display:inline-flex; align-items:center; gap:6px; align-self:flex-start; margin-bottom:14px;
  padding:6px 12px 6px 9px; border-radius:999px; background:rgba(255,255,255,.94);
  color:var(--ink); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; line-height:1.3;
}
.hm-eyebrow .ic { width:15px; height:15px; color:var(--red); }
html body .hm-hero h1.hm-h1 {
  margin:0 !important; color:#fff !important; font-size:36px !important; line-height:1.06 !important;
  letter-spacing:-.035em; text-shadow:0 2px 18px rgba(0,0,0,.25);
}
html body .hm-hero .hm-h1-em {
  color:#fff !important; font-style:normal;
  background:linear-gradient(transparent 68%, rgba(215,38,61,.9) 68%, rgba(215,38,61,.9) 92%, transparent 92%);
  padding:0 2px;
}
html body .hm-hero .hm-h1-sub {
  display:block; margin-top:12px; font-size:17px; font-weight:600; line-height:1.4; letter-spacing:-.01em;
  color:rgba(255,255,255,.92) !important;
}
.hm-fan { display:none; }

/* action dock: white card that overlaps the photo */
.hm-dock {
  position:relative; z-index:6; margin:-40px 20px 0; padding:18px;
  background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--sh-3);
}
html body .hm-dock .hm-dock-lede { margin:0 0 14px; font-size:15px; line-height:1.6; color:var(--ink-2) !important; }
.hm-ctas { display:grid; gap:10px; }
html body a.hm-cta {
  display:flex; align-items:center; gap:12px; min-height:58px; padding:8px 14px 8px 8px;
  border-radius:16px; text-decoration:none !important; transition:background .15s, border-color .15s, transform .15s;
}
html body a.hm-cta:active { transform:scale(.98); }
.hm-cta-ic { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:12px; }
.hm-cta-txt { display:flex; flex-direction:column; line-height:1.25; flex:1; min-width:0; }
html body .hm-cta-txt strong { font-size:16px; font-weight:800; color:inherit; }
.hm-cta-txt small { font-size:12px; font-weight:600; opacity:.82; }
html body a.hm-cta--tg { background:var(--red); color:#fff !important; box-shadow:var(--sh-red); }
html body a.hm-cta--tg:hover { background:var(--red-dk); color:#fff !important; }
.hm-cta--tg .hm-cta-ic { background:rgba(255,255,255,.18); }
.hm-cta--tg .hm-cta-go { width:20px; height:20px; opacity:.85; }
html body a.hm-cta--call { background:#fff; border:1.5px solid var(--line-2); color:var(--ink) !important; }
html body a.hm-cta--call:hover { border-color:var(--ink); color:var(--ink) !important; }
.hm-cta--call .hm-cta-ic { background:var(--red-50); color:var(--red); }
.hm-cta--call .hm-cta-txt small { color:var(--ink-3); opacity:1; }

.hm-stats { display:grid; grid-template-columns:1fr 1fr; gap:14px 10px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.hm-stat { display:flex; align-items:center; gap:10px; min-width:0; }
.hm-stat-ic { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:12px;
  background:var(--bg-2); color:var(--red); }
.hm-stat-ic .ic { width:19px; height:19px; }
.hm-stat-txt { display:flex; flex-direction:column; line-height:1.25; min-width:0; }
html body .hm-stat-txt strong { font-size:15px; font-weight:800; color:var(--ink); white-space:nowrap; }
.hm-stat-txt small { font-size:12px; color:var(--ink-3); }

.hm-strip { margin:18px 16px 0; text-align:center; line-height:1.5; }
.hm-strip br { display:none; }
.hm-strip-text { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:center;
  font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-2); }
.hm-strip-text .ic { color:var(--red); }
.hm-strip-sub { display:block; margin-top:2px; font-size:13px; color:var(--ink-3); }

@media (min-width: 768px) {
  .hm-hero-panel { margin:0 24px; height:520px; }
  .hm-hero-inner { padding:32px 40px 72px; }
  html body .hm-hero h1.hm-h1 { font-size:50px !important; }
  html body .hm-hero .hm-h1-sub { font-size:21px; }
  .hm-dock { margin:-48px 48px 0; padding:22px; }
  .hm-ctas { grid-template-columns:1fr 1fr; }
  .hm-stats { grid-template-columns:repeat(4, 1fr); }
}
@media (min-width: 992px) {
  html body #home__slideshow.hm-hero { padding-top:20px !important; }
  .hm-hero-panel { max-width:1392px; margin:0 auto; width:calc(100% - 48px); height:600px; }
  html body .hm-hero .hero-overlay {
    background:linear-gradient(90deg, rgba(14,16,22,.78) 0%, rgba(14,16,22,.52) 38%, rgba(14,16,22,.12) 68%, rgba(14,16,22,.05) 100%) !important;
  }
  .hm-hero-inner { flex-direction:row; align-items:center; justify-content:space-between; gap:48px;
    max-width:1200px; margin:0 auto; padding:0 24px 64px; }
  .hero-text { max-width:600px; }
  .hm-eyebrow { margin-bottom:20px; font-size:13px; }
  html body .hm-hero h1.hm-h1 { font-size:66px !important; }
  html body .hm-hero .hm-h1-sub { font-size:24px; margin-top:16px; max-width:520px; }

  /* fan of three profile cards */
  .hm-fan { display:block; position:relative; flex:none; width:410px; height:450px; }
  .hm-fan-back { position:absolute; border-radius:18px; overflow:hidden; border:6px solid #fff; box-shadow:var(--sh-3); background:#fff; }
  .hm-fan-back img { display:block; width:100%; height:100%; object-fit:cover; }
  .hm-fan-back--1 { left:0; top:92px; width:150px; height:190px; transform:rotate(-8deg); }
  .hm-fan-back--2 { right:0; top:18px; width:160px; height:206px; transform:rotate(7deg); }
  html body a.hm-fan-main {
    position:absolute; left:92px; top:0; width:236px; padding:8px; border-radius:22px; background:#fff;
    box-shadow:0 26px 60px rgba(0,0,0,.35); color:var(--ink) !important; text-decoration:none !important;
    transition:transform .25s;
  }
  html body a.hm-fan-main:hover { transform:translateY(-4px); }
  .hm-fan-img { position:relative; aspect-ratio:3/4; border-radius:15px; overflow:hidden; background:var(--bg-2); }
  .hm-fan-img img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
  .hm-new { position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:4px;
    padding:3px 9px; border-radius:999px; background:var(--red); color:#fff; font-size:11px; font-weight:800; letter-spacing:.04em; }
  .hm-new .ic { width:12px; height:12px; }
  .hm-fan-info { padding:12px 6px 4px; }
  .hm-fan-name { font-size:18px; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
  .hm-fan-meta { font-size:13px; color:var(--ink-3); margin-top:1px; }
  .hm-fan-actions { display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
  .hm-fan-online { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:#1a7f4b; }
  .hm-dot { width:7px; height:7px; border-radius:50%; background:#22a55b; box-shadow:0 0 0 3px rgba(34,165,91,.18); }
  .hm-fan-view { display:inline-flex; align-items:center; gap:2px; font-size:13px; font-weight:800; color:var(--red-dk); }

  .hm-dock { max-width:1120px; margin:-72px auto 0; padding:26px 28px;
    display:grid; grid-template-columns:1.05fr 1fr; gap:36px; align-items:center; }
  .hm-stats { grid-template-columns:1fr 1fr; margin:0; padding:0 0 0 32px; border-top:0; border-left:1px solid var(--line); gap:20px 16px; }
  .hm-stat-ic { width:44px; height:44px; }
  html body .hm-stat-txt strong { font-size:17px; }
  .hm-strip { margin-top:24px; }
  .hm-strip br { display:inline; }
}

/* ---------- GIRLS (#home-two) ---------- */
html body #home-two.hm-girls { background:var(--bg) !important; padding-bottom:44px; }
.hm-intro { margin-bottom:22px; }
.hm-intro-note { display:flex; gap:14px; padding:18px; background:var(--bg-2); border-radius:var(--r); }
.hm-intro-ic { width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:50%;
  background:#fff; color:var(--red); box-shadow:var(--sh-1); }
html body .hm-intro-note p { font-size:15px; margin:0 0 10px; }
html body .hm-intro-note p:last-child { margin:0; }
.row.hm-grid { margin-left:-8px; margin-right:-8px; }
html body .escort-card .hm-flag {
  position:absolute; top:8px; left:8px; z-index:2; display:inline-flex; align-items:center; gap:4px;
  padding:3px 9px; border-radius:999px; background:rgba(255,255,255,.95); color:var(--ink);
  font-size:11px; font-weight:800; line-height:1.5; box-shadow:var(--sh-1); pointer-events:none;
}
.hm-flag .ic { width:12px; height:12px; color:var(--red); }
html body .escort-card .hm-flag.badge-new { background:var(--red); color:#fff; }
@media (min-width: 992px) {
  html body #home-two.hm-girls { padding-bottom:76px; }
  .hm-intro { display:grid; grid-template-columns:5fr 7fr; gap:40px; align-items:center; margin-bottom:32px; }
  .hm-intro .detail-section-header { margin:0; }
  .hm-intro-note { padding:24px; }
}

/* ---------- AREAS ---------- */
.hm-areas-head { margin-bottom:20px; text-align:center; }
.hm-areas-head .detail-section-header { margin-bottom:8px; }
html body .hm-areas-sub { margin:0; font-size:15px; color:var(--ink-3) !important; }
.hm-area-list { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:980px; margin:0 auto; }
html body a.hm-area {
  display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px 0 12px;
  border-radius:999px; background:#fff; border:1px solid var(--line-2); box-shadow:var(--sh-1);
  color:var(--ink) !important; font-size:14px; font-weight:600; text-decoration:none !important;
  transition:border-color .15s, background .15s, color .15s, transform .15s;
}
html body a.hm-area .ic { width:15px; height:15px; color:var(--red); }
html body a.hm-area .hm-area-go { width:14px; height:14px; color:var(--ink-3); margin-left:-2px; transition:transform .15s; }
html body a.hm-area--hot { background:var(--red-50); border-color:var(--red-100); color:var(--red-dk) !important; font-weight:700; }
html body a.hm-area:hover { border-color:var(--red); color:var(--red-dk) !important; transform:translateY(-1px); }
html body a.hm-area:hover .hm-area-go { transform:translateX(2px); color:var(--red); }
@media (min-width: 992px) {
  .hm-areas-head { margin-bottom:28px; }
  .hm-area-list { gap:10px; }
  html body a.hm-area { font-size:15px; padding:0 16px 0 14px; }
}

/* ---------- HOW OUR SERVICE WORKS (text + tall photo) ---------- */
.hm-works-card { display:grid; background:#fff; border:1px solid var(--line); border-radius:var(--r-l);
  box-shadow:var(--sh-2); overflow:hidden; }
.hm-works-text { padding:22px 20px 24px; }
html body .hm-works-text h2 { font-size:clamp(22px,5.8vw,30px) !important; margin:0 0 14px !important; }
html body .hm-works-text p { font-size:15px; }
.hm-works-text .cl-btn { margin-top:6px; }
.hm-works-pic { position:relative; background:var(--red-50); aspect-ratio:4/5; max-height:460px; overflow:hidden; }
.hm-works-pic img { width:100%; height:100%; object-fit:cover; object-position:50% 18%; display:block; }
@media (min-width: 768px) {
  .hm-works-card { grid-template-columns:1fr 300px; }
  .hm-works-text { padding:36px 40px; }
  .hm-works-pic { aspect-ratio:auto; max-height:none; }
}
@media (min-width: 992px) {
  .hm-works-card { grid-template-columns:1fr 380px; }
  .hm-works-text { padding:48px 56px; }
  html body .hm-works-text p { font-size:16px; }
}

/* ---------- CHOOSE THE GIRL FIRST ---------- */
.hm-how-grid { display:grid; gap:28px; }
.hm-how-left { position:relative; max-width:460px; width:100%; margin:0 auto; }
.hm-how-photo { position:relative; aspect-ratio:460/520; border-radius:var(--r-l); overflow:hidden; background:#dfe2e7; box-shadow:var(--sh-2); }
.hm-how-photo > img { width:100%; height:100%; object-fit:cover; object-position:50% 20%; display:block; }
.hm-how-stats { position:absolute; left:10px; right:10px; bottom:10px; display:grid; grid-template-columns:repeat(3,1fr);
  background:rgba(255,255,255,.95); border-radius:16px; padding:10px 4px; box-shadow:var(--sh-2); }
.hm-how-stat { display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; min-width:0; padding:0 4px; }
.hm-how-stat + .hm-how-stat { border-left:1px solid var(--line); }
.hm-how-stat-ic { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--red-50); color:var(--red); }
.hm-how-stat-ic .ic { width:17px; height:17px; }
.hm-how-stat-txt { display:flex; flex-direction:column; line-height:1.2; }
html body .hm-how-stat-txt strong { font-size:13px; font-weight:800; color:var(--ink); }
.hm-how-stat-txt small { font-size:11px; color:var(--ink-3); }

.hm-pop { position:relative; margin-top:12px; padding:14px; background:#fff; border:1px solid var(--line);
  border-radius:18px; box-shadow:var(--sh-2); }
.hm-pop-top { display:flex; align-items:center; gap:12px; }
.hm-pop-av { position:relative; width:52px; height:52px; flex:none; }
.hm-pop-av img { width:52px; height:52px; border-radius:50%; object-fit:cover; display:block; }
.hm-pop-dot { position:absolute; right:1px; bottom:1px; width:13px; height:13px; border-radius:50%; background:#22a55b; border:2px solid #fff; }
html body .hm-pop p { margin:0; line-height:1.3; }
html body .hm-pop .hm-pop-name { font-size:16px; font-weight:800; color:var(--ink) !important; }
html body .hm-pop .hm-pop-loc { display:flex; align-items:center; gap:4px; font-size:13px; color:var(--ink-3) !important; }
.hm-pop-loc .ic { color:var(--red); }
.hm-pop-online { display:inline-flex; align-items:center; gap:5px; margin-top:3px; font-size:12px; font-weight:700; color:#1a7f4b; }
.hm-pop-online span { width:7px; height:7px; border-radius:50%; background:#22a55b; }
.hm-pop-row { display:flex; align-items:center; gap:8px; margin-top:12px; padding:9px 12px; border-radius:12px;
  background:var(--bg-2); font-size:13px; font-weight:600; color:var(--ink-2); }
.hm-pop-row .ic { color:var(--red); }
html body a.hm-pop-btn { display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; margin-top:10px;
  border-radius:12px; background:var(--ink); color:#fff !important; font-size:14px; font-weight:700; }
html body a.hm-pop-btn:hover { background:#000; color:#fff !important; }

.hm-how-right .cl-badge { margin-bottom:12px; }
html body .hm-how-right h2.hm-how-h2 { font-size:clamp(26px,6.6vw,40px) !important; margin:0 0 16px !important; line-height:1.12; }
html body .hm-how-h2 em { font-style:normal; color:var(--red) !important; }
html body .hm-how-right > p { font-size:15px; }
.hm-promise { margin:20px 0; padding:16px; background:#fff; border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh-1); }
.hm-promise-title { margin-bottom:12px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-3); }
.hm-promise-item { display:flex; align-items:center; gap:12px; padding:10px 0; font-size:15px; font-weight:600; line-height:1.45; color:var(--ink); }
.hm-promise-item + .hm-promise-item { border-top:1px dashed var(--line-2); }
.hm-promise-ic { width:38px; height:38px; flex:none; display:grid; place-items:center; border-radius:12px; background:var(--red-50); color:var(--red); }
.hm-how-ctas { display:flex; flex-direction:column; align-items:stretch; gap:8px; }
.hm-or { text-align:center; font-size:13px; font-weight:600; color:var(--ink-3); }
.hm-how-note { display:flex; gap:10px; align-items:flex-start; margin-top:16px; padding:12px 14px; border-radius:12px;
  background:#fff; border:1px solid var(--line); font-size:14px; color:var(--ink-2); line-height:1.5; }
.hm-how-note .ic { color:var(--red); margin-top:1px; }
@media (min-width: 992px) {
  .hm-how-grid { grid-template-columns:5fr 7fr; gap:72px; align-items:center; }
  .hm-how-left { margin:0; }
  .hm-pop { position:absolute; top:36px; right:-44px; width:236px; margin:0; box-shadow:var(--sh-3); }
  .hm-how-stats { left:14px; right:14px; bottom:14px; padding:12px 6px; }
  html body .hm-how-right > p { font-size:16px; }
  .hm-how-ctas { flex-direction:row; align-items:center; gap:14px; }
}

/* ---------- PREMIUM CATEGORIES (3 cards) ---------- */
.hm-pec-head { text-align:center; margin-bottom:22px; }
.hm-pec-head .detail-section-header { margin-bottom:8px; }
html body .hm-pec-head p { margin:0; color:var(--ink-3) !important; font-size:15px; }
.hm-pec-row > [class*="col-"] { display:flex; }
.hm-pec-card { display:flex; flex-direction:column; width:100%; background:#fff; border:1px solid var(--line);
  border-radius:var(--r-l); box-shadow:var(--sh-1); overflow:hidden; transition:box-shadow .2s, transform .2s; }
.hm-pec-card:hover { box-shadow:var(--sh-2); transform:translateY(-2px); }
.hm-pec-img { position:relative; aspect-ratio:3/2; background:var(--bg-2); overflow:hidden; }
.hm-pec-img img { width:100%; height:100%; object-fit:cover; display:block; }
.hm-pec-label { position:absolute; left:12px; bottom:12px; display:inline-flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.95); color:var(--ink);
  font-size:13px; font-weight:800; box-shadow:var(--sh-1); }
.hm-pec-label .ic { color:var(--red); }
.hm-pec-body { display:flex; flex-direction:column; flex:1; padding:18px 18px 16px; }
html body .hm-pec-body h2 { font-size:20px !important; line-height:1.25; margin:0 0 12px !important; }
html body .hm-pec-body p { font-size:15px; }
ol.hm-steps { list-style:none; margin:0 0 14px; padding:0; display:grid; gap:10px; }
.hm-step { display:flex; gap:12px; align-items:flex-start; }
.hm-step-num { width:28px; height:28px; flex:none; display:grid; place-items:center; border-radius:50%;
  background:var(--red-50); color:var(--red-dk); font-size:13px; font-weight:800; }
.hm-step-text { font-size:15px; line-height:1.5; color:var(--ink-2); padding-top:3px; }
html body a.hm-pec-cta { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px;
  margin-top:auto; padding:12px 2px 0; border-top:1px solid var(--line); color:var(--red-dk) !important;
  font-size:15px; font-weight:800; text-decoration:none !important; }
html body a.hm-pec-cta .ic { width:32px; height:32px; padding:7px; border-radius:10px; background:var(--red-50); color:var(--red); transition:background .15s, color .15s; }
html body a.hm-pec-cta:hover .ic, html body a.hm-pec-cta--tg .ic { background:var(--red); color:#fff; }
@media (min-width: 992px) {
  .hm-pec-head { margin-bottom:32px; }
  .hm-pec-body { padding:22px 24px 20px; }
  html body .hm-pec-body h2 { font-size:21px !important; }
}

/* ---------- VIP / COLLEGE / HOMELY ---------- */
.hm-feat { background:#fff; border:1px solid var(--line); border-radius:var(--r-l); box-shadow:var(--sh-1);
  padding:8px; margin-bottom:18px; overflow:hidden; }
.hm-feat:last-child { margin-bottom:0; }
.hm-feat > .row { margin:0; }
.hm-feat > .row > [class*="col-"] { padding:0; }
.hm-feat-text { padding:16px 12px 12px; }
.hm-feat-text .cl-badge { margin-bottom:10px; }
html body .hm-feat-text h2 { font-size:clamp(23px,6vw,32px) !important; margin:0 0 14px !important; }
html body .hm-feat-text p { font-size:15px; }
html body .hm-feat-text p:last-child { margin-bottom:0; }
.hm-feat-pic { position:relative; aspect-ratio:4/3; border-radius:15px; overflow:hidden; background:var(--bg-2); }
.hm-feat-pic img { width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; }
.hm-feat-cap { position:absolute; left:10px; bottom:10px; display:flex; gap:6px; align-items:center; }
.hm-feat-tag, .hm-feat-label { display:inline-flex; align-items:center; gap:4px; padding:5px 11px; border-radius:999px;
  font-size:12px; font-weight:800; line-height:1.3; }
.hm-feat-tag { background:var(--red); color:#fff; }
.hm-feat-label { background:rgba(255,255,255,.95); color:var(--ink); box-shadow:var(--sh-1); }
@media (min-width: 992px) {
  .hm-feat { margin-bottom:24px; padding:10px; }
  .hm-feat-text { padding:28px 44px 28px 34px; }
  .hm-feat--flip .hm-feat-text { padding:28px 34px 28px 44px; }
  .hm-feat-pic { aspect-ratio:4/5; }
  html body .hm-feat-text p { font-size:16px; }
}

/* ---------- FAQ ---------- */
.hm-faq .detail-section-header { margin-bottom:24px; }
.hm-faq-list { max-width:820px; margin:0 auto; }
@media (min-width: 992px) { .hm-faq .detail-section-header { margin-bottom:36px; } }

/* ---------- fine-tuning after screenshots ---------- */
html body #home-two.hm-girls { padding-top:36px; }
@media (min-width: 992px) { html body #home-two.hm-girls { padding-top:56px; } }
@media (max-width: 575.98px) {
  html body .escort-card .hm-flag { font-size:10.5px; padding:2px 8px; top:7px; left:7px; }
  html body .escort-card .hm-flag .ic { display:none; }
}
@media (min-width: 768px) {
  .hm-works-pic img { position:absolute; inset:0; }
}
@media (max-width: 991.98px) {
  .hm-how-right { order:1; }
  .hm-how-left { order:2; }
}
.hm-sec.hm-faq { padding-bottom:28px; }
@media (min-width: 992px) { .hm-sec.hm-faq { padding-bottom:40px; } }