/* TPH STEP38A3 — location page hierarchy only. No global/home/search impact. */
.ta-detail #other .ta-other-area-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.ta-detail #other .ta-other-area-grid .ta-stay-card{
  box-shadow:0 4px 14px rgba(10,39,54,.07);
  border-color:#e8eeee;
  border-radius:10px;
}
.ta-detail #other .ta-other-area-grid .ta-stay-img img{height:105px}
.ta-detail #other .ta-other-area-grid .ta-stay-label{font-size:8px;padding:3px 5px;top:6px;left:6px}
.ta-detail #other .ta-other-area-grid .ta-stay-body{padding:7px}
.ta-detail #other .ta-other-area-grid .ta-stay-body h3{font-size:11px;line-height:1.35;margin:0 0 5px}
.ta-detail #other .ta-other-area-grid .ta-stay-foot{font-size:9px;gap:3px;align-items:flex-start;flex-direction:column}
.ta-detail #other .ta-other-area-grid .ta-stay-foot a{
  background:transparent;
  color:var(--ta-green);
  padding:0;
  border-radius:0;
  flex-basis:auto;
  font-size:9px;
  text-align:left;
}
.ta-detail .ta-province-section{padding-top:34px}
.ta-detail .ta-province-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ta-detail .ta-province-card{
  min-width:0;
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  background:#fff;
  border:1px solid #e6ecee;
  border-radius:11px;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(10,39,54,.06);
}
.ta-detail .ta-province-thumb{display:block;background:#e6efee;min-height:108px}
.ta-detail .ta-province-thumb img{width:100%;height:100%;min-height:108px;object-fit:cover}
.ta-detail .ta-province-body{min-width:0;padding:10px 12px 10px 0;display:flex;flex-direction:column}
.ta-detail .ta-province-place{font-size:9px;font-weight:800;color:#6e7f86;margin-bottom:2px}
.ta-detail .ta-province-body h3{font-size:13px;line-height:1.35;margin:0 0 3px;font-weight:900}
.ta-detail .ta-province-body p{
  font-size:10px;
  line-height:1.45;
  color:var(--ta-muted);
  margin:0 0 5px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ta-detail .ta-province-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px}
.ta-detail .ta-province-foot span{color:#77888f;font-weight:700}
.ta-detail .ta-province-foot a{color:var(--ta-green);font-weight:900;white-space:nowrap}

@media (max-width:950px){
  .ta-detail #other .ta-other-area-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:650px){
  .ta-detail #other .ta-other-area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .ta-detail #other .ta-other-area-grid .ta-stay-img img{height:86px}
  .ta-detail #other .ta-other-area-grid .ta-stay-body{padding:6px}
  .ta-detail #other .ta-other-area-grid .ta-stay-body h3{font-size:10px}
  .ta-detail #other .ta-other-area-grid .ta-stay-foot{font-size:8px}
  .ta-detail #other .ta-other-area-grid .ta-stay-foot a{font-size:8px}
  .ta-detail .ta-province-grid{grid-template-columns:1fr;gap:9px}
  .ta-detail .ta-province-card{grid-template-columns:92px minmax(0,1fr);gap:9px}
  .ta-detail .ta-province-thumb,.ta-detail .ta-province-thumb img{min-height:92px}
  .ta-detail .ta-province-body{padding:8px 9px 8px 0}
  .ta-detail .ta-province-body h3{font-size:12px}
  .ta-detail .ta-province-body p{font-size:9px}
  .ta-detail .ta-province-foot{font-size:9px}
}
@media (max-width:350px){
  .ta-detail #other .ta-other-area-grid{gap:5px}
  .ta-detail #other .ta-other-area-grid .ta-stay-img img{height:74px}
}