/* =========================================================
   DANANG2NITE — PHASE64-5D
   PC HOME / PLACES BLOCK ONLY
   ========================================================= */

body.page-home .home-section--places{
  position:relative;
  width:min(1480px,calc(100% - 64px))!important;
  padding-block:46px 76px!important;
}
body.page-home .home-section--places::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,185,110,.22) 18%,rgba(230,37,114,.14) 52%,transparent 100%);
}
body.page-home .home-section--places .section-head{
  margin-bottom:20px!important;
  padding:0 2px;
  align-items:flex-end;
}
body.page-home .home-section--places .section-head>div:first-child{
  min-width:0;
}
body.page-home .home-section--places .section-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--gold-soft);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.9px;
}
body.page-home .home-section--places .section-head .eyebrow::before{
  content:"";
  width:28px;
  height:1px;
  background:linear-gradient(90deg,var(--gold-soft),rgba(217,185,110,.16));
}
body.page-home .home-section--places .section-head h2{
  margin-top:8px!important;
  color:#fffaf4;
  font-size:clamp(34px,2.6vw,45px)!important;
  line-height:1!important;
  letter-spacing:-1px!important;
}
body.page-home .home-section--places .section-head p{
  max-width:720px!important;
  margin-top:8px!important;
  color:#9f9891!important;
  font-size:12.5px!important;
  line-height:1.5!important;
}
body.page-home .home-section--places .section-head__aside{
  gap:10px!important;
}
body.page-home .home-section--places .section-count{
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,185,110,.16);
  border-radius:50%;
  color:#cdbd99!important;
  background:rgba(217,185,110,.025);
  font-size:8px!important;
}
body.page-home .home-section--places .section-link{
  min-height:38px!important;
  padding-inline:15px!important;
  border-color:rgba(217,185,110,.20)!important;
  color:#d8d0c7!important;
  background:linear-gradient(180deg,rgba(217,185,110,.045),rgba(255,255,255,.012))!important;
  font-size:8.5px!important;
}
body.page-home .home-section--places .section-link:hover{
  border-color:rgba(217,185,110,.40)!important;
  color:#fff8ec!important;
  transform:translateY(-1px);
}

body.page-home .home-places-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
  align-items:stretch;
}
body.page-home .home-place-card{
  position:relative;
  display:flex!important;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:19px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 42%),#0b0b0d!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.page-home .home-place-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(230,37,114,.27)!important;
  box-shadow:0 25px 62px rgba(0,0,0,.28)!important;
}
body.page-home .home-place-card .place-card__media{
  position:relative!important;
  width:100%;
  aspect-ratio:16/9!important;
  overflow:hidden;
  background:#09090b!important;
}
body.page-home .home-place-card .place-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.20));
}
body.page-home .home-place-card .place-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain!important;
  object-position:center!important;
  background:#09090b!important;
  transform:none!important;
  transition:transform .45s ease,filter .28s ease;
}
body.page-home .home-place-card:hover .place-card__media img{
  transform:scale(1.012)!important;
  filter:saturate(1.035) contrast(1.015);
}
body.page-home .home-place-card .ad-badge{
  top:12px!important;
  inset-inline-start:12px!important;
  z-index:3;
  padding:6px 9px!important;
  border:1px solid rgba(217,185,110,.20)!important;
  border-radius:999px;
  background:rgba(7,7,8,.72)!important;
  color:var(--gold-soft)!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.8px!important;
  backdrop-filter:blur(8px);
}
body.page-home .home-place-card .place-card__body{
  flex:1;
  min-height:176px;
  padding:18px 18px 16px!important;
  display:flex;
  flex-direction:column;
}
body.page-home .home-place-card .place-category{
  color:var(--pink-soft)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.9px!important;
  line-height:1.25;
}
body.page-home .home-place-card h3{
  margin-top:8px!important;
  color:#fffaf4!important;
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:-.5px!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
body.page-home .home-place-card p{
  margin-top:9px!important;
  color:#a9a29b!important;
  font-size:12.5px!important;
  line-height:1.46!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
body.page-home .home-place-card__foot{
  margin-top:auto!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  min-height:39px;
}
body.page-home .home-place-card .place-price{
  min-width:0;
  max-width:calc(100% - 38px);
  overflow:hidden;
  color:#d9caa7!important;
  font-size:9px!important;
  font-weight:850!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-home .home-place-card__foot b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,185,110,.18);
  border-radius:50%;
  color:var(--gold-soft)!important;
  font-size:10px;
}

/* Uploading slots should complete the grid, not impersonate live content. */
body.page-home .home-place-card.is-placeholder{
  border-style:dashed!important;
  border-color:rgba(217,185,110,.18)!important;
  background:linear-gradient(180deg,rgba(217,185,110,.025),transparent 50%),#0a0a0c!important;
  box-shadow:none!important;
}
body.page-home .home-place-card.is-placeholder:hover{transform:none!important;box-shadow:none!important}
body.page-home .home-place-card.is-placeholder .place-card__media{
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 50% 44%,rgba(217,185,110,.06),transparent 36%),#0a0a0c!important;
}
body.page-home .home-place-card.is-placeholder .media-placeholder{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,185,110,.15);
  border-radius:50%;
  color:#a99569;
  font-size:18px;
  font-weight:900;
}
body.page-home .home-place-card.is-placeholder .place-card__body{opacity:.72}
body.page-home .home-place-card.is-placeholder .ad-badge,
body.page-home .home-place-card.is-placeholder .place-category{color:#c9ae72!important}

/* Script metrics */
html[lang^="zh"] body.page-home .home-section--places .section-head h2,
html[lang="ja"] body.page-home .home-section--places .section-head h2,
html[lang="ko"] body.page-home .home-section--places .section-head h2,
html[lang="th"] body.page-home .home-section--places .section-head h2,
html[lang="hi"] body.page-home .home-section--places .section-head h2,
html[lang="ar"] body.page-home .home-section--places .section-head h2,
html[lang^="zh"] body.page-home .home-place-card h3,
html[lang="ja"] body.page-home .home-place-card h3,
html[lang="ko"] body.page-home .home-place-card h3,
html[lang="th"] body.page-home .home-place-card h3,
html[lang="hi"] body.page-home .home-place-card h3,
html[lang="ar"] body.page-home .home-place-card h3{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",sans-serif!important;
  letter-spacing:-.25px!important;
}
html[lang^="zh"] body.page-home .home-place-card h3,
html[lang="ja"] body.page-home .home-place-card h3,
html[lang="ko"] body.page-home .home-place-card h3{font-size:20px!important;line-height:1.18!important}
html[lang="th"] body.page-home .home-place-card h3,
html[lang="hi"] body.page-home .home-place-card h3{font-size:20px!important;line-height:1.22!important}
html[lang="ar"] body.page-home .home-place-card h3{font-size:21px!important;line-height:1.25!important;text-align:right}
html[lang="ar"] body.page-home .home-place-card .place-card__body{text-align:right}
html[lang="ar"] body.page-home .home-place-card__foot{direction:rtl}

@media(max-width:1220px) and (min-width:821px){
  body.page-home .home-section--places{width:min(1180px,calc(100% - 40px))!important;padding-block:38px 62px!important}
  body.page-home .home-places-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.page-home .home-place-card .place-card__body{min-height:164px;padding:15px 15px 14px!important}
  body.page-home .home-place-card h3{font-size:18px!important}
  body.page-home .home-place-card p{font-size:11px!important}
  body.page-home .home-section--places .section-head h2{font-size:34px!important}
}