#dx-dh-banner, html.h5 .popup, html.h5 .popup-form, html.h5 .alert.danger, html.h5 .logo { display: none !important; }
html.h5 .detail-profile, html.h5 .list-items, html.h5 body > .layout,
  html.h5 body > .header,
  html.h5 body > .popup-more { display: none !important; }
  html.h5, html.h5 body {
    margin: 0;
    background: #090909;
    color: #f7f4ef;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  #h5app { min-height: 100vh; padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
  #dx-dh-banner { display: none !important; }
  .h5-bar {
    position: sticky; top: 0; z-index: 40;
    display: flex; align-items: center; gap: 10px;
    min-height: 52px;
    padding: calc(8px + env(safe-area-inset-top)) 14px 10px;
    background: rgba(9, 9, 9, 0.94);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  .h5-bar img { width: 32px; height: 32px; object-fit: contain; }
  .h5-title { display: flex; flex-direction: column; min-width: 0; }
  .h5-title strong { font-size: 17px; letter-spacing: .1px; }
  .h5-title span { font-size: 12px; color: #b9b3aa; margin-top: 1px; }
  .h5-back, .h5-iconbtn {
    width: 36px; height: 36px; border-radius: 18px; border: 0;
    display: flex; align-items: center; justify-content: center;
    background: #1c1c1c; color: #fff; text-decoration: none; font-size: 20px; line-height: 1;
  }
  .h5-search { padding: 10px 14px 0; }
  .h5-search input {
    width: 100%; box-sizing: border-box; border: 0; border-radius: 12px;
    background: #171717; color: #fff; font-size: 16px; padding: 12px 14px;
  }
  .h5-search input::placeholder { color: #8d877f; }
  .h5-chips { display: flex; gap: 8px; overflow-x: auto; padding: 10px 14px 0; -webkit-overflow-scrolling: touch; }
  .h5-chips button, .h5-tabs button {
    flex: 0 0 auto; border: 0; border-radius: 999px; padding: 8px 12px;
    background: #1b1b1b; color: #ddd; font-size: 13px;
  }
  .h5-chips button.on, .h5-tabs button.on { background: #f0d7b0; color: #161616; font-weight: 700; }
  .h5-tabs {
    display: flex; gap: 8px; overflow-x: auto; padding: 0 14px 8px;
    position: sticky; top: 54px; z-index: 25; background: #090909;
  }
  .h5-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
  .h5-card { display: block; color: inherit; text-decoration: none; background: #141414; border-radius: 16px; overflow: hidden; }
  .h5-card .pic { position: relative; aspect-ratio: 3/4; background: #222; }
  .h5-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .h5-card .tag {
    position: absolute; left: 8px; top: 8px; font-size: 10px; font-weight: 700;
    letter-spacing: .2px; background: rgba(240,215,176,.95); color: #1a1a1a;
    border-radius: 999px; padding: 3px 7px;
  }
  .h5-card .meta { padding: 8px 10px 11px; }
  .h5-card .name { font-size: 15px; font-weight: 700; }
  .h5-card .city { margin-top: 2px; font-size: 12px; color: #b7b1a8; }
  .h5-hero { background: #000; }
  .h5-hero img { width: 100%; max-height: 72vh; object-fit: contain; display: block; background: #000; }
  .h5-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 10px 12px 4px; }
  .h5-thumbs button { flex: 0 0 68px; height: 68px; padding: 0; border-radius: 12px; border: 2px solid transparent; overflow: hidden; background: #222; }
  .h5-thumbs button.on { border-color: #f0d7b0; }
  .h5-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .h5-sheet { padding: 6px 16px 8px; }
  .h5-sheet h1 { font-size: 28px; line-height: 1.1; margin: 6px 0 4px; }
  .h5-place { color: #f0d7b0; font-size: 14px; }
  .h5-note { margin-top: 6px; color: #9c968e; font-size: 12px; }
  .h5-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
  .h5-facts div, .h5-rate { background: #151515; border-radius: 14px; padding: 10px 12px; }
  .h5-facts small, .h5-rate small { display: block; color: #9c968e; font-size: 11px; margin-bottom: 3px; }
  .h5-facts b, .h5-rate b { font-size: 14px; }
  .h5-sec { padding: 4px 16px 18px; }
  .h5-sec h2 { font-size: 13px; letter-spacing: .4px; text-transform: uppercase; color: #b9b3aa; margin: 8px 0 10px; }
  .h5-bio { font-size: 15px; line-height: 1.6; color: #efeae3; }
  .h5-bio.clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .h5-more { margin-top: 8px; border: 0; background: transparent; color: #f0d7b0; padding: 0; font-size: 14px; }
  .h5-rates { display: flex; flex-direction: column; gap: 8px; }
  .h5-rate { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
  .h5-rate em { font-style: normal; color: #777; font-size: 12px; }
  .h5-pills { display: flex; flex-wrap: wrap; gap: 8px; }
  .h5-pills span { background: #171717; border-radius: 999px; padding: 7px 10px; font-size: 13px; }
  .h5-pills span.extra { background: #2a2418; color: #f0d7b0; }
  .h5-warn { margin: 8px 16px 0; background: #241c14; color: #f0d7b0; border-radius: 14px; padding: 12px 14px; font-size: 13px; line-height: 1.5; }
  .h5-empty, .h5-page { padding: 48px 22px; text-align: center; }
  .h5-page a { color: #f0d7b0; }
  .h5-light {
    position: fixed; inset: 0; z-index: 80; background: #000;
    display: flex; flex-direction: column;
  }
  .h5-light img { width: 100%; height: calc(100% - 64px); object-fit: contain; }
  .h5-light .h5-bar { position: relative; }
  .h5-sheet, .h5-sec { scroll-margin-top: 112px; }
  .h5-card:active { transform: scale(0.985); }
  .h5-rate { align-items: flex-start; }
  .h5-rate b { display: block; max-width: 46vw; text-align: right; line-height: 1.35; }
  #js-over18-overlay {
    position: fixed !important; inset: 0 !important; background: rgba(0,0,0,.78) !important; z-index: 90 !important;
  }
  #js-over18 {
    position: fixed !important; left: 14px !important; right: 14px !important; top: auto !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    width: auto !important; max-height: 78vh !important; overflow: auto !important;
    border-radius: 22px !important; padding: 16px 16px 18px !important; z-index: 91 !important;
    box-shadow: 0 16px 50px rgba(0,0,0,.45);
  }
  #js-over18 img { max-width: 120px !important; height: auto !important; }
  #js-over18 p, #js-over18 li { font-size: 13px !important; line-height: 1.45 !important; }
  #js-over18 .btn {
    display: block !important; width: 100% !important; min-height: 46px !important; line-height: 46px !important;
    text-align: center !important; border-radius: 12px !important; margin-top: 8px !important;
  }
  #js-over18 .js-success { background: #f0d7b0 !important; color: #161616 !important; }
  html.h5 iframe { display: none !important; height: 0 !important; }
  .h5-gate-actions { position: sticky; top: 0; z-index: 2; display: flex; flex-direction: column; gap: 8px; padding-bottom: 10px; background: #fff; }
  .h5-light .h5-bar strong { flex: 1; font-size: 14px; text-align: center; }
  .h5-dl {
    position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom));
    z-index: 45; height: 50px; border: 0; border-radius: 14px;
    background: #f0d7b0; color: #161616; font-size: 16px; font-weight: 800;
  }
  .h5-dl:disabled { opacity: .6; }