/* Travel Affiliate Blog extension */
:root{
  --travel-ink: #141821;
  --travel-muted: #657085;
  --travel-line: rgba(20, 24, 33, 0.1);
  --travel-soft: #f6f8fc;
  --travel-brand: #3d6bff;
  --travel-brand-deep: #2451d8;
  --travel-radius: 24px;
}



.travel-page{
  color: var(--travel-ink);
}

.travel-hero{
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 32px;
  align-items: center;
  padding-top: 38px;
  padding-bottom: 34px;
}

.travel-hero--compact{
  display: block;
  max-width: 920px;
  text-align: center;
}

.eyebrow{
  margin: 0 0 10px;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--travel-brand);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.travel-hero h1{
  margin: 0;
  font-size: clamp(2.1rem, 5vw, 4rem);
  line-height:1.2;
  letter-spacing: -0.045em;
  word-break: keep-all;
}

.travel-hero__summary,
.hotel-detail__summary{
  margin: 18px 0 0;
  max-width: 720px;
  color: var(--travel-muted);
  font-size: 1.08rem;
  line-height: 1.75;
}

.travel-hero--compact .travel-hero__summary{
  margin-left: auto;
  margin-right: auto;
}

.travel-hero__chips,
.hotel-detail__facts{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.travel-hero__chips span,
.hotel-detail__facts span,
.tag-row span{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid var(--travel-line);
  border-radius: 999px;
  background: #fff;
  color: #3f4858;
  font-size: 0.9rem;
  font-weight: 500;
}

.travel-hero__image,
.hotel-detail__image{
  margin: 0;
  overflow: hidden;
  border-radius: var(--travel-radius);
  background: var(--travel-soft);
}

.travel-hero__image img,
.hotel-detail__image img,
.travel-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.travel-hero__image{
  aspect-ratio: 4 / 3;
}

.travel-section{
  padding: 36px clamp(16px, 4vw, 24px);
}

.section-heading{
  margin-bottom: 18px;
}

.section-heading h2{
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  letter-spacing: -0.035em;
  line-height: 1.2;
  word-break: keep-all;
}

.section-heading p:not(.eyebrow):not(.wt-city-kicker){
  margin: 10px 0 0;
  color: var(--travel-muted);
  line-height: 1.7;
}

.travel-card-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.travel-card-grid--hotels{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.travel-card,
.content-card,
.side-card,
.empty-card,
.hotel-filter-note{
  border: 1px solid var(--travel-line);
  border-radius: var(--travel-radius);
  background: #fff;
}

.travel-card{
  overflow: hidden;
}

.travel-card__media{
  display: block;
  aspect-ratio: 16 / 10;
  background: var(--travel-soft);
}

.travel-card__body{
  padding: 20px;
}

.travel-card__meta{
  margin-bottom: 8px;
  color: var(--travel-muted);
  font-size: 0.88rem;
  font-weight: 500;
}

.travel-card h2,
.travel-card h3,
.travel-list h3{
  margin: 0;
  font-size: 1.22rem;
  line-height: 1.2;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.travel-card a,
.travel-list a{
  color: inherit;
  text-decoration: none;
}

.travel-card a:hover,
.travel-list a:hover{
  color: var(--travel-brand);
}

.travel-card p,
.travel-list p,
.side-card p,
.content-card p{
  color: var(--travel-muted);
  line-height: 1.7;
}

.tag-row{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}

.tag-row--large span{
  min-height: 38px;
  padding-left: 14px;
  padding-right: 14px;
}

.text-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  color: var(--travel-brand);
  font-weight: 500;
}

.text-link::after{
  content: "→";
}

.section-action{
  margin-top: 20px;
  text-align: center;
}

.travel-list{
  display: grid;
  gap: 12px;
}

.travel-list__item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--travel-line);
  border-radius: 20px;
  background: #fff;
}

.travel-list--compact .travel-list__item{
  padding: 16px 0;
  border-width: 0 0 1px;
  border-radius: 0;
}

.empty-card,
.hotel-filter-note{
  padding: 22px;
  color: var(--travel-muted);
  line-height: 1.7;
}

.hotel-filter-note{
  margin-bottom: 18px;
  background: #f8faff;
}

.hotel-detail{
  padding-top: 28px;
  padding-bottom: 50px;
}

.hotel-detail__hero{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.92fr);
  gap: 32px;
  align-items: center;
}

.hotel-detail__hero h1{
  margin: 0;
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  line-height:1.2;
  letter-spacing: -0.045em;
  word-break: keep-all;
}

.hotel-detail__en{
  margin: 10px 0 0;
  color: var(--travel-muted);
  font-size: 1rem;
}

.hotel-detail__image{
  aspect-ratio: 4 / 3;
}

.hotel-detail__cta,
.hotel-detail__cta-bottom,
.hotel-detail__cta-side{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.hotel-detail__cta-side{
  display: grid;
}

.affiliate-btn{
  min-height: 46px;
  justify-content: center;
}

.affiliate-empty{
  color: var(--travel-muted);
  font-size: 0.92rem;
}

.hotel-detail__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 24px;
  margin-top: 34px;
}

.hotel-detail__main{
  display: grid;
  gap: 18px;
}

.content-card,
.side-card{
  padding: 24px;
}

.content-card h2,
.side-card h2{
  margin: 0 0 12px;
  font-size: 1.35rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
  word-break: keep-all;
}

.content-card--notice{
  background: #f8faff;
}

.icon-list,
.mini-list,
.content-card ul{
  margin: 0;
  padding-left: 1.15rem;
  color: var(--travel-muted);
  line-height: 1.8;
}

.nearby-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.nearby-grid div{
  padding: 14px;
  border-radius: 16px;
  background: var(--travel-soft);
}

.nearby-grid strong,
.nearby-grid span{
  display: block;
}

.nearby-grid span{
  margin-top: 4px;
  color: var(--travel-muted);
  font-size: 0.92rem;
}

.side-card dl{
  margin: 0;
  display: grid;
  gap: 12px;
}

.side-card dl div{
  padding-bottom: 12px;
  border-bottom: 1px solid var(--travel-line);
}

.side-card dt{
  color: var(--travel-muted);
  font-size: 0.82rem;
  font-weight: 500;
}

.side-card dd{
  margin: 4px 0 0;
  line-height: 1.6;
}

.side-card--sticky{
  position: sticky;
  top: 86px;
  margin-top: 16px;
}

@media (max-width: 960px) {
  .travel-hero,
.hotel-detail__hero,
.hotel-detail__grid{
    grid-template-columns: 1fr;
  }
  .travel-card-grid,
.travel-card-grid--hotels{
    grid-template-columns: 1fr;
  }
  .nearby-grid{
    grid-template-columns: 1fr;
  }
  .side-card--sticky{
    position: static;
  }
}

@media (max-width: 640px) {
  .travel-hero,
.hotel-detail{
    padding-top: 22px;
  }
  .travel-list__item{
    display: block;
  }
  .travel-list__item .text-link{
    margin-top: 12px;
  }
  .hotel-detail__cta,
.hotel-detail__cta-bottom{
    display: grid;
  }
}


/* Travel UI polish v2: Be Stayable editorial mood + refined travel affiliate layout */
:root{
  --travel-bg:#f8fbff;
  --travel-sand:#eef7ff;
  --travel-sand-2:#f4f9ff;
  --travel-ink:#10243d;
  --travel-muted:#64748b;
  --travel-line:rgba(16,36,61,.10);
  --travel-brand:#2563eb;
  --travel-brand-deep:#174c78;
  --travel-blue-support:#2563eb;
  --travel-sky:#60a5fa;
  --travel-card:#ffffff;
  --travel-shadow:0 18px 46px rgba(37,99,235,.09);
  --travel-shadow-soft:0 10px 28px rgba(37,99,235,.06);
}
body{
  background:
    radial-gradient(circle at 5% 0%, rgba(37,99,235,.055), transparent 28rem),
    radial-gradient(circle at 100% 12%, rgba(125,211,252,.12), transparent 30rem),
    var(--travel-bg);
}











.travel-page{
  overflow:hidden;
}
.travel-hero{
  position:relative;
}
.travel-hero--home{
  min-height:620px;
  padding-top:72px;
  padding-bottom:64px;
}
.travel-hero--home::before{
  content:"";
  position:absolute;
  inset:28px 16px 34px;
  z-index:-1;
  border:1px solid rgba(23,23,23,.08);
  border-radius:36px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,248,237,.78)),
    radial-gradient(circle at 80% 24%, rgba(35,104,255,.14), transparent 22rem);
}
.travel-hero--home h1{
  max-width:720px;
  font-size:clamp(2.8rem, 6.5vw, 5.9rem);
  line-height:1.2;
  letter-spacing:-.075em;
  font-weight: 500;
  word-break: keep-all;
}
.travel-hero__summary{
  font-size:1.08rem;
  color:#596273;
}
.travel-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.btn--brand{
  color:#fff !important;
  border-color:#174c78 !important;
  background:#174c78 !important;
}
.btn--brand:hover{
  transform:translateY(-1px);
}
.btn--soft{
  background:#fff !important;
  color:#1f2937 !important;
  border-color:rgba(23,23,23,.10) !important;
}
.travel-hero__chips span,
.hotel-detail__facts span,
.tag-row span{
  border-color:rgba(23,23,23,.09);
  background:rgba(255,255,255,.72);
}
.travel-hero-card{
  border:1px solid rgba(23,23,23,.10);
  border-radius:32px;
  padding:22px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(14px);
}
.travel-hero-card__top{
  display:grid;
  gap:10px;
  margin-bottom:18px;
}
.travel-hero-card__top strong{
  font-size:1.35rem;
  line-height:1.25;
  letter-spacing:-.04em;
}
.travel-hero-card__badge{
  display:inline-flex;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--travel-brand);
  font-size:.75rem;
  font-weight: 500;
  letter-spacing:.08em;
}
.travel-flow{
  display:grid;
  gap:12px;
}
.travel-flow div{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:12px;
  align-items:start;
  padding:16px;
  border:1px solid rgba(23,23,23,.08);
  border-radius:22px;
  background:#fff;
}
.travel-flow span{
  grid-row:1 / span 2;
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:#171717;
  color:#fff;
  font-weight: 500;
}
.travel-flow b{
  font-size:1.05rem;
}
.travel-flow p{
  margin:4px 0 0;
  color:var(--travel-muted);
  line-height:1.6;
}
.travel-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.travel-metric-grid article{
  padding:22px;
  border:1px solid rgba(23,23,23,.08);
  border-radius:26px;
  background:#fff;
}
.travel-metric-grid strong{
  display:block;
  margin-bottom:6px;
  font-size:1.35rem;
  letter-spacing:-.04em;
}
.travel-metric-grid span{
  color:var(--travel-muted);
  line-height:1.65;
}
.travel-section{
  padding:44px clamp(18px, 4vw, 28px);
}
.travel-section--compact{
  padding-top:0;
}
.travel-section--tinted{
  position:relative;
}
.travel-section--tinted::before{
  content:"";
  position:absolute;
  inset:12px max(16px, calc((100vw - var(--container))/2 + 16px));
  z-index:-1;
  border-radius:32px;
  background:rgba(255,255,255,.46);
  border:1px solid rgba(23,23,23,.06);
}
.section-heading--split{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
}
.section-heading h2{
  font-weight: 500;
  color:#171717;
  line-height: 1.2;
  word-break: keep-all;
}
.travel-card-grid{
  gap:22px;
}
.travel-card,
.content-card,
.side-card,
.empty-card,
.hotel-filter-note{
  border-color:rgba(23,23,23,.09);
}
.travel-card{
  position:relative;
  transition:transform .2s ease, border-color .2s ease;
}
.travel-card:hover{
  transform:translateY(-3px);
  border-color:rgba(35,104,255,.18);
}
.travel-card__media{
  position:relative;
  overflow:hidden;
}
.travel-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 52%, rgba(0,0,0,.20));
  pointer-events:none;
}
.travel-card__media img{
  transition:transform .35s ease;
}
.travel-card:hover .travel-card__media img{
  transform:scale(1.035);
}
.travel-card__body{
  padding:22px;
}
.travel-card__meta{
  color:#6b7280;
  font-size:.84rem;
  letter-spacing:-.01em;
}
.travel-card h2,
.travel-card h3,
.travel-list h3{
  font-weight: 500;
  color:#171717;
  line-height: 1.2;
  word-break: keep-all;
}
.travel-card p,
.travel-list p,
.side-card p,
.content-card p{
  color:#626b7b;
}
.hotel-card .affiliate-btn{
  width:100%;
  margin-top:6px;
}
.travel-list__item{
  border-color:rgba(23,23,23,.08);
  transition:transform .18s ease, border-color .18s ease;
}
.travel-list__item:hover{
  transform:translateY(-2px);
  border-color:rgba(35,104,255,.16);
}
.travel-hero--soft{
  margin-top:28px;
  margin-bottom:4px;
  padding-top:58px;
  padding-bottom:58px;
  border:1px solid rgba(23,23,23,.08);
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,248,237,.78)),
    radial-gradient(circle at 90% 0%, rgba(35,104,255,.12), transparent 24rem);
}
.hotel-filter-note{
  padding:18px 20px;
  background:rgba(255,255,255,.72);
  color:#586174;
}
.hotel-detail__hero{
  position:relative;
  padding:26px;
  border:1px solid rgba(23,23,23,.08);
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,248,237,.72));
}
.hotel-detail__hero h1{
  font-weight: 500;
  word-break: keep-all;
}
.hotel-detail__image,
.travel-hero__image{
  border:1px solid rgba(23,23,23,.07);
}
.content-card h2,
.side-card h2{
  font-weight: 500;
  letter-spacing:-.035em;
  line-height: 1.2;
  word-break: keep-all;
}
.content-card--notice{
  background:linear-gradient(135deg,#fff,#fff8ed);
}
.affiliate-btn{
  border-radius:999px !important;
  min-height:48px;
}
.affiliate-btn::after{
  content:" ↗";
}
.text-link{
  color:var(--travel-brand);
}
.footer__inner{
  background:rgba(255,255,255,.58);
  border-radius:24px;
  padding:20px !important;
  border:1px solid rgba(23,23,23,.06) !important;
}
@media (max-width:960px){
  .travel-hero--home{
    min-height:auto;
  }
  .travel-hero--home::before{
    inset:16px;
  }
  .travel-metric-grid{
    grid-template-columns:1fr;
  }
  .section-heading--split{
    display:block;
  }
  .section-heading--split .text-link{
    margin-top:12px;
  }
}
@media (max-width:760px){
  
  
  
  
  .travel-hero--home{
    padding-top:46px;
    padding-bottom:44px;
  }
  .travel-hero--home h1{
    font-size:clamp(2.25rem, 13vw, 3.7rem);
  word-break: keep-all;
  }
  .travel-hero-card{
    border-radius:26px;
    padding:16px;
  }
  .travel-flow div{
    grid-template-columns:36px minmax(0,1fr);
    padding:14px;
  }
  .travel-flow span{
    width:36px;
    height:36px;
    border-radius:13px;
    font-size:.86rem;
  }
  .travel-hero--soft{
    margin-top:18px;
    padding-top:42px;
    padding-bottom:42px;
    border-radius:26px;
  }
  .travel-card__body{
    padding:18px;
  }
  .hotel-detail__hero{
    padding:18px;
    border-radius:26px;
  }
}


.travel-content-sections{
  display: grid;
  gap: 22px;
}

.travel-content-section{
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid var(--travel-line);
  border-radius: var(--travel-radius);
  background: #fff;
}

.travel-content-section__head{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.travel-content-section__head h3{
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem);
  letter-spacing: -0.03em;
}

.travel-content-section__head p:not(.eyebrow){
  margin: 8px 0 0;
  color: var(--travel-muted);
  line-height: 1.65;
}

.travel-content-section__count{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--travel-soft);
  color: var(--travel-brand-deep);
  font-size: 0.88rem;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}

@media (max-width: 720px) {
  .travel-content-section{
    padding: 18px;
  }

  .travel-content-section__head{
    display: grid;
  }
}

.travel-list h4{
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.35;
  letter-spacing: -0.02em;
}

/* Home index refinements */
.travel-hero--text-only{
  display: block;
}

.travel-hero--text-only .travel-hero__body{
  max-width: 860px;
}

.travel-hero--text-only .travel-hero__summary{
  max-width: 780px;
}


.country-destination-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  width: 100%;
}

@media (min-width: 768px) {
  .country-destination-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.2vw, 28px);
  }

  .country-destination-group--compact{
    width: 100%;
  }
}

.country-destination-group{
  display: grid;
  gap: 18px;
  min-width: 0;
}

.country-destination-group--compact{
  min-width: 0;
  overflow: hidden;
  padding: clamp(20px, 2.2vw, 28px);
  border: 1px solid rgba(15, 23, 42, 0.075);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
}

.country-destination-group__head{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 0;
}

.country-destination-group__title{
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
}

.country-destination-group__head h3{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: clamp(1.18rem, 1.7vw, 1.44rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  color: #111827;
  min-width: 0;
}


.country-destination-group__actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
  white-space: nowrap;
}

.country-destination-group__link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--travel-brand);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.country-destination-group__link:hover{
  color: var(--travel-brand-deep);
}

.country-destination-group__add{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid rgba(21, 112, 239, 0.14);
  border-radius: 13px;
  background: #ffffff;
  color: var(--travel-brand);
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.country-destination-group__add:hover{
  transform: translateY(-1px);
  border-color: rgba(21, 112, 239, 0.32);
  background: #f8fbff;
}

.destination-chip-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-width: 0;
}

.destination-chip{
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  width: 100%;
  min-height: 68px;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.075);
  border-radius: 0;
  background: transparent;
  transform: none;
  transition: background 0.16s ease;
}

.destination-chip:last-child{
  border-bottom: 0;
}

.destination-chip:hover{
  border-color: rgba(15, 23, 42, 0.075);
  background: rgba(248, 251, 255, 0.92);
  transform: none;
}

.destination-chip__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(21, 112, 239, 0.13);
  border-radius: 12px;
  background: #f8fbff;
  color: var(--travel-brand);
}

.destination-chip__icon svg{
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.destination-chip__icon svg circle{
  fill: currentColor;
  stroke: none;
}

.destination-chip__link{
  display: inline-flex;
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111827;
  text-decoration: none;
  transition: color 0.16s ease;
}

.destination-chip__name{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
}

.destination-chip__name{
  color: #151515;
  font-size: 0.98rem;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2;
}


.destination-chip__link:hover .destination-chip__name{
  color: var(--travel-brand);
}

.destination-chip__edit{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  min-height: 34px;
  margin-left: 0;
  border: 1px solid rgba(21, 112, 239, 0.16);
  border-radius: 12px;
  background: #ffffff;
  color: var(--travel-brand-deep);
  font-size: 0.82rem;
  font-weight: 500;
  padding: 0 13px;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.destination-chip__edit:hover{
  transform: translateY(-1px);
  border-color: rgba(21, 112, 239, 0.3);
  background: #f8fbff;
}

.destination-chip__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(21, 112, 239, 0.16);
  border-radius: 12px;
  background: #ffffff;
  color: var(--travel-brand-deep);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.destination-chip__arrow svg{
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.destination-chip__arrow:hover{
  transform: translateY(-1px);
  border-color: rgba(21, 112, 239, 0.3);
  background: #f8fbff;
}


.empty-card--compact{
  width: 100%;
  min-height: auto;
  padding: 16px;
}

@media (max-width: 1080px) {
  .travel-section{
    padding-left: 22px;
    padding-right: 22px;
  }
}

@media (max-width: 767px) {
  .travel-section{
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 1080px) and (min-width: 768px) {
  .country-destination-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .country-destination-group--compact{
    padding: 20px;
  }

  .country-destination-group__head{
    /*grid-template-columns: 1fr;*/
    gap: 12px;
  }

  .country-destination-group__actions{
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .country-destination-list{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .country-destination-group--compact{
    padding: 18px;
    border-radius: 20px;
  }

  .country-destination-group__head{
    /*grid-template-columns: 1fr;*/
    gap: 12px;
  }

  .country-destination-group__title{
    width: 100%;
    flex-wrap: wrap;
  }

  .country-destination-group__actions{
    width: 100%;
    justify-content: space-between;
  }


  .country-destination-group__add{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  .destination-chip{
    grid-template-columns: 36px minmax(0, 1fr) auto auto;
    gap: 10px;
    min-height: 64px;
    padding: 12px 0;
  }

  .destination-chip__icon{
    width: 34px;
    height: 34px;
  }

  .destination-chip__edit{
    min-width: 54px;
    min-height: 34px;
    padding: 0 12px;
  }

  .destination-chip__arrow{
    width: 34px;
    height: 34px;
  }

}

/* Destination management on index: city detail fields only */
.country-destination-group__actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 10px;
}

.travel-card--editable{
  position: relative;
}

.travel-card__edit-btn{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #171717;
  font-size: 12px;
  font-weight: 500;
  padding: 7px 11px;
  cursor: pointer;
}

.travel-card__edit-btn:hover{
  background: #fff7ed;
  border-color: rgba(245, 158, 11, 0.34);
}

.modal-sheet--destination-manager{
  width: min(980px, calc(100vw - 32px));
}

.destination-manager{
  display: grid;
  gap: 18px;
}

.destination-manager__section{
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  background: #f8fafc;
}

.destination-manager__section h3{
  margin: 0;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: #171717;
}

.destination-manager__grid{
  gap: 12px;
}

.destination-manager__section-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.destination-manager__section-head .small{
  margin: 4px 0 0;
  line-height: 1.55;
}

.home-destination-count{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 32px;
  border: 1px solid rgba(21, 112, 239, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: var(--travel-brand-deep);
  font-weight: 500;
  white-space: nowrap;
}

.home-destination-current,
.home-destination-option{
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background: #ffffff;
  padding: 11px 12px;
}

.home-destination-current{
  color: #111827;
  font-size: 0.92rem;
  font-weight: 500;
}

.home-destination-current input,
.home-destination-option input{
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  accent-color: var(--travel-brand);
}

.home-destination-checklist{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: 260px;
  overflow: auto;
  padding-right: 2px;
}

.home-destination-option{
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease;
}

.home-destination-option:hover,
.home-destination-option.is-current{
  border-color: rgba(21, 112, 239, 0.24);
  background: #f8fbff;
}

.home-destination-option.is-selected{
  border-color: rgba(21, 112, 239, 0.28);
  background: #f8fbff;
}

.home-destination-option__main{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
  cursor: pointer;
}

.home-destination-option__controls{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
}

.home-destination-option__controls[hidden]{
  display: none;
}

.home-destination-option__move{
  width: 28px;
  height: 28px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1;
}

.home-destination-option__move:hover:not(:disabled){
  border-color: rgba(21, 112, 239, 0.34);
  color: var(--travel-brand-deep);
}

.home-destination-option__move:disabled{
  cursor: not-allowed;
  opacity: 0.35;
}

.home-destination-option__body{
  display: grid;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.home-destination-option__body strong,
.home-destination-option__body em{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-destination-option__body strong{
  color: #111827;
  font-size: 0.92rem;
  font-style: normal;
  font-weight: 500;
}

.home-destination-option__body em{
  color: #64748b;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 500;
}

.home-destination-option__badge{
  flex: 0 0 auto;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--travel-brand-deep);
  font-size: 0.72rem;
  font-weight: 500;
  padding: 5px 8px;
}

.home-destination-empty{
  grid-column: 1 / -1;
  border: 1px dashed rgba(148, 163, 184, 0.34);
  border-radius: 14px;
  background: #ffffff;
  color: #64748b;
  padding: 14px;
}

.form-field{
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #475569;
}

.form-field .textarea{
  min-height: 74px;
  resize: vertical;
}

.destination-manager__actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 2px;
}

.destination-manager__actions-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .country-destination-group__actions{
    justify-content: space-between;
  }
  .destination-manager__section-head{
    flex-direction: column;
  }
  .home-destination-checklist{
    grid-template-columns: 1fr;
    max-height: 320px;
  }
  .destination-manager__actions,
.destination-manager__actions-right{
    align-items: stretch;
    flex-direction: column;
    width: 100%;
  }
}

/* Destination detail page v2: horizontal breadcrumbs + full-width hero image */
















.travel-hero--destination-detail{
  display: block;
  padding-top: 18px;
  padding-bottom: 38px;
}

.travel-hero--destination-detail .travel-hero__image{
  width: 100%;
  margin: 0 0 28px;
  aspect-ratio: 16 / 7;
  border-radius: 32px;
}

.travel-hero--destination-detail .travel-hero__image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.travel-hero--destination-detail .travel-hero__body{
  max-width: 940px;
}

.travel-hero--destination-detail h1{
  max-width: 940px;
  word-break: keep-all;
}

.travel-hero--destination-detail .travel-hero__summary{
  max-width: 820px;
}

@media (max-width: 720px) {
  

  

  

  

  

  .travel-hero--destination-detail{
    padding-top: 14px;
    padding-bottom: 26px;
  }

  .travel-hero--destination-detail .travel-hero__image{
    margin-bottom: 22px;
    aspect-ratio: 16 / 10;
    border-radius: 24px;
  }
}

/* Destination detail page v3: robust layout override */
















.destination-detail-hero{
  display: block !important;
  padding-top: 16px;
  padding-bottom: 42px;
}

.destination-detail-hero__media{
  display: block;
  width: 100%;
  margin: 0 0 30px;
  overflow: hidden;
  aspect-ratio: 16 / 7;
  border: 1px solid rgba(23,23,23,.07);
  border-radius: 32px;
  background: var(--travel-soft);
}

.destination-detail-hero__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.destination-detail-hero__content{
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.destination-detail-hero h1{
  margin: 0;
  max-width: 940px;
  font-size: clamp(2.1rem, 5vw, 4rem);
  line-height:1.2;
  letter-spacing: -0.045em;
  font-weight: 500;
  word-break: keep-all;
}

.destination-detail-hero__summary{
  margin: 18px 0 0;
  max-width: 820px;
  color: var(--travel-muted);
  font-size: 1.08rem;
  line-height: 1.75;
}

.destination-detail-hero__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.destination-detail-hero__chips span{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid rgba(23,23,23,.09);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: #3f4858;
  font-size: 0.9rem;
  font-weight: 500;
}

@media (max-width: 720px) {
  

  

  

  

  

  .destination-detail-hero{
    padding-top: 12px;
    padding-bottom: 28px;
  }

  .destination-detail-hero__media{
    margin-bottom: 22px;
    aspect-ratio: 16 / 10;
    border-radius: 24px;
  }

  .destination-detail-hero h1{
    font-size: clamp(2rem, 12vw, 3rem);
  word-break: keep-all;
  }
}


/* Destination manager modal v7: always-visible bottom save footer */
.modal-sheet--destination-manager{
  display: flex;
  flex-direction: column;
  height: min(92vh, 860px);
  max-height: min(92vh, 860px);
  overflow: hidden;
}

.modal-sheet--destination-manager #destinationManagerForm{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.modal-sheet--destination-manager .modal-sheet__header,
.modal-sheet--destination-manager .sep,
.modal-sheet--destination-manager .destination-manager__actions{
  flex: 0 0 auto;
}

.modal-sheet--destination-manager .modal-sheet__body.destination-manager{
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: auto;
  padding-bottom: 18px;
}

.modal-sheet--destination-manager .destination-manager__actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid rgba(148, 163, 184, 0.26);
  background: #fff;
}

.modal-sheet--destination-manager .destination-manager__actions-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
}

.modal-sheet--destination-manager #destinationSubmitBtn{
  min-width: 148px;
}

.destination-detail-hero__content{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.destination-detail-hero__content > *,
.destination-detail-hero h1,
.destination-detail-hero__summary{
  max-width: none !important;
  word-break: keep-all;
}

@media (max-width: 720px) {
  .modal-sheet--destination-manager{
    height: min(94vh, 860px);
    max-height: min(94vh, 860px);
  }

  .modal-sheet--destination-manager .destination-manager__actions{
    align-items: stretch;
    flex-direction: column;
    padding: 14px 18px 16px;
  }

  .modal-sheet--destination-manager .destination-manager__actions-right{
    align-items: stretch;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
  }

  .modal-sheet--destination-manager #destinationSubmitBtn{
    width: 100%;
  }
}

@media (max-width: 640px) {
  .home-destination-option{
    align-items: flex-start;
    flex-direction: column;
  }

  .home-destination-option__main,
.home-destination-option__controls{
    width: 100%;
  }

  .home-destination-option__controls{
    justify-content: flex-end;
  }
}

/* Travel hub manager v20: separate add/edit city modal and country featured-city modal */
.country-destination-group__manage{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid rgba(21, 112, 239, 0.14);
  border-radius: 13px;
  background: #ffffff;
  color: var(--travel-brand-deep);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.country-destination-group__manage:hover{
  transform: translateY(-1px);
  border-color: rgba(21, 112, 239, 0.32);
  background: #f8fbff;
}

.modal-sheet--home-destination-manager{
  width: min(760px, calc(100vw - 32px));
}

.modal-sheet--home-destination-manager .home-destination-checklist{
  grid-template-columns: 1fr;
  max-height: min(52vh, 460px);
}

.modal-sheet--home-destination-manager #homeDestinationSubmitBtn{
  min-width: 148px;
}

@media (max-width: 720px) {
  .country-destination-group__title{
    flex-wrap: wrap;
  }

  .country-destination-group__manage{
    min-height: 34px;
    padding: 0 11px;
    font-size: 0.78rem;
  }

  .modal-sheet--home-destination-manager #homeDestinationSubmitBtn{
    width: 100%;
  }
}


/* Destinations archive v22: reuse index travel hub UI for all cities by country */
.country-destination-list--all{
  align-items: stretch;
}

.country-destination-list--all .country-destination-group--compact{
  background: #ffffff;
}

.destination-chip.destination-chip--public{
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

@media (max-width: 767px) {
  .destination-chip.destination-chip--public{
    grid-template-columns: 36px minmax(0, 1fr) auto;
  }
}

/* V26: destination hotel tabs */
.travel-card-grid--hotels{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.travel-card-grid--hotels .empty-card{
  grid-column:1/-1;
}
.hotel-tabs{
  margin-top:18px;
}
.hotel-tabs__nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
  padding:6px;
  border:1px solid rgba(23,23,23,.08);
  border-radius:999px;
  background:rgba(255,255,255,.72);
}
.hotel-tabs__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 16px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#555;
  font-weight: 500;
  letter-spacing:-.02em;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.hotel-tabs__button strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(23,23,23,.06);
  color:#333;
  font-size:.78rem;
}
.hotel-tabs__button.is-active{
  background:#171717;
  color:#fff;
}
.hotel-tabs__button.is-active strong{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.hotel-tabs__button:hover{
  transform:translateY(-1px);
}
.hotel-tab-panel[hidden]{
  display:none !important;
}
.hotel-tabs__footer{
  display:flex;
  justify-content:center;
  margin-top:20px;
}
.hotel-load-more{
  min-width:150px;
  min-height:44px;
  padding:11px 18px;
  border:1px solid rgba(23,23,23,.12);
  border-radius:999px;
  background:#fff;
  color:#171717;
  font-weight: 500;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease;
}
.hotel-load-more:hover{
  transform:translateY(-2px);
  border-color:rgba(35,104,255,.24);
}
@media (max-width: 960px){
  .travel-card-grid--hotels{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hotel-tabs__nav{
    border-radius:22px;
  }
}
@media (max-width: 640px){
  .travel-card-grid--hotels{
    grid-template-columns:1fr;
  }
  .hotel-tabs__nav{
    display:grid;
    grid-template-columns:1fr;
    border-radius:22px;
  }
  .hotel-tabs__button{
    width:100%;
  }
}


/* V27: 페이지 배경 흰색 통일 + 인덱스 추천 호텔 3열 고정 */
.travel-page,
.travel-home,
.travel-home-body{
  background-color: #fff !important;
}

.travel-section--tinted::before{
  background: #fff !important;
}

.travel-card-grid--hotels{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 960px) {
  .travel-card-grid--hotels{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .travel-card-grid--hotels{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   V28: simple emotional travel magazine design layer
   - White page base, warm editorial accents, softer cards
   - Keeps existing layout/functionality while refining public UI
========================================================= */
:root{
  --travel-bg: #ffffff;
  --travel-paper: #F8FBFF;
  --travel-paper-strong: #EEF7FF;
  --travel-ink: #102A45;
  --travel-muted: #64748B;
  --travel-muted-2: #94A3B8;
  --travel-line: rgba(16, 42, 69, 0.11);
  --travel-brand: #2563EB;
  --travel-brand-deep: #174C78;
  --travel-card: #ffffff;
  --travel-shadow: 0 20px 54px rgba(16, 42, 69, 0.10);
  --travel-shadow-soft: 0 12px 34px rgba(16, 42, 69, 0.065);
  --travel-radius: 28px;
}

html,
body,
.travel-home-body,
.travel-page,
.travel-home{
  background: #ffffff !important;
  color: var(--travel-ink);
}

body::before,
body::after{
  display: none !important;
}

.travel-page{
  overflow-x: hidden;
}











.btn--brand{
  background: var(--travel-brand-deep) !important;
  border-color: var(--travel-brand-deep);
  color: #ffffff;
}

.btn--brand,
.btn--soft,
.affiliate-btn,
.hotel-load-more{
  border-radius: 999px !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.btn--brand:hover,
.btn--soft:hover,
.affiliate-btn:hover,
.hotel-load-more:hover{
  transform: translateY(-1px);
}

.btn--soft,
.hotel-load-more{
  background: #ffffff !important;
  color: var(--travel-ink) !important;
  border-color: rgba(16, 42, 69, 0.12) !important;
}

.eyebrow{
  color: var(--travel-brand-deep);
  font-size: 0.76rem;
  letter-spacing: 0.12em;
}

.travel-hero--home{
  position: relative;
  min-height: 560px;
  margin-top: 22px;
  margin-bottom: 22px;
  padding-top: clamp(58px, 8vw, 96px);
  padding-bottom: clamp(54px, 7vw, 86px);
  border: 1px solid rgba(16, 42, 69, 0.08);
  border-radius: 36px;
  background:
    radial-gradient(circle at 86% 18%, rgba(37, 99, 235, 0.18), transparent 23rem),
    linear-gradient(135deg, #ffffff 0%, #F8FBFF 58%, #EEF7FF 100%);
  overflow: hidden;
}

.travel-hero--home::before{
  display: none;
}

.travel-hero--home::after{
  content: "";
  position: absolute;
  right: clamp(24px, 6vw, 76px);
  bottom: clamp(22px, 5vw, 58px);
  width: clamp(120px, 18vw, 230px);
  height: clamp(120px, 18vw, 230px);
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(219,234,254,.38));
  pointer-events: none;
}

.travel-hero--text-only .travel-hero__body{
  position: relative;
  z-index: 1;
  max-width: 890px;
}

.travel-hero--home h1{
  max-width: 820px;
  color: var(--travel-ink);
  font-size: clamp(2.55rem, 6.5vw, 5.45rem);
  line-height:1.2;
  letter-spacing: -0.073em;
  font-weight: 500;
  word-break: keep-all;
}

.travel-hero__summary,
.hotel-detail__summary{
  color: var(--travel-muted);
  font-size: clamp(1rem, 1.5vw, 1.12rem);
  line-height: 1.82;
  word-break: keep-all;
}

.travel-hero__actions{
  gap: 12px;
  margin-top: 28px;
}

.travel-hero__chips{
  gap: 8px;
  margin-top: 22px;
}

.travel-hero__chips span,
.hotel-detail__facts span,
.tag-row span{
  min-height: 34px;
  border-color: rgba(37, 99, 235, 0.12);
  background: rgba(255, 255, 255, 0.74);
  color: #64748B;
  backdrop-filter: blur(8px);
}

.travel-section{
  padding-top: clamp(40px, 5vw, 64px);
  padding-bottom: clamp(40px, 5vw, 64px);
}

.travel-section--tinted::before{
  inset: 18px max(16px, calc((100vw - var(--container)) / 2 + 16px));
  border-color: rgba(37, 99, 235, 0.07);
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.75), rgba(255, 255, 255, 0.76)) !important;
}

.section-heading{
  margin-bottom: 22px;
}

.section-heading h2{
  color: var(--travel-ink);
  font-size: clamp(1.72rem, 3vw, 2.45rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 1.2;
  word-break: keep-all;
}

.section-heading p:not(.eyebrow):not(.wt-city-kicker){
  max-width: 680px;
  color: var(--travel-muted);
  font-size: 0.98rem;
  line-height: 1.76;
  word-break: keep-all;
}

.text-link{
  color: var(--travel-brand-deep);
  font-weight: 500;
}

.travel-card-grid,
.travel-card-grid--hotels{
  gap: clamp(16px, 2.1vw, 24px);
}

.travel-card-grid--hotels{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.travel-card,
.content-card,
.side-card,
.empty-card,
.hotel-filter-note,
.country-destination-group--compact{
  border-color: rgba(16, 42, 69, 0.095);
  background: #ffffff;
}

.travel-card{
  border-radius: 28px;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease;
}

.travel-card:hover{
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.22);
}

.travel-card__media{
  aspect-ratio: 16 / 10;
  background:
    linear-gradient(135deg, #F8FBFF, #DBEAFE);
}

.travel-card__media::after{
  background: linear-gradient(180deg, transparent 48%, rgba(35,31,26,.18));
}

.travel-card__body{
  padding: clamp(19px, 2vw, 24px);
}

.travel-card__meta{
  color: var(--travel-muted-2);
  font-size: 0.8rem;
  font-weight: 500;
}

.travel-card h2,
.travel-card h3,
.travel-list h3,
.travel-list h4{
  color: var(--travel-ink);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.042em;
  word-break: keep-all;
}

.travel-card p,
.travel-list p,
.side-card p,
.content-card p{
  color: var(--travel-muted);
  line-height: 1.74;
  word-break: keep-all;
}

.hotel-card .affiliate-btn{
  min-height: 46px;
  margin-top: 10px;
  background: var(--travel-ink) !important;
  color: #ffffff !important;
}

.travel-list{
  gap: 14px;
}

.travel-list__item{
  border-color: rgba(16, 42, 69, 0.09);
  border-radius: 24px;
  background: #ffffff;
}

.travel-list__item:hover{
  border-color: rgba(37, 99, 235, 0.2);
}

.country-destination-list{
  gap: clamp(18px, 2vw, 26px);
}

.country-destination-group--compact{
  border-radius: 28px;
  padding: clamp(22px, 2.4vw, 30px);
}

.country-destination-group__head h3{
  color: var(--travel-ink);
  font-weight: 500;
}

.country-destination-group__link,
.country-destination-group__add,
.country-destination-group__manage,
.destination-chip__icon,
.destination-chip__link,
.travel-content-section__count{
  color: var(--travel-brand-deep);
}

.country-destination-group__add,
.country-destination-group__manage{
  border-color: rgba(37, 99, 235, 0.18);
  background: #F8FBFF;
}

.country-destination-group__add:hover,
.country-destination-group__manage:hover,
.destination-chip:hover{
  border-color: rgba(37, 99, 235, 0.24);
  background: #F8FBFF;
}

.destination-chip{
  min-height: 70px;
}

.destination-chip__icon{
  border-color: rgba(37, 99, 235, 0.16);
  background: #EFF6FF;
}

.hotel-tabs__nav{
  border-color: rgba(16, 42, 69, 0.09);
  background: #F8FBFF;
}

.hotel-tabs__button{
  color: #64748B;
}

.hotel-tabs__button.is-active{
  background: var(--travel-ink);
  color: #ffffff;
}

.travel-hero--soft,
.hotel-detail__hero,
.content-card--notice{
  border-color: rgba(16, 42, 69, 0.09);
  background: linear-gradient(135deg, #ffffff 0%, #F8FBFF 100%);
}

.travel-hero__image,
.hotel-detail__image{
  border-color: rgba(16, 42, 69, 0.08);
  border-radius: 30px;
}

.footer__inner{
  background: #ffffff !important;
  border-color: rgba(16, 42, 69, 0.08) !important;
  color: var(--travel-muted);
}

.empty-card{
  padding: 28px;
  color: var(--travel-muted);
  text-align: center;
}

@media (max-width: 960px) {
  .travel-hero--home{
    min-height: auto;
    margin-top: 14px;
    border-radius: 30px;
  }

  .travel-card-grid,
.travel-card-grid--hotels{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-heading--split{
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  

  

  .travel-hero--home{
    padding: 42px 18px 38px;
    border-radius: 28px;
  }

  .travel-hero--home::after{
    opacity: .46;
    right: -44px;
    bottom: -42px;
  }

  .travel-hero--home h1{
    font-size: clamp(2.2rem, 12vw, 3.45rem);
  word-break: keep-all;
  }

  .travel-hero__summary{
    font-size: 0.98rem;
  }

  .travel-hero__actions{
    display: grid;
  }

  .travel-hero__actions .btn{
    justify-content: center;
    width: 100%;
  }

  .travel-section{
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .travel-section--tinted::before{
    inset: 10px 12px;
    border-radius: 26px;
  }

  .travel-card-grid,
.travel-card-grid--hotels{
    grid-template-columns: 1fr;
  }

  .travel-list__item{
    padding: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .travel-card,
.travel-card__media img,
.travel-list__item,
.btn--brand,
.btn--soft,
.affiliate-btn,
.hotel-load-more{
    transition: none !important;
  }
}

/* V29: prevent destination manager modals from flashing before JS opens them */
#destinationManagerModal[aria-hidden="true"],
#homeDestinationManagerModal[aria-hidden="true"]{
  display: none !important;
}


/* V30: simplified service hero and destinations index cleanup */
.travel-hero--service{
  display: block;
  min-height: 0 !important;
  margin-top: clamp(18px, 2.5vw, 30px) !important;
  margin-bottom: clamp(18px, 3vw, 34px) !important;
  padding: clamp(42px, 6vw, 72px) clamp(22px, 5vw, 64px) !important;
  border: 1px solid rgba(16, 42, 69, 0.08) !important;
  border-radius: 30px !important;
  background: #ffffff !important;
}

.travel-hero--service::before,
.travel-hero--service::after{
  display: none !important;
}

.travel-hero--service .travel-hero__body{
  max-width: 760px !important;
}

.travel-hero--service h1{
  max-width: 700px !important;
  margin-top: 12px !important;
  color: var(--travel-ink) !important;
  font-size: clamp(2.25rem, 5vw, 4.35rem) !important;
  line-height:1.2;
  letter-spacing: -0.065em !important;
  font-weight: 500!important;
  word-break: keep-all;
}

.travel-hero--service .travel-hero__summary{
  max-width: 670px !important;
  margin-top: 18px !important;
  color: var(--travel-muted) !important;
  font-size: clamp(0.98rem, 1.35vw, 1.08rem) !important;
  line-height: 1.78 !important;
}

.travel-hero--service .travel-hero__actions{
  margin-top: 24px !important;
}

.travel-hero--service .travel-hero__chips{
  margin-top: 20px !important;
}

.travel-hero--service .travel-hero__chips span{
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-color: rgba(16, 42, 69, 0.09) !important;
  background: #F8FBFF !important;
  color: #64748B !important;
}

.travel-page--destinations-index{
  padding-top: clamp(18px, 2.5vw, 34px) !important;
}

.travel-page--destinations-index .travel-section:first-child{
  padding-top: clamp(30px, 4vw, 52px) !important;
}



@media (max-width: 760px) {
  .travel-hero--service{
    margin-top: 12px !important;
    padding: 34px 18px 30px !important;
    border-radius: 24px !important;
  }

  .travel-hero--service h1{
    font-size: clamp(2rem, 10.5vw, 3rem) !important;
  word-break: keep-all;
  }

  .travel-hero--service .travel-hero__actions{
    display: grid !important;
  }

  .travel-hero--service .travel-hero__actions .btn{
    width: 100%;
    justify-content: center;
  }

  .travel-hero--service .travel-hero__chips{
    gap: 7px !important;
  }

  .travel-page--destinations-index{
    padding-top: 10px !important;
  }
}

/* V31: hotel card summary clamp is handled by the inner text element.
   Padding and border stay on the outer description element so they are not clipped. */
.travel-card.hotel-card .travel-card__description-text{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* V14: country page content hub compact list */
.travel-content-sections--country .travel-list{
  gap: 6px;
}

.travel-content-sections--country .travel-list__item{
  align-items: stretch;
  padding: 10px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  transform: none;
}

.travel-content-sections--country .travel-list__item:hover{
  border: 0;
  background: rgba(37, 99, 235, 0.07);
  transform: none;
}

.travel-content-sections--country .travel-list__link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.travel-content-sections--country .travel-list__content{
  min-width: 0;
}

.travel-content-sections--country .travel-list h4{
  margin-top: 4px;
}

.travel-content-sections--country .travel-list__actions{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  color: var(--travel-brand-deep);
  font-weight: 500;
}

.travel-content-sections--country .travel-list__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.travel-content-sections--country .travel-content-section__count{
  display: none;
}

/* V15: country hub without compact hero + mobile-friendly country post list */
.section-heading h1{
  margin: 0;
  color: var(--travel-ink);
  font-size: clamp(1.72rem, 3vw, 2.45rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height:1.2;
  word-break: keep-all;
}

.travel-page > .travel-section:first-child{
  padding-top: clamp(24px, 4vw, 40px);
}

.travel-content-sections--country .travel-list__content{
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
}

.travel-content-sections--country .travel-list h4{
  margin: 0;
  line-height: 1.42;
}

.travel-content-sections--country .travel-list .travel-card__meta{
  margin: 0;
  line-height: 1.45;
}

@media (max-width: 640px) {
  .travel-content-sections--country{
    gap: 16px;
  }

  .travel-content-sections--country .travel-content-section{
    padding: 16px;
    border-radius: 22px;
  }

  .travel-content-sections--country .travel-content-section__head{
    margin-bottom: 12px;
  }

  .travel-content-sections--country .travel-content-section__head p:not(.eyebrow){
    font-size: 0.9rem;
    line-height: 1.62;
  }

  .travel-content-sections--country .travel-list{
    gap: 4px;
  }

  .travel-content-sections--country .travel-list__item{
    display: block;
    padding: 12px 10px;
    border-radius: 12px;
  }

  .travel-content-sections--country .travel-list__link{
    align-items: flex-start;
    gap: 10px;
    min-height: 48px;
  }

  .travel-content-sections--country .travel-list h4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    line-height: 1.45;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .travel-content-sections--country .travel-list .travel-card__meta{
    font-size: 0.78rem;
    line-height: 1.42;
    white-space: normal;
  }

  .travel-content-sections--country .travel-list__actions{
    min-width: 26px;
    height: 26px;
    margin-top: 2px;
    flex: 0 0 26px;
  }
}

/* V17: country breadcrumbs + clickable destination cards */








.travel-card--clickable{
  cursor: pointer;
}

.travel-card__full-link{
  display: flex;
  height: 100%;
  min-height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.travel-card__full-link:hover{
  color: inherit;
}

.travel-card__full-link .travel-card__media,
.travel-card__full-link .travel-card__body,
.travel-card__full-link .travel-card__meta,
.travel-card__full-link .travel-card__title,
.travel-card__full-link .travel-card__description{
  display: block;
}

.travel-card__title{
  margin: 0;
  color: var(--travel-ink);
  font-size: 1.22rem;
  font-weight: 500;
  line-height: 1.36;
  letter-spacing: -0.042em;
  word-break: keep-all;
}

.travel-card__description{
  margin-top: 12px;
  color: var(--travel-muted);
  line-height: 1.74;
  word-break: keep-all;
}

.travel-card__full-link .text-link{
  display: inline-flex;
  width: fit-content;
  margin-top: 14px;
}

@media (max-width: 720px) {
  
}



/* V18: destination detail mobile tabs + country-style travel list */
@media (max-width: 640px) {
  .hotel-tabs__nav{
    display: grid !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  .hotel-tabs__button{
    width: 100%;
    min-width: 0;
    min-height: 44px;
    gap: 5px;
    padding: 9px 7px;
    font-size: 0.84rem;
    line-height: 1.25;
    white-space: normal;
  }

  .hotel-tabs__button strong{
    min-width: 26px;
    height: 22px;
    padding: 0 6px;
    font-size: 0.72rem;
    flex: 0 0 auto;
  }
}

.travel-list--destination{
  gap: 6px;
}

.travel-list--destination .travel-list__item{
  align-items: stretch;
  padding: 10px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  transform: none;
}

.travel-list--destination .travel-list__item:hover{
  border: 0;
  background: rgba(37, 99, 235, 0.07);
  transform: none;
}

.travel-list--destination .travel-list__link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.travel-list--destination .travel-list__content{
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 6px;
}

.travel-list--destination h4{
  margin: 0;
  color: var(--travel-ink);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.042em;
  word-break: keep-all;
}

.travel-list--destination .travel-card__meta{
  margin: 0;
  line-height: 1.45;
}

.travel-list--destination .travel-list__actions{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  color: var(--travel-brand-deep);
  font-weight: 500;
}

.travel-list--destination .travel-list__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

@media (max-width: 640px) {
  .travel-list--destination{
    gap: 4px;
  }

  .travel-list--destination .travel-list__item{
    display: block;
    padding: 12px 10px;
    border-radius: 12px;
  }

  .travel-list--destination .travel-list__link{
    align-items: flex-start;
    gap: 10px;
    min-height: 48px;
  }

  .travel-list--destination h4{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    line-height: 1.45;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .travel-list--destination .travel-card__meta{
    font-size: 0.78rem;
    line-height: 1.42;
    white-space: normal;
  }

  .travel-list--destination .travel-list__actions{
    min-width: 26px;
    height: 26px;
    margin-top: 2px;
    flex: 0 0 26px;
  }
}


/* V19: destination detail cleaner cards and admin-only tab counts */
.travel-content-section--plain{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.hotel-tabs__button .hotel-tabs__count[hidden]{
  display: none !important;
}

.hotel-card.travel-card--clickable .travel-card__full-link{
  display: flex;
  height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.hotel-card.travel-card--clickable .travel-card__media{
  margin: 0;
}

.hotel-card.travel-card--clickable .text-link{
  pointer-events: none;
}

/* =========================================================
   Home Hero Replacement - isolated wthome-* namespace
   ========================================================= */
.wthome-hero{
  --wthome-main: #2563EB;
  --wthome-main-deep: #174C78;
  --wthome-heading: #102A45;
  --wthome-sub: #EEF7FF;
  --wthome-sub-soft: #F8FBFF;
  --wthome-sub-strong: #DBEAFE;
  --wthome-bg: #FFFFFF;
  --wthome-text: #1F2937;
  --wthome-muted: #64748B;
  --wthome-placeholder: #94A3B8;
  --wthome-border: rgba(37, 99, 235, 0.22);
  --wthome-border-soft: rgba(37, 99, 235, 0.14);
  position: relative;
  overflow: hidden;
  padding: 46px 20px 50px;
  background: var(--wthome-bg);
  color: var(--wthome-text);
}

.wthome-hero,
.wthome-hero *{
  box-sizing: border-box;
}

.wthome-hero__inner{
  width: min(1180px, 100%);
  margin: 0 auto;
}

.wthome-card{
  position: relative;
  width: min(1040px, 100%);
  margin: 0 auto;
  padding: 16px;
  border-radius: 30px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.12);
}

.wthome-card__visual{
  position: relative;
  overflow: hidden;
  min-height: 390px;
  padding: clamp(24px, 4.2vw, 46px);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 52%, rgba(239, 246, 255, 0.88) 100%);
  color: var(--wthome-text);
  display: flex;
  align-items: center;
  border: 1px solid rgba(37, 99, 235, 0.10);
}

.wthome-card__visual::before{
  content: "";
  position: absolute;
  width: 168px;
  height: 168px;
  right: 28px;
  top: 26px;
  border-radius: 42px;
  background: rgba(37, 99, 235, 0.07);
  transform: rotate(10deg);
}

.wthome-card__visual::after{
  content: "";
  position: absolute;
  width: 74px;
  height: 74px;
  right: 118px;
  bottom: 34px;
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.09);
}

.wthome-card__visual-content{
  position: relative;
  z-index: 1;
  width: min(760px, 100%);
}

.wthome-card__label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #EEF7FF;
  color: var(--wthome-main-deep);
  border: 1px solid rgba(37, 99, 235, 0.12);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.wthome-card__visual h1{
  margin: 18px 0 12px;
  color: var(--wthome-heading);
  font-size: clamp(32px, 4.1vw, 52px);
  line-height:1.2;
  letter-spacing: -0.06em;
  font-weight: 500;
  word-break: keep-all;
}

.wthome-card__visual p{
  margin: 0;
  color: var(--wthome-muted);
  font-size: 15.5px;
  line-height: 1.66;
  letter-spacing: -0.025em;
  font-weight: 400;
}

.wthome-card__visual p strong{
  color: var(--wthome-main-deep);
  font-weight: 500;
}

.wthome-route-line{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 7px;
  width: min(460px, 100%);
  margin-top: 20px;
}

.wthome-route-line span{
  display: grid;
  place-items: center;
  min-height: 34px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.12);
  color: var(--wthome-main-deep);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.wthome-route-line i{
  display: block;
  color: #94A3B8;
  font-style: normal;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
}

.wthome-search{
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(680px, 100%);
  padding: 8px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.14);
}

.wthome-search__field{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 8px 0 12px;
}

.wthome-search__icon{
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 13px;
  background: #F1F5F9;
  font-size: 16px;
}

.wthome-search input{
  width: 100%;
  height: 50px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--wthome-text);
  font-size: 15px;
  letter-spacing: -0.02em;
}

.wthome-search input::placeholder{
  color: var(--wthome-placeholder);
}

.wthome-search__button{
  flex: 0 0 auto;
  height: 50px;
  padding: 0 22px;
  border: 0;
  border-radius: 16px;
  background: var(--wthome-main);
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  cursor: pointer;
}

.wthome-search__button:focus-visible,
.wthome-search input:focus-visible{
  outline: 3px solid rgba(37, 99, 235, 0.22);
  outline-offset: 2px;
}

.wthome-hero__hint{
  margin: 12px 0 0;
  color: var(--wthome-muted);
  font-size: 12.5px;
  line-height: 1.55;
  letter-spacing: -0.02em;
}

.wthome-hero__hint strong{
  color: var(--wthome-main-deep);
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .wthome-hero{
    padding: 40px 30px 44px;
  }

  .wthome-hero__inner{
    width: min(1040px, 100%);
  }

  .wthome-card{
    width: 100%;
    padding: 14px;
    border-radius: 28px;
  }

  .wthome-card__visual{
    min-height: 370px;
    padding: 30px;
    border-radius: 24px;
  }

  .wthome-card__label{
    min-height: 28px;
    padding: 0 10px;
    font-size: 11.5px;
  }

  .wthome-card__visual h1{
    margin: 16px 0 10px;
    font-size: clamp(30px, 4vw, 40px);
    line-height:1.2;
  word-break: keep-all;
  }

  .wthome-card__visual p{
    font-size: 13.5px;
    line-height: 1.55;
  }

  .wthome-route-line{
    margin-top: 15px;
    gap: 6px;
  }

  .wthome-route-line span{
    min-height: 30px;
    font-size: 11.5px;
  }

  .wthome-route-line i{
    display: block;
    font-size: 12px;
  }

  .wthome-search{
    margin-top: 15px;
    padding: 7px;
    border-radius: 20px;
  }

  .wthome-search__field{
    padding-left: 10px;
  }

  .wthome-search__icon{
    width: 34px;
    height: 34px;
  }

  .wthome-search input{
    height: 46px;
    font-size: 14px;
  }

  .wthome-search__button{
    height: 46px;
    padding: 0 18px;
    border-radius: 15px;
    font-size: 14px;
  }

  .wthome-hero__hint{
    font-size: 12px;
  }

  .wthome-card__body{
    padding: 6px 2px 6px 8px;
  }

  .wthome-card__top{
    margin-bottom: 10px;
  }

  .wthome-card__top span{
    font-size: 11.5px;
  }

  .wthome-card__top strong{
    padding: 5px 9px;
    font-size: 11.5px;
  }

  .wthome-card__list{
    gap: 8px;
  }

  .wthome-mini-card{
    padding: 12px;
    border-radius: 17px;
  }

  .wthome-mini-card__icon{
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
    border-radius: 13px;
    font-size: 17px;
  }

  .wthome-mini-card strong{
    font-size: 13px;
    margin-bottom: 3px;
  }

  .wthome-mini-card p{
    font-size: 11.5px;
    line-height: 1.38;
  }

  .wthome-card__bottom{
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 17px;
  }

  .wthome-card__bottom strong{
    font-size: 12.5px;
  }

  .wthome-card__bottom p{
    display: none;
  }

  .wthome-card__bottom span{
    width: 34px;
    height: 34px;
    border-radius: 13px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .wthome-hero{
    padding: 36px 20px 40px;
  }

  .wthome-card{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 16px;
    border-radius: 26px;
  }

  .wthome-card__visual{
    min-height: auto;
    padding: 20px;
    border-radius: 22px;
    align-items: flex-start;
  }

  .wthome-card__label{
    min-height: 28px;
    padding: 0 10px;
    font-size: 11.5px;
  }

  .wthome-card__visual h1{
    margin: 15px 0 10px;
    font-size: 31px;
    line-height:1.2;
    letter-spacing: -0.055em;
  word-break: keep-all;
  }

  .wthome-card__visual p{
    font-size: 13px;
    line-height: 1.55;
  }

  .wthome-card__visual p br{
    display: none;
  }

  .wthome-route-line{
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 5px;
    margin-top: 14px;
  }

  .wthome-route-line span{
    min-height: 28px;
    font-size: 11px;
    white-space: nowrap;
  }

  .wthome-route-line i{
    display: block;
    color: #94A3B8;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
  }

  .wthome-search{
    margin-top: 14px;
    flex-direction: column;
    align-items: stretch;
    padding: 9px;
    border-radius: 20px;
  }

  .wthome-search__field{
    min-height: 48px;
    padding: 0 10px;
  }

  .wthome-search__icon{
    width: 34px;
    height: 34px;
  }

  .wthome-search input{
    height: 46px;
    font-size: 14px;
  }

  .wthome-search__button{
    width: 100%;
    height: 48px;
    border-radius: 15px;
  }

  .wthome-hero__hint{
    font-size: 12px;
  }

  .wthome-card__body{
    padding: 0;
  }

  .wthome-card__list{
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .wthome-mini-card{
    padding: 11px;
    border-radius: 16px;
  }

  .wthome-mini-card__icon{
    width: 34px;
    height: 34px;
    margin-bottom: 8px;
    border-radius: 13px;
    font-size: 17px;
  }

  .wthome-mini-card strong{
    font-size: 13px;
  }

  .wthome-mini-card p{
    font-size: 11.5px;
  }

  .wthome-card__bottom{
    padding: 12px;
    border-radius: 16px;
  }

  .wthome-card__bottom p{
    display: none;
  }
}

@media (max-width: 390px) {
  .wthome-hero{
    padding-left: 16px;
    padding-right: 16px;
  }

  .wthome-card{
    padding: 14px;
  }

  .wthome-card__visual{
    padding: 18px;
  }

  .wthome-card__visual h1{
    font-size: 28px;
  word-break: keep-all;
  }

  .wthome-route-line{
    gap: 4px;
  }

  .wthome-route-line span{
    font-size: 10.5px;
    min-height: 27px;
  }

  .wthome-route-line i{
    font-size: 11px;
  }
}

@media (min-width: 981px) and (max-height: 760px) {
  .wthome-hero{
    padding-top: 32px;
    padding-bottom: 34px;
  }

  .wthome-card{
    max-width: 1040px;
  }

  .wthome-card__visual{
    min-height: 360px;
    padding: 24px;
  }

  .wthome-card__visual h1{
    font-size: clamp(30px, 3.3vw, 42px);
  word-break: keep-all;
  }

  .wthome-card__visual p{
    font-size: 14px;
    line-height: 1.55;
  }
}


/* Be Stayable dedicated search results page */
.wtsr-page{
  background: #ffffff;
}

.wtsr-hero{
  padding: 44px 20px 22px;
}

.wtsr-hero__box{
  width: min(1040px, 100%);
  margin: 0 auto;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(135deg, #F8FBFF 0%, #ffffff 100%);
  border: 1px solid rgba(37, 99, 235, 0.14);
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.72fr);
  gap: 22px;
  align-items: center;
}

.wtsr-eyebrow{
  margin: 0 0 8px;
  color: #174C78;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wtsr-hero h1{
  margin: 0;
  color: #102A45;
  font-size: clamp(30px, 4vw, 44px);
  line-height:1.2;
  letter-spacing: -0.055em;
  font-weight: 500;
  word-break: keep-all;
}

.wtsr-hero h1 span{
  color: #174C78;
  word-break: keep-all;
}

.wtsr-hero__desc{
  margin: 12px 0 0;
  color: #64748B;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: -0.025em;
  font-weight: 500;
}

.wtsr-form{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.18);
}

.wtsr-form__field{
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 8px 0 12px;
}

.wtsr-form__icon{
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 13px;
  background: #EEF7FF;
  font-size: 16px;
}

.wtsr-form input{
  width: 100%;
  height: 50px;
  border: 0;
  outline: none;
  background: transparent;
  color: #1F2937;
  font-size: 15px;
  letter-spacing: -0.02em;
}

.wtsr-form input::placeholder{
  color: #94A3B8;
}

.wtsr-form__button{
  flex: 0 0 auto;
  height: 50px;
  padding: 0 22px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #2563EB 0%, #38BDF8 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  cursor: pointer;
}

.wtsr-form__button:focus-visible,
.wtsr-form input:focus-visible{
  outline: 3px solid rgba(37, 99, 235, 0.24);
  outline-offset: 2px;
}

.wtsr-section{
  padding: 8px 20px 56px;
}

.wtsr-shell{
  width: min(1040px, 100%);
  margin: 0 auto;
}

.wtsr-summary{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 16px;
}

.wtsr-summary h2{
  margin: 0;
  color: #102A45;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  word-break: keep-all;
}

.wtsr-summary p{
  margin: 6px 0 0;
  color: #64748B;
  font-size: 13.5px;
  line-height: 1.55;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.wtsr-count{
  flex: 0 0 auto;
  padding: 7px 11px;
  border-radius: 999px;
  background: #EEF7FF;
  color: #174C78;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.wtsr-results{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.wtsr-card{
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  gap: 18px;
  padding: 16px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(37, 99, 235, 0.14);
}

.wtsr-card__media{
  min-height: 132px;
  border-radius: 18px;
  overflow: hidden;
  background: #F8FBFF;
}

.wtsr-card__media img{
  width: 100%;
  height: 100%;
  min-height: 132px;
  object-fit: cover;
  display: block;
}

.wtsr-card__placeholder{
  width: 100%;
  height: 100%;
  min-height: 132px;
  display: grid;
  place-items: center;
  color: #174C78;
  font-size: 30px;
  background: linear-gradient(135deg, #EEF7FF 0%, #F8FBFF 100%);
}

.wtsr-card__body{
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wtsr-card__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 9px;
}

.wtsr-card__meta span{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #F8FBFF;
  color: #174C78;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.wtsr-card h3{
  margin: 0;
  color: #102A45;
  font-size: 19px;
  line-height: 1.38;
  letter-spacing: -0.035em;
  font-weight: 500;
}

.wtsr-card h3 a{
  color: inherit;
  text-decoration: none;
}

.wtsr-card p{
  margin: 8px 0 0;
  color: #64748B;
  font-size: 14px;
  line-height: 1.68;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.wtsr-card__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 11px;
}

.wtsr-card__tags span{
  padding: 5px 8px;
  border-radius: 999px;
  background: #F8FAFC;
  color: #64748B;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.wtsr-card mark,
.wtsr-summary mark{
  padding: 0 2px;
  border-radius: 4px;
  background: #DBEAFE;
  color: #102A45;
  font-weight: 500;
}

.wtsr-empty,
.wtsr-loading,
.wtsr-error{
  padding: 34px 22px;
  border-radius: 24px;
  background: #F8FAFC;
  border: 1px solid rgba(37, 99, 235, 0.12);
  color: #64748B;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: -0.02em;
  font-weight: 500;
}

.wtsr-empty strong,
.wtsr-error strong{
  display: block;
  margin-bottom: 6px;
  color: #102A45;
  font-size: 17px;
  letter-spacing: -0.03em;
}

.wtsr-more{
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.wtsr-more__button{
  min-width: 160px;
  height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #102A45;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  cursor: pointer;
}

@media (max-width: 860px) {
  .wtsr-hero{
    padding-top: 34px;
  }

  .wtsr-hero__box{
    grid-template-columns: 1fr;
    padding: 22px;
    border-radius: 24px;
  }

  .wtsr-summary{
    align-items: flex-start;
    flex-direction: column;
  }

  .wtsr-card{
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
  }
}

@media (max-width: 640px) {
  .wtsr-hero{
    padding: 28px 18px 18px;
  }

  .wtsr-hero__box{
    padding: 20px;
  }

  .wtsr-hero h1{
    font-size: 28px;
  word-break: keep-all;
  }

  .wtsr-form{
    flex-direction: column;
    align-items: stretch;
    border-radius: 20px;
  }

  .wtsr-form__field{
    min-height: 48px;
  }

  .wtsr-form__button{
    width: 100%;
    height: 48px;
  }

  .wtsr-section{
    padding-left: 18px;
    padding-right: 18px;
  }

  .wtsr-card{
    grid-template-columns: 1fr;
    padding: 14px;
    border-radius: 22px;
  }

  .wtsr-card__media,
.wtsr-card__media img,
.wtsr-card__placeholder{
    min-height: 172px;
  }

  .wtsr-card h3{
    font-size: 17px;
  }
}


/* Destination guide link cards v17 */
.destination-guide-links{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  width: min(100%, 900px);
  margin-top: 24px;
}

.destination-guide-link{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 138px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.92)),
    radial-gradient(circle at 88% 10%, rgba(37, 99, 235, 0.14), transparent 34%);
  color: #101828;
  text-decoration: none;
}

.destination-guide-link::after{
  content: "";
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
}

.destination-guide-link__label{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(125, 211, 252, 0.18);
  color: #174C78;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.destination-guide-link strong{
  display: block;
  max-width: 92%;
  font-size: 1.15rem;
  line-height: 1.35;
  letter-spacing: -0.025em;
}

.destination-guide-link small{
  display: block;
  max-width: 92%;
  color: #667085;
  font-size: 0.93rem;
  line-height: 1.58;
}

/* Static city guide pages v17 */
.city-guide-page{
  background:
    linear-gradient(180deg, #fbfdff 0%, #ffffff 28%, #ffffff 100%);
}

.city-guide-hero{
  padding-top: 26px;
  padding-bottom: 34px;
}

.city-guide-hero__inner{
  position: relative;
  max-width: 1060px;
  padding: clamp(28px, 5vw, 58px);
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 36px;
  background:
    radial-gradient(circle at 88% 8%, rgba(125, 211, 252, 0.22), transparent 30%),
    radial-gradient(circle at 14% 18%, rgba(59, 130, 246, 0.13), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f6fbff 52%, #f8fffb 100%);
}

.city-guide-hero__inner::before{
  content: "";
  position: absolute;
  inset: auto 42px 34px auto;
  width: 160px;
  height: 160px;
  border: 1px solid rgba(37, 99, 235, 0.10);
  border-radius: 44px;
  transform: rotate(12deg);
  background: rgba(255, 255, 255, 0.38);
  pointer-events: none;
}

.city-guide-hero .eyebrow{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  margin-bottom: 18px;
  padding: 6px 12px;
  border: 1px solid rgba(37, 99, 235, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.city-guide-hero .eyebrow::before{
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #2563eb;
}

.city-guide-hero h1{
  position: relative;
  margin: 0;
  max-width: 880px;
  color: #101828;
  font-size: clamp(2.05rem, 4.8vw, 4.15rem);
  line-height:1.2;
  letter-spacing: -0.055em;
  font-weight: 500;
  word-break: keep-all;
}

.city-guide-hero__lead{
  position: relative;
  max-width: 790px;
  margin: 20px 0 0;
  color: #475467;
  font-size: clamp(1rem, 1.7vw, 1.12rem);
  line-height: 1.86;
  letter-spacing: -0.012em;
}

.city-guide-hero__quick{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  padding: 0;
  list-style: none;
}

.city-guide-hero__quick li{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(15, 23, 42, 0.075);
  border-radius: 999px;
  color: #344054;
  background: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
  font-weight: 500;
}

.city-guide-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
  padding-bottom: 72px;
}

.city-guide-content{
  min-width: 0;
}

.city-guide-section{
  position: relative;
  margin-top: 18px;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(15, 23, 42, 0.065);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.92);
}

.city-guide-section:first-child{
  margin-top: 0;
}

.city-guide-section h2{
  margin: 0 0 14px;
  color: #101828;
  font-size: clamp(1.45rem, 2.7vw, 2.08rem);
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-weight: 500;
  word-break: keep-all;
}

.city-guide-section h3{
  margin: 24px 0 9px;
  color: #101828;
  font-size: 1.16rem;
  line-height: 1.42;
  letter-spacing: -0.025em;
  font-weight: 500;
}

.city-guide-section p,
.city-guide-section li,
.city-guide-section dd{
  color: #475467;
  font-size: 1rem;
  line-height: 1.84;
  letter-spacing: -0.012em;
}

.city-guide-section p{
  margin: 0 0 12px;
}

.city-guide-section ul,
.city-guide-section ol{
  margin: 12px 0 0;
  padding-left: 20px;
}

.city-guide-answer{
  margin: 0 0 22px;
  padding: 20px 22px;
  border: 1px solid rgba(37, 99, 235, 0.15);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, 0.065), rgba(125, 211, 252, 0.075));
}

.city-guide-answer strong{
  color: #1d4ed8;
}

.city-guide-card-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.city-guide-card{
  position: relative;
  padding: 20px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.065);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
}

.city-guide-card::before{
  content: "";
  display: block;
  width: 34px;
  height: 4px;
  margin-bottom: 15px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #2563eb);
}

.city-guide-card h3{
  margin-top: 0;
}

.city-guide-card p:last-child{
  margin-bottom: 0;
}

.city-guide-table-wrap{
  width: 100%;
  overflow-x: auto;
  margin-top: 18px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  background: #fff;
}

.city-guide-table{
  width: 100%;
  min-width: 780px;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
}

.city-guide-table th,
.city-guide-table td{
  padding: 16px 17px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065);
  color: #475467;
  text-align: left;
  vertical-align: top;
  line-height: 1.68;
  letter-spacing: -0.012em;
}

.city-guide-table th{
  color: #101828;
  background: #f8fbff;
  font-size: 0.91rem;
  font-weight: 500;
}

.city-guide-table tbody tr:nth-child(even) td{
  background: rgba(248, 251, 255, 0.58);
}

.city-guide-table tr:last-child td{
  border-bottom: 0;
}

.city-guide-note{
  margin-top: 18px;
  padding: 17px 19px;
  border: 1px solid rgba(37, 99, 235, 0.14);
  border-radius: 22px;
  background: rgba(236, 253, 245, 0.62);
  color: #3f4f61;
  font-size: 0.96rem;
  line-height: 1.76;
}

.city-guide-area-list{
  display: grid;
  gap: 16px;
  margin-top: 20px;
}

.city-guide-area-card{
  padding: clamp(20px, 3vw, 26px);
  border: 1px solid rgba(15, 23, 42, 0.065);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,251,255,0.90));
}

.city-guide-area-card h3{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 13px;
  font-size: 1.22rem;
}

.city-guide-area-card h3::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #2563eb;
  flex: 0 0 auto;
}

.city-guide-area-card dl{
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 9px 14px;
  margin: 16px 0 0;
}

.city-guide-area-card dt{
  width: fit-content;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #1d4ed8;
  font-size: 0.82rem;
  font-weight: 500;
  line-height: 1.45;
}

.city-guide-area-card dd{
  margin: 0;
}

.city-guide-toc{
  position: sticky;
  top: 92px;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, 0.075);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(14px);
}

.city-guide-toc strong{
  display: block;
  margin-bottom: 12px;
  color: #101828;
  font-size: 0.98rem;
  font-weight: 500;
}

.city-guide-toc a{
  display: block;
  padding: 10px 0;
  border-top: 1px solid rgba(15, 23, 42, 0.055);
  color: #536175;
  text-decoration: none;
  font-size: 0.92rem;
  line-height: 1.45;
  font-weight: 500;
}

.city-guide-related{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.city-guide-related a{
  display: block;
  padding: 20px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  color: #101828;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: -0.018em;
}

.city-guide-related span{
  display: block;
  margin-top: 7px;
  color: #667085;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.58;
}

@media (max-width: 900px) {
  .city-guide-layout{
    grid-template-columns: 1fr;
  }

  .city-guide-toc{
    position: static;
    order: -1;
  }
}

@media (max-width: 720px) {
  .destination-guide-links,
.city-guide-card-grid,
.city-guide-related{
    grid-template-columns: 1fr;
  }

  .destination-guide-link{
    min-height: auto;
    padding: 18px;
    border-radius: 22px;
  }

  .city-guide-hero{
    padding-top: 18px;
    padding-bottom: 24px;
  }

  .city-guide-hero__inner{
    padding: 24px 20px;
    border-radius: 26px;
  }

  .city-guide-hero__inner::before{
    display: none;
  }

  .city-guide-section{
    margin-top: 14px;
    padding: 22px 18px;
    border-radius: 24px;
  }

  .city-guide-area-card dl{
    grid-template-columns: 1fr;
  }

  .city-guide-table{
    min-width: 720px;
  }
}

/* V18: Osaka hotel guide survey CTA */
.city-guide-survey-cta{
  margin-top: -10px;
  margin-bottom: 28px;
}

.city-guide-survey-cta__link{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 156px;
  padding: clamp(24px, 4vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 32px;
  background:
    radial-gradient(circle at 90% 12%, rgba(37, 99, 235, 0.18), transparent 31%),
    linear-gradient(135deg, #102a45 0%, #17466f 52%, #2563eb 100%);
  color: #ffffff;
  text-decoration: none;
}

.city-guide-survey-cta__link::after{
  content: "";
  position: absolute;
  inset: auto 38px -68px auto;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.10);
  pointer-events: none;
}

.city-guide-survey-cta__text{
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  max-width: 760px;
}

.city-guide-survey-cta__eyebrow{
  display: inline-flex;
  width: fit-content;
  min-height: 30px;
  align-items: center;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.83rem;
  font-weight: 500;
}

.city-guide-survey-cta__text strong{
  font-size: clamp(1.55rem, 3.4vw, 2.7rem);
  line-height: 1.18;
  letter-spacing: -0.05em;
  font-weight: 500;
}

.city-guide-survey-cta__text span:last-child{
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(0.98rem, 1.45vw, 1.08rem);
  line-height: 1.7;
  letter-spacing: -0.015em;
}

.city-guide-survey-cta__button{
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 21px;
  border-radius: 999px;
  background: #ffffff;
  color: #17466f;
  font-size: 0.96rem;
  font-weight: 500;
  white-space: nowrap;
}

.city-guide-survey-cta__button::after{
  content: "→";
  margin-left: 8px;
}

.city-guide-toc a[href^="/destinations/osaka/hotel-location-survey"]{
  margin-bottom: 4px;
  padding: 11px 12px;
  border-top: 0;
  border-radius: 16px;
  background: #eef7ff;
  color: #1d4ed8;
  font-weight: 500;
}

@media (max-width: 720px) {
  .city-guide-survey-cta{
    margin-top: -4px;
    margin-bottom: 20px;
  }

  .city-guide-survey-cta__link{
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
    padding: 24px 20px;
    border-radius: 26px;
  }

  .city-guide-survey-cta__button{
    width: 100%;
  }
}

/* V19: city-specific guide page layout refinements
   - calmer editorial layout
   - fewer visible borders
   - safer responsive grid for static city guide pages */
.city-guide-page{
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 46%, #ffffff 100%);
}

.city-guide-page .container{
  width: min(100% - 32px, 1120px);
}

.city-guide-hero{
  padding-top: clamp(18px, 3vw, 34px);
  padding-bottom: clamp(22px, 4vw, 42px);
}

.city-guide-hero__inner{
  max-width: 1120px;
  padding: clamp(30px, 5vw, 64px);
  border: 0;
  border-radius: clamp(28px, 4vw, 42px);
  background:
    radial-gradient(circle at 88% 4%, rgba(59, 130, 246, 0.14), transparent 31%),
    radial-gradient(circle at 5% 18%, rgba(125, 211, 252, 0.14), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f6faff 62%, #f7fffb 100%);
}

.city-guide-hero__inner::before{
  display: none;
}

.city-guide-hero .eyebrow{
  border: 0;
  color: #1d4ed8;
}

.city-guide-hero h1{
  max-width: 900px;
  font-size: clamp(2.05rem, 4.6vw, 4rem);
  line-height:1.2;
  word-break: keep-all;
}

.city-guide-hero__lead{
  max-width: 790px;
  color: #4b5565;
}

.city-guide-hero__quick li{
  border: 0;
  background: rgba(255, 255, 255, 0.78);
}

.city-guide-layout{
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
  gap: clamp(24px, 3.2vw, 40px);
  align-items: start;
  padding-bottom: 76px;
}

.city-guide-content{
  display: grid;
  gap: clamp(24px, 3.2vw, 36px);
  min-width: 0;
}

.city-guide-section{
  margin-top: 0;
  padding: clamp(28px, 4vw, 44px);
  border: 0;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.92);
}

.city-guide-section:first-child{
  margin-top: 0;
}

.city-guide-section h2{
  margin-bottom: 16px;
  line-height: 1.2;
  word-break: keep-all;
}

.city-guide-section h3{
  margin-top: 26px;
}

.city-guide-answer{
  border: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.075), rgba(125, 211, 252, 0.09));
}

.city-guide-card{
  border: 0;
  background: #f7faff;
}

.city-guide-card::before{
  height: 3px;
  opacity: 0.72;
}

.city-guide-table-wrap{
  border: 0;
  border-radius: 24px;
  background: #ffffff;
}

.city-guide-table th,
.city-guide-table td{
  border-bottom-color: rgba(15, 23, 42, 0.05);
}

.city-guide-table th{
  background: #f7faff;
}

.city-guide-table tbody tr:nth-child(even) td{
  background: #fbfdff;
}

.city-guide-note{
  border: 0;
  background: #f0fbf6;
}

.city-guide-area-card{
  border: 0;
  border-radius: 28px;
  background: #f8fbff;
}

.city-guide-area-card h3::before{
}

.city-guide-area-card dl{
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px 16px;
}

.city-guide-toc{
  border: 0;
  border-radius: 28px;
  background: rgba(248, 251, 255, 0.92);
}

.city-guide-toc a{
  border-top-color: rgba(15, 23, 42, 0.045);
}

.city-guide-toc a:first-of-type{
  border-top: 0;
}

.city-guide-related a{
  border: 0;
  background: #f7faff;
}

.destination-guide-link{
  border: 0;
  background:
    radial-gradient(circle at 88% 10%, rgba(59, 130, 246, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, #f7fbff);
}

.city-guide-survey-cta{
  margin-top: -6px;
  margin-bottom: clamp(22px, 3vw, 36px);
}

.city-guide-survey-cta__link{
  border: 0;
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 10%, rgba(125, 211, 252, 0.24), transparent 33%),
    linear-gradient(135deg, #0f2942 0%, #16456e 54%, #2563eb 100%);
}

.city-guide-survey-cta__eyebrow{
  background: rgba(255, 255, 255, 0.13);
}

.city-guide-toc a[href^="/destinations/osaka/hotel-location-survey"]{
  background: #eef7ff;
}

@media (max-width: 1020px) {
  .city-guide-layout{
    grid-template-columns: 1fr;
  }

  .city-guide-toc{
    position: static;
    order: -1;
  }
}

@media (max-width: 720px) {
  .city-guide-page .container{
    width: min(100% - 24px, 1120px);
  }

  .city-guide-hero__inner,
.city-guide-section,
.city-guide-survey-cta__link{
    border-radius: 24px;
  }

  .city-guide-section{
    padding: 24px 18px;
  }

  .city-guide-card-grid,
.city-guide-related{
    grid-template-columns: 1fr;
  }

  .city-guide-table{
    min-width: 680px;
  }

  .city-guide-area-card dl{
    grid-template-columns: 1fr;
  }

  .city-guide-survey-cta__link{
    flex-direction: column;
    align-items: flex-start;
  }

  .city-guide-survey-cta__button{
    width: 100%;
  }
}


/* V20: guide pages without side TOC */
.city-guide-layout--single{
  grid-template-columns: minmax(0, 1fr);
}

.city-guide-layout--single .city-guide-content{
  width: 100%;
}

.city-guide-area-card dt{
  background: transparent;
}

/* V21: Osaka travel guide editorial layout */
.wt-city-guide-page{
  background:
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.07), transparent 34%),
    radial-gradient(circle at 92% 6%, rgba(125, 211, 252, 0.10), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 42%, #ffffff 100%);
}

.wt-city-guide-page .container{
  width: min(100% - 36px, 1120px);
}

.wt-city-guide-hero{
  padding-top: clamp(28px, 5vw, 64px);
}

.wt-city-guide-hero__inner{
  display: grid;
  gap: 18px;
  padding: clamp(34px, 6vw, 70px);
  border-radius: 38px;
  background:
    radial-gradient(circle at 86% 12%, rgba(37, 99, 235, 0.1), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4f9ff 58%, #eef7ff 100%);
}

.wt-city-guide-hero h1{
  max-width: 820px;
  margin: 0;
  color: #10243d;
  font-size: clamp(2.35rem, 5.8vw, 5.1rem);
  line-height:1.2;
  letter-spacing: 0;
  word-break: keep-all;
}

.wt-city-guide-hero__subtitle{
  max-width: 840px;
  margin: 0;
  color: #173b61;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.035em;
}

.wt-city-guide-hero__lead{
  max-width: 760px;
  margin: 0;
  color: #52677e;
  font-size: 1.02rem;
  line-height: 1.8;
}

.wt-city-guide-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.wt-city-guide-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  background: #ffffff;
  color: #16456e;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.wt-city-guide-button--primary{
  background: #174c78;
  color: #ffffff;
}

.wt-city-guide-snapshot{
  display: grid;
  gap: 18px;
  margin-top: clamp(20px, 3vw, 34px);
}

.wt-city-guide-snapshot__head{
  max-width: 760px;
}

.wt-city-guide-snapshot__head h2{
  margin: 5px 0 0;
  color: #12263f;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.2;
  letter-spacing: -0.052em;
  word-break: keep-all;
}

.wt-city-guide-snapshot__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.wt-city-guide-snapshot__grid article{
  min-height: 190px;
  padding: 22px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
}

.wt-city-guide-snapshot__grid span{
  display: inline-flex;
  margin-bottom: 18px;
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 500;
}

.wt-city-guide-snapshot__grid h3{
  margin: 0;
  color: #132235;
  font-size: 1.08rem;
  line-height: 1.4;
  letter-spacing: -0.035em;
}

.wt-city-guide-snapshot__grid p{
  margin: 9px 0 0;
  color: #5c7087;
  font-size: 0.92rem;
  line-height: 1.7;
}

.wt-city-guide-layout{
  display: block;
  padding-top: clamp(28px, 4vw, 52px);
  padding-bottom: clamp(34px, 5vw, 72px);
}

.wt-city-guide-article{
  max-width: 880px;
  margin: 0 auto;
}

.wt-city-guide-section{
  position: relative;
  margin: 0 0 clamp(24px, 3.6vw, 44px);
  padding: clamp(26px, 4vw, 44px);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.94);
}

.wt-city-guide-section--intro{
  background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%);
}

.wt-city-guide-section > *:first-child{
  margin-top: 0;
}

.wt-city-guide-section > *:last-child{
  margin-bottom: 0;
}

.wt-city-guide-heading{
  margin: 0 0 18px;
  color: #11263f;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.2;
  letter-spacing: -0.055em;
  word-break: keep-all;
}

.wt-city-guide-heading::before{
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2563eb, #2563eb);
  line-height: 1.2;
  word-break: keep-all;
}

.wt-city-guide-subheading{
  margin: 50px 0 12px;
  color: #173b61;
  font-size: clamp(1.14rem, 2vw, 1.42rem);
  line-height: 1.36;
  letter-spacing: -0.04em;
}


.wt-city-guide-minor-heading{
  margin: 24px 0 10px;
  color: #204766;
  font-size: 1.03rem;
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: -0.035em;
}

.wt-city-guide-section p{
  margin: 0 0 15px;
  color: #47596d;
  font-size: 1rem;
  line-height: 1.86;
}

.wt-city-guide-section strong{
  color: #12263f;
  font-weight: 500;
}

.wt-city-guide-quote{
  margin: 18px 0 22px;
  padding: 22px 24px;
  border-left: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, #eef7ff 0%, #f6fbff 100%);
  color: #16456e;
}

.wt-city-guide-quote p{
  margin: 0;
  color: #16456e;
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: -0.03em;
}

.wt-city-guide-list{
  margin: 12px 0 20px;
  padding-left: 0;
  list-style: none;
}

.wt-city-guide-list li{
  position: relative;
  margin: 0;
  padding-left: 22px;
  color: #4e6074;
  line-height: 1.75;
}

.wt-city-guide-list li::before{
  content: "";
  position: absolute;
  top: 0.78em;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2563eb;
}

.wt-city-guide-list .wt-city-guide-list{
  margin-top: 6px;
  margin-bottom: 8px;
  padding-left: 2px;
}

.wt-city-guide-list .wt-city-guide-list li::before{
  background: #2563eb;
}

.wt-city-guide-section ol.wt-city-guide-list{
  counter-reset: osakaGuideStep;
}

.wt-city-guide-section ol.wt-city-guide-list > li{
  counter-increment: osakaGuideStep;
  padding-left: 34px;
}

.wt-city-guide-section ol.wt-city-guide-list > li::before{
  content: counter(osakaGuideStep);
  top: 0.28em;
  left: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef7ff;
  color: #174c78;
  font-size: 0.78rem;
  font-weight: 500;
}

.wt-city-guide-table-wrap{
  width: 100%;
  margin: 18px 0 24px;
  overflow-x: auto;
  border-radius: 24px;
  background: #ffffff;
}

.wt-city-guide-table{
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  color: #42556b;
  font-size: 0.95rem;
}

.wt-city-guide-table th,
.wt-city-guide-table td{
  padding: 15px 16px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid rgba(15, 23, 42, 0.055);
}

.wt-city-guide-table th{
  background: #f4f9ff;
  color: #173b61;
  font-weight: 500;
  white-space: nowrap;
}

.wt-city-guide-table tr:last-child td{
  border-bottom: 0;
}

.wt-city-guide-table td:first-child{
  color: #12263f;
  font-weight: 500;
}

.wt-city-guide-related{
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: clamp(18px, 4vw, 42px);
  align-items: center;
  margin-bottom: clamp(34px, 5vw, 70px);
  padding: clamp(28px, 5vw, 48px);
  border-radius: 34px;
  background: linear-gradient(135deg, #102a45 0%, #174c78 58%, #2563eb 100%);
  color: #ffffff;
}

.wt-city-guide-related .eyebrow,
.wt-city-guide-related h2,
.wt-city-guide-related p{
  color: #ffffff;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-city-guide-related h2{
  margin: 5px 0 10px;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  line-height: 1.2;
  letter-spacing: -0.052em;
  word-break: keep-all;
}

.wt-city-guide-related p{
  margin: 0;
  opacity: 0.82;
  line-height: 1.75;
}

.wt-city-guide-related__links{
  display: grid;
  gap: 10px;
}

.wt-city-guide-related__links a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}

.wt-city-guide-related__links a::after{
  content: "→";
  font-weight: 500;
}

@media (max-width: 980px) {
  .wt-city-guide-snapshot__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wt-city-guide-related{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .wt-city-guide-page .container{
    width: min(100% - 24px, 1120px);
  }

  .wt-city-guide-hero__inner,
.wt-city-guide-section,
.wt-city-guide-related{
    border-radius: 26px;
  }

  .wt-city-guide-hero__inner{
    padding: 30px 20px;
  }

  .wt-city-guide-hero__actions{
    flex-direction: column;
  }

  .wt-city-guide-button{
    width: 100%;
  }

  .wt-city-guide-snapshot__grid{
    grid-template-columns: 1fr;
  }

  .wt-city-guide-snapshot__grid article{
    min-height: auto;
    padding: 20px;
  }

  .wt-city-guide-section{
    padding: 24px 18px;
  }

  .wt-city-guide-table{
    min-width: 620px;
  }
}

.wt-city-guide-section hr{
  display: none;
}

.wt-city-guide-section li > p{
  margin: 0 0 4px;
}

.wt-city-guide-section li > p + .wt-city-guide-list{
  margin-top: 4px;
}

/* V23: Osaka hotel guide uses the same editorial system as travel-guide */
.wt-city-hotel-guide-page .wt-city-guide-hero__inner{
  background:
    radial-gradient(circle at 86% 12%, rgba(37, 99, 235, 0.11), transparent 30%),
    radial-gradient(circle at 8% 12%, rgba(125, 211, 252, 0.12), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f4f9ff 56%, #eef7ff 100%);
}

.wt-city-guide-survey-panel{
  margin-top: 0;
}

.wt-city-guide-survey-panel__link{
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  gap: clamp(18px, 4vw, 42px);
  width: 100%;
  padding: clamp(26px, 5vw, 46px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 12%, rgba(125, 211, 252, 0.26), transparent 32%),
    linear-gradient(135deg, #102a45 0%, #174c78 58%, #2563eb 100%);
  color: #ffffff;
  text-decoration: none;
}

.wt-city-guide-survey-panel__content{
  display: grid;
  gap: 8px;
  max-width: 760px;
}

.wt-city-guide-survey-panel__eyebrow{
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.wt-city-guide-survey-panel__content strong{
  color: #ffffff;
  font-size: clamp(1.42rem, 3vw, 2.35rem);
  line-height: 1.22;
  letter-spacing: -0.052em;
}

.wt-city-guide-survey-panel__content span:last-child{
  color: rgba(255, 255, 255, 0.82);
  font-size: 1rem;
  line-height: 1.72;
}

.wt-city-guide-survey-panel__button{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  background: #ffffff;
  color: #16456e;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.wt-city-guide-reference{
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef7ff;
  color: #2563eb;
  font-size: 0.78em;
  font-weight: 500;
  white-space: nowrap;
}

.wt-city-guide-section--chapter{
  padding: clamp(24px, 4vw, 38px);
  background:
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.09), transparent 31%),
    linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.wt-city-guide-chapter-heading{
  margin-bottom: 0;
  font-size: clamp(1.45rem, 2.8vw, 2.05rem);
  line-height: 1.2;
  word-break: keep-all;
}

.wt-city-hotel-guide-page .wt-city-guide-section{
  margin-bottom: clamp(30px, 4.2vw, 54px);
}

.wt-city-hotel-guide-page .wt-city-guide-subheading + .wt-city-guide-quote{
  margin-top: 12px;
}

@media (max-width: 760px) {
  .wt-city-guide-survey-panel__link{
    flex-direction: column;
    align-items: flex-start;
    border-radius: 26px;
  }

  .wt-city-guide-survey-panel__button{
    width: 100%;
  }
}



.wt-city-guide-reference:hover{
  text-decoration: none;
}

/* =========================================================
   V18 Blue Identity Unification for Travel Pages
   - 모든 여행/호텔/검색/국가/도시 페이지 포인트 컬러 블루 통일
   - 인덱스 wthome-card 폭 100% 적용
========================================================= */
:root{
  --travel-bg: #ffffff;
  --travel-paper: #F8FBFF;
  --travel-paper-strong: #EEF7FF;
  --travel-ink: #102A45;
  --travel-muted: #64748B;
  --travel-muted-2: #94A3B8;
  --travel-line: rgba(16, 42, 69, 0.10);
  --travel-brand: #2563EB;
  --travel-brand-deep: #174C78;
  --travel-card: #ffffff;
  --travel-shadow: 0 20px 54px rgba(37, 99, 235, 0.10);
  --travel-shadow-soft: 0 12px 34px rgba(37, 99, 235, 0.065);
}

.wthome-hero .wthome-card{
  width: 100% !important;
  max-width: none !important;
}

.travel-page,
.travel-home,
.travel-home-body,
.wtsr-page{
  background: #ffffff !important;
  color: #102A45 !important;
}

.travel-card,
.content-card,
.side-card,
.empty-card,
.hotel-filter-note,
.country-destination-group--compact,
.travel-list__item,
.hotel-tabs__nav,
.wtsr-hero__box,
.wtsr-result-card,
.wthome-card,
.wthome-mini-card{
  border-color: rgba(37, 99, 235, 0.12) !important;
}

.btn--brand,
.affiliate-btn,
.hotel-load-more,
.hotel-tabs__button.is-active,
.wthome-search__button,
.wtsr-search__button,
.wtsr-empty__button,
.wt-city-guide-button--primary{
  background: linear-gradient(135deg, #174C78 0%, #2563EB 72%, #38BDF8 100%) !important;
  border-color: rgba(37, 99, 235, 0.20) !important;
  color: #ffffff !important;
}

.btn--soft,
.hotel-load-more:not(.btn--brand),
.country-destination-group__add,
.country-destination-group__manage,
.destination-chip__icon,
.hotel-tabs__nav,
.travel-hero__chips span,
.hotel-detail__facts span,
.tag-row span,
.wtsr-chip,
.wtsr-result-card__type,
.wthome-card__top strong,
.wthome-mini-card__icon,
.wthome-search__icon{
  background: #EEF7FF !important;
  color: #174C78 !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
}

.travel-hero--home,
.travel-hero--soft,
.hotel-detail__hero,
.content-card--notice,
.travel-hero--service,
.travel-section--tinted::before,
.wtsr-hero__box{
  background:
    radial-gradient(circle at 86% 18%, rgba(37, 99, 235, 0.10), transparent 24rem),
    linear-gradient(135deg, #ffffff 0%, #F8FBFF 58%, #EEF7FF 100%) !important;
  border-color: rgba(37, 99, 235, 0.10) !important;
}

.travel-card__media,
.preview-affiliate-card__placeholder,
.post-affiliate-card__placeholder{
  background: linear-gradient(135deg, #F8FBFF 0%, #DBEAFE 100%) !important;
}

.travel-card:hover,
.travel-list__item:hover,
.country-destination-group__add:hover,
.country-destination-group__manage:hover,
.destination-chip:hover,
.travel-content-sections--country .travel-list__item:hover,
.travel-list--destination .travel-list__item:hover{
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: #F8FBFF !important;
}

.eyebrow,
.country-destination-group__link,
.country-destination-group__add,
.country-destination-group__manage,
.destination-chip__icon,
.destination-chip__link,
.travel-content-section__count,
.travel-list--destination .travel-list__actions,
.travel-content-sections--country .travel-list__actions,
.wtsr-highlight,
.wt-city-guide-reference{
  color: #2563EB !important;
}

.travel-card h2,
.travel-card h3,
.travel-list h3,
.travel-list h4,
.section-heading h1,
.section-heading h2,
.travel-card__title,
.travel-hero--home h1,
.travel-hero--service h1,
.wtsr-hero__title,
.wtsr-result-card__title{
  color: #102A45 !important;
  line-height: 1.2;
  word-break: keep-all;
}

.travel-card p,
.travel-list p,
.side-card p,
.content-card p,
.section-heading p:not(.eyebrow):not(.wt-city-kicker),
.travel-hero__summary,
.hotel-detail__summary,
.wtsr-hero__desc,
.wtsr-result-card__desc{
  color: #64748B !important;
}

.wthome-card__bottom,
.wt-city-guide-survey-panel__link{
  background:
    radial-gradient(circle at 88% 10%, rgba(125, 211, 252, 0.22), transparent 32%),
    linear-gradient(135deg, #102A45 0%, #174C78 58%, #2563EB 100%) !important;
}

.wthome-hero{
  background:
    radial-gradient(circle at 8% 4%, rgba(37, 99, 235, 0.045), transparent 22rem),
    #ffffff !important;
}



/* Home hero v18: minimal single-card layout */
.travel-home .wthome-card{
  display: block;
}

.travel-home .wthome-card__body,
.travel-home .wthome-card__top,
.travel-home .wthome-card__list,
.travel-home .wthome-mini-card,
.travel-home .wthome-card__bottom{
  display: none !important;
}

.travel-home .wthome-card__visual{
  background:
    linear-gradient(135deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.97) 56%, rgba(239, 246, 255, 0.9) 100%) !important;
  color: var(--wthome-text) !important;
}

.travel-home .wthome-card__visual h1{
  color: var(--wthome-heading) !important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual p,
.travel-home .wthome-hero__hint{
  color: var(--wthome-muted) !important;
}

.travel-home .wthome-card__visual p strong,
.travel-home .wthome-hero__hint strong{
  color: var(--wthome-main-deep) !important;
}

@media (max-width: 767px) {
  .travel-home .wthome-card__visual::before,
.travel-home .wthome-card__visual::after{
    opacity: 0.45;
  }
}

/* Osaka static destination hub */
.wt-city-page{
  background: #ffffff;
}

.wt-city-hero{
  padding-top: clamp(20px, 4vw, 44px);
  padding-bottom: clamp(52px, 7vw, 88px);
}

.wt-city-hero__content{
  max-width: 760px;
}

.wt-city-kicker{
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #2563eb;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wt-city-hero h1{
  max-width: 825px;
  margin: 0;
  color: #0f172a;
  font-size: clamp(2.35rem, 5.2vw, 3.25rem);
  letter-spacing: 1px;
  line-height:1.2;
  word-break: keep-all;
}

.wt-city-hero__lead{
  max-width: 700px;
  margin: 22px 0 0;
  color: #475569;
  font-size: clamp(1rem, 1.45vw, 1.1rem);
  line-height: 1.8;
  word-break: keep-all;
}

.wt-city-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.wt-city-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid #e5eaf1;
  border-radius: 999px;
  background: transparent;
  color: #102a45;
  font-size: .92rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.wt-city-button--primary{
  background: transparent;
  color: #102a45;
  border-color: #e5eaf1;
}

.wt-city-snapshot,
.wt-city-guide-links,
.wt-city-section,
.wt-city-faq{
  padding-top: clamp(28px, 4.5vw, 56px);
  padding-bottom: clamp(28px, 4.5vw, 56px);
}

.wt-city-snapshot__heading{
  max-width: 820px;
  margin-bottom: 24px;
}

.wt-city-snapshot__heading h2{
  margin-top: 0;
  color: #0f172a;
  font-size: clamp(1.85rem, 3.4vw, 2.75rem);
  letter-spacing: -.055em;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-city-snapshot__heading p:not(.wt-city-kicker){
  color: #64748b;
  line-height: 1.75;
}

.wt-city-snapshot__grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.wt-city-choice-card{
  position: relative;
  display: flex;
  min-height: 178px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 22px 46px 22px 22px;
  border: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  color: inherit;
  text-decoration: none;
}

.wt-city-choice-card::after{
  content: "→";
  position: absolute;
  top: 22px;
  right: 22px;
  color: #94a3b8;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1;
}

.wt-city-choice-card span{
  display: block;
  color: #2563eb;
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.35;
  word-break: keep-all;
}

.wt-city-choice-card strong{
  display: block;
  color: #0f172a;
  font-size: clamp(1.08rem, 1.5vw, 1.2rem);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.35;
  word-break: keep-all;
}

.wt-city-choice-card p{
  margin: 0;
  color: #64748b;
  font-size: .91rem;
  line-height: 1.68;
  word-break: keep-all;
}

.destination-guide-links--static-osaka{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wt-city-area-table-wrap{
  border: 1px solid rgba(15, 23, 42, .08);
  background: #ffffff;
  overflow-x: auto;
  border-radius: 26px;
}

.wt-city-area-table{
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.wt-city-area-table th,
.wt-city-area-table td{
  padding: 18px 20px;
  border-bottom: 1px solid rgba(15, 23, 42, .08);
  text-align: left;
  vertical-align: top;
  color: #334155;
  line-height: 1.65;
  word-break: keep-all;
}

.wt-city-area-table th{
  background: #f8fafc;
  color: #0f172a;
  font-size: .9rem;
  font-weight: 500;
}

.wt-city-area-table tr:last-child td{
  border-bottom: 0;
}

.wt-city-area-accordion{
  display: none;
}

.wt-city-area-accordion__item{
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 20px;
  background: #ffffff;
}

.wt-city-area-accordion__item summary{
  position: relative;
  display: grid;
  gap: 6px;
  padding: 18px 48px 18px 18px;
  cursor: pointer;
  list-style: none;
}

.wt-city-area-accordion__item summary::-webkit-details-marker{
  display: none;
}

.wt-city-area-accordion__item summary::after{
  content: "↓";
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 999px;
  background: #f1f5f9;
  color: #2563eb;
  font-size: .9rem;
  font-weight: 500;
  transition: transform .2s ease, background .2s ease;
}

.wt-city-area-accordion__item[open] summary::after{
  transform: rotate(180deg);
  background: #eaf2ff;
}

.wt-city-area-accordion__title{
  color: #0f172a;
  font-size: 1.08rem;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.25;
}

.wt-city-area-accordion__fit{
  color: #64748b;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.45;
  word-break: keep-all;
}

.wt-city-area-accordion__body{
  display: grid;
  gap: 12px;
  padding: 0 18px 18px;
}

.wt-city-area-accordion__body div{
  padding: 14px 16px;
  border-radius: 16px;
  background: #f8fafc;
}

.wt-city-area-accordion__body span{
  display: block;
  margin-bottom: 5px;
  color: #2563eb;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: -.01em;
}

.wt-city-area-accordion__body p{
  margin: 0;
  color: #475569;
  font-size: .92rem;
  line-height: 1.65;
  word-break: keep-all;
}

.wt-city-dynamic-section{
  padding-top: clamp(28px, 5vw, 58px);
  padding-bottom: clamp(28px, 5vw, 58px);
}

.wt-city-faq__accordion{
  border-top: 1px solid rgba(15, 23, 42, .10);
}

.wt-city-faq__item{
  border-bottom: 1px solid rgba(15, 23, 42, .10);
}

.wt-city-faq__item summary{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 0;
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.45;
  cursor: pointer;
  list-style: none;
  word-break: keep-all;
}

.wt-city-faq__item summary::-webkit-details-marker{
  display: none;
}

.wt-city-faq__item summary::after{
  content: "+";
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1;
}

.wt-city-faq__item[open] summary::after{
  content: "−";
}

.wt-city-faq__item p{
  max-width: 840px;
  margin: -4px 0 22px;
  color: #475569;
  line-height: 1.75;
  word-break: keep-all;
}

.travel-list__item--static .travel-card__meta{
  color: #2563eb;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .wt-city-snapshot__grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  .destination-guide-links--static-osaka{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .wt-city-snapshot__grid,
.destination-guide-links--static-osaka{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .wt-city-hero{
    padding-top: 18px;
    padding-bottom: 42px;
  }

  .wt-city-hero h1{
    font-size: clamp(2.05rem, 9.5vw, 2.8rem);
  word-break: keep-all;
  }

  .wt-city-hero__actions,
.wt-city-button{
    width: 100%;
  }

  .wt-city-choice-card{
    padding: 20px 42px 20px 20px;
    border-radius: 18px;
  }

  .wt-city-choice-card::after{
    top: 20px;
    right: 20px;
  }
}


/* Reusable city purpose static pages */
.wt-purpose-page{
  background: #fff;
  color: #0f172a;
}

.wt-page-hero{
  padding: 18px 0 52px;
}

.wt-page-hero__content{
  max-width: 760px;
}

.wt-eyebrow,
.wt-section-kicker{
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.wt-page-hero h1{
  margin: 0;
  color: #0f172a;
  font-size: clamp(2.35rem, 5.2vw, 3.25rem);
  line-height:1.2;
  letter-spacing: 1px;
  word-break: keep-all;
}

.wt-page-hero p:not(.wt-city-kicker){
  max-width: 680px;
  margin: 20px 0 0;
  color: #475569;
  font-size: 17px;
  line-height: 1.75;
  word-break: keep-all;
}

.wt-hero-actions,
.wt-hotel-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.wt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

.wt-btn--primary{
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.wt-btn--ghost{
  background: #fff;
  color: #1e293b;
}

.wt-hero-actions .wt-btn,
.wt-hero-actions .wt-btn--primary,
.wt-hero-actions .wt-btn--ghost{
  border-color: #e2e8f0;
  background: #fff;
  color: #0f172a;
}

.wt-mini-panel{
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  background: #fff;
  padding: 24px;
}

.wt-mini-panel__title{
  margin: 0 0 14px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.wt-flow-list{
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wt-flow-list li{
  border-radius: 16px;
  background: #f8fafc;
  padding: 16px 18px;
}

.wt-flow-list strong{
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 500;
}

.wt-flow-list span{
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

.wt-section{
  padding: 40px 0;
}

.wt-section--soft{
  background: #f8fafc;
}

.wt-purpose-page .wt-section--soft{
  background: #fff;
}

.wt-section--compact{
  padding-top: 34px;
}

.wt-section-head{
  max-width: 780px;
  margin-bottom: 24px;
}

.wt-section-title{
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.72rem, 3vw, 2.1rem);
  line-height: 1.2;
  letter-spacing: -0.06em;
  word-break: keep-all;
}

.wt-section-desc{
  margin: 12px 0 0;
  color: #64748b;
  font-size: 16px;
  line-height: 1.75;
  word-break: keep-all;
}

.wt-area-grid,
.wt-hotel-grid,
.wt-link-grid{
  display: grid;
  gap: 16px;
}

.wt-area-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wt-area-card,
.wt-hotel-card,
.wt-link-card,
.wt-check-item{
  border: 1px solid #e5e7eb;
  background: #fff;
}

.wt-area-card{
  border-radius: 22px;
  padding: 24px;
}

.wt-area-card h3,
.wt-hotel-card h3,
.wt-link-card h3{
  margin: 0;
  color: #0f172a;
  font-weight: 500;
  letter-spacing: -0.04em;
}

.wt-area-card h3{
  font-size: 22px;
}

.wt-area-card p,
.wt-hotel-card p,
.wt-link-card p{
  color: #64748b;
  line-height: 1.7;
  word-break: keep-all;
}

.wt-area-card p{
  margin: 12px 0 18px;
  font-size: 15px;
}

.wt-tag-list,
.wt-badge-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wt-tag,
.wt-badge{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
}

.wt-hotel-grid{
  display: flex;
  grid-template-columns: none;
  gap: 14px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  margin: 0 -2px;
  padding: 2px 2px 14px;
}

.wt-hotel-grid::-webkit-scrollbar{
  height: 6px;
}

.wt-hotel-grid::-webkit-scrollbar-thumb{
  border-radius: 999px;
  background: #cbd5e1;
}

.wt-hotel-card{
  flex: 0 0 304px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  scroll-snap-align: start;
}

.wt-hotel-card__image{
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e5e7eb;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wt-hotel-card__body{
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}

.wt-hotel-card h3{
  margin-top: 12px;
  font-size: 19px;
  line-height: 1.34;
}

.wt-hotel-card p{
  margin: 9px 0 0;
  font-size: 14px;
}

.wt-hotel-note{
  margin-top: 13px;
  border-radius: 14px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  padding: 11px 12px;
}

.wt-hotel-actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
}

.wt-hotel-actions .wt-btn{
  min-height: 38px;
  border-radius: 12px;
  padding: 0 10px;
  font-size: 13px;
}

.wt-hotel-more-banner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 68px;
  margin-top: 18px;
  border: 1px solid #d8e2f0;
  border-radius: 16px;
  background: #fff;
  color: #0f172a;
  padding: 16px 18px;
  text-decoration: none;
}

.wt-hotel-more-banner strong{
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.35;
  word-break: keep-all;
}

.wt-hotel-more-banner span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}

.wt-hotel-more-banner span::after{
  content: "→";
  margin-left: 6px;
  font-size: 12px;
  font-weight: 500;
}

.wt-check-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.wt-check-item{
  border-radius: 18px;
  color: #334155;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  padding: 18px 20px;
}

.wt-cta-band{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid #e5e7eb;
  border-radius: 28px;
  background: #fff;
  padding: 28px;
}

.wt-cta-band h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(24px, 2.8vw, 34px);
  letter-spacing: -0.05em;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-cta-band p:not(.wt-city-kicker){
  margin: 10px 0 0;
  color: #64748b;
  line-height: 1.7;
  word-break: keep-all;
}


.wt-cta-band .wt-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.wt-cta-band .wt-btn span{
  font-size: 1.05em;
  line-height: 1;
}

.wt-link-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wt-link-grid--purpose{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wt-link-card{
  display: block;
  border-radius: 20px;
  padding: 22px;
  color: inherit;
  text-decoration: none;
}

.wt-link-card h3{
  font-size: 18px;
}

.wt-link-card p{
  margin: 8px 0 0;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .wt-area-grid,
.wt-hotel-grid,
.wt-link-grid,
.wt-link-grid--purpose{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .wt-page-hero{
    padding-top: 10px;
    padding-bottom: 34px;
  }

  .wt-page-hero h1{
    font-size: clamp(2.05rem, 9vw, 2.75rem);
  word-break: keep-all;
  }

  .wt-page-hero p:not(.wt-city-kicker){
    font-size: 15px;
  }

  .wt-section{
    padding: 40px 0;
  }

  .wt-area-grid,
.wt-hotel-grid,
.wt-check-grid,
.wt-link-grid,
.wt-link-grid--purpose{
    grid-template-columns: 1fr;
  }

  .wt-mini-panel,
.wt-area-card,
.wt-hotel-card__body,
.wt-link-card{
    padding: 20px;
  }

  .wt-cta-band{
    align-items: stretch;
    flex-direction: column;
    padding: 22px;
  }

  .wt-btn,
.wt-hero-actions .wt-btn,
.wt-hotel-actions .wt-btn{
    width: 100%;
  }
}


/* Osaka static mobile UX improvements v7 */
@media (max-width: 767px) {
  .travel-page.wt-city-page,
.travel-page.wt-purpose-page,
.travel-page.wt-city-guide-page{
    overflow-x: hidden;
  }

  .travel-page.wt-city-page > .container,
.travel-page.wt-purpose-page .container,
.travel-page.wt-city-guide-page .container{
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .wt-city-hero{
    padding-top: 22px;
    padding-bottom: 40px;
  }

  .wt-city-hero__lead{
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.72;
  }

  .wt-city-hero__actions{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    margin-top: 24px;
  }

  .wt-city-button,
.wt-city-hero__actions .wt-city-button{
    width: auto;
    min-width: 0;
    min-height: 40px;
    padding: 0 8px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 1.22;
    text-align: center;
    white-space: normal;
    word-break: keep-all;
  }

  .wt-city-snapshot,
.wt-city-guide-links,
.wt-city-section,
.wt-city-faq,
.wt-city-dynamic-section{
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .wt-city-snapshot__grid,
.destination-guide-links--static-osaka{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wt-city-choice-card,
.destination-guide-links--static-osaka .destination-guide-link{
    border-radius: 20px;
    padding: 20px;
  }

  .wt-city-choice-card{
    padding: 20px 42px 20px 20px;
  }

  .wt-city-choice-card::after{
    top: 20px;
    right: 20px;
  }

  .wt-city-faq__item summary{
    padding: 18px 0;
    font-size: .98rem;
  }

  .wt-city-faq__item p{
    margin-bottom: 18px;
    font-size: .94rem;
    line-height: 1.72;
  }

  .wt-purpose-page .wt-page-hero{
    padding-top: 16px;
    padding-bottom: 38px;
  }

  .wt-purpose-page .wt-page-hero h1{
    font-size: clamp(2.05rem, 9.5vw, 2.8rem);
    line-height:1.2;
  word-break: keep-all;
  }

  .wt-purpose-page .wt-page-hero p:not(.wt-city-kicker),
.wt-purpose-page .wt-section-desc,
.wt-purpose-page .wt-area-card p,
.wt-purpose-page .wt-hotel-card p,
.wt-purpose-page .wt-link-card p{
    line-height: 1.72;
  }

  .wt-purpose-page .wt-section{
    padding: 40px 0;
  }

  .wt-purpose-page .wt-area-grid,
.wt-purpose-page .wt-hotel-grid,
.wt-purpose-page .wt-check-grid,
.wt-purpose-page .wt-link-grid,
.wt-purpose-page .wt-link-grid--purpose{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wt-purpose-page .wt-area-card,
.wt-purpose-page .wt-hotel-card__body,
.wt-purpose-page .wt-link-card,
.wt-purpose-page .wt-check-item,
.wt-purpose-page .wt-cta-band{
    border-radius: 20px;
    padding: 20px;
  }

  .wt-city-guide-page .container{
    width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .wt-city-guide-hero__inner,
.wt-city-guide-section,
.wt-city-guide-related,
.wt-city-guide-snapshot__grid article,
.wt-city-guide-survey-panel__link{
    border-radius: 22px;
  }

  .wt-city-guide-hero__inner{
    padding: 30px 20px;
  }

  .wt-city-guide-section{
    padding: 24px 20px;
  }

  .wt-city-guide-snapshot__grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wt-city-guide-related{
    grid-template-columns: 1fr;
    padding: 26px 20px;
  }
}

@media (max-width: 380px) {
  .wt-city-button,
.wt-city-hero__actions .wt-city-button{
    font-size: 11px;
    padding: 0 6px;
  }
}


/* Reusable city purpose hotel carousel and mobile button refinements */
.wt-purpose-page .wt-hotel-grid{
  display: flex;
  grid-template-columns: none;
  overflow-x: auto;
}

.wt-purpose-page .wt-hotel-card{
  flex: 0 0 304px;
}

.wt-purpose-page .wt-hero-actions{
  flex-wrap: nowrap;
  width: min(100%, 520px);
}

.wt-purpose-page .wt-hero-actions .wt-btn{
  width: auto;
  min-width: 0;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-grid{
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    margin-right: -40px;
    padding-right: 40px;
  }

  .wt-purpose-page .wt-hotel-card{
    flex: 0 0 min(82vw, 300px);
  }

  .wt-purpose-page .wt-hotel-card__body{
    padding: 18px;
  }

  .wt-purpose-page .wt-hero-actions{
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
  }

  .wt-purpose-page .wt-hero-actions .wt-btn{
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 0 8px;
    font-size: 12px;
  }

  .wt-hotel-more-banner{
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
  }

  .wt-hotel-more-banner span{
    min-height: 32px;
    padding: 0 12px;
  }
}




/* Osaka typography and choice card refinements v13 */
.wt-city-page .section-heading h2,
.wt-city-snapshot__heading h2{
  font-size: clamp(1.72rem, 3vw, 2.1rem);
  letter-spacing: -0.045em;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-purpose-page .wt-section-title{
  font-size: clamp(1.72rem, 3vw, 2.1rem);
  letter-spacing: -0.045em;
  line-height: 1.2;
  word-break: keep-all;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wt-city-hero h1,
.wt-purpose-page .wt-page-hero h1{
    font-size: clamp(2.2rem, 4.8vw, 3rem);
  word-break: keep-all;
  }

  .wt-city-page .section-heading h2,
.wt-city-snapshot__heading h2,
.wt-purpose-page .wt-section-title{
    font-size: clamp(1.65rem, 3.4vw, 2rem);
  line-height: 1.2;
  word-break: keep-all;
  }
}

@media (max-width: 767px) {
  .wt-city-page .section-heading h2,
.wt-city-snapshot__heading h2{
    font-size: clamp(1.55rem, 6.4vw, 1.9rem);
    line-height: 1.2;
    word-break: keep-all;
  }

  .wt-purpose-page .wt-section-title{
    font-size: 22px;
    line-height: 1.2;
    word-break: keep-all;
  }
}

/* Osaka static pages mobile main padding v23 */
@media (max-width: 767px) {
  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page{
    padding: 25px;
  }

  main.travel-page.wt-city-page > .container,
main.travel-page.wt-purpose-page .container,
main.travel-page.wt-city-guide-page .container{
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  main.travel-page.wt-purpose-page .wt-hotel-grid{
    margin-right: -25px;
    padding-right: 25px;
  }
}

/* City static page shared header spacing refinement v22 */








@media (max-width: 767px) {
  

  

  
}


/* City purpose hotel card renewal v24 */
.wt-page-hero h1,
.wt-purpose-page .wt-page-hero h1{
  line-height:1.2;
  word-break: keep-all;
}

.wt-purpose-page .wt-hotel-grid{
  gap: 16px;
  padding: 2px 2px 18px;
}

.wt-purpose-page .wt-hotel-card,
.wt-hotel-card{
  flex: 0 0 336px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  padding: 24px;
  scroll-snap-align: start;
}

.wt-hotel-card__image{
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  border-bottom: 0;
  background: transparent;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.wt-hotel-card__image::after{
  content: "★ 9+";
  color: #0f172a;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  text-transform: none;
}

.wt-hotel-card__body{
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
}

.wt-hotel-card h3{
  order: 1;
  margin: 0;
  color: #030712;
  font-size: 20px;
  line-height: 1.34;
  letter-spacing: -0.045em;
}

.wt-hotel-card .wt-badge-list{
  order: 2;
  gap: 8px;
  margin-top: 16px;
}

.wt-hotel-card .wt-badge{
  min-height: 29px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  color: #111827;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
}

.wt-hotel-card p{
  order: 3;
  margin: 20px 0 0;
  padding-top: 18px;
  border-top: 1px solid #e5e7eb;
  color: #475569;
  font-size: 14px;
  line-height: 1.75;
}

.wt-hotel-note{
  display: none;
}

.wt-hotel-actions{
  order: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
  padding-top: 22px;
}

.wt-hotel-actions .wt-btn{
  min-height: 46px;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
}

.wt-hotel-actions .wt-btn--primary{
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.wt-hotel-actions .wt-btn--ghost{
  border-color: #e5e7eb;
  background: #fff;
  color: #1f2937;
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-card,
.wt-hotel-card{
    flex-basis: min(86vw, 336px);
    padding: 24px;
  }

  .wt-purpose-page .wt-hotel-card__body,
.wt-hotel-card__body{
    padding: 0;
  }
}


/* V24 - Purpose page hotel card refresh */
.wt-page-hero h1,
.wt-purpose-page .wt-page-hero h1{
  line-height:1.2;
  word-break: keep-all;
}

.wt-purpose-page .wt-hotel-grid{
  gap: 16px;
  padding-bottom: 18px;
}

.wt-purpose-page .wt-hotel-card{
  flex: 0 0 336px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.wt-purpose-page .wt-hotel-card__image{
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 0;
  border-bottom: 0;
  background: transparent;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.wt-purpose-page .wt-hotel-card__image::after{
  content: "★ 9+";
  color: #020617;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.wt-purpose-page .wt-hotel-card__body{
  padding: 18px 24px 24px;
}

.wt-purpose-page .wt-hotel-card h3{
  margin: 0;
  color: #020617;
  font-size: 21px;
  line-height: 1.34;
  letter-spacing: -0.055em;
}

.wt-hotel-card__subname{
  margin-top: 8px;
  color: #8b9097;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.03em;
}

.wt-purpose-page .wt-hotel-card .wt-badge-list{
  margin-top: 18px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8edf4;
  gap: 8px;
}

.wt-purpose-page .wt-hotel-card .wt-badge{
  min-height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fbfbfc;
  color: #111827;
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
}

.wt-purpose-page .wt-hotel-card p{
  margin: 18px 0 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.85;
}

.wt-purpose-page .wt-hotel-card .wt-hotel-actions{
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
}

.wt-purpose-page .wt-hotel-card .wt-btn{
  min-height: 46px;
  border-radius: 6px;
  font-size: 14px;
}

.wt-purpose-page .wt-hotel-card .wt-btn--primary{
  border-color: #0a0a0a;
  background: #0a0a0a;
  color: #fff;
}

.wt-purpose-page .wt-hotel-card .wt-btn--ghost{
  border-color: #e5e7eb;
  background: #fff;
  color: #111827;
}

@media (max-width: 720px) {
  .wt-page-hero h1,
.wt-purpose-page .wt-page-hero h1{
    line-height:1.2;
  word-break: keep-all;
  }

  .wt-purpose-page .wt-hotel-card{
    flex: 0 0 min(90vw, 336px);
  }

  .wt-purpose-page .wt-hotel-card__image{
    padding: 22px 22px 0;
  }

  .wt-purpose-page .wt-hotel-card__body{
    padding: 17px 22px 22px;
  }

  .wt-purpose-page .wt-hotel-card h3{
    font-size: 20px;
  }
}


/* V25 - Purpose hotel card compact spacing and content hierarchy */
.wt-purpose-page .wt-hotel-card{
  padding: 10px;
}

.wt-purpose-page .wt-hotel-card__image{
  padding: 24px 10px 0;
}

.wt-purpose-page .wt-hotel-card__body{
  padding: 0 10px 15px 10px;
}

.wt-purpose-page .wt-hotel-card .wt-badge-list{
  border-bottom: 0;
  padding-bottom: 0;
}

.wt-hotel-card__point{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e8edf4;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.035em;
}

.wt-purpose-page .wt-hotel-card__point + p{
  margin-top: 7px;
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-card{
    padding: 10px;
  }

  .wt-purpose-page .wt-hotel-card__image{
    padding: 24px 10px 0;
  }

  .wt-purpose-page .wt-hotel-card__body{
    padding: 0 10px 15px 10px;
  }
}

/* V26 - Purpose page simple hotel card, matched to final reference image */
.wt-purpose-page .wt-hotel-grid{
  gap: 16px;
  padding: 4px 2px 18px;
}

.wt-purpose-page .wt-hotel-card{
  flex: 0 0 360px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e6e8ec;
  border-radius: 16px;
  background: #fff;
  padding: 0;
}

.wt-purpose-page .wt-hotel-card__image{
  display: none !important;
}

.wt-purpose-page .wt-hotel-card__body{
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px 24px 26px;
}

.wt-hotel-card__label{
  margin: 0 0 20px;
  color: #8f949c;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.wt-purpose-page .wt-hotel-card__subname,
.wt-hotel-card__subname{
  margin: 0;
  color: #8b9098;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.wt-purpose-page .wt-hotel-card h3{
  margin: 9px 0 0;
  color: #030712;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.06em;
}

.wt-purpose-page .wt-hotel-card__point{
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #e5e7eb;
  color: #111827;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.035em;
}

.wt-purpose-page .wt-hotel-card p,
.wt-purpose-page .wt-hotel-card__point + p{
  margin: 9px 0 0;
  padding-top: 0;
  border-top: 0;
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.025em;
}

.wt-purpose-page .wt-hotel-card .wt-badge-list,
.wt-purpose-page .wt-hotel-card .wt-hotel-card__meta-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  padding: 0;
  border-bottom: 0;
}

.wt-purpose-page .wt-hotel-card .wt-badge{
  min-height: 30px;
  border: 0;
  border-radius: 6px;
  background: #f4f5f7;
  color: #111827;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
}

.wt-purpose-page .wt-hotel-card .wt-hotel-actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: auto;
}

.wt-purpose-page .wt-hotel-card .wt-btn{
  min-height: 46px;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.wt-purpose-page .wt-hotel-card .wt-btn--primary{
  border-color: #0a0a0a;
  background: #0a0a0a;
  color: #fff;
}

.wt-purpose-page .wt-hotel-card .wt-btn--ghost{
  border-color: #e5e7eb;
  background: #fff;
  color: #111827;
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-card{
    flex-basis: min(88vw, 360px);
    padding: 0;
  }

  .wt-purpose-page .wt-hotel-card__body{
    padding: 24px 22px 24px;
  }

  .wt-purpose-page .wt-hotel-card h3{
    font-size: 21px;
  }
}


/* V27 - Purpose hotel card hierarchy refinement */
.wt-purpose-page .wt-hotel-card h3{
  margin: 9px 0 0;
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e7eb;
}

.wt-purpose-page .wt-hotel-card__point{
  margin-top: 18px;
  padding-top: 0;
  border-top: 0;
}

.wt-purpose-page .wt-hotel-card p,
.wt-purpose-page .wt-hotel-card__point + p{
  margin-top: 9px;
}

.wt-purpose-page .wt-hotel-card .wt-badge-list,
.wt-purpose-page .wt-hotel-card .wt-hotel-card__meta-list{
  margin-top: 20px;
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-card h3{
    padding-bottom: 16px;
  }

  .wt-purpose-page .wt-hotel-card__point{
    margin-top: 16px;
  }
}

/* V28 - Purpose hotel card fixed visual order */
.wt-purpose-page .wt-hotel-card__label{
  order: 1;
}

.wt-purpose-page .wt-hotel-card__subname{
  order: 2;
}

.wt-purpose-page .wt-hotel-card h3{
  order: 3;
}

.wt-purpose-page .wt-hotel-card__point{
  order: 4;
}

.wt-purpose-page .wt-hotel-card__point + p,
.wt-purpose-page .wt-hotel-card p{
  order: 5;
}

.wt-purpose-page .wt-hotel-card .wt-badge-list,
.wt-purpose-page .wt-hotel-card .wt-hotel-card__meta-list{
  order: 6;
}

.wt-purpose-page .wt-hotel-card .wt-hotel-actions{
  order: 7;
}

/* V31 - Osaka city page container alignment and purpose page spacing */
main.wt-city-page--osaka > .wt-city-dynamic-section{
  padding-left: 16px;
  padding-right: 16px;
}

@media (max-width: 767px) {
  main.wt-city-page--osaka > .wt-city-dynamic-section{
    padding-left: 0;
    padding-right: 0;
  }
}

main.wt-purpose-page--first-trip .container,
main.wt-purpose-page--value-hotel .container,
main.wt-purpose-page--near-trip .container,
main.wt-purpose-page--family-trip .container,
main.wt-purpose-page--quiet-stay .container{
  padding-bottom: 10px;
}


/* V33 - Purpose page mobile hotel card width and meta badge simplification */
@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-card{
    flex: 0 0 320px;
  }
}


/* V33 - Osaka hotel archive pages and preview link buttons */
.hotel-load-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.wt-city-archive-page .wt-city-hero{
  padding-bottom: clamp(34px, 5vw, 64px);
}

.wt-city-archive-summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}

.wt-city-archive-count{
  color: #64748b;
  font-size: .94rem;
  font-weight: 500;
}


@media (max-width: 640px) {
  .wt-city-archive-summary{
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Osaka hotel archive region filters */
.wt-region-filter{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 16px;
}
.wt-region-filter__button{
  appearance: none;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1;
  padding: 10px 14px;
  cursor: pointer;
}
.wt-region-filter__button.is-active{
  border-color: rgba(37, 99, 235, 0.26);
  background: #eff6ff;
  color: #1d4ed8;
}


/* Osaka hotel archive mobile filter refinement 20260610cityV38 */
@media (max-width: 1024px) {
  .wt-region-filter{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
  }
  .wt-region-filter::-webkit-scrollbar{
    display: none;
  }
  .wt-region-filter__button{
    flex: 0 0 auto;
    white-space: nowrap;
    scroll-snap-align: center;
  }
}

/* V39 - archive hero/list spacing without section heading */
.wt-city-archive-page .wt-city-hero{
  padding-bottom: clamp(24px, 3.6vw, 46px);
}

.wt-city-archive-page .wt-city-dynamic-section{
  padding-top: clamp(10px, 2vw, 24px);
}

/* V40 - hotel recommendation category filter description */
.wt-category-filter-description{
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  background: #f8fafc;
  color: #334155;
  margin: -2px 0 16px;
  padding: 16px 18px;
}

.wt-category-filter-description strong{
  color: #0f172a;
  display: block;
  font-size: 0.98rem;
  font-weight: 500;
  margin-bottom: 6px;
}

.wt-category-filter-description p{
  color: #64748b;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.65;
  margin: 0;
}

/* V45 - Tainan archive skeleton loading */
.wt-sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  word-break: keep-all;
}

.travel-card-grid--hotels .wt-archive-skeleton-card{
  min-width: 0;
}

.wt-archive-skeleton-card{
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: var(--travel-radius);
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .055);
  overflow: hidden;
}

.wt-archive-skeleton-card__media{
  display: block;
  aspect-ratio: 16 / 10;
  background: #edf2f7;
}

.wt-archive-skeleton-card__body{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}

.wt-archive-skeleton-line{
  display: block;
  height: 12px;
  border-radius: 999px;
  background: #edf2f7;
}

.wt-archive-skeleton-line--chip{
  width: 88px;
  height: 24px;
  margin-bottom: 2px;
}

.wt-archive-skeleton-line--title{
  width: 78%;
  height: 22px;
  margin-top: 2px;
}

.wt-archive-skeleton-line--text{
  width: 100%;
}

.wt-archive-skeleton-line--text-short{
  width: 68%;
}

.wt-archive-skeleton-line--button{
  width: 128px;
  height: 36px;
  margin-top: 12px;
}

.wt-archive-skeleton-shimmer{
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #eef2f7 0%, #f7fafc 48%, #eef2f7 100%);
  background-size: 220% 100%;
}

.wt-archive-skeleton-shimmer::after{
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .72) 48%, transparent 100%);
  animation: wt-archive-skeleton-shimmer 1.35s ease-in-out infinite;
}

@keyframes wt-archive-skeleton-shimmer {
  100%{
    transform: translateX(100%);
  }
}

@media (max-width: 767px) {
  .wt-archive-skeleton-card__body{
    padding: 18px;
  }

  .wt-archive-skeleton-line--title{
    width: 88%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wt-archive-skeleton-shimmer::after{
    animation: none;
    display: none;
  }
}




/* V44 - Osaka main Area Guide to CTA spacing */
#area-guide.wt-city-section{
  padding-bottom: clamp(18px, 3vw, 34px);
}

#area-guide + .wt-city-cta{
  padding-top: 0;
}

/* V43 - Osaka conversion-first destination hub refinements */
.wt-city-cta{
  padding-top: 10px;
  padding-bottom: clamp(28px, 4.5vw, 56px);
}

.wt-city-cta__inner{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 4vw, 40px);
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 96% 0%, rgba(37, 99, 235, .08), transparent 22rem),
    #f8fbff;
}

.wt-city-cta h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.58rem, 2.6vw, 2rem);
  letter-spacing: -.045em;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-city-cta p:not(.wt-city-kicker){
  max-width: 720px;
  margin: 12px 0 0;
  color: #64748b;
  line-height: 1.75;
  word-break: keep-all;
}

.wt-city-area-note{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  margin: 0 0 16px;
  padding: 16px 18px;
  border-radius: 20px;
  background: #f8fafc;
}

.wt-city-area-note strong{
  color: #2563eb;
  font-size: .9rem;
  font-weight: 500;
  white-space: nowrap;
}

.wt-city-area-note p{
  margin: 0;
  color: #475569;
  line-height: 1.7;
  word-break: keep-all;
}

.wt-static-fallback-card .travel-card__body{
  display: flex;
  min-height: 230px;
  flex-direction: column;
}

.wt-static-fallback-card .text-link{
  margin-top: auto;
  padding-top: 18px;
}

.wt-city-button--primary,
.wt-city-hero__actions .wt-city-button--primary,
.wt-city-cta .wt-city-button--primary{
  border-color: rgba(37, 99, 235, .16);
  background: #2563eb;
  color: #ffffff;
}

@media (max-width: 767px) {

  #area-guide.wt-city-section{
    padding-bottom: 24px;
  }

  #area-guide + .wt-city-cta{
    padding-top: 0;
  }

  .wt-city-cta{
    padding-top: 10px;
    padding-bottom: 38px;
  }

  .wt-city-cta__inner{
    grid-template-columns: 1fr;
    padding: 22px;
    border-radius: 24px;
  }

  .wt-city-cta .wt-city-button{
    width: 100%;
  }

  .wt-city-area-table-wrap{
    display: none;
  }

  .wt-city-area-accordion{
    display: grid;
    gap: 10px;
  }

  .wt-city-area-note{
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* V34 - First trip page conversion structure */
.wt-section--first-answer{
  padding-top: 18px;
}

.wt-purpose-quick-grid,
.wt-reason-grid{
  display: grid;
  gap: 14px;
}

.wt-purpose-quick-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wt-purpose-quick-card,
.wt-reason-card{
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  padding: 22px;
}

.wt-purpose-quick-card span,
.wt-area-card__label,
.wt-reason-card span{
  display: block;
  color: #2563eb;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.35;
  word-break: keep-all;
}

.wt-purpose-quick-card strong{
  display: block;
  margin-top: 8px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 1.15;
}

.wt-purpose-quick-card p,
.wt-reason-card p,
.wt-area-card__lead,
.wt-area-card__note span,
.wt-check-grid--rich .wt-check-item span{
  margin: 10px 0 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.wt-reason-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wt-reason-card h3{
  margin: 12px 0 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.045em;
  word-break: keep-all;
}

.wt-area-grid--decision{
  align-items: stretch;
}

.wt-area-card--decision{
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 0;
  background: #f8fafc;
}

.wt-area-card--decision h3{
  margin-top: 9px;
  font-size: 28px;
  letter-spacing: -0.065em;
}

.wt-area-card__lead{
  margin-top: 12px;
}

.wt-area-card__note{
  margin-top: 16px;
  border-radius: 16px;
  background: #fff;
  padding: 14px 15px;
}

.wt-area-card__note strong,
.wt-check-grid--rich .wt-check-item strong{
  display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.03em;
}

.wt-area-card__note span,
.wt-check-grid--rich .wt-check-item span{
  display: block;
  margin-top: 6px;
}

.wt-area-card__note--caution{
  background: #fff7ed;
}

.wt-check-grid--rich .wt-check-item{
  display: block;
  border: 0;
  background: #f8fafc;
}

.wt-purpose-faq{
  padding-bottom: 64px;
}

@media (max-width: 1024px) {
  .wt-purpose-quick-grid,
.wt-reason-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .wt-section--first-answer{
    padding-top: 8px;
  }

  .wt-purpose-quick-grid,
.wt-reason-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wt-purpose-quick-card,
.wt-reason-card,
.wt-area-card--decision,
.wt-check-grid--rich .wt-check-item{
    border-radius: 20px;
    padding: 20px;
  }

  .wt-purpose-quick-card strong,
.wt-area-card--decision h3{
    font-size: 24px;
  }
}


/* Area guide tab menu */
.wt-area-tabs{
  margin-top: clamp(1.4rem, 3vw, 2.15rem);
}

.wt-area-tab-input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.wt-area-tab-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.55rem;
  border-radius: 999px;
  background: rgba(245, 241, 234, 0.92);
}

.wt-area-tab-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.7rem 1.08rem;
  border-radius: 999px;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1;
  color: #5f5548;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}

.wt-area-tab-button:hover{
  transform: translateY(-1px);
  color: #2d251c;
}

.wt-area-tab-panels{
  margin-top: clamp(1rem, 2.3vw, 1.35rem);
}

.wt-area-tab-panels > .wt-area-card{
  display: none;
  max-width: none;
  margin: 0;
}

.wt-area-tab-panel{
  position: relative;
  overflow: hidden;
}

.wt-area-tab-panel::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.9), transparent 34%);
  pointer-events: none;
}

.wt-area-tab-panel__summary,
.wt-area-tab-panel__details{
  position: relative;
  z-index: 1;
}

.wt-area-tab-panel__summary{
  align-self: start;
}

.wt-area-tab-panel__details{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.wt-area-tab-panel .wt-area-card__note{
  margin-top: 0;
  min-height: 116px;
  border: 1px solid rgba(15, 23, 42, 0.045);
}

.wt-area-tab-panel .wt-area-card__note strong{
  font-size: 13.5px;
}

.wt-area-tab-panel .wt-area-card__note span{
  font-size: 14.5px;
  line-height: 1.72;
}

.wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(6){
  background: #fff;
  color: #2d251c;
}

.wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
  display: grid;
  grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.2rem, 3vw, 2.2rem);
  align-items: stretch;
  border-radius: 30px;
  padding: clamp(1.45rem, 3vw, 2.3rem);
  background: linear-gradient(135deg, #f8fafc 0%, #fffaf3 100%);
}

.wt-area-tab-input:focus-visible ~ .wt-area-tab-list{
  outline: 3px solid rgba(58, 47, 35, 0.18);
  outline-offset: 4px;
}

@media (min-width: 1080px) {
  .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
    min-height: 340px;
  }

  .wt-area-tab-panel__summary{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 0.5rem;
  }
}

@media (max-width: 920px) {
  .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .wt-area-tab-list{
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    border-radius: 22px;
    -webkit-overflow-scrolling: touch;
  }

  .wt-area-tab-button{
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0.65rem 0.9rem;
    font-size: 0.9rem;
  }

  .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
    display: block;
    border-radius: 22px;
    padding: 20px;
  }

  .wt-area-tab-panel__details{
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 16px;
  }

  .wt-area-tab-panel .wt-area-card__note{
    min-height: 0;
  }
}


/* bestayable-v1 - first-trip quick answer + area guide refinement */
.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact{
  gap: 12px;
}

.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card{
  padding: 18px 18px 17px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 20px;
}

.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card strong{
  margin-top: 7px;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -0.055em;
}

.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card p{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.62;
}

.wt-purpose-page--first-trip .wt-area-tab-list{
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
  padding: 0.45rem;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.wt-purpose-page--first-trip .wt-area-tab-button{
  color: #475569;
}

.wt-purpose-page--first-trip .wt-area-tab-button:hover{
  color: #0f172a;
  background: rgba(255, 255, 255, 0.72);
}

.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4){
  background: #fff;
  color: #2563eb;
}

.wt-purpose-page--first-trip .wt-area-tab-panel::before{
  background: none;
}

.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4){
  border: 1px solid #e5e7eb;
  background: #fff;
}

.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note{
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  min-height: 0;
}

.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note--caution{
  border-color: #fed7aa;
  background: #fff7ed;
}

@media (max-width: 680px) {
  .wt-purpose-page--first-trip .wt-area-tab-list{
    width: 100%;
  }

  .wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card{
    padding: 17px;
  }
}


/* bestayable-v2 - first-trip area tabs, curated hotels and more banner polish */
.wt-purpose-page--first-trip .wt-area-tab-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  gap: 8px;
  margin: 18px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.wt-purpose-page--first-trip .wt-area-tab-button{
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  padding: 10px 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  white-space: nowrap;
  transition: none;
}

.wt-purpose-page--first-trip .wt-area-tab-button:hover{
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.18);
  background: #f8fafc;
  color: #0f172a;
}

.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-purpose-page--first-trip .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4){
  border-color: rgba(37, 99, 235, 0.26);
  background: #eff6ff;
  color: #1d4ed8;
}

.wt-purpose-page--first-trip #hotels{
  position: relative;
}

.wt-purpose-page--first-trip #hotels .wt-section-head{
  margin-bottom: clamp(1.1rem, 2.4vw, 1.55rem);
}

.wt-purpose-page--first-trip #hotels .wt-section-kicker{
  color: #475569;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-grid{
  gap: 16px;
  padding: 4px 2px 16px;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card{
  flex-basis: 316px;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: #fff;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__body{
  padding: 19px;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__label{
  width: fit-content;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__subname{
  color: #64748b;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__point{
  color: #1e293b;
}

.wt-purpose-page--first-trip #hotels .wt-badge{
  background: #f8fafc;
  color: #475569;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--primary{
  border: 1px solid #cbd5e1;
  background: #1f2937;
  color: #fff;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--primary:hover{
  background: #111827;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--ghost{
  border-color: #e2e8f0;
  background: #fff;
  color: #334155;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
  position: relative;
  min-height: 82px;
  margin-top: 18px;
  padding: 18px 20px 18px 22px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 62%, #eff6ff 100%);
  overflow: hidden;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner::before{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 999px;
  background: #cbd5e1;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
  position: relative;
  z-index: 1;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
  max-width: 66%;
  font-size: clamp(15px, 1.8vw, 17px);
  color: #0f172a;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
  min-height: 38px;
  padding: 0 20px;
  border-color: #dbeafe;
  background: rgba(255, 255, 255, 0.86);
  color: #334155;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:hover{
  transform: translateY(-1px);
  border-color: #cbd5e1;
}

@media (max-width: 1024px) {
  .wt-purpose-page--first-trip .wt-area-tab-list{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
  }

  .wt-purpose-page--first-trip .wt-area-tab-list::-webkit-scrollbar{
    display: none;
  }

  .wt-purpose-page--first-trip .wt-area-tab-button{
    flex: 0 0 auto;
    scroll-snap-align: center;
  }
}

@media (max-width: 720px) {
  .wt-purpose-page--first-trip #hotels .wt-hotel-card{
    flex-basis: 320px;
  }

  .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 18px 20px;
  }

  .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
    max-width: none;
  }

  .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
    width: 100%;
    justify-content: space-between;
  }
}


/* bestayable-v5 - first-trip rollback + spacing/card polish */
.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card{
  border-color: #e5e7eb;
  background: #fff;
}

.wt-purpose-page--first-trip .wt-purpose-quick-grid--compact .wt-purpose-quick-card span{
  color: #64748b;
}

.wt-purpose-page--first-trip #area-compare{
  padding-bottom: clamp(24px, 3.4vw, 32px);
}

.wt-purpose-page--first-trip .wt-section--survey-cta{
  padding-top: 0;
}

.wt-purpose-page--first-trip .wt-section--survey-cta .wt-cta-band{
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__label{
  display: none;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__fit{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  margin-top: 0;
  padding: 0 11px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card__fit + .wt-hotel-card__subname{
  margin-top: 13px;
}

.wt-purpose-page--first-trip #hotels .wt-hotel-card p,
.wt-purpose-page--first-trip #hotels .wt-hotel-card__point + p{
  display: -webkit-box;
  min-height: calc(1.62em * 3);
  max-height: calc(1.62em * 3);
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.62;
}

@media (max-width: 720px) {
  .wt-purpose-page--first-trip #area-compare{
    padding-bottom: 22px;
  }
}

/* bestayable-v6 - apply first-trip purpose layout polish to all osaka purpose pages */
.wt-purpose-page .wt-purpose-quick-grid--compact{
  gap: 12px;
}

.wt-purpose-page .wt-purpose-quick-grid--compact .wt-purpose-quick-card{
  padding: 18px 18px 17px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 20px;
}

.wt-purpose-page .wt-purpose-quick-grid--compact .wt-purpose-quick-card span{
  color: #64748b;
}

.wt-purpose-page .wt-purpose-quick-grid--compact .wt-purpose-quick-card strong{
  margin-top: 7px;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -0.055em;
}

.wt-purpose-page .wt-purpose-quick-grid--compact .wt-purpose-quick-card p{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.62;
}

.wt-purpose-page #area-compare{
  padding-bottom: clamp(24px, 3.4vw, 32px);
}

.wt-purpose-page .wt-area-tab-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  gap: 8px;
  margin: 18px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.wt-purpose-page .wt-area-tab-button{
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  padding: 10px 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  white-space: nowrap;
  transition: none;
}

.wt-purpose-page .wt-area-tab-button:hover{
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.18);
  background: #f8fafc;
  color: #0f172a;
}

.wt-purpose-page .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-purpose-page .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-purpose-page .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-purpose-page .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4){
  border-color: rgba(37, 99, 235, 0.26);
  background: #eff6ff;
  color: #1d4ed8;
}

.wt-purpose-page .wt-area-tab-panel::before{
  background: none;
}

.wt-purpose-page .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-purpose-page .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-purpose-page .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-purpose-page .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4){
  border: 1px solid #e5e7eb;
  background: #fff;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note{
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  min-height: 0;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note--caution{
  border-color: #fed7aa;
  background: #fff7ed;
}

.wt-purpose-page .wt-section--survey-cta{
  padding-top: 0;
}

.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
}

.wt-purpose-page #hotels{
  position: relative;
}

.wt-purpose-page #hotels .wt-section-head{
  margin-bottom: clamp(1.1rem, 2.4vw, 1.55rem);
}

.wt-purpose-page #hotels .wt-section-kicker{
  color: #475569;
}

.wt-purpose-page #hotels .wt-hotel-grid{
  gap: 16px;
  padding: 4px 2px 16px;
}

.wt-purpose-page #hotels .wt-hotel-card{
  flex-basis: 316px;
  border: 1px solid #e5e7eb;
  border-radius: 22px;
  background: #fff;
}

.wt-purpose-page #hotels .wt-hotel-card__body{
  padding: 19px;
}

.wt-purpose-page #hotels .wt-hotel-card__label{
  display: none;
}

.wt-purpose-page #hotels .wt-hotel-card__fit{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  margin-top: 0;
  padding: 0 11px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  word-break: keep-all;
}

.wt-purpose-page #hotels .wt-hotel-card__fit + .wt-hotel-card__subname{
  margin-top: 13px;
}

.wt-purpose-page #hotels .wt-hotel-card__subname{
  color: #64748b;
}

.wt-purpose-page #hotels .wt-hotel-card__point{
  color: #1e293b;
}

.wt-purpose-page #hotels .wt-hotel-card p,
.wt-purpose-page #hotels .wt-hotel-card__point + p{
  display: -webkit-box;
  min-height: calc(1.62em * 3);
  max-height: calc(1.62em * 3);
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.62;
}

.wt-purpose-page #hotels .wt-badge{
  background: #f8fafc;
  color: #475569;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary{
  border: 1px solid #cbd5e1;
  background: #1f2937;
  color: #fff;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary:hover{
  background: #111827;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--ghost{
  border-color: #e2e8f0;
  background: #fff;
  color: #334155;
}

.wt-purpose-page #hotels .wt-hotel-more-banner{
  position: relative;
  min-height: 82px;
  margin-top: 18px;
  padding: 18px 20px 18px 22px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 62%, #eff6ff 100%);
  overflow: hidden;
}

.wt-purpose-page #hotels .wt-hotel-more-banner::before{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 999px;
  background: #cbd5e1;
}

.wt-purpose-page #hotels .wt-hotel-more-banner strong,
.wt-purpose-page #hotels .wt-hotel-more-banner span{
  position: relative;
  z-index: 1;
}

.wt-purpose-page #hotels .wt-hotel-more-banner strong{
  max-width: 66%;
  font-size: clamp(15px, 1.8vw, 17px);
  color: #0f172a;
}

.wt-purpose-page #hotels .wt-hotel-more-banner span{
  min-height: 38px;
  padding: 0 20px;
  border-color: #dbeafe;
  background: rgba(255, 255, 255, 0.86);
  color: #334155;
}

.wt-purpose-page #hotels .wt-hotel-more-banner:hover{
  transform: translateY(-1px);
  border-color: #cbd5e1;
}

@media (max-width: 1024px) {
  .wt-purpose-page .wt-area-tab-list{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
  }

  .wt-purpose-page .wt-area-tab-list::-webkit-scrollbar{
    display: none;
  }

  .wt-purpose-page .wt-area-tab-button{
    flex: 0 0 auto;
    scroll-snap-align: center;
  }
}

@media (max-width: 720px) {
  .wt-purpose-page #area-compare{
    padding-bottom: 22px;
  }

  .wt-purpose-page #hotels .wt-hotel-card{
    flex-basis: 320px;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner{
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 18px 18px 18px 20px;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner strong{
    max-width: none;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner span{
    width: 100%;
    justify-content: space-between;
  }

  .wt-purpose-page .wt-purpose-quick-grid--compact .wt-purpose-quick-card{
    padding: 17px;
  }
}


/* V30 - Purpose page survey CTA aligned with Osaka city CTA card */
.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 4vw, 40px);
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 96% 0%, rgba(37, 99, 235, .08), transparent 22rem),
    #f8fbff;
}

.wt-purpose-page .wt-section--survey-cta .wt-cta-band h2{
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.58rem, 2.6vw, 2rem);
  letter-spacing: -.045em;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-purpose-page .wt-section--survey-cta .wt-cta-band p:not(.wt-city-kicker){
  max-width: 720px;
  margin: 12px 0 0;
  color: #64748b;
  line-height: 1.75;
  word-break: keep-all;
}

.wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button--primary{
  border-color: rgba(37, 99, 235, .16);
  background: #2563eb;
  color: #ffffff;
}

@media (max-width: 767px) {
  .wt-purpose-page .wt-section--survey-cta .wt-cta-band{
    grid-template-columns: 1fr;
    padding: 22px;
    border-radius: 24px;
  }

  .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button{
    width: 100%;
  }
}


/* V31 - Purpose CTA mobile button comfort + unified hotel more banner */
@media (max-width: 767px) {
  .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button{
    min-height: 54px;
    padding: 0 22px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    justify-content: center;
  }
}

.wt-purpose-page #hotels .wt-hotel-more-banner{
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 3vw, 26px);
  min-height: 86px;
  margin-top: 20px;
  padding: clamp(20px, 3.2vw, 28px);
  border: 1px solid rgba(37, 99, 235, .12);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0%, rgba(37, 99, 235, .08), transparent 20rem),
    #f8fbff;
  color: #0f172a;
  overflow: hidden;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease;
}

.wt-purpose-page #hotels .wt-hotel-more-banner::before{
  content: none;
}

.wt-purpose-page #hotels .wt-hotel-more-banner strong{
  max-width: 760px;
  color: #0f172a;
  font-size: clamp(17px, 2vw, 21px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.32;
  word-break: keep-all;
}

.wt-purpose-page #hotels .wt-hotel-more-banner span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(37, 99, 235, .16);
  border-radius: 999px;
  background: #2563eb;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-hotel-more-banner span::after{
  content: "→";
  margin-left: 7px;
  font-size: 13px;
  font-weight: 500;
}

.wt-purpose-page #hotels .wt-hotel-more-banner:hover{
  transform: translateY(-2px);
  border-color: rgba(37, 99, 235, .22);
}

@media (max-width: 720px) {
  .wt-purpose-page #hotels .wt-hotel-more-banner{
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 14px;
    min-height: 0;
    padding: 20px;
    border-radius: 24px;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner strong{
    max-width: none;
    font-size: 17px;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner span{
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 16px;
  }
}


/* V32 - Unified Osaka primary buttons and softer purpose area notes */
.wt-city-button--primary,
.wt-city-hero__actions .wt-city-button--primary,
.wt-city-cta .wt-city-button--primary,
.wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button--primary{
  border-color: rgba(37, 99, 235, .16);
  background: #2563eb;
  color: #ffffff;
}

.wt-city-button--primary:hover,
.wt-city-hero__actions .wt-city-button--primary:hover,
.wt-city-cta .wt-city-button--primary:hover,
.wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button--primary:hover{
  border-color: rgba(29, 78, 216, .2);
  background: #1d4ed8;
  color: #ffffff;
  transform: translateY(-1px);
}

.wt-city-cta .wt-city-button,
.wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button{
  min-height: 50px;
  padding: 0 24px;
  border-radius: 999px;
  font-weight: 500;
}

.wt-purpose-page .wt-area-tab-panel__details{
  gap: 14px;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note{
  position: relative;
  display: block;
  min-height: 0;
  padding: 16px 17px;
  border: 1px solid #e5eaf1;
  border-radius: 18px;
  background: #f8fafc;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note strong,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note strong{
  color: #1e293b;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note span,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note span{
  margin-top: 7px;
  color: #475569;
  font-size: 14.3px;
  line-height: 1.75;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note--caution,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note--caution{
  border-color: #dbe3ef;
  background: #f8fafc;
}

.wt-purpose-page .wt-area-tab-panel .wt-area-card__note--caution strong,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note--caution strong{
  color: #334155;
}

@media (max-width: 767px) {
  .wt-city-hero__actions .wt-city-button,
.wt-city-cta .wt-city-button,
.wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button{
    min-height: 54px;
    padding: 0 22px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
  }

  .wt-city-hero__actions .wt-city-button,
.wt-city-cta .wt-city-button{
    width: 100%;
  }

  .wt-purpose-page .wt-area-tab-panel .wt-area-card__note,
.wt-purpose-page--first-trip .wt-area-tab-panel .wt-area-card__note{
    padding: 15px 16px;
    border-radius: 16px;
  }
}

/* bestayable-v1 - purpose page tab and hotel card polish */
.wt-purpose-page .wt-area-tab-list{
  padding-top: 5px;
  padding-bottom: 5px;
}

.wt-purpose-page .wt-area-tab-button{
  min-height: 42px;
  padding: 0 20px;
}

.wt-purpose-page .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-purpose-page .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-purpose-page .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-purpose-page .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4),
.wt-purpose-page .wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(5),
.wt-purpose-page .wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(6){
  border-color: rgba(37, 99, 235, 0.32);
  background: #eff6ff;
  color: #1d4ed8;
  transform: none;
}

.wt-purpose-page #hotels .wt-hotel-card__subname,
.wt-purpose-page .wt-hotel-card__subname,
.wt-hotel-card__subname{
  text-transform: none;
  letter-spacing: -0.025em;
}

.wt-purpose-page #hotels .wt-hotel-card .wt-badge-list,
.wt-purpose-page #hotels .wt-hotel-card .wt-hotel-card__meta-list{
  gap: 7px;
}

.wt-purpose-page #hotels .wt-badge,
.wt-purpose-page #hotels .wt-badge-list .wt-badge{
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
}

.wt-purpose-page #hotels .wt-badge--star,
.wt-purpose-page #hotels .wt-badge--rating{
  min-width: auto;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary{
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary:hover{
  border-color: #1d4ed8;
  background: #1d4ed8;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--ghost{
  border-color: #bfdbfe;
  background: #fff;
  color: #1d4ed8;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--ghost:hover{
  border-color: #93c5fd;
  background: #eff6ff;
}

@media (max-width: 1024px) {
  .wt-purpose-page .wt-area-tab-list{
    padding-top: 6px;
    padding-bottom: 8px;
  }

  .wt-purpose-page .wt-area-tab-button{
    min-height: 42px;
    scroll-margin-top: 12px;
  }
}

@media (max-width: 720px) {
  .wt-purpose-page .wt-area-tab-list{
    margin-top: 18px;
    padding-top: 6px;
    padding-bottom: 8px;
  }

  .wt-purpose-page .wt-area-tab-button{
    min-height: 44px;
    padding: 0 16px;
  }

  .wt-purpose-page #hotels .wt-hotel-actions .wt-btn{
    min-height: 48px;
    border-radius: 12px;
  }
}


/* City guide SEO table of contents and anchor spacing */
.wt-city-guide-page :where(h2, h3, h4, section)[id]{
  scroll-margin-top: 32px;
  line-height: 1.2;
  word-break: keep-all;
}

@media (max-width: 760px) {
  .wt-city-guide-page :where(h2, h3, h4, section)[id]{
    scroll-margin-top: 29px;
  line-height: 1.2;
  word-break: keep-all;
  }
}

.wt-seo-toc-section{
  background:
    radial-gradient(circle at 92% 8%, rgba(37, 99, 235, 0.08), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 100%);
}

.wt-seo-toc__head p:last-child{
  max-width: 720px;
}

.wt-seo-toc{
  margin-top: 20px;
}

.wt-seo-toc__columns,
.wt-seo-toc__group--featured{
  display: grid;
  gap: 12px;
}

.wt-seo-toc__columns{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 14px;
}

.wt-seo-toc__group{
  padding: 16px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.74);
}

.wt-seo-toc__group--featured{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  background: transparent;
}

.wt-seo-toc__label{
  display: block;
  margin: 0 0 10px;
  color: #12263f;
  font-size: 0.94rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.wt-seo-toc a{
  display: block;
  padding: 11px 0;
  border-top: 1px solid rgba(15, 23, 42, 0.055);
  color: #536175;
  font-size: 0.94rem;
  font-weight: 500;
  line-height: 1.48;
  text-decoration: none;
}

.wt-seo-toc__group a:first-of-type{
  border-top: 0;
}

.wt-seo-toc__group--featured a{
  min-height: 112px;
  padding: 18px;
  border: 0;
  border-radius: 24px;
  background: #ffffff;
}

.wt-seo-toc__group--featured span{
  display: inline-flex;
  margin-bottom: 9px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #edf5ff;
  color: #2563eb;
  font-size: 0.78rem;
  font-weight: 500;
}

.wt-seo-toc__group--featured strong{
  display: block;
  color: #11263f;
  font-size: 1.02rem;
  line-height: 1.42;
  letter-spacing: -0.035em;
}

.wt-seo-toc a:hover{
  color: #2563eb;
}

@media (max-width: 760px) {
  .wt-seo-toc__columns,
.wt-seo-toc__group--featured{
    grid-template-columns: 1fr;
  }

  .wt-seo-toc__group--featured a{
    min-height: auto;
  }
}


/* Floating table-of-contents return button */
.wt-toc-floating-button{
  position: fixed;
  right: max(20px, calc((100vw - 1180px) / 2 + 20px));
  bottom: 24px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(17, 38, 63, 0.08);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  color: #334155;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease, background 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.wt-toc-floating-icon{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 18px;
  height: 18px;
}

.wt-toc-floating-icon::before{
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}

.wt-toc-floating-icon span{
  display: block;
  width: 13px;
  height: 2px;
  margin-left: 5px;
  border-radius: 999px;
  background: currentColor;
}

.wt-toc-floating-button.is-visible{
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.wt-toc-floating-button:hover{
  border-color: rgba(37, 99, 235, 0.16);
  background: rgba(255, 255, 255, 0.96);
  color: #2563eb;
}

.wt-toc-floating-button:focus-visible{
  outline: 3px solid rgba(37, 99, 235, 0.26);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .wt-toc-floating-button{
    right: 16px;
    bottom: 18px;
    width: 40px;
    height: 40px;
  }
}

/* V25: guide table readability, Japanese readings, and mobile related spacing */
.wt-city-guide-table-wrap{
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid rgba(15, 23, 42, 0.07);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(23, 76, 120, 0.28) transparent;
}

.wt-city-guide-table-wrap::-webkit-scrollbar{
  height: 8px;
}

.wt-city-guide-table-wrap::-webkit-scrollbar-thumb{
  border-radius: 999px;
  background: rgba(23, 76, 120, 0.24);
}

.wt-city-guide-table-wrap::-webkit-scrollbar-track{
  background: transparent;
}

.wt-city-guide-table{
  min-width: 760px;
  table-layout: auto;
}

.wt-city-guide-table th,
.wt-city-guide-table td{
  word-break: keep-all;
  overflow-wrap: normal;
}

.wt-city-guide-table th:first-child,
.wt-city-guide-table td:first-child,
.wt-city-guide-table th:nth-child(2),
.wt-city-guide-table td:nth-child(2){
  white-space: nowrap;
}

.wt-city-guide-table th[style*="right"],
.wt-city-guide-table td[style*="right"]{
  text-align: center !important;
}

.wt-city-guide-table td:nth-child(n/**/+3){
  min-width: 220px;
}

.wt-ja-expression{
  display: block;
  color: #12263f;
  font-weight: 500;
  white-space: nowrap;
}

.wt-ja-reading{
  display: block;
  margin-top: 4px;
  color: #6b7f94;
  font-size: 0.86rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .wt-city-guide-table-wrap{
    margin: 16px -2px 24px;
    border-radius: 20px;
  }

  .wt-city-guide-table{
    min-width: 720px;
    font-size: 0.92rem;
  }

  .wt-city-guide-table th,
.wt-city-guide-table td{
    padding: 13px 14px;
  }

  .wt-city-guide-page .wt-city-guide-related.container,
.wt-city-hotel-guide-page .wt-city-guide-related.container{
    width: auto;
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
    padding: 26px 20px;
    box-sizing: border-box;
  }
}

@media (max-width: 380px) {
  .wt-city-guide-page .wt-city-guide-related.container,
.wt-city-hotel-guide-page .wt-city-guide-related.container{
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* V46 - Guide related mobile padding hard override */
@media (max-width: 767px) {
  main.travel-page.wt-city-guide-page .wt-city-guide-related.container,
main.travel-page.wt-city-hotel-guide-page .wt-city-guide-related.container,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-related.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 26px !important;
    padding-right: 20px !important;
    padding-bottom: 26px !important;
    padding-left: 20px !important;
  }
}

@media (max-width: 380px) {
  main.travel-page.wt-city-guide-page .wt-city-guide-related.container,
main.travel-page.wt-city-hotel-guide-page .wt-city-guide-related.container,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-related.container{
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}


/* BeStayable v1 guide/index polish 20260614 */
/* Main city Hotel Picks tabs: align with the simple wt-region-filter look */
.hotel-tabs__nav{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 18px 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.hotel-tabs__button{
  appearance: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  width: auto !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 0.92rem !important;
  font-weight: 500!important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  transform: none !important;
}
.hotel-tabs__button:hover{
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: #f8fbff !important;
  color: #174c78 !important;
  transform: none !important;
}
.hotel-tabs__button.is-active{
  border-color: rgba(37, 99, 235, 0.26) !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
.hotel-tabs__button strong,
.hotel-tabs__button .hotel-tabs__count{
  display: none !important;
}
@media (max-width: 1024px) {
  .hotel-tabs__nav{
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 6px !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 16px !important;
  }
  .hotel-tabs__nav::-webkit-scrollbar{
    display: none !important;
  }
  .hotel-tabs__button{
    white-space: nowrap !important;
    scroll-snap-align: center !important;
  }
}

/* Remove box shadows from every hotel/travel guide page */
body.wt-guide-body *,
body.wt-guide-body *::before,
body.wt-guide-body *::after{
}
body.wt-guide-body .hotel-guide-toc-floating{
}


/* BeStayable v1 hero and hotel tabs interaction fix 20260614 */
.hotel-tabs,
.hotel-tabs__nav,
.hotel-tabs__button{
  pointer-events: auto !important;
}
.hotel-tabs__nav{
  position: relative !important;
  z-index: 2 !important;
}
.hotel-tabs__button{
  position: relative !important;
  z-index: 3 !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
.hotel-tabs__button span,
.hotel-tabs__button strong,
.hotel-tabs__button .hotel-tabs__count{
  pointer-events: none !important;
}
.hotel-tabs__button:focus-visible{
  outline: 2px solid rgba(37, 99, 235, 0.42) !important;
  outline-offset: 3px !important;
}
.hotel-tab-panel.is-active:not([hidden]){
  display: block !important;
}

/* BESTAYABLE_HOTEL_TABS_CLICK_LAYER_FIX_V1 */
.hotel-tabs{
  position: relative !important;
  z-index: 10 !important;
  isolation: isolate !important;
}
.hotel-tabs__nav{
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}
.hotel-tabs__button{
  position: relative !important;
  z-index: 31 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
.hotel-tab-panel{
  position: relative !important;
  z-index: 1 !important;
}
.hotel-tab-panel[hidden]{
  display: none !important;
}
.hotel-tab-panel.is-active:not([hidden]){
  display: block !important;
}


/* BESTAYABLE_HOTEL_TABS_CONTENT_AWARE_VISIBILITY_V1 */
.hotel-tabs__button[hidden],
.hotel-tabs__button[data-city-post-disabled="true"],
.hotel-tab-panel[hidden],
.hotel-tab-panel[data-city-post-disabled="true"]{
  display: none !important;
}

/* Fukuoka first-trip hotel card UI refinement */
.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__topline{
  order: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 13px;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__fit{
  display: block;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #475569;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__stars{
  flex: 0 0 auto;
  margin-left: auto;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list{
  order: 6;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 11px;
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list span{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list b{
  color: #334155;
  font-weight: 500;
}

@media (max-width: 520px) {
  .wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__topline{
    align-items: flex-start;
  }

  .wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list span{
    white-space: normal;
  }
}

/* Fukuoka first-trip hotel card detail polish */
.wt-purpose-page .wt-hotel-card h3{
  display: block;
  max-width: 100%;
  margin: 3px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__fit{
  color: #1e40af;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 8px 12px;
}

.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list span{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 8px;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-card__score-list span{
    white-space: nowrap;
  }
}

/* Mobile hotel carousel edge spacing fix */
@media (max-width: 720px) {
  .wt-purpose-page .wt-hotel-grid,
.wt-purpose-page #hotels .wt-hotel-grid,
.wt-purpose-page--first-trip #hotels .wt-hotel-grid,
.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-grid{
    margin-right: -24px;
    padding-right: 24px;
    scroll-padding-right: 24px;
  }

  .wt-purpose-page .wt-hotel-grid::after,
.wt-purpose-page #hotels .wt-hotel-grid::after,
.wt-purpose-page--first-trip #hotels .wt-hotel-grid::after,
.wt-purpose-page--fukuoka-first-trip #hotels .wt-hotel-grid::after{
    content: "";
    flex: 0 0 16px;
  }
}

/* BESTAYABLE_TABLET_CONTAINER_PADDING_V1 */
@media (min-width: 768px) and (max-width: 1180px) {
  .container:not(.breadcrumbs--post-page),
main.travel-page .container{
    box-sizing: border-box;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }

  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    overflow-x: hidden;
  }

  .wt-purpose-page #hotels .wt-hotel-grid{
    margin-right: 0 !important;
    padding-right: 2px !important;
    scroll-padding-right: clamp(32px, 5vw, 56px) !important;
  }
}

/* BESTAYABLE_SHARED_PURPOSE_HOTEL_CARD_UI_V1 */
.wt-purpose-page #hotels .wt-hotel-card__topline{
  order: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  margin: 0 0 13px;
}

.wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
.wt-purpose-page #hotels .wt-hotel-card__fit{
  display: block;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1e40af;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
  word-break: keep-all;
}

.wt-purpose-page #hotels .wt-hotel-card__stars{
  flex: 0 0 auto;
  margin-left: auto;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-hotel-card__topline + .wt-hotel-card__subname,
.wt-purpose-page #hotels .wt-hotel-card__fit + .wt-hotel-card__subname{
  margin-top: 0;
}

.wt-purpose-page #hotels .wt-hotel-card .wt-badge-list,
.wt-purpose-page #hotels .wt-hotel-card .wt-hotel-card__meta-list{
  display: none !important;
}

.wt-purpose-page #hotels .wt-hotel-card__score-list{
  order: 6;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 8px 12px;
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
}

.wt-purpose-page #hotels .wt-hotel-card__score-list span{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 8px;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-hotel-card__score-list b{
  color: #334155;
  font-weight: 500;
}

.wt-purpose-page #hotels .wt-hotel-card h3{
  display: block;
  max-width: 100%;
  margin: 3px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .wt-purpose-page #hotels .wt-hotel-card__topline{
    align-items: flex-start;
  }

  .wt-purpose-page #hotels .wt-hotel-card__score-list span{
    white-space: nowrap;
  }
}

/* Readability improvements for checklist cards */
.wt-check-grid--readable{
  gap: 14px;
}

.wt-check-grid--readable .wt-check-item{
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  background: #fff;
  padding: 20px 22px;
}

.wt-check-grid--readable .wt-check-item strong{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 10px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.2;
}

.wt-check-grid--readable .wt-check-item span{
  margin-top: 0;
  color: #475569;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.68;
  letter-spacing: -0.025em;
}

.wt-check-grid--readable .wt-check-item .wt-check-item__lead{
  margin-bottom: 5px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.04em;
}

@media (max-width: 720px) {
  .wt-check-grid--readable{
    gap: 12px;
  }

  .wt-check-grid--readable .wt-check-item{
    padding: 18px 19px;
  }
}

/* BESTAYABLE_RESPONSIVE_BREATHING_ROOM_V1 */
@media (min-width: 768px) and (max-width: 1180px) {
  .container,
main.travel-page .container,
main.travel-page.wt-city-page > .container,
main.travel-page.wt-purpose-page .container,
main.travel-page.wt-city-guide-page .container,
main.travel-page.wt-city-hotel-guide-page .container,
main.travel-page.wt-city-travel-guide-page .container{
    box-sizing: border-box;
  }

  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    overflow-x: hidden;
  }

  

  .wt-city-hero,
.wt-purpose-page .wt-page-hero,
.wt-city-guide-hero,
.city-guide-hero{
    padding-top: clamp(44px, 6vw, 72px) !important;
    padding-bottom: clamp(62px, 8vw, 94px) !important;
  }

  .wt-purpose-page .wt-section,
.wt-city-section,
.wt-city-snapshot,
.wt-city-guide-links,
.wt-city-faq,
.wt-city-dynamic-section,
.wt-city-guide-section,
.city-guide-section,
.wt-city-guide-related,
.wt-city-hotel-guide-page .wt-city-guide-section,
.wt-city-travel-guide-page .wt-city-guide-section{
    padding-top: clamp(64px, 8vw, 86px) !important;
    padding-bottom: clamp(64px, 8vw, 86px) !important;
  }

  .wt-purpose-page .wt-section + .wt-section,
.wt-city-section + .wt-city-section,
.wt-city-guide-section + .wt-city-guide-section,
.city-guide-section + .city-guide-section{
    margin-top: clamp(8px, 2vw, 22px) !important;
  }

  .wt-purpose-page .wt-area-grid,
.wt-purpose-page .wt-check-grid,
.wt-purpose-page .wt-link-grid,
.wt-city-snapshot__grid,
.wt-city-guide-snapshot__grid,
.destination-guide-links--static-osaka{
    gap: clamp(18px, 2.5vw, 26px) !important;
  }

  .wt-purpose-page .wt-hotel-grid,
.wt-purpose-page #hotels .wt-hotel-grid{
    gap: clamp(16px, 2vw, 22px) !important;
    margin-right: calc(clamp(48px, 7vw, 76px) * -1) !important;
    padding-right: clamp(48px, 7vw, 76px) !important;
    scroll-padding-left: clamp(48px, 7vw, 76px) !important;
    scroll-padding-right: clamp(48px, 7vw, 76px) !important;
  }

  .wt-purpose-page .wt-check-item,
.wt-purpose-page .wt-area-card,
.wt-purpose-page .wt-link-card,
.wt-purpose-page .wt-cta-band,
.wt-city-choice-card,
.destination-guide-link,
.wt-city-guide-section,
.city-guide-section{
    padding: clamp(24px, 3vw, 34px) !important;
  }
}

@media (max-width: 767px) {
  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    padding-left: clamp(28px, 7vw, 34px) !important;
    padding-right: clamp(28px, 7vw, 34px) !important;
    padding-top: 28px !important;
    overflow-x: hidden;
  }

  main.travel-page.wt-city-page > .container,
main.travel-page.wt-purpose-page .container,
main.travel-page.wt-city-guide-page .container,
main.travel-page.wt-city-hotel-guide-page .container,
main.travel-page.wt-city-travel-guide-page .container{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  

  .wt-city-hero,
.wt-purpose-page .wt-page-hero,
.wt-city-guide-hero,
.city-guide-hero{
    padding-top: 28px !important;
    padding-bottom: 54px !important;
  }

  .wt-purpose-page .wt-section,
.wt-city-section,
.wt-city-snapshot,
.wt-city-guide-links,
.wt-city-faq,
.wt-city-dynamic-section,
.wt-city-guide-section,
.city-guide-section,
.wt-city-guide-related,
.wt-city-hotel-guide-page .wt-city-guide-section,
.wt-city-travel-guide-page .wt-city-guide-section{
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .wt-purpose-page .wt-section + .wt-section,
.wt-city-section + .wt-city-section,
.wt-city-guide-section + .wt-city-guide-section,
.city-guide-section + .city-guide-section{
    margin-top: 8px !important;
  }

  .wt-purpose-page .wt-area-grid,
.wt-purpose-page .wt-check-grid,
.wt-purpose-page .wt-link-grid,
.wt-city-snapshot__grid,
.wt-city-guide-snapshot__grid,
.destination-guide-links--static-osaka{
    gap: 16px !important;
  }

  .wt-purpose-page .wt-hotel-grid,
.wt-purpose-page #hotels .wt-hotel-grid{
    gap: 14px !important;
    margin-right: calc(clamp(28px, 7vw, 34px) * -1) !important;
    padding-right: clamp(28px, 7vw, 34px) !important;
    scroll-padding-left: clamp(28px, 7vw, 34px) !important;
    scroll-padding-right: clamp(28px, 7vw, 34px) !important;
  }

  .wt-purpose-page .wt-check-item,
.wt-purpose-page .wt-area-card,
.wt-purpose-page .wt-link-card,
.wt-purpose-page .wt-cta-band,
.wt-city-choice-card,
.destination-guide-link,
.wt-city-guide-section,
.city-guide-section{
    padding: clamp(22px, 6vw, 28px) !important;
  }

  .wt-check-grid--readable .wt-check-item{
    padding: clamp(22px, 6vw, 28px) !important;
  }
}

@media (max-width: 380px) {
  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .wt-purpose-page .wt-hotel-grid,
.wt-purpose-page #hotels .wt-hotel-grid{
    margin-right: -24px !important;
    padding-right: 24px !important;
  }
}

/* BESTAYABLE_HOTEL_MORE_BANNER_CTA_FIX_V1 */
html,
body{
  overflow-x: clip;
}

main.travel-page,
.footer.container{
  max-width: 100%;
}

.wt-purpose-page #hotels .wt-hotel-more-banner,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 4vw, 40px);
  width: 100%;
  min-height: 0;
  margin-top: clamp(18px, 3vw, 24px);
  padding: clamp(24px, 4vw, 38px) !important;
  border: 1px solid rgba(37, 99, 235, .12) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(37, 99, 235, .08), transparent 22rem),
    #f8fbff !important;
  color: #0f172a;
  text-decoration: none;
  overflow: hidden;
  transform: none;
  box-sizing: border-box;
}

.wt-purpose-page #hotels .wt-hotel-more-banner::before,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner::before{
  content: none !important;
}

.wt-purpose-page #hotels .wt-hotel-more-banner strong,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
  position: relative;
  z-index: 1;
  display: block;
  max-width: 720px !important;
  margin: 0;
  color: #0f172a !important;
  font-size: clamp(1.48rem, 2.4vw, 1.9rem) !important;
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.22;
  text-align: left;
  word-break: keep-all;
}

.wt-purpose-page #hotels .wt-hotel-more-banner span,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid rgba(37, 99, 235, .16) !important;
  border-radius: 999px;
  background: #2563eb !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-hotel-more-banner span::after,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span::after{
  content: "→";
  margin-left: 7px;
  font-size: 13px;
  font-weight: 500;
}

.wt-purpose-page #hotels .wt-hotel-more-banner:hover,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:hover{
  border-color: rgba(37, 99, 235, .22) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(37, 99, 235, .11), transparent 22rem),
    #f8fbff !important;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  html,
body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .travel-page.wt-city-page > .container,
.travel-page.wt-purpose-page .container,
.travel-page.wt-city-guide-page .container,
.footer.container{
    box-sizing: border-box;
    width: min(calc(100% - 40px), var(--container));
    max-width: var(--container);
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 16px;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner strong,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
    max-width: none !important;
    font-size: clamp(1.36rem, 6vw, 1.62rem) !important;
    text-align: left;
  }

  .wt-purpose-page #hotels .wt-hotel-more-banner span,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
    width: 100%;
    min-height: 54px;
    border-radius: 16px;
    white-space: normal;
    box-sizing: border-box;
  }
}

@media (max-width: 380px) {
  .travel-page.wt-city-page > .container,
.travel-page.wt-purpose-page .container,
.travel-page.wt-city-guide-page .container,
.footer.container{
    width: calc(100% - 32px);
  }
}

/* BESTAYABLE_HORIZONTAL_SHIFT_GUARD_V1 */
html,
body{
  overflow-x: hidden;
  overflow-x: clip;
}

/* V32 - hotel card action button single-column alignment */
.wt-hotel-card .wt-hotel-actions,
.wt-purpose-page .wt-hotel-card .wt-hotel-actions{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-items: stretch;
  justify-content: stretch;
}

.wt-hotel-card .wt-hotel-actions .wt-btn,
.wt-purpose-page .wt-hotel-card .wt-hotel-actions .wt-btn{
  grid-column: 1 / 2;
  width: 100%;
  min-width: 0;
}

.wt-hotel-card .wt-hotel-actions .wt-btn:nth-child(n/**/+2),
.wt-purpose-page .wt-hotel-card .wt-hotel-actions .wt-btn:nth-child(n/**/+2){
  display: none !important;
}

/* BESTAYABLE_CITY_SCROLL_AND_BREADCRUMB_FIX_V1 */


@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}

/* BESTAYABLE_BREADCRUMB_HOTEL_BUTTON_REFINEMENT_V1 */


.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary,
.wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--primary{
  border-color: #2563eb !important;
  background: #fff !important;
  color: #2563eb !important;
}

.wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary:hover,
.wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--primary:hover{
  border-color: #2563eb !important;
  background: #fff !important;
  color: #2563eb !important;
}


/* BESTAYABLE_SECTION_SPACING_REFINEMENT_V1 */
.travel-section{
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.travel-section--compact{
  padding-top: 0 !important;
}

.section-heading{
  margin-bottom: 12px !important;
}

.wt-city-snapshot,
.wt-city-guide-links,
.wt-city-section,
.wt-city-faq{
  padding-top: clamp(19px, 3vw, 37px) !important;
  padding-bottom: clamp(19px, 3vw, 37px) !important;
}

.wt-city-dynamic-section{
  padding-top: clamp(19px, 3.3vw, 39px) !important;
  padding-bottom: clamp(19px, 3.3vw, 39px) !important;
}

.wt-city-cta{
  padding-top: 7px !important;
  padding-bottom: clamp(19px, 3vw, 37px) !important;
}

#area-guide.wt-city-section{
  padding-bottom: clamp(12px, 2vw, 22px) !important;
}

#area-guide + .wt-city-cta{
  padding-top: 0 !important;
}



.wt-page-hero,
.wt-purpose-page .wt-page-hero{
  padding-top: 6px !important;
  padding-bottom: 35px !important;
}

.wt-section,
.wt-purpose-page .wt-section{
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.wt-section--compact,
.wt-purpose-page .wt-section--compact{
  padding-top: 23px !important;
}

.wt-section--first-answer,
.wt-purpose-page .wt-section--first-answer{
  padding-top: 12px !important;
}

.wt-section-head{
  margin-bottom: 16px !important;
}

.wt-area-tabs{
  margin-top: clamp(.9rem, 2vw, 1.4rem) !important;
}

.wt-area-tab-panels{
  margin-top: clamp(.7rem, 1.5vw, .95rem) !important;
}

.wt-section--survey-cta,
.wt-purpose-page .wt-section--survey-cta{
  padding-top: 8px !important;
  padding-bottom: 24px !important;
}

#area-compare.wt-section,
.wt-purpose-page #area-compare.wt-section{
  padding-bottom: 12px !important;
}

#area-compare.wt-section + .wt-section--survey-cta,
.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta{
  padding-top: 0 !important;
}

.wt-cta-band{
  padding: 24px !important;
}

.wt-cta-band p:not(.wt-city-kicker){
  margin-top: 8px !important;
}

.wt-purpose-faq{
  padding-bottom: 42px !important;
}

.wt-city-guide-section,
.city-guide-section{
  margin-bottom: clamp(16px, 2.4vw, 29px) !important;
  padding-top: clamp(17px, 2.7vw, 29px) !important;
  padding-bottom: clamp(17px, 2.7vw, 29px) !important;
}

.wt-city-guide-hero,
.city-guide-hero{
  padding-top: clamp(19px, 2.7vw, 35px) !important;
  padding-bottom: clamp(23px, 3.4vw, 48px) !important;
}

@media (max-width: 767px) {
  .travel-section{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .section-heading{
    margin-bottom: 12px !important;
  }

  .wt-city-snapshot,
.wt-city-guide-links,
.wt-city-section,
.wt-city-faq,
.wt-city-dynamic-section{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .wt-city-cta{
    padding-top: 6px !important;
    padding-bottom: 25px !important;
  }

  #area-guide.wt-city-section{
    padding-bottom: 16px !important;
  }

  

  .wt-page-hero,
.wt-purpose-page .wt-page-hero{
    padding-top: 5px !important;
    padding-bottom: 25px !important;
  }

  .wt-section,
.wt-purpose-page .wt-section{
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }

  .wt-section--first-answer,
.wt-purpose-page .wt-section--first-answer{
    padding-top: 10px !important;
  }

  .wt-section-head{
    margin-bottom: 15px !important;
  }

  .wt-section--survey-cta,
.wt-purpose-page .wt-section--survey-cta{
    padding-top: 6px !important;
    padding-bottom: 20px !important;
  }

  #area-compare.wt-section,
.wt-purpose-page #area-compare.wt-section{
    padding-bottom: 10px !important;
  }

  .wt-cta-band{
    padding: 20px !important;
  }

  .wt-city-guide-section,
.city-guide-section{
    margin-bottom: 16px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

/* Travel topbar flat override */

/* End travel topbar flat override */

/* Hotel location survey styles (migrated from inline CSS) */
.wt-location-page *{
box-sizing: border-box;
}

body.wt-location-survey-page{
--wt-ink: #132235;
      --wt-muted: #64748b;
      --wt-subtle: #eef4fb;
      --wt-soft: #f7fafc;
      --wt-soft-blue: #eff6ff;
      --wt-blue: #2563eb;
      --wt-blue-deep: #1d4ed8;
      --wt-soft-blue-2: #eff6ff;
      --wt-soft-sky: #f8fbff;
      --wt-white: #ffffff;
      --wt-radius-lg: 30px;
      --wt-radius-md: 22px;
      --wt-radius-sm: 16px;
      --wt-page-width: 980px;
}

html{
scroll-behavior: smooth;
}

body.wt-location-survey-page{
margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans KR", system-ui, sans-serif;
      color: var(--wt-ink);
      background: #ffffff;
      line-height: 1.65;
      word-break: keep-all;
}

.wt-location-page button,
.wt-location-page a{
-webkit-tap-highlight-color: transparent;
}

.wt-location-page button{
font-family: inherit;
}

.wt-location-page a{
color: inherit;
}

.wt-location-page{
min-height: 100vh;
      padding: clamp(30px, 5vw, 64px) clamp(20px, 4vw, 32px);
      background: #ffffff;
}

.wt-location-page .wt-location-shell{
width: 100%;
      max-width: var(--wt-page-width);
      margin: 0 auto;
}

.wt-location-page .wt-survey-wrap{
overflow: hidden;
      border-radius: var(--wt-radius-lg);
      background: var(--wt-white);
}

.wt-location-page .wt-survey-wrap.is-result-mode .wt-survey-hero,
.wt-location-page .wt-survey-wrap.is-survey-started .wt-survey-hero,
.wt-location-page .wt-survey-wrap.is-survey-started .wt-survey-start{
display: none;
}

.wt-location-page.is-survey-started .wt-survey-top-link{
display: none;
}

.wt-location-page:not(.is-survey-started){
display: flex;
      align-items: center;
      min-height: 100svh;
      padding-top: clamp(28px, 5vw, 58px);
      padding-bottom: clamp(34px, 6vw, 70px);
}

.wt-location-page:not(.is-survey-started) .wt-location-shell{
max-width: 860px;
}

.wt-location-page:not(.is-survey-started) .wt-survey-wrap{
overflow: visible;
}

.wt-location-page:not(.is-survey-started) .wt-survey-top-link{
margin-bottom: clamp(16px, 3vw, 26px);
}

.wt-location-page:not(.is-survey-started) .wt-survey-hero{
text-align: center;
}

.wt-location-page:not(.is-survey-started) .wt-survey-kicker{
margin-left: auto;
      margin-right: auto;
}

.wt-location-page:not(.is-survey-started) .wt-survey-title,
.wt-location-page:not(.is-survey-started) .wt-survey-desc{
margin-left: auto;
      margin-right: auto;
}

.wt-location-page:not(.is-survey-started) .wt-survey-start{
padding-top: clamp(22px, 4vw, 36px);
}

.wt-location-page .wt-survey-hero{
padding: clamp(34px, 6vw, 58px) clamp(22px, 5vw, 50px) clamp(26px, 4vw, 40px);
      border-radius: var(--wt-radius-lg);
      background: linear-gradient(135deg, #f8fbff 0%, #ffffff 58%, #eff6ff 100%);
}

.wt-location-page .wt-survey-kicker{
display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      padding: 7px 13px;
      border-radius: 999px;
      background: rgba(37, 99, 235, 0.1);
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -0.01em;
}

.wt-location-page .wt-survey-title{
max-width: 690px;
      margin: 0;
      font-size: clamp(31px, 4.5vw, 48px);
      line-height: 1.16;
      letter-spacing: -0.055em;
      color: #102a45;
}

.wt-location-page .wt-survey-desc{
max-width: 700px;
      margin: 18px 0 0;
      color: var(--wt-muted);
      font-size: 16px;
}

.wt-location-page .wt-survey-start{
display: flex;
      justify-content: center;
      padding: clamp(24px, 4vw, 34px) clamp(22px, 5vw, 50px) 0;
      background: #ffffff;
}

.wt-location-page .wt-survey-start .wt-btn{
min-width: 180px;
      min-height: 52px;
      padding: 0 28px;
      font-size: 16px;
}

.wt-location-page .wt-survey-body{
display: none;
      padding: clamp(24px, 5vw, 44px) 0 0;
      background: #ffffff;
}

.wt-location-page .wt-survey-wrap.is-survey-started .wt-survey-body{
display: block;
}

.wt-location-page .wt-survey-card,
.wt-location-page .wt-result-card{
border-radius: var(--wt-radius-lg);
      background: #ffffff;
}

.wt-location-page .wt-survey-card{
padding: clamp(24px, 5vw, 46px);
      background: #ffffff;
}

.wt-location-page .wt-progress{
margin-bottom: 30px;
}

.wt-location-page .wt-progress-top{
display: flex;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 12px;
      color: var(--wt-muted);
      font-size: 14px;
}

.wt-location-page .wt-progress-bar{
width: 100%;
      height: 8px;
      overflow: hidden;
      border-radius: 999px;
      background: #e6edf5;
}

.wt-location-page .wt-progress-fill{
width: 0%;
      height: 100%;
      border-radius: 999px;
      background: var(--wt-blue);
      transition: width 0.25s ease;
}

.wt-location-page .wt-question-title{
margin: 0 0 8px;
      color: var(--wt-ink);
      font-size: clamp(23px, 3vw, 29px);
      line-height: 1.2;
      letter-spacing: -0.045em;
  word-break: keep-all;
}

.wt-location-page .wt-question-help{
margin: 0 0 24px;
      color: var(--wt-muted);
      font-size: 15px;
}

.wt-location-page .wt-options{
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
}

.wt-location-page .wt-option{
width: 100%;
      min-height: 112px;
      padding: 18px;
      border: 0;
      border-radius: var(--wt-radius-md);
      background: #ffffff;
      color: var(--wt-ink);
      text-align: left;
      cursor: pointer;
}

.wt-location-page .wt-option:focus-visible,
.wt-location-page .wt-btn:focus-visible,
.wt-location-page .wt-survey-top-link:focus-visible,
.wt-location-page .wt-related-link:focus-visible,
.wt-location-page .wt-post-list a:focus-visible,
.wt-location-page .wt-hotel-link:focus-visible{
outline: 3px solid rgba(37, 99, 235, 0.28);
      outline-offset: 3px;
}

.wt-location-page .wt-option.is-selected{
background: var(--wt-soft-blue);
}

.wt-location-page .wt-option-title{
display: block;
      color: var(--wt-ink);
      font-size: 16px;
      font-weight: 500;
      line-height: 1.4;
      letter-spacing: -0.025em;
}

.wt-location-page .wt-option-desc{
display: block;
      margin-top: 7px;
      color: var(--wt-muted);
      font-size: 13px;
      line-height: 1.55;
}

.wt-location-page .wt-survey-actions{
display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-top: 30px;
}

.wt-location-page .wt-btn{
min-height: 48px;
      padding: 0 22px;
      border: 0;
      border-radius: 999px;
      background: var(--wt-blue);
      color: #ffffff;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
}

.wt-location-page .wt-btn:disabled{
background: #d5dee8;
      color: #ffffff;
      cursor: not-allowed;
}

.wt-location-page .wt-btn--ghost{
background: #edf3f8;
      color: #36516b;
}

.wt-location-page .wt-result{
display: none;
}

.wt-location-page .wt-result.is-active{
display: block;
}

.wt-location-page .wt-result-card{
padding: clamp(24px, 5vw, 44px);
      background: linear-gradient(180deg, #eef7ff 0%, #ffffff 32%, #ffffff 100%);
}

.wt-location-page .wt-result-label{
display: inline-flex;
      margin: 0 0 12px;
      padding: 7px 13px;
      border-radius: 999px;
      background: rgba(37, 99, 235, 0.1);
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-result-title{
margin: 0;
      color: #102a45;
      font-size: clamp(31px, 5vw, 48px);
      line-height: 1.16;
      letter-spacing: -0.055em;
}

.wt-location-page .wt-result-summary{
max-width: 720px;
      margin: 16px 0 0;
      color: var(--wt-muted);
      font-size: 16px;
}

.wt-location-page .wt-result-lead{
margin-top: 28px;
      padding: 20px;
      border-radius: var(--wt-radius-md);
      background: #ffffff;
}

.wt-location-page .wt-result-lead strong{
display: block;
      margin-bottom: 6px;
      color: var(--wt-ink);
      font-size: 17px;
      letter-spacing: -0.025em;
}

.wt-location-page .wt-result-lead p{
margin: 0;
      color: #53667a;
      font-size: 14px;
}

.wt-location-page .wt-result-story{
margin-top: 36px;
      padding: clamp(20px, 4vw, 30px);
      border-radius: var(--wt-radius-md);
      background: #ffffff;
}

.wt-location-page .wt-result-story-head{
max-width: 760px;
}

.wt-location-page .wt-result-story-title{
margin: 0;
      color: var(--wt-ink);
      font-size: clamp(22px, 3vw, 28px);
      line-height: 1.32;
      letter-spacing: -0.04em;
}

.wt-location-page .wt-result-story-desc{
margin: 14px 0 0;
      color: #53667a;
      font-size: 15px;
}

.wt-location-page .wt-reason-list{
display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin-top: 26px;
}

.wt-location-page .wt-reason-card{
padding: 18px;
      border-radius: 20px;
      background: #f8fbfe;
}

.wt-location-page .wt-reason-number{
display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      margin-bottom: 12px;
      border-radius: 999px;
      background: var(--wt-soft-blue);
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-reason-card h4{
margin: 0;
      color: var(--wt-ink);
      font-size: 16px;
      line-height: 1.42;
      letter-spacing: -0.03em;
}

.wt-location-page .wt-reason-card p{
margin: 8px 0 0;
      color: #53667a;
      font-size: 14px;
}

.wt-location-page .wt-decision-box{
margin-top: 24px;
      padding: 18px;
      border-radius: 20px;
      background: #eef7ff;
}

.wt-location-page .wt-decision-box strong{
display: block;
      color: #183b5d;
      font-size: 16px;
      letter-spacing: -0.025em;
}

.wt-location-page .wt-decision-box p{
margin: 8px 0 0;
      color: #405871;
      font-size: 14px;
}

.wt-location-page .wt-result-grid{
display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-top: 18px;
}

.wt-location-page .wt-info-box{
padding: 20px;
      border-radius: var(--wt-radius-md);
      background: #f7fafc;
}

.wt-location-page .wt-info-box--soft-blue{
background: var(--wt-soft-blue-2);
}

.wt-location-page .wt-info-box--soft-sky{
background: var(--wt-soft-sky);
}

.wt-location-page .wt-info-box h3{
margin: 0 0 10px;
      color: var(--wt-ink);
      font-size: 17px;
      line-height: 1.45;
      letter-spacing: -0.03em;
}

.wt-location-page .wt-info-box p{
margin: 0;
      color: #53667a;
      font-size: 14px;
}

.wt-location-page .wt-bullet-list{
display: grid;
      gap: 7px;
      margin: 0;
      padding: 0;
      list-style: none;
      color: #53667a;
      font-size: 14px;
}

.wt-location-page .wt-bullet-list li{
position: relative;
      padding-left: 15px;
}

.wt-location-page .wt-bullet-list li::before{
content: "";
      position: absolute;
      top: 0.74em;
      left: 0;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: var(--wt-blue);
}

.wt-location-page .wt-fit-list{
display: grid;
      gap: 10px;
      margin-top: 20px;
}

.wt-location-page .wt-fit-item{
padding: 16px;
      border-radius: 18px;
      background: #f8fafc;
}

.wt-location-page .wt-fit-top{
display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: center;
      margin-bottom: 10px;
      color: #273b51;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
}

.wt-location-page .wt-fit-badge{
flex: 0 0 auto;
      padding: 5px 9px;
      border-radius: 999px;
      background: #ffffff;
      color: var(--wt-blue-deep);
      font-size: 12px;
      font-weight: 500;
}

.wt-location-page .wt-fit-line{
width: 100%;
      height: 7px;
      overflow: hidden;
      border-radius: 999px;
      background: #e9eff6;
}

.wt-location-page .wt-fit-fill{
height: 100%;
      border-radius: 999px;
      background: var(--wt-blue);
}

.wt-location-page .wt-hotel-section{
margin-top: 40px;
      padding: 22px;
      border-radius: var(--wt-radius-md);
      background: #f8fafc;
}

.wt-location-page .wt-section-heading{
margin-bottom: 22px;
}

.wt-location-page .wt-section-eyebrow{
margin: 0 0 6px;
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-section-title{
margin: 0;
      color: var(--wt-ink);
      font-size: 20px;
      line-height: 1.2;
      letter-spacing: -0.035em;
  word-break: keep-all;
}

.wt-location-page .wt-section-desc{
margin: 8px 0 0;
      color: var(--wt-muted);
      font-size: 14px;
}

.wt-location-page .wt-hotel-grid{
display: flex;
      gap: 12px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 2px 2px 12px;
      -webkit-overflow-scrolling: touch;
}

.wt-location-page .wt-hotel-grid::-webkit-scrollbar{
height: 8px;
}

.wt-location-page .wt-hotel-grid::-webkit-scrollbar-track{
border-radius: 999px;
      background: #edf2f7;
}

.wt-location-page .wt-hotel-grid::-webkit-scrollbar-thumb{
border-radius: 999px;
      background: rgba(37, 99, 235, 0.28);
}

.wt-location-page .wt-hotel-card{
display: flex;
      flex: 0 0 292px;
      flex-direction: column;
      min-height: 100%;
      padding: 18px;
      border-radius: 20px;
      background: #ffffff;
      scroll-snap-align: start;
}

.wt-location-page .wt-hotel-card-top{
display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 12px;
}

.wt-location-page .wt-hotel-rank{
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 32px;
      height: 32px;
      border-radius: 999px;
      background: var(--wt-soft-blue);
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-hotel-tag{
padding: 6px 9px;
      border-radius: 999px;
      background: #f1f5f9;
      color: #405871;
      font-size: 12px;
      font-weight: 500;
      text-align: right;
}

.wt-location-page .wt-hotel-name{
margin: 0;
      color: var(--wt-ink);
      font-size: 17px;
      line-height: 1.42;
      letter-spacing: -0.03em;
}

.wt-location-page .wt-hotel-location{
margin: 7px 0 0;
      color: var(--wt-blue-deep);
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-hotel-reason{
margin: 10px 0 0;
      color: #53667a;
      font-size: 14px;
}

.wt-location-page .wt-hotel-meta{
display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 13px;
}

.wt-location-page .wt-hotel-meta span{
padding: 5px 8px;
      border-radius: 999px;
      background: #f6f8fb;
      color: #5e7084;
      font-size: 12px;
      font-weight: 500;
}

.wt-location-page .wt-hotel-link{
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      margin-top: auto;
      padding: 0 14px;
      border-radius: 999px;
      background: var(--wt-blue);
      color: #ffffff;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
}

.wt-location-page .wt-hotel-link-wrap{
margin-top: 16px;
}

.wt-location-page .wt-post-list-section{
margin-top: 30px;
      padding: 22px;
      border-radius: var(--wt-radius-md);
      background: #ffffff;
}

.wt-location-page .wt-post-list{
display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
}

.wt-location-page .wt-post-list a{
display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 46px;
      padding: 12px 14px;
      border-radius: 16px;
      background: #f8fafc;
      color: #20364c;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.45;
}

.wt-location-page .wt-post-list a::after{
content: "→";
      flex: 0 0 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 999px;
      background: var(--wt-soft-blue);
      color: var(--wt-blue-deep);
      font-size: 18px;
      font-weight: 500;
      line-height: 1;
}

.wt-location-page .wt-related{
margin-top: 34px;
      padding: 22px;
      border-radius: var(--wt-radius-md);
      background: #f8fafc;
}

.wt-location-page .wt-related h3{
margin: 0 0 12px;
      color: var(--wt-ink);
      font-size: 18px;
      line-height: 1.4;
      letter-spacing: -0.025em;
}

.wt-location-page .wt-related-links{
display: flex;
      flex-wrap: wrap;
      gap: 10px;
}

.wt-location-page .wt-related-link{
display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 0 16px;
      border-radius: 999px;
      background: #ffffff;
      color: var(--wt-blue-deep);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
}

.wt-location-page .wt-reset-area{
display: flex;
      justify-content: center;
      margin-top: 34px;
}

.wt-location-page .wt-survey-top-link{
display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 24px;
      padding: 10px 14px;
      border: 0;
      border-radius: 999px;
      background: #f7faff;
      color: #24364b;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
}

.wt-location-page .wt-survey-top-link::before{
content: "←";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      background: #ffffff;
      color: var(--wt-blue-deep);
      font-size: 14px;
      line-height: 1;
}

@media (max-width: 820px) {
.wt-location-page .wt-result-grid,
.wt-location-page .wt-reason-list{
grid-template-columns: 1fr;
}

.wt-location-page .wt-hotel-grid{
display: grid;
        grid-template-columns: 1fr;
        overflow: visible;
        padding: 0;
}

.wt-location-page .wt-hotel-card{
flex-basis: auto;
}

.wt-location-page .wt-options{
grid-template-columns: 1fr;
}
}

@media (max-width: 560px) {
.wt-location-page{
padding: 26px 20px 18px;
}

.wt-location-page .wt-survey-hero{
padding: 30px 20px 24px;
}

.wt-location-page .wt-survey-card,
.wt-location-page .wt-result-card{
padding: 24px 20px;
}

.wt-location-page .wt-survey-title{
font-size: clamp(30px, 9vw, 40px);
        line-height: 1.12;
}

.wt-location-page .wt-survey-top-link{
margin: 0 0 22px;
        padding: 9px 13px;
}

.wt-location-page .wt-survey-hero,
.wt-location-page .wt-survey-card,
.wt-location-page .wt-result-card{
border-radius: 24px;
}

.wt-location-page .wt-survey-actions{
display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
}

.wt-location-page .wt-btn{
width: 100%;
        min-width: 0;
        padding: 0 12px;
}

.wt-location-page .wt-related-links{
flex-direction: column;
}

.wt-location-page .wt-related-link{
width: 100%;
}
}

/* Hotel location survey mobile layout */

@media (max-width: 767px) {
.wt-location-page{
padding: 24px 16px 28px;
}

.wt-location-page:not(.is-survey-started){
align-items: center;
        min-height: 100svh;
        padding: 22px 18px 38px;
}

.wt-location-page:not(.is-survey-started) .wt-survey-top-link{
margin-bottom: 18px;
}

.wt-location-page:not(.is-survey-started) .wt-survey-hero{
padding: 34px 20px 28px;
}

.wt-location-page:not(.is-survey-started) .wt-survey-desc{
margin-top: 14px;
        font-size: 14px;
        line-height: 1.65;
}

.wt-location-page:not(.is-survey-started) .wt-survey-start{
padding-top: 22px;
}

.wt-location-page:not(.is-survey-started) .wt-survey-start .wt-btn{
width: 100%;
        max-width: 320px;
        min-height: 54px;
}

.wt-location-page.is-survey-started:not(.is-result-mode){
padding: 0;
}

.wt-location-page.is-survey-started:not(.is-result-mode) .wt-location-shell{
max-width: none;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode){
border-radius: 0;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-survey-body{
padding: 0;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-survey-card{
min-height: 100svh;
        padding: 116px 25px 108px;
        border-radius: 0;
        background: #fff;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-progress{
position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 40;
        margin: 0;
        padding: 18px 20px 16px;
        background: #fff;
        backdrop-filter: saturate(180%) blur(14px);
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-progress-top{
margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.45;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-progress-bar{
height: 7px;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-progress + .wt-question-title{
margin-top: 0;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-question-title{
font-size: clamp(22px, 6.2vw, 27px);
        line-height: 1.2;
  word-break: keep-all;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-question-help{
margin-bottom: 18px;
        font-size: 14px;
        line-height: 1.6;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-options{
grid-template-columns: 1fr;
        gap: 10px;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option{
min-height: auto;
        padding: 14px 15px;
        border-radius: 18px;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option-title{
font-size: 15px;
        line-height: 1.38;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option-desc{
margin-top: 5px;
        font-size: 12.5px;
        line-height: 1.5;
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-survey-actions{
position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 40;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
        background: #fff;
        backdrop-filter: saturate(180%) blur(14px);
}

.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-survey-actions .wt-btn{
min-height: 48px;
}
}

/* bestayable survey minimal polish v20260615 */

.wt-location-page{
background: #ffffff;
}

.wt-location-page .wt-survey-wrap{
background: #ffffff;
}

.wt-location-page .wt-survey-hero,
.wt-location-page:not(.is-survey-started) .wt-survey-hero,
.wt-location-page .wt-result-card{
border: 1px solid #e8edf3;
      background: #ffffff;
}

.wt-location-page .wt-survey-kicker,
.wt-location-page .wt-result-label,
.wt-location-page .wt-fit-badge,
.wt-location-page .wt-hotel-rank,
.wt-location-page .wt-post-list a::after,
.wt-location-page .wt-reason-number{
background: #f1f5f9;
      color: #263241;
}

.wt-location-page .wt-section-eyebrow,
.wt-location-page .wt-hotel-location,
.wt-location-page .wt-related-link{
color: #334155;
}

.wt-location-page .wt-btn,
.wt-location-page .wt-hotel-link,
.wt-location-page .wt-progress-fill,
.wt-location-page .wt-fit-fill,
.wt-location-page .wt-bullet-list li::before{
background: #263241;
}

.wt-location-page .wt-btn:disabled{
background: #d7dee7;
}

.wt-location-page .wt-btn--ghost{
background: #f1f5f9;
      color: #334155;
}

.wt-location-page .wt-option,
.wt-location-page .wt-result-lead,
.wt-location-page .wt-result-story,
.wt-location-page .wt-post-list-section,
.wt-location-page .wt-fit-item,
.wt-location-page .wt-related,
.wt-location-page .wt-hotel-section,
.wt-location-page .wt-hotel-card{
border: 1px solid #e8edf3;
      background: #ffffff;
}

.wt-location-page .wt-option:hover{
border-color: #cbd5e1;
      background: #fbfcfe;
}

.wt-location-page .wt-option.is-selected{
background: #f8fafc;
}

.wt-location-page .wt-progress-bar,
.wt-location-page .wt-fit-line{
background: #e8edf3;
}

.wt-location-page .wt-hotel-section{
background: #fbfcfe;
}

.wt-location-page .wt-hotel-grid{
display: flex;
      grid-template-columns: none;
      gap: 12px;
      overflow-x: auto;
      overflow-y: hidden;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      padding: 2px 2px 14px;
      -webkit-overflow-scrolling: touch;
}

.wt-location-page .wt-hotel-grid::-webkit-scrollbar-thumb{
background: rgba(38, 50, 65, 0.24);
}

.wt-location-page .wt-hotel-card{
flex: 0 0 clamp(268px, 31vw, 292px);
      min-width: 0;
}

.wt-location-page .wt-survey-top-link{
border: 1px solid #e8edf3;
      background: #f8fafc;
      color: #263241;
}

.wt-location-page .wt-survey-top-link::before{
background: #eef2f7;
      color: #334155;
}

.wt-location-page .wt-related-link{
border: 1px solid #e8edf3;
      background: #ffffff;
}

@media (max-width: 820px) {
.wt-location-page .wt-hotel-grid{
display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2px 18px 14px 2px;
        margin-right: -18px;
}

.wt-location-page .wt-hotel-card{
flex: 0 0 min(82vw, 320px);
}
}

@media (max-width: 560px) {
.wt-location-page .wt-hotel-section{
padding: 18px;
}

.wt-location-page .wt-hotel-grid{
gap: 10px;
        padding-right: 18px;
        margin-right: -18px;
}

.wt-location-page .wt-hotel-card{
flex-basis: min(84vw, 310px);
}
}

/* bestayable result page minimal polish v20260615 */

.wt-location-page .wt-result.is-active .wt-result-card{
border: 0;
      background: #ffffff;
      padding: clamp(24px, 5vw, 48px) 0 0;
}

.wt-location-page .wt-result.is-active .wt-result-label{
margin-bottom: 14px;
      padding: 0;
      border-radius: 0;
      background: transparent;
      color: #64748b;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -0.01em;
}

.wt-location-page .wt-result.is-active .wt-result-title{
max-width: 760px;
      color: #172033;
      font-size: clamp(30px, 4.8vw, 46px);
      line-height: 1.14;
      letter-spacing: -0.055em;
}

.wt-location-page .wt-result.is-active .wt-result-summary{
max-width: 720px;
      margin-top: 14px;
      color: #566579;
      font-size: 16px;
      line-height: 1.75;
}

.wt-location-page .wt-result.is-active .wt-result-lead{
max-width: 760px;
      margin-top: 26px;
      padding: 20px 22px;
      border: 0;
      border-radius: 22px;
      background: #f8fafc;
}

.wt-location-page .wt-result.is-active .wt-result-lead strong{
color: #172033;
      font-size: 17px;
      line-height: 1.5;
}

.wt-location-page .wt-result.is-active .wt-result-lead p{
color: #64748b;
      line-height: 1.7;
}

.wt-location-page .wt-result.is-active .wt-result-story{
margin-top: 38px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
}

.wt-location-page .wt-result.is-active .wt-section-eyebrow{
margin-bottom: 8px;
      color: #64748b;
      font-size: 12px;
      letter-spacing: 0.02em;
}

.wt-location-page .wt-result.is-active .wt-result-story-title,
.wt-location-page .wt-result.is-active .wt-section-title{
color: #172033;
  line-height: 1.2;
  word-break: keep-all;
}

.wt-location-page .wt-result.is-active .wt-result-story-desc,
.wt-location-page .wt-result.is-active .wt-section-desc{
color: #64748b;
      line-height: 1.75;
}

.wt-location-page .wt-result.is-active .wt-reason-list{
grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
      margin-top: 22px;
}

.wt-location-page .wt-result.is-active .wt-reason-card{
padding: 20px;
      border: 0;
      border-radius: 22px;
      background: #f8fafc;
}

.wt-location-page .wt-result.is-active .wt-reason-number{
width: auto;
      min-width: 0;
      height: auto;
      margin-bottom: 12px;
      padding: 0;
      border-radius: 0;
      background: transparent;
      color: #94a3b8;
      font-size: 13px;
      font-weight: 500;
}

.wt-location-page .wt-result.is-active .wt-reason-card h4{
color: #172033;
      line-height: 1.5;
}

.wt-location-page .wt-result.is-active .wt-reason-card p{
color: #64748b;
      line-height: 1.7;
}

.wt-location-page .wt-result.is-active .wt-decision-box{
margin-top: 16px;
      padding: 20px 22px;
      border: 0;
      border-radius: 22px;
      background: #f1f5f9;
}

.wt-location-page .wt-result.is-active .wt-decision-box strong{
color: #172033;
      line-height: 1.5;
}

.wt-location-page .wt-result.is-active .wt-decision-box p{
color: #566579;
      line-height: 1.7;
}

.wt-location-page .wt-result.is-active .wt-hotel-section{
margin-top: 42px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
}

.wt-location-page .wt-result.is-active .wt-section-heading{
margin-bottom: 18px;
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
gap: 14px;
      padding: 2px 2px 18px;
}

.wt-location-page .wt-result.is-active .wt-hotel-card{
border: 0;
      border-radius: 24px;
      background: #ffffff;
}

.wt-location-page .wt-result.is-active .wt-hotel-rank{
background: #f1f5f9;
      color: #475569;
}

.wt-location-page .wt-result.is-active .wt-hotel-tag,
.wt-location-page .wt-result.is-active .wt-hotel-meta span{
background: #f8fafc;
      color: #64748b;
}

.wt-location-page .wt-result.is-active .wt-hotel-location{
color: #475569;
}

.wt-location-page .wt-result.is-active .wt-hotel-reason{
color: #64748b;
      line-height: 1.65;
}

.wt-location-page .wt-result.is-active .wt-post-list-section{
margin-top: 34px;
      padding: 24px;
      border: 0;
      border-radius: 24px;
      background: #f8fafc;
}

.wt-location-page .wt-result.is-active .wt-post-list a{
min-height: 48px;
      padding: 12px 0;
      border-radius: 0;
      background: transparent;
      color: #172033;
}

.wt-location-page .wt-result.is-active .wt-post-list a + a,
.wt-location-page .wt-result.is-active .wt-post-list li + li a{
}

.wt-location-page .wt-result.is-active .wt-post-list a::after{
flex-basis: 30px;
      width: 30px;
      height: 30px;
      background: #ffffff;
      color: #475569;
}

.wt-location-page .wt-result.is-active + .wt-reset-area,
.wt-location-page .wt-result.is-active .wt-reset-area{
margin-top: 30px;
}

@media (max-width: 820px) {
.wt-location-page .wt-result.is-active .wt-result-card{
padding-top: 18px;
}

.wt-location-page .wt-result.is-active .wt-reason-list{
grid-template-columns: 1fr;
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
padding-right: 22px;
        margin-right: -22px;
}
}

@media (max-width: 560px) {
.wt-location-page .wt-result.is-active .wt-result-title{
font-size: clamp(27px, 8vw, 34px);
}

.wt-location-page .wt-result.is-active .wt-result-lead,
.wt-location-page .wt-result.is-active .wt-reason-card,
.wt-location-page .wt-result.is-active .wt-decision-box,
.wt-location-page .wt-result.is-active .wt-post-list-section{
border-radius: 20px;
}
}

/* BESTAYABLE_SURVEY_RESPONSIVE_BREATHING_ROOM_V1 */

@media (min-width: 768px) and (max-width: 1180px) {
.wt-location-page{
padding: clamp(48px, 6.5vw, 76px) clamp(48px, 7vw, 76px);
}

.wt-location-page:not(.is-survey-started){
padding-top: clamp(54px, 7vw, 82px);
        padding-bottom: clamp(64px, 8vw, 96px);
}

.wt-location-page .wt-location-shell{
max-width: min(100%, 1040px);
}

.wt-location-page .wt-survey-hero,
.wt-location-page .wt-survey-card{
padding-left: clamp(42px, 6vw, 64px);
        padding-right: clamp(42px, 6vw, 64px);
}

.wt-location-page .wt-survey-card{
padding-top: clamp(42px, 6vw, 62px);
        padding-bottom: clamp(42px, 6vw, 62px);
}

.wt-location-page .wt-progress{
margin-bottom: clamp(34px, 4vw, 46px);
}

.wt-location-page .wt-options{
gap: clamp(16px, 2.4vw, 24px);
}

.wt-location-page .wt-survey-actions{
margin-top: clamp(34px, 4.5vw, 52px);
}

.wt-location-page .wt-result.is-active .wt-result-card{
padding-top: clamp(42px, 5vw, 64px);
}

.wt-location-page .wt-result.is-active .wt-result-lead{
margin-top: 34px;
        padding: 26px 30px;
}

.wt-location-page .wt-result.is-active .wt-result-story{
margin-top: 54px;
}

.wt-location-page .wt-result.is-active .wt-reason-list{
gap: 18px;
        margin-top: 30px;
}

.wt-location-page .wt-result.is-active .wt-reason-card,
.wt-location-page .wt-result.is-active .wt-decision-box,
.wt-location-page .wt-result.is-active .wt-post-list-section{
padding: 26px 28px;
}

.wt-location-page .wt-result.is-active .wt-hotel-section{
margin-top: 58px;
}

.wt-location-page .wt-result.is-active .wt-post-list-section{
margin-top: 48px;
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
gap: 18px;
        margin-right: calc(clamp(48px, 7vw, 76px) * -1);
        padding-right: clamp(48px, 7vw, 76px);
}

.wt-location-page .wt-result.is-active .wt-hotel-card{
flex-basis: clamp(300px, 42vw, 360px);
        padding: 24px;
}
}

@media (max-width: 767px) {
.wt-location-page{
padding-left: clamp(28px, 7vw, 34px);
        padding-right: clamp(28px, 7vw, 34px);
        padding-top: 34px;
        padding-bottom: 52px;
}

.wt-location-page:not(.is-survey-started){
padding-top: 38px;
        padding-bottom: 58px;
}

.wt-location-page .wt-survey-hero{
padding: 34px clamp(26px, 7vw, 32px) 32px;
}

.wt-location-page .wt-survey-start{
padding-left: clamp(26px, 7vw, 32px);
        padding-right: clamp(26px, 7vw, 32px);
}

.wt-location-page .wt-survey-body{
padding-top: 34px;
}

.wt-location-page .wt-survey-card{
padding-left: clamp(26px, 7vw, 32px);
        padding-right: clamp(26px, 7vw, 32px);
}

.wt-location-page .wt-progress{
margin-bottom: 34px;
}

.wt-location-page .wt-question{
margin-bottom: 26px;
}

.wt-location-page .wt-options{
gap: 14px;
}

.wt-location-page .wt-option{
padding: 20px 18px;
}

.wt-location-page .wt-survey-actions{
margin-top: 34px;
}

.wt-location-page .wt-result.is-active .wt-result-card{
padding-top: 32px;
}

.wt-location-page .wt-result.is-active .wt-result-summary{
margin-top: 18px;
}

.wt-location-page .wt-result.is-active .wt-result-lead{
margin-top: 30px;
        padding: 22px 24px;
}

.wt-location-page .wt-result.is-active .wt-result-story{
margin-top: 48px;
}

.wt-location-page .wt-result.is-active .wt-reason-list{
gap: 16px;
        margin-top: 28px;
}

.wt-location-page .wt-result.is-active .wt-reason-card,
.wt-location-page .wt-result.is-active .wt-decision-box,
.wt-location-page .wt-result.is-active .wt-post-list-section{
padding: 22px 24px;
}

.wt-location-page .wt-result.is-active .wt-decision-box{
margin-top: 22px;
}

.wt-location-page .wt-result.is-active .wt-hotel-section{
margin-top: 52px;
}

.wt-location-page .wt-result.is-active .wt-section-heading{
margin-bottom: 24px;
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
gap: 16px;
        margin-right: calc(clamp(28px, 7vw, 34px) * -1);
        padding-right: clamp(28px, 7vw, 34px);
}

.wt-location-page .wt-result.is-active .wt-hotel-card{
flex-basis: min(82vw, 330px);
        padding: 22px;
}

.wt-location-page .wt-result.is-active .wt-post-list-section{
margin-top: 42px;
}
}

@media (max-width: 380px) {
.wt-location-page{
padding-left: 24px;
        padding-right: 24px;
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
margin-right: -24px;
        padding-right: 24px;
}
}
/* End hotel location survey styles */

/* BESTAYABLE_LOCATION_SURVEY_HOTEL_CARD_FOOTER_V2 */
.wt-location-page .wt-hotel-card{
  display: flex;
  flex-direction: column;
}

.wt-location-page .wt-hotel-card-top{
  order: 1;
}

.wt-location-page .wt-hotel-name{
  order: 2;
}

.wt-location-page .wt-hotel-location{
  order: 3;
}

.wt-location-page .wt-hotel-reason{
  order: 4;
}

.wt-location-page .wt-hotel-card-footer{
  order: 5;
  margin-top: auto;
  padding-top: 18px;
}

.wt-location-page .wt-hotel-card-footer .wt-hotel-meta{
  margin-top: 0;
}

.wt-location-page .wt-hotel-card-footer .wt-hotel-link-wrap{
  margin-top: 14px;
}

.wt-location-page .wt-hotel-card-footer .wt-hotel-link{
  margin-top: 0;
}


/* BESTAYABLE_LOCATION_SURVEY_START_TOP_V5 */
@media (min-width: 768px) {
  .wt-location-page:not(.is-survey-started){
    align-items: flex-start;
    min-height: auto;
    padding-top: clamp(28px, 3.5vw, 48px);
    padding-bottom: clamp(44px, 5vw, 72px);
  }

  .wt-location-page:not(.is-survey-started) .wt-location-shell{
    margin-top: 0;
  }

  .wt-location-page:not(.is-survey-started) .wt-survey-top-link{
    margin-bottom: clamp(14px, 2vw, 22px);
  }
}

@media (min-width: 1181px) {
  .wt-location-page:not(.is-survey-started){
    padding-top: 32px;
  }
}
/* End BESTAYABLE_LOCATION_SURVEY_START_TOP_V5 */

/* BESTAYABLE_LOCATION_SURVEY_SPACING_V6 */
@media (max-width: 767px) {
  .wt-location-page:not(.is-survey-started){
    align-items: flex-start;
    min-height: auto;
    padding-top: clamp(16px, 5vw, 24px);
    padding-bottom: 42px;
  }

  .wt-location-page:not(.is-survey-started) .wt-location-shell{
    margin-top: 0;
  }

  .wt-location-page:not(.is-survey-started) .wt-survey-top-link{
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  .wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-survey-body{
    padding-top: 0;
  }
}
/* End BESTAYABLE_LOCATION_SURVEY_SPACING_V6 */



/* BESTAYABLE_LOCATION_SURVEY_OPTIONS_V7 */
.wt-location-page .wt-survey-wrap.is-result-mode .wt-survey-body{
  padding-top: 0;
}

.wt-location-page .wt-option-desc{
  display: none !important;
}

.wt-location-page .wt-option{
  min-height: 64px;
  display: flex;
  align-items: center;
}

.wt-location-page .wt-option-title{
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 820px) {
  .wt-location-page .wt-options,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-options{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .wt-location-page .wt-option,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option{
    min-height: 56px;
    padding: 12px 10px;
    border-radius: 16px;
    justify-content: center;
    text-align: center;
  }

  .wt-location-page .wt-option-title,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option-title{
    font-size: 14px;
    line-height: 1.32;
    letter-spacing: -0.04em;
  }
}

@media (max-width: 380px) {
  .wt-location-page .wt-options,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-options{
    gap: 8px;
  }

  .wt-location-page .wt-option,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option{
    min-height: 54px;
    padding: 11px 8px;
  }

  .wt-location-page .wt-option-title,
.wt-location-page .wt-survey-wrap.is-survey-started:not(.is-result-mode) .wt-option-title{
    font-size: 13px;
  }
}
/* End BESTAYABLE_LOCATION_SURVEY_OPTIONS_V7 */


/* BESTAYABLE_LOCATION_SURVEY_OPTIONS_V8 */
.wt-location-page .wt-option{
  justify-content: center;
  text-align: center;
}

.wt-location-page .wt-option-title{
  width: 100%;
  text-align: center;
}
/* End BESTAYABLE_LOCATION_SURVEY_OPTIONS_V8 */

/* Home destination hub v17: static, minimal, 3-column country grid */
.travel-section--destination-hub{
  --hub-border: rgba(15, 23, 42, 0.08);
  --hub-muted: #64748b;
}

.travel-section--destination-hub .section-heading{
  margin-bottom: clamp(18px, 2.2vw, 26px);
}

.travel-section--destination-hub .country-destination-list,
.travel-section--destination-hub .country-destination-list--home-static{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
  width: 100%;
}

.travel-section--destination-hub .country-destination-group--compact{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: clamp(18px, 2vw, 24px);
  border: 1px solid var(--hub-border);
  border-radius: 22px;
  background: #ffffff;
  backdrop-filter: none;
}

.travel-section--destination-hub .country-destination-group__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--hub-border);
}

.travel-section--destination-hub .country-destination-group__title,
.travel-section--destination-hub .country-destination-group__actions{
  min-width: 0;
}

.travel-section--destination-hub .country-destination-group__head h3{
  margin: 0;
  color: #111827;
  font-size: clamp(1.02rem, 1.2vw, 1.16rem);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.travel-section--destination-hub .country-destination-group__link{
  color: var(--hub-muted);
  font-size: 0.82rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.travel-section--destination-hub .country-destination-group__link:hover{
  color: var(--travel-brand-deep);
}

.travel-section--destination-hub .destination-chip-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.travel-section--destination-hub .destination-chip{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  min-height: 42px;
  padding: 10px 8px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 14px;
  background: #f8fafc;
  color: #111827;
  transform: none;
  text-align: center;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.2;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.travel-section--destination-hub .destination-chip:hover{
  border-color: rgba(37, 99, 235, 0.18);
  background: #eef6ff;
  color: var(--travel-brand-deep);
  transform: none;
}

.travel-section--destination-hub .destination-chip__icon,
.travel-section--destination-hub .destination-chip__arrow{
  display: none !important;
}

@media (min-width: 768px) {
  .travel-section--destination-hub .country-destination-list,
.travel-section--destination-hub .country-destination-list--home-static{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1120px) {
  .travel-section--destination-hub .country-destination-list,
.travel-section--destination-hub .country-destination-list--home-static{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .travel-section--destination-hub .country-destination-group--compact{
    padding: 18px;
    border-radius: 20px;
  }

  .travel-section--destination-hub .country-destination-group__head{
    padding-bottom: 10px;
  }

  .travel-section--destination-hub .destination-chip{
    min-height: 40px;
    font-size: 0.9rem;
  }
}

/* =========================================================
   V20 Home Hero Renewal
   - 첨부 레퍼런스 기반의 중앙 정렬형 미니멀 히어로
   - 흰색과 기존 블루 계열만 절제해서 사용
   - 검색 인풋 균형 보완
========================================================= */
.travel-home .wthome-hero{
  --wthome-main: #174C78;
  --wthome-main-soft: rgba(23, 76, 120, 0.08);
  --wthome-heading: #0F263D;
  --wthome-text: #475467;
  --wthome-muted: #98A2B3;
  --wthome-border: rgba(15, 38, 61, 0.10);
  padding: clamp(58px, 8vw, 92px) 22px clamp(54px, 8vw, 90px) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(23, 76, 120, 0.035) 0, rgba(23, 76, 120, 0) 230px),
    linear-gradient(180deg, #FFFFFF 0%, #FCFCFD 52%, #FFFFFF 100%) !important;
}

.travel-home .wthome-hero__inner{
  width: min(980px, 100%) !important;
  margin: 0 auto !important;
}

.travel-home .wthome-card{
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.travel-home .wthome-card__visual{
  min-height: clamp(520px, 65vh, 640px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--wthome-text) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.travel-home .wthome-card__visual::before,
.travel-home .wthome-card__visual::after{
  display: none !important;
}

.travel-home .wthome-card__visual-content{
  width: min(620px, 100%) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.travel-home .wthome-hero__mark{
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(23, 76, 120, 0.12) !important;
  color: var(--wthome-main) !important;
}

.travel-home .wthome-hero__mark svg{
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.travel-home .wthome-card__label{
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(23, 76, 120, 0.62) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 500!important;
  letter-spacing: -0.025em !important;
}

.travel-home .wthome-card__visual h1{
  margin: 16px 0 18px !important;
  color: var(--wthome-heading) !important;
  font-size: clamp(38px, 4.8vw, 58px) !important;
  line-height:1.2;
  letter-spacing: -0.065em !important;
  font-weight: 500!important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual p{
  max-width: 470px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: clamp(14px, 1.25vw, 16px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.03em !important;
  font-weight: 400!important;
}

.travel-home .wthome-search{
  width: min(430px, 100%) !important;
  min-height: 48px !important;
  margin: 32px auto 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 74px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 38, 61, 0.11) !important;
}

.travel-home .wthome-search__field{
  height: 38px !important;
  min-width: 0 !important;
  padding: 0 10px 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 10px !important;
  background: transparent !important;
}

.travel-home .wthome-search__icon{
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #98A2B3 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 0 !important;
}

.travel-home .wthome-search__icon svg{
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.travel-home .wthome-search input{
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #101828 !important;
  font-size: 13.5px !important;
  font-weight: 400!important;
  letter-spacing: -0.025em !important;
}

.travel-home .wthome-search input::placeholder{
  color: #A8B0BD !important;
}

.travel-home .wthome-search__button{
  width: 74px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: var(--wthome-main) !important;
  border: 1px solid rgba(23, 76, 120, 0.14) !important;
  color: #FFFFFF !important;
  font-size: 12.5px !important;
  font-weight: 500!important;
  letter-spacing: -0.02em !important;
}

.travel-home .wthome-search__button:hover{
  background: #123F66 !important;
}

.travel-home .wthome-search__button:focus-visible,
.travel-home .wthome-search input:focus-visible{
  outline: 2px solid rgba(23, 76, 120, 0.20) !important;
  outline-offset: 2px !important;
}

.travel-home .wthome-hero__hint{
  width: min(430px, 100%) !important;
  margin: 10px auto 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.travel-home .wthome-hero__hint span,
.travel-home .wthome-hero__hint strong{
  min-height: 24px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(15, 38, 61, 0.055) !important;
  border: 1px solid rgba(15, 38, 61, 0.045) !important;
  color: #475467 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 400!important;
  letter-spacing: -0.025em !important;
}

.travel-home .wthome-route-line{
  position: relative !important;
  width: auto !important;
  margin: clamp(58px, 7vw, 82px) auto 0 !important;
  padding: 0 0 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}

.travel-home .wthome-route-line::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 1px !important;
  height: 40px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, rgba(23, 76, 120, 0.18), rgba(23, 76, 120, 0)) !important;
}

.travel-home .wthome-route-line span{
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #98A2B3 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 400!important;
  letter-spacing: -0.025em !important;
}

.travel-home .wthome-route-line span:nth-of-type(2){
  color: var(--wthome-main) !important;
  font-weight: 500!important;
}

.travel-home .wthome-route-line i{
  color: #D0D5DD !important;
  font-size: 11px !important;
  font-weight: 400!important;
  line-height: 1 !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .travel-home .wthome-hero{
    padding: 52px 30px 66px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: 560px !important;
  }
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 36px 18px 46px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: auto !important;
    padding: 24px 0 18px !important;
  }

  .travel-home .wthome-hero__mark{
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 22px !important;
  }

  .travel-home .wthome-card__label{
    font-size: 11.5px !important;
  }

  .travel-home .wthome-card__visual h1{
    margin: 14px 0 14px !important;
    font-size: clamp(34px, 10.5vw, 43px) !important;
    line-height:1.2;
    letter-spacing: -0.065em !important;
  word-break: keep-all;
  }

  .travel-home .wthome-card__visual p{
    max-width: 330px !important;
    font-size: 13.5px !important;
    line-height: 1.62 !important;
  }

  .travel-home .wthome-card__visual p br{
    display: none !important;
  }

  .travel-home .wthome-search{
    width: min(100%, 420px) !important;
    min-height: 48px !important;
    margin-top: 26px !important;
    grid-template-columns: minmax(0, 1fr) 66px !important;
    gap: 5px !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }

  .travel-home .wthome-search__field{
    height: 38px !important;
    padding: 0 8px 0 12px !important;
    gap: 8px !important;
  }

  .travel-home .wthome-search input{
    height: 38px !important;
    font-size: 12.5px !important;
  }

  .travel-home .wthome-search__button{
    width: 66px !important;
    height: 38px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .travel-home .wthome-hero__hint{
    margin-top: 9px !important;
    gap: 5px !important;
  }

  .travel-home .wthome-hero__hint span,
.travel-home .wthome-hero__hint strong{
    min-height: 23px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }

  .travel-home .wthome-route-line{
    margin-top: 42px !important;
    padding-bottom: 42px !important;
    gap: 10px !important;
  }

  .travel-home .wthome-route-line::after{
    height: 30px !important;
  }

  .travel-home .wthome-route-line span{
    font-size: 11px !important;
  }
}

/* BESTAYABLE_HOME_HERO_DESTINATION_HUB_V21
   - 메인 hero 콘텐츠 간격 보완
   - 여행지 허브 전체보기 텍스트 버튼을 화살표형 액션으로 정리
   - destination-chip border 제거 및 모바일 액션 우측 정렬 보완
========================================================= */
.travel-home .wthome-hero{
  padding: clamp(72px, 9vw, 112px) 22px clamp(68px, 9vw, 108px) !important;
}

.travel-home .wthome-card__visual{
  min-height: clamp(570px, 68vh, 700px) !important;
}

.travel-home .wthome-card__visual-content{
  max-width: 640px !important;
}

.travel-home .wthome-hero__mark{
  margin-bottom: 32px !important;
}

.travel-home .wthome-card__visual h1{
  margin: 20px 0 22px !important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual p{
  line-height: 1.78 !important;
}

.travel-home .wthome-search{
  margin-top: 40px !important;
}

.travel-home .wthome-hero__hint{
  margin-top: 14px !important;
}

.travel-home .wthome-route-line{
  margin-top: clamp(70px, 7.8vw, 94px) !important;
}

.travel-section--destination-hub{
  --hub-border: rgba(15, 23, 42, 0.065);
  --hub-chip-bg: #f8fafc;
  --hub-chip-bg-hover: #eef6ff;
}

.travel-section--destination-hub .country-destination-list,
.travel-section--destination-hub .country-destination-list--home-static{
  gap: clamp(14px, 2vw, 18px) !important;
}

.travel-section--destination-hub .country-destination-group--compact{
  gap: 18px !important;
  padding: clamp(20px, 2.15vw, 26px) !important;
  border-color: var(--hub-border) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.travel-section--destination-hub .country-destination-group__head{
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  padding-bottom: 12px !important;
}

.travel-section--destination-hub .country-destination-group__title{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.travel-section--destination-hub .country-destination-group__actions{
  flex: 0 0 auto !important;
  margin-left: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.travel-section--destination-hub .country-destination-group__link{
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(23, 76, 120, 0.055) !important;
  color: var(--travel-brand-deep) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 400!important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: background 0.16s ease, transform 0.16s ease, color 0.16s ease !important;
}

.travel-section--destination-hub .country-destination-group__link:hover{
  background: rgba(23, 76, 120, 0.105) !important;
  color: #123f66 !important;
  transform: translateX(1px) !important;
}

.travel-section--destination-hub .destination-chip-list{
  gap: 9px !important;
}

.travel-section--destination-hub .destination-chip{
  min-height: 43px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--hub-chip-bg) !important;
  color: #1f2937 !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.travel-section--destination-hub .destination-chip:hover{
  border: 0 !important;
  background: var(--hub-chip-bg-hover) !important;
  color: var(--travel-brand-deep) !important;
  transform: translateY(-1px) !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .travel-home .wthome-hero{
    padding: 68px 30px 78px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: 600px !important;
  }
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 44px 22px 58px !important;
  }

  .travel-home .wthome-card__visual{
    padding: 32px 0 24px !important;
  }

  .travel-home .wthome-hero__mark{
    margin-bottom: 24px !important;
  }

  .travel-home .wthome-card__visual h1{
    margin: 16px 0 17px !important;
  word-break: keep-all;
  }

  .travel-home .wthome-search{
  }

  .travel-home .wthome-hero__hint{
    margin-top: 12px !important;
  }

  .travel-home .wthome-route-line{
    margin-top: 50px !important;
  }

  .travel-section--destination-hub .country-destination-group--compact{
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .travel-section--destination-hub .country-destination-group__head{
    gap: 12px !important;
  }

  .travel-section--destination-hub .country-destination-group__actions{
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  .travel-section--destination-hub .country-destination-group__link{
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
  }

  .travel-section--destination-hub .destination-chip{
    min-height: 41px !important;
    font-size: 0.9rem !important;
  }
}
/* End BESTAYABLE_HOME_HERO_DESTINATION_HUB_V21 */


/* BESTAYABLE_HOME_HERO_DESTINATION_HUB_V22
   - hero padding-top 0 고정 및 랜딩페이지형 여백 확장
   - 모바일/태블릿 여행지 허브 카드형 UI 보완
   - 나라명 표시 안정화 및 미니멀 화살표 버튼 정리
========================================================= */
.travel-home .wthome-hero{
  padding: 0 22px clamp(92px, 10vw, 132px) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(23, 76, 120, 0.042) 0, rgba(23, 76, 120, 0) 280px),
    linear-gradient(180deg, #FFFFFF 0%, #FCFCFD 50%, #FFFFFF 100%) !important;
}

.travel-home .wthome-hero__inner{
  width: min(1040px, 100%) !important;
}

.travel-home .wthome-card__visual{
  min-height: clamp(680px, 78vh, 820px) !important;
  padding: clamp(54px, 7vw, 82px) 0 clamp(34px, 5vw, 58px) !important;
}

.travel-home .wthome-card__visual-content{
  width: min(680px, 100%) !important;
  max-width: 680px !important;
}

.travel-home .wthome-hero__mark{
  margin-bottom: 38px !important;
}

.travel-home .wthome-card__visual h1{
  margin: 22px 0 26px !important;
  font-size: clamp(42px, 5.15vw, 64px) !important;
  line-height:1.2;
  word-break: keep-all;
}

.travel-home .wthome-card__visual p{
  max-width: 520px !important;
  line-height: 1.86 !important;
}

.travel-home .wthome-search{
  width: min(460px, 100%) !important;
  margin-top: 46px !important;
}

.travel-home .wthome-hero__hint{
  width: min(460px, 100%) !important;
  margin-top: 16px !important;
}

.travel-home .wthome-route-line{
  margin-top: clamp(82px, 8.5vw, 112px) !important;
  padding-bottom: 62px !important;
}

.travel-section--destination-hub .country-destination-group--compact{
  position: relative !important;
  gap: 20px !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

.travel-section--destination-hub .country-destination-group__head{
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 0 !important;
}

.travel-section--destination-hub .country-destination-group__title{
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 46px) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.travel-section--destination-hub .country-destination-group__head h3{
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111827 !important;
}

.travel-section--destination-hub .country-destination-group__actions{
  width: auto !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
}

.travel-section--destination-hub .country-destination-group__link{
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(23, 76, 120, 0.76) !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.travel-section--destination-hub .country-destination-group__link span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 400!important;
  transform: translateY(-0.5px) !important;
}

.travel-section--destination-hub .country-destination-group__link:hover{
  background: rgba(23, 76, 120, 0.055) !important;
  color: var(--travel-brand-deep) !important;
  transform: translateX(1px) !important;
}

.travel-section--destination-hub .destination-chip-list{
  gap: 10px !important;
}

.travel-section--destination-hub .destination-chip{
  border: 0 !important;
  border-radius: 15px !important;
  background: #f6f9fc !important;
}

.travel-section--destination-hub .destination-chip:hover{
  border: 0 !important;
  background: #eef6ff !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .travel-home .wthome-hero{
    padding-top: 0 !important;
    padding-bottom: 104px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: 700px !important;
    padding-top: 62px !important;
    padding-bottom: 48px !important;
  }

  .travel-section--destination-hub .country-destination-group--compact{
    padding: 22px !important;
    border-radius: 26px !important;
  }

  .travel-section--destination-hub .country-destination-group__title{
    width: auto !important;
    max-width: calc(100% - 44px) !important;
  }

  .travel-section--destination-hub .country-destination-group__actions{
    width: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 0 20px 70px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: 610px !important;
    padding: 54px 0 34px !important;
  }

  .travel-home .wthome-card__visual-content{
    max-width: 360px !important;
  }

  .travel-home .wthome-hero__mark{
    margin-bottom: 28px !important;
  }

  .travel-home .wthome-card__visual h1{
    margin: 18px 0 20px !important;
    font-size: clamp(36px, 10.8vw, 46px) !important;
  word-break: keep-all;
  }

  .travel-home .wthome-card__visual p{
    max-width: 335px !important;
    line-height: 1.74 !important;
  }

  .travel-home .wthome-search{
    margin-top: 36px !important;
  }

  .travel-home .wthome-hero__hint{
    margin-top: 14px !important;
  }

  .travel-home .wthome-route-line{
    margin-top: 60px !important;
    padding-bottom: 48px !important;
  }

  .travel-section--destination-hub .country-destination-list,
.travel-section--destination-hub .country-destination-list--home-static{
    gap: 16px !important;
  }

  .travel-section--destination-hub .country-destination-group--compact{
    padding: 18px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
  }

  .travel-section--destination-hub .country-destination-group__head{
    gap: 12px !important;
    padding-bottom: 13px !important;
  }

  .travel-section--destination-hub .country-destination-group__title{
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 42px) !important;
    min-width: 0 !important;
  }

  .travel-section--destination-hub .country-destination-group__head h3{
    font-size: 1.02rem !important;
    line-height: 1.2 !important;
  }

  .travel-section--destination-hub .country-destination-group__actions{
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  .travel-section--destination-hub .country-destination-group__link{
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .travel-section--destination-hub .country-destination-group__link span{
    font-size: 14px !important;
  }

  .travel-section--destination-hub .destination-chip-list{
    gap: 9px !important;
  }

  .travel-section--destination-hub .destination-chip{
    min-height: 44px !important;
    padding: 11px 10px !important;
    border-radius: 16px !important;
    background: #f7f9fc !important;
  }
}
/* End BESTAYABLE_HOME_HERO_DESTINATION_HUB_V22 */

/* BESTAYABLE_AREA_GUIDE_COMPONENTS_V16
   공통 Area Guide 컴포넌트입니다.
   도시가 추가되어도 tokyo/osaka/fukuoka/sapporo/okinawa 같은 도시별 선택자를 늘리지 않고,
   아래 공통 클래스만 재사용합니다. 특정 도시만 달라야 하는 예외는 이 블록 아래에서 최소 범위로만 추가합니다. */
.wt-city-area-tabs,
.wt-area-tabs{
  display: grid;
  gap: clamp(16px, 2.4vw, 24px);
  margin-top: clamp(18px, 3vw, 28px);
}

.wt-city-area-tab-input,
.wt-area-tab-input{
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wt-city-area-tab-list,
.wt-area-tab-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  gap: 8px;
  margin: 18px 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.wt-city-area-tab-button,
.wt-area-tab-button{
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  cursor: pointer;
  white-space: nowrap;
  word-break: keep-all;
  transition: none;
}

.wt-city-area-tab-button:hover,
.wt-area-tab-button:hover{
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.18);
  background: #f8fafc;
  color: #0f172a;
}

.wt-city-area-tab-input:nth-of-type(1):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(1),
.wt-city-area-tab-input:nth-of-type(2):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(2),
.wt-city-area-tab-input:nth-of-type(3):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(3),
.wt-city-area-tab-input:nth-of-type(4):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(4),
.wt-city-area-tab-input:nth-of-type(5):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(5),
.wt-city-area-tab-input:nth-of-type(6):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(6),
.wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(6){
  border-color: rgba(37, 99, 235, 0.32);
  background: #eff6ff;
  color: #1d4ed8;
  transform: none;
}

.wt-city-area-panels,
.wt-area-tab-panels{
  position: relative;
}

.wt-city-area-panel,
.wt-area-tab-panels > .wt-area-card{
  display: none;
}

.wt-city-area-panel{
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, 0.1);
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.08), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.wt-city-area-tab-input:nth-of-type(1):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(1),
.wt-city-area-tab-input:nth-of-type(2):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(2),
.wt-city-area-tab-input:nth-of-type(3):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(3),
.wt-city-area-tab-input:nth-of-type(4):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(4),
.wt-city-area-tab-input:nth-of-type(5):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(5),
.wt-city-area-tab-input:nth-of-type(6):checked ~ .wt-city-area-panels .wt-city-area-panel:nth-child(6){
  display: block;
}

.wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.2rem, 3vw, 2.1rem);
  align-items: stretch;
  border: 1px solid #e5e7eb;
  background: #fff;
}

.wt-area-tab-panel::before{
  display: none;
}

.wt-city-area-panel__hero{
  padding: clamp(24px, 4vw, 38px) clamp(22px, 4vw, 40px) clamp(16px, 3vw, 24px);
}

.wt-city-area-panel__eyebrow{
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.wt-city-area-panel h3{
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.55rem, 3vw, 2.2rem);
  font-weight: 500;
  letter-spacing: -0.055em;
  line-height: 1.15;
}

.wt-city-area-panel__hero p{
  max-width: 850px;
  margin: 12px 0 0;
  color: #475569;
  font-size: 0.98rem;
  line-height: 1.78;
  word-break: keep-all;
}

.wt-city-area-panel__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 clamp(18px, 3.4vw, 34px) clamp(18px, 3.4vw, 34px);
}

.wt-city-area-info-card{
  min-height: 156px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.86);
}

.wt-city-area-info-card strong{
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: 0.96rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.wt-city-area-info-card p{
  margin: 0;
  color: #64748b;
  font-size: 0.91rem;
  line-height: 1.68;
  word-break: keep-all;
}

.wt-city-area-panel__decision{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: 0 clamp(18px, 3.4vw, 34px) clamp(18px, 3.4vw, 34px);
  padding: 16px 18px;
  border-radius: 22px;
  background: #eef6ff;
}

.wt-city-area-panel__decision span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  color: #2563eb;
  font-size: 0.78rem;
  font-weight: 500;
  white-space: nowrap;
}

.wt-city-area-panel__decision strong{
  color: #1e3a8a;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.55;
  word-break: keep-all;
}

@media (max-width: 1024px) {
  .wt-city-area-panel__grid{
    grid-template-columns: 1fr;
  }

  .wt-city-area-info-card{
    min-height: auto;
  }

  .wt-city-area-tab-list,
.wt-area-tab-list{
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .wt-city-area-tab-list::-webkit-scrollbar,
.wt-area-tab-list::-webkit-scrollbar{
    display: none;
  }

  .wt-city-area-tab-button,
.wt-area-tab-button{
    flex: 0 0 auto;
    scroll-snap-align: center;
  }
}

@media (max-width: 920px) {
  .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(1),
.wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(2),
.wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(3),
.wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(4),
.wt-area-tab-input:nth-of-type(5):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(5),
.wt-area-tab-input:nth-of-type(6):checked ~ .wt-area-tab-panels .wt-area-card:nth-child(6){
    display: block;
  }
}

@media (max-width: 767px) {
  .wt-city-area-tabs,
.wt-area-tabs{
    gap: 14px;
    margin-top: 16px;
  }

  .wt-city-area-tab-list,
.wt-area-tab-list{
    gap: 8px;
    margin: 18px -25px 16px 0;
    padding: 6px 25px 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .wt-city-area-tab-button,
.wt-area-tab-button{
    min-height: 44px;
    padding: 0 16px;
    background: #fff;
  }

  .wt-city-area-panel{
    border-radius: 26px;
  }

  .wt-city-area-panel__hero{
    padding: 22px 20px 14px;
  }

  .wt-city-area-panel__grid{
    gap: 10px;
    padding: 0 14px 14px;
  }

  .wt-city-area-info-card{
    padding: 16px;
    border-radius: 18px;
  }

  .wt-city-area-panel__decision{
    grid-template-columns: 1fr;
    align-items: start;
    gap: 8px;
    margin: 0 14px 14px;
    padding: 15px;
    border-radius: 18px;
  }

  .wt-city-area-panel__decision span{
    justify-self: start;
  }
}
/* End BESTAYABLE_AREA_GUIDE_COMPONENTS_V16 */

/* BESTAYABLE_TYPOGRAPHY_SPACING_REFINEMENT_V17 */
main.travel-page p:not(.wt-city-kicker),
.travel-page p:not(.wt-city-kicker),
.wt-location-page p:not(.wt-city-kicker){
  color: #333 !important;
  font-weight: 400!important;
}

main.travel-page strong,
main.travel-page b,
.travel-page strong,
.travel-page b,
.wt-location-page strong,
.wt-location-page b{
  font-weight: 500!important;
}

main.travel-page .travel-section,
.travel-page .travel-section{
  padding-top: clamp(54px, 5.4vw, 76px) !important;
  padding-bottom: clamp(54px, 5.4vw, 76px) !important;
}

main.travel-page .travel-section--compact,
.travel-page .travel-section--compact{
  padding-top: clamp(42px, 4vw, 56px) !important;
}

main.travel-page .section-heading,
.travel-page .section-heading{
  margin-bottom: clamp(24px, 2.8vw, 34px) !important;
}

main.travel-page .wt-page-hero,
.travel-page .wt-page-hero,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero{
  padding-top: clamp(24px, 3.8vw, 44px) !important;
  padding-bottom: clamp(54px, 5.6vw, 80px) !important;
}

main.travel-page .wt-city-snapshot,
main.travel-page .wt-city-guide-links,
main.travel-page .wt-city-section,
main.travel-page .wt-city-faq,
.travel-page .wt-city-snapshot,
.travel-page .wt-city-guide-links,
.travel-page .wt-city-section,
.travel-page .wt-city-faq{
  padding-top: clamp(56px, 6vw, 86px) !important;
  padding-bottom: clamp(56px, 6vw, 86px) !important;
}

main.travel-page .wt-city-dynamic-section,
.travel-page .wt-city-dynamic-section{
  padding-top: clamp(54px, 5.8vw, 82px) !important;
  padding-bottom: clamp(54px, 5.8vw, 82px) !important;
}

main.travel-page .wt-city-section + .wt-city-section,
.travel-page .wt-city-section + .wt-city-section,
main.travel-page .wt-section + .wt-section,
.travel-page .wt-section + .wt-section{
  margin-top: clamp(8px, 1.4vw, 18px) !important;
}

main.travel-page #area-guide.wt-city-section,
.travel-page #area-guide.wt-city-section{
  padding-top: clamp(58px, 6vw, 88px) !important;
  padding-bottom: clamp(52px, 5.5vw, 78px) !important;
}

main.travel-page #area-guide + .wt-city-cta,
.travel-page #area-guide + .wt-city-cta{
  padding-top: clamp(36px, 4vw, 56px) !important;
}

main.travel-page .wt-city-cta,
.travel-page .wt-city-cta{
  padding-top: clamp(48px, 5vw, 72px) !important;
  padding-bottom: clamp(58px, 6vw, 88px) !important;
}

main.travel-page .wt-section,
.travel-page .wt-section,
main.travel-page.wt-purpose-page .wt-section,
.travel-page.wt-purpose-page .wt-section{
  padding-top: clamp(54px, 5.2vw, 76px) !important;
  padding-bottom: clamp(54px, 5.2vw, 76px) !important;
}

main.travel-page .wt-section--compact,
.travel-page .wt-section--compact,
main.travel-page.wt-purpose-page .wt-section--compact,
.travel-page.wt-purpose-page .wt-section--compact{
  padding-top: clamp(44px, 4.2vw, 62px) !important;
}

main.travel-page .wt-section--first-answer,
.travel-page .wt-section--first-answer,
main.travel-page.wt-purpose-page .wt-section--first-answer,
.travel-page.wt-purpose-page .wt-section--first-answer{
  padding-top: clamp(34px, 3.8vw, 54px) !important;
}

main.travel-page .wt-section-head,
.travel-page .wt-section-head{
  margin-bottom: clamp(26px, 3vw, 38px) !important;
}

main.travel-page .wt-area-tabs,
.travel-page .wt-area-tabs{
  margin-top: clamp(1.25rem, 2.6vw, 2rem) !important;
}

main.travel-page .wt-area-tab-panels,
.travel-page .wt-area-tab-panels{
  margin-top: clamp(1.1rem, 2.4vw, 1.7rem) !important;
}

main.travel-page .wt-section--survey-cta,
.travel-page .wt-section--survey-cta,
main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
  padding-top: clamp(38px, 4vw, 58px) !important;
  padding-bottom: clamp(54px, 5.6vw, 82px) !important;
}

main.travel-page #area-compare.wt-section,
.travel-page #area-compare.wt-section,
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
  padding-bottom: clamp(46px, 4.8vw, 70px) !important;
}

main.travel-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page #area-compare.wt-section + .wt-section--survey-cta,
main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta{
  padding-top: clamp(38px, 4vw, 58px) !important;
}

main.travel-page .wt-cta-band,
.travel-page .wt-cta-band{
  padding: clamp(30px, 4vw, 44px) !important;
}

main.travel-page .wt-purpose-faq,
.travel-page .wt-purpose-faq{
  padding-bottom: clamp(64px, 6vw, 92px) !important;
}

main.travel-page .wt-city-guide-section,
main.travel-page .city-guide-section,
.travel-page .wt-city-guide-section,
.travel-page .city-guide-section{
  margin-bottom: clamp(28px, 3.6vw, 48px) !important;
  padding-top: clamp(34px, 4vw, 56px) !important;
  padding-bottom: clamp(34px, 4vw, 56px) !important;
}

main.travel-page .wt-city-guide-hero,
main.travel-page .city-guide-hero,
.travel-page .wt-city-guide-hero,
.travel-page .city-guide-hero{
  padding-top: clamp(34px, 4.5vw, 58px) !important;
  padding-bottom: clamp(56px, 6vw, 88px) !important;
}

@media (max-width: 1024px) {
  main.travel-page .travel-section,
.travel-page .travel-section,
main.travel-page .wt-section,
.travel-page .wt-section,
main.travel-page.wt-purpose-page .wt-section,
.travel-page.wt-purpose-page .wt-section,
main.travel-page .wt-city-snapshot,
main.travel-page .wt-city-guide-links,
main.travel-page .wt-city-section,
main.travel-page .wt-city-faq,
main.travel-page .wt-city-dynamic-section,
.travel-page .wt-city-snapshot,
.travel-page .wt-city-guide-links,
.travel-page .wt-city-section,
.travel-page .wt-city-faq,
.travel-page .wt-city-dynamic-section{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  main.travel-page .wt-page-hero,
.travel-page .wt-page-hero,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero{
    padding-top: 20px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  main.travel-page .travel-section,
.travel-page .travel-section,
main.travel-page .wt-section,
.travel-page .wt-section,
main.travel-page.wt-purpose-page .wt-section,
.travel-page.wt-purpose-page .wt-section,
main.travel-page .wt-city-snapshot,
main.travel-page .wt-city-guide-links,
main.travel-page .wt-city-section,
main.travel-page .wt-city-faq,
main.travel-page .wt-city-dynamic-section,
.travel-page .wt-city-snapshot,
.travel-page .wt-city-guide-links,
.travel-page .wt-city-section,
.travel-page .wt-city-faq,
.travel-page .wt-city-dynamic-section{
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  main.travel-page .wt-page-hero,
.travel-page .wt-page-hero,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero{
    padding-top: 16px !important;
    padding-bottom: 44px !important;
  }

  main.travel-page .section-heading,
.travel-page .section-heading,
main.travel-page .wt-section-head,
.travel-page .wt-section-head{
    margin-bottom: 22px !important;
  }

  main.travel-page #area-guide.wt-city-section,
.travel-page #area-guide.wt-city-section{
    padding-top: 44px !important;
    padding-bottom: 42px !important;
  }

  main.travel-page .wt-section--first-answer,
.travel-page .wt-section--first-answer,
main.travel-page.wt-purpose-page .wt-section--first-answer,
.travel-page.wt-purpose-page .wt-section--first-answer{
    padding-top: 30px !important;
  }

  main.travel-page .wt-section--survey-cta,
.travel-page .wt-section--survey-cta,
main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
    padding-top: 34px !important;
    padding-bottom: 44px !important;
  }

  main.travel-page .wt-cta-band,
.travel-page .wt-cta-band{
    padding: 26px !important;
  }

  main.travel-page .wt-city-guide-section,
main.travel-page .city-guide-section,
.travel-page .wt-city-guide-section,
.travel-page .city-guide-section{
    margin-bottom: 24px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

/* BESTAYABLE_TARGETED_SPACING_TIGHTEN_V18
   - 일본 도시 메인 index: breadcrumb와 hero 사이 간격 축소
   - Area Guide 탭 버튼 위아래 여백 축소
   - Area Guide 직후 서베이/CTA 배너와의 간격 축소
========================================================= */
.breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero:first-child{
  padding-top: clamp(8px, 1.4vw, 18px) !important;
}

.breadcrumbs.container + main.travel-page.wt-city-page{
  padding-top: 0 !important;
}

.breadcrumbs.container + main.travel-page.wt-city-page .wt-city-hero__lead{
  margin-top: clamp(16px, 2.1vw, 21px) !important;
}

.breadcrumbs.container + main.travel-page.wt-city-page .wt-city-hero__actions{
  margin-top: clamp(21px, 2.6vw, 26px) !important;
}

#area-guide .section-heading,
#area-compare .wt-section-head{
  margin-bottom: clamp(14px, 2vw, 20px) !important;
}

main.travel-page #area-guide.wt-city-section,
.travel-page #area-guide.wt-city-section{
  padding-bottom: clamp(22px, 2.6vw, 34px) !important;
}

main.travel-page #area-guide .wt-city-area-tabs,
.travel-page #area-guide .wt-city-area-tabs,
main.travel-page #area-compare .wt-area-tabs,
.travel-page #area-compare .wt-area-tabs{
  gap: clamp(10px, 1.5vw, 14px) !important;
  margin-top: 0 !important;
}

main.travel-page #area-guide .wt-city-area-tab-list,
.travel-page #area-guide .wt-city-area-tab-list,
main.travel-page #area-compare .wt-area-tab-list,
.travel-page #area-compare .wt-area-tab-list{
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

main.travel-page #area-guide .wt-city-area-panels,
.travel-page #area-guide .wt-city-area-panels,
main.travel-page #area-compare .wt-area-tab-panels,
.travel-page #area-compare .wt-area-tab-panels{
  margin-top: 0 !important;
}

main.travel-page #area-guide + .wt-city-cta,
.travel-page #area-guide + .wt-city-cta{
  padding-top: 0 !important;
}

main.travel-page .wt-city-cta,
.travel-page .wt-city-cta{
  padding-top: clamp(12px, 1.8vw, 22px) !important;
  padding-bottom: clamp(48px, 5vw, 74px) !important;
}

main.travel-page #area-compare.wt-section,
.travel-page #area-compare.wt-section,
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
  padding-bottom: clamp(22px, 2.6vw, 34px) !important;
}

main.travel-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page #area-compare.wt-section + .wt-section--survey-cta,
main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta{
  padding-top: 0 !important;
}

main.travel-page .wt-section--survey-cta,
.travel-page .wt-section--survey-cta,
main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
  padding-top: clamp(10px, 1.6vw, 20px) !important;
  padding-bottom: clamp(48px, 5vw, 74px) !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  .breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero:first-child{
    padding-top: 12px !important;
  }

  #area-guide .section-heading,
#area-compare .wt-section-head{
    margin-bottom: 18px !important;
  }

  main.travel-page #area-guide.wt-city-section,
.travel-page #area-guide.wt-city-section,
main.travel-page #area-compare.wt-section,
.travel-page #area-compare.wt-section,
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
    padding-bottom: 28px !important;
  }
}

@media (max-width: 767px) {
  .breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero:first-child{
    padding-top: 8px !important;
    padding-bottom: 38px !important;
  }

  .breadcrumbs.container + main.travel-page.wt-city-page .wt-city-hero__lead{
    margin-top: 15px !important;
  }

  .breadcrumbs.container + main.travel-page.wt-city-page .wt-city-hero__actions{
    margin-top: 20px !important;
  }

  #area-guide .section-heading,
#area-compare .wt-section-head{
    margin-bottom: 16px !important;
  }

  main.travel-page #area-guide.wt-city-section,
.travel-page #area-guide.wt-city-section,
main.travel-page #area-compare.wt-section,
.travel-page #area-compare.wt-section,
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
    padding-bottom: 22px !important;
  }

  main.travel-page #area-guide .wt-city-area-tabs,
.travel-page #area-guide .wt-city-area-tabs,
main.travel-page #area-compare .wt-area-tabs,
.travel-page #area-compare .wt-area-tabs{
    gap: 10px !important;
    margin-top: 0 !important;
  }

  main.travel-page #area-guide .wt-city-area-tab-list,
.travel-page #area-guide .wt-city-area-tab-list,
main.travel-page #area-compare .wt-area-tab-list,
.travel-page #area-compare .wt-area-tab-list{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 4px !important;
    padding-bottom: 5px !important;
  }

  main.travel-page #area-guide + .wt-city-cta,
.travel-page #area-guide + .wt-city-cta,
main.travel-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page #area-compare.wt-section + .wt-section--survey-cta,
main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta{
    padding-top: 0 !important;
  }

  main.travel-page .wt-city-cta,
.travel-page .wt-city-cta,
main.travel-page .wt-section--survey-cta,
.travel-page .wt-section--survey-cta,
main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
    padding-top: 8px !important;
    padding-bottom: 38px !important;
  }
}
/* End BESTAYABLE_TARGETED_SPACING_TIGHTEN_V18 */

/* BESTAYABLE_HERO_BREADCRUMB_REFINEMENT_V19
   - 목적별 페이지: breadcrumb 아래 wt-page-hero 상단 여백 15px 고정
   - 도시 메인 index: breadcrumb 아래 wt-city-hero.container 상단 여백 15px 고정
   - breadcrumb 링크 자체 padding 제거
========================================================= */


main.travel-page.wt-purpose-page > .wt-page-hero:first-child,
.travel-page.wt-purpose-page > .wt-page-hero:first-child,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero{
  padding-top: 15px !important;
}

.breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child{
  padding-top: 30px !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  main.travel-page.wt-purpose-page > .wt-page-hero:first-child,
.travel-page.wt-purpose-page > .wt-page-hero:first-child,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero,
.breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child{
    padding-top: 15px !important;
  }

  .breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child{
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  main.travel-page.wt-purpose-page > .wt-page-hero:first-child,
.travel-page.wt-purpose-page > .wt-page-hero:first-child,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero,
.breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child{
    padding-top: 15px !important;
  }

  

  .breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child{
    padding-top: 30px !important;
  }
}
/* End BESTAYABLE_HERO_BREADCRUMB_REFINEMENT_V19 */



/* BESTAYABLE_MINIMAL_SURFACE_REFINEMENT_V110
   - 모바일 도시 페이지 main padding-top 0
   - 여행 페이지 배경/카드/배너를 흰색 표면으로 통일
   - 그림자 제거, border 사용 최소화
========================================================= */
main.travel-page{
  --travel-soft: #ffffff;
  --travel-line: transparent;
  --border: transparent;
  --card: #ffffff;
  --shadow: none;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 테두리 초기화는 실제로 무테가 필요한 기존 표면만 명시한다.
   부분 문자열 선택자는 새 카드·배지·패널의 고유 border를 덮어쓰므로 사용하지 않는다. */
main.travel-page:not(.travel-home) :where(
  .wt-section,
  .wt-city-section,
  .wt-page-hero,
  .wt-city-hero,
  .wt-city-cta,
  .wt-section--survey-cta,
  .wt-cta-band,
  .wt-area-tabs,
  .wt-city-area-tabs,
  .wt-area-tab-panel,
  .wt-city-area-tab-panel,
  .wt-hotel-section,
  .wt-city-snapshot,
  .wt-city-guide-links,
  .wt-survey-wrap,
  .wt-survey-card,
  .destination-tab-panel,
  .destination-city-card,
  .destination-city-card__cta,
  .wt-loading-skeleton-card
){
  border: 0 !important;
}

main.travel-page :where(.wt-area-tab-list, .wt-city-area-tab-list){
  border: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

main.travel-page :where(.wt-area-tab-button, .wt-city-area-tab-button){
  border: 0 !important;
}

main.travel-page :where(.travel-hero__image, .hotel-detail__image, .travel-card, .travel-card__media, .wt-hotel-card, .wt-area-card, .wt-city-area-card){
  overflow: hidden;
}

@media (max-width: 767px) {
  main.travel-page.wt-city-page,
main.travel-page.wt-purpose-page,
main.travel-page.wt-city-guide-page,
main.travel-page.wt-city-hotel-guide-page,
main.travel-page.wt-city-travel-guide-page{
    padding-top: 0 !important;
  }
}
/* End BESTAYABLE_MINIMAL_SURFACE_REFINEMENT_V110 */


/* BESTAYABLE_MINIMAL_BALANCE_REFINEMENT_V111
   - 흰 배경 기조 유지
   - 호텔 카드와 배너 버튼에는 최소 border 복구
   - 목적별 Area Guide와 서베이 CTA 간격 축소
   - border 제거 후 생긴 횡한 느낌을 spacing/정렬/얇은 구획감으로 보완
========================================================= */
main.travel-page{
  --travel-line: rgba(15, 23, 42, 0.08);
  --border: rgba(15, 23, 42, 0.08);
  --card: #ffffff;
  --shadow: none;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 버튼을 제외한 메인 배너/CTA 표면은 흰색으로 유지 */
main.travel-page :where(
  .wt-city-cta__inner,
  .wt-cta-band,
  .wt-section--survey-cta,
  .wt-section--survey-cta .container,
  .wt-city-cta,
  .wt-city-cta.container,
  .wt-city-hero,
  .wt-page-hero,
  .wt-section,
  .wt-city-section,
  .wt-area-tabs,
  .wt-city-area-tabs,
  .wt-area-tab-panel,
  .wt-city-area-tab-panel
){
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 배너 버튼: 미니멀한 border 복구 */
main.travel-page :where(
  .wt-city-cta .wt-city-button,
  .wt-section--survey-cta .wt-city-button,
  .wt-cta-band .wt-city-button,
  .wt-city-hero__actions .wt-city-button,
  .wt-hotel-actions .wt-btn
){
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
}

main.travel-page :where(
  .wt-city-cta .wt-city-button--primary,
  .wt-section--survey-cta .wt-city-button--primary,
  .wt-cta-band .wt-city-button--primary,
  .wt-city-hero__actions .wt-city-button--primary,
  .wt-hotel-actions .wt-btn--primary
){
  border-color: rgba(37, 99, 235, 0.22) !important;
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
}

main.travel-page :where(
  .wt-city-cta .wt-city-button--ghost,
  .wt-section--survey-cta .wt-city-button--ghost,
  .wt-cta-band .wt-city-button--ghost,
  .wt-city-hero__actions .wt-city-button--ghost,
  .wt-hotel-actions .wt-btn--ghost
){
  border-color: rgba(15, 23, 42, 0.10) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
}

/* 호텔 카드: 카드 구분에 필요한 최소 border 복구 */
main.travel-page :where(.wt-hotel-card),
main.travel-page.wt-purpose-page :where(.wt-hotel-card),
main.travel-page :where(.wt-purpose-page .wt-hotel-card){
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

main.travel-page :where(.wt-hotel-card .wt-badge, .wt-hotel-card__meta-list .wt-badge){
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 목적별 Area Guide와 서베이 CTA 간격 재조정 */
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
  padding-bottom: clamp(8px, 1.2vw, 14px) !important;
}

main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
main.travel-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page #area-compare.wt-section + .wt-section--survey-cta{
  padding-top: 0 !important;
}

main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
  padding-top: 0 !important;
  padding-bottom: clamp(34px, 4vw, 56px) !important;
}

main.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band,
.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
  padding: clamp(20px, 3vw, 30px) !important;
}

/* border 제거 후 생기는 횡함 보완: 여백을 넓히지 않고 콘텐츠 밀도를 안정화 */
main.travel-page :where(.wt-section-head, .section-heading){
  margin-bottom: clamp(18px, 2.4vw, 28px) !important;
}

main.travel-page :where(.wt-area-tabs, .wt-city-area-tabs){
  gap: clamp(12px, 1.8vw, 18px) !important;
}

main.travel-page :where(.wt-area-tab-panel, .wt-city-area-tab-panel){
  padding-top: clamp(14px, 2vw, 22px) !important;
}

main.travel-page :where(.wt-hotel-grid, .travel-card-grid, .wt-content-grid){
  gap: clamp(16px, 2.2vw, 24px) !important;
}

main.travel-page :where(.wt-cta-band, .wt-city-cta__inner){
  gap: clamp(16px, 3vw, 28px) !important;
  border: 0 !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
    padding-bottom: 10px !important;
  }

  main.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band,
.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
    padding: 22px !important;
  }
}

@media (max-width: 767px) {
  main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
    padding-bottom: 6px !important;
  }

  main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
    padding-top: 0 !important;
    padding-bottom: 32px !important;
  }

  main.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band,
.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
    padding: 20px 0 !important;
  }

  main.travel-page :where(.wt-section-head, .section-heading){
    margin-bottom: 16px !important;
  }

  main.travel-page :where(.wt-hotel-grid, .travel-card-grid, .wt-content-grid){
    gap: 14px !important;
  }
}
/* End BESTAYABLE_MINIMAL_BALANCE_REFINEMENT_V111 */

/* BESTAYABLE_MINIMAL_BALANCE_REFINEMENT_V111
   - v1.10의 과도한 무테 느낌 보완
   - CTA 배너/버튼과 호텔 카드에는 필요한 최소 border 복원
   - 목적별 Area Guide와 Survey CTA 간격 압축
   - 버튼을 제외한 여행 페이지 배경은 흰색 유지
========================================================= */
main.travel-page{
  background: #ffffff !important;
  background-color: #ffffff !important;
}

main.travel-page :where(
  .wt-city-cta,
  .wt-city-cta__inner,
  .wt-section--survey-cta,
  .wt-cta-band,
  .wt-hotel-more-banner,
  .wt-page-hero,
  .wt-city-hero,
  .wt-section,
  .wt-city-section,
  .wt-area-tabs,
  .wt-city-area-tabs,
  .wt-area-tab-panel,
  .wt-city-area-tab-panel,
  .wt-area-card__note,
  .wt-city-area-info-card,
  .wt-city-area-panel__decision,
  .wt-purpose-quick-card,
  .wt-reason-card,
  .wt-check-item,
  .wt-link-card,
  .wt-hotel-note
){
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* CTA 배너는 흰 배경을 유지하되, 너무 비어 보이지 않도록 얇은 외곽선만 사용 */
main.travel-page :where(.wt-city-cta__inner, .wt-section--survey-cta .wt-cta-band){
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  border-radius: clamp(22px, 2.2vw, 30px) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 배너/호텔 CTA 버튼은 클릭 요소로 보이도록 border 복원 */
main.travel-page :where(
  .wt-city-cta .wt-city-button,
  .wt-section--survey-cta .wt-city-button,
  .wt-cta-band .wt-city-button,
  .wt-cta-band .wt-btn,
  .wt-hotel-actions .wt-btn,
  .wt-hotel-more-banner .wt-btn,
  .wt-hotel-more-banner .wt-city-button
){
  border: 1px solid rgba(37, 99, 235, 0.26) !important;
  border-radius: 999px;
}

main.travel-page :where(
  .wt-city-cta .wt-city-button--primary,
  .wt-section--survey-cta .wt-city-button--primary,
  .wt-cta-band .wt-city-button--primary,
  .wt-cta-band .wt-btn--primary,
  .wt-hotel-actions .wt-btn--primary,
  .wt-hotel-more-banner .wt-btn--primary
){
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.34) !important;
}

/* 호텔 카드는 border가 있어야 가로 스크롤/그리드에서 카드 단위가 명확해짐 */
main.travel-page :where(.wt-hotel-card, #hotels .wt-hotel-card, .wt-purpose-page #hotels .wt-hotel-card){
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

main.travel-page :where(.wt-hotel-card__body){
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
}

/* border를 줄인 뒤 생기는 횡한 느낌은 과한 선 대신 간격과 밀도로 보정 */
main.travel-page :where(.wt-section-head, .section-heading){
  margin-bottom: clamp(18px, 2.2vw, 28px) !important;
}

main.travel-page :where(
  .wt-purpose-quick-grid,
  .wt-reason-grid,
  .wt-check-grid,
  .wt-link-grid,
  .wt-city-area-panel__grid,
  .wt-area-tab-panel__details
){
  gap: clamp(10px, 1.4vw, 16px) !important;
}

main.travel-page :where(
  .wt-area-card__note,
  .wt-city-area-info-card,
  .wt-check-item,
  .wt-link-card,
  .wt-purpose-quick-card,
  .wt-reason-card
){
  padding: clamp(16px, 2vw, 20px) !important;
}

/* 목적별 페이지: Area Guide 바로 아래 Survey CTA는 한 덩어리처럼 이어지도록 간격 축소 */
main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section{
  padding-bottom: clamp(8px, 1.1vw, 14px) !important;
}

main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta{
  padding-top: 0 !important;
}

main.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta .container,
.travel-page.wt-purpose-page #area-compare.wt-section + .wt-section--survey-cta .container{
  padding-top: 0 !important;
}

main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta{
  padding-top: 0 !important;
  padding-bottom: clamp(42px, 4.5vw, 66px) !important;
}

main.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band,
.travel-page.wt-purpose-page .wt-section--survey-cta .wt-cta-band{
  padding: clamp(22px, 3.2vw, 34px) !important;
}

/* 메인 도시 페이지의 Area Guide 아래 CTA도 너무 떨어지지 않도록 정리 */
main.travel-page.wt-city-page #area-guide.wt-city-section,
.travel-page.wt-city-page #area-guide.wt-city-section{
  padding-bottom: clamp(10px, 1.4vw, 18px) !important;
}

main.travel-page.wt-city-page #area-guide + .wt-city-cta,
.travel-page.wt-city-page #area-guide + .wt-city-cta{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

main.travel-page.wt-city-page .wt-city-cta,
.travel-page.wt-city-page .wt-city-cta{
  padding-bottom: clamp(42px, 4.5vw, 66px) !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section,
main.travel-page.wt-city-page #area-guide.wt-city-section,
.travel-page.wt-city-page #area-guide.wt-city-section{
    padding-bottom: 12px !important;
  }

  main.travel-page :where(.wt-city-cta__inner, .wt-section--survey-cta .wt-cta-band){
    padding: 24px !important;
  }
}

@media (max-width: 767px) {
  main.travel-page.wt-purpose-page #area-compare.wt-section,
.travel-page.wt-purpose-page #area-compare.wt-section,
main.travel-page.wt-city-page #area-guide.wt-city-section,
.travel-page.wt-city-page #area-guide.wt-city-section{
    padding-bottom: 8px !important;
  }

  main.travel-page.wt-purpose-page .wt-section--survey-cta,
.travel-page.wt-purpose-page .wt-section--survey-cta,
main.travel-page.wt-city-page .wt-city-cta,
.travel-page.wt-city-page .wt-city-cta{
    padding-top: 0 !important;
    padding-bottom: 34px !important;
  }

  main.travel-page :where(.wt-city-cta__inner, .wt-section--survey-cta .wt-cta-band){
    padding: 20px !important;
    border-radius: 22px !important;
  }

  main.travel-page :where(.wt-section-head, .section-heading){
    margin-bottom: 16px !important;
  }

  main.travel-page :where(
    .wt-purpose-quick-grid,
    .wt-reason-grid,
    .wt-check-grid,
    .wt-link-grid,
    .wt-city-area-panel__grid,
    .wt-area-tab-panel__details
  ){
    gap: 10px !important;
  }
}
/* End BESTAYABLE_MINIMAL_BALANCE_REFINEMENT_V111 */


/* BESTAYABLE_CITY_AREA_PANEL_REFINEMENT_V112
   - 일본 도시 메인 Area Guide eyebrow/decision label 좌우 패딩 제거
   - 데스크탑에서 Area Guide grid와 decision 사이/하단 간격 압축
========================================================= */
main.travel-page.wt-city-page #area-guide .wt-city-area-panel__eyebrow,
.travel-page.wt-city-page #area-guide .wt-city-area-panel__eyebrow{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

main.travel-page.wt-city-page #area-guide .wt-city-area-panel__decision span,
.travel-page.wt-city-page #area-guide .wt-city-area-panel__decision span{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 1025px) {
  main.travel-page.wt-city-page #area-guide .wt-city-area-panel__grid,
.travel-page.wt-city-page #area-guide .wt-city-area-panel__grid{
    padding-bottom: 10px !important;
  }

  main.travel-page.wt-city-page #area-guide .wt-city-area-panel__decision,
.travel-page.wt-city-page #area-guide .wt-city-area-panel__decision{
    margin-bottom: 18px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
/* End BESTAYABLE_CITY_AREA_PANEL_REFINEMENT_V112 */

/* BESTAYABLE_BREADCRUMB_SURVEY_PANEL_REFINEMENT_V113
   - breadcrumb ol/current item horizontal padding reset
   - city hotel-guide survey panel text visibility fix on white surfaces
========================================================= */




main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__link,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__link{
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
}

main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__eyebrow,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__eyebrow,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__eyebrow,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__eyebrow{
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  color: #2563eb !important;
}

main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content{
  color: #333333 !important;
}

main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content strong,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content strong,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content strong,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content strong{
  color: #111827 !important;
}

main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content span:last-child,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content span:last-child,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content span:last-child,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__content span:last-child{
  color: #333333 !important;
}

main.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__button,
.travel-page.wt-city-hotel-guide-page .wt-city-guide-survey-panel__button,
main.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__button,
.travel-page.wt-city-travel-guide-page .wt-city-guide-survey-panel__button{
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  border: 1px solid rgba(37, 99, 235, 0.28) !important;
}
/* End BESTAYABLE_BREADCRUMB_SURVEY_PANEL_REFINEMENT_V113 */

/* V113 - common archive, breadcrumb, and guide hero refinement */
@media (min-width: 721px) {
  
}

.wt-city-archive-page .wt-city-dynamic-section,
main.travel-page.wt-city-archive-page .wt-city-dynamic-section,
.travel-page.wt-city-archive-page .wt-city-dynamic-section{
  padding-top: 0 !important;
}

.wt-city-guide-hero h1,
.city-guide-hero h1{
  font-size: clamp(1.95rem, 3.6vw, 3.25rem) !important;
  line-height:1.2;
  letter-spacing: -0.042em !important;
  font-weight: 500!important;
  word-break: keep-all;
}

@media (max-width: 720px) {
  .wt-city-guide-hero h1,
.city-guide-hero h1{
    font-size: clamp(1.72rem, 8.4vw, 2.25rem) !important;
    line-height:1.2;
    letter-spacing: -0.035em !important;
  word-break: keep-all;
  }
}

/* BESTAYABLE_BREADCRUMB_TABLET_AND_SURVEY_RELATED_TOP5_V114
   - Tablet breadcrumb left padding reset
   - Desktop breadcrumb left padding preserved
========================================================= */
@media (min-width: 721px) and (max-width: 1180px) {
  
}

@media (min-width: 1181px) {
  
}
/* End BESTAYABLE_BREADCRUMB_TABLET_AND_SURVEY_RELATED_TOP5_V114 */


/* BESTAYABLE_LOCATION_SURVEY_RESULT_BREATHING_ROOM_V9 */
.wt-location-page.is-survey-started:not(.is-result-mode) .wt-survey-top-link{
  display: none;
}

.wt-location-page.is-result-mode{
  padding-top: clamp(22px, 3.5vw, 42px);
  padding-bottom: clamp(72px, 8vw, 112px);
}

.wt-location-page.is-result-mode .wt-location-shell{
  max-width: min(100%, 1100px);
}

.wt-location-page.is-result-mode .wt-survey-top-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  min-height: 42px;
  margin: 0 0 clamp(20px, 2.6vw, 32px);
  padding: 0 16px 0 12px;
  border-radius: 999px;
  border: 1px solid #e5ebf2;
  background: #ffffff;
  color: #263241;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.wt-location-page.is-result-mode .wt-survey-top-link:hover{
  background: #f8fafc;
  border-color: #d8e1eb;
}

.wt-location-page .wt-result.is-active .wt-result-card{
  padding-top: clamp(30px, 4.8vw, 58px);
}

.wt-location-page .wt-result.is-active .wt-result-summary{
  margin-top: 18px;
  line-height: 1.82;
}

.wt-location-page .wt-result.is-active .wt-result-lead{
  margin-top: clamp(32px, 4vw, 46px);
  padding: clamp(24px, 3.2vw, 34px);
  border: 1px solid #e8edf3;
  border-radius: 26px;
  background: #ffffff;
}

.wt-location-page .wt-result.is-active .wt-result-story{
  margin-top: clamp(58px, 6vw, 82px);
  padding: clamp(28px, 4vw, 40px);
  border: 1px solid #e8edf3;
  border-radius: 30px;
  background: #ffffff;
}

.wt-location-page .wt-result.is-active .wt-result-story-desc{
  margin-top: 16px;
}

.wt-location-page .wt-result.is-active .wt-reason-list{
  gap: clamp(16px, 2vw, 22px);
  margin-top: clamp(30px, 3.4vw, 42px);
}

.wt-location-page .wt-result.is-active .wt-reason-card{
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid #edf1f5;
  border-radius: 26px;
  background: #fbfcfe;
}

.wt-location-page .wt-result.is-active .wt-reason-card p{
  margin-top: 10px;
}

.wt-location-page .wt-result.is-active .wt-decision-box{
  margin-top: clamp(24px, 3vw, 34px);
  padding: clamp(24px, 3vw, 32px);
  border-radius: 26px;
}

.wt-location-page .wt-result.is-active .wt-hotel-section{
  margin-top: clamp(64px, 7vw, 92px);
  padding: clamp(26px, 4vw, 40px);
  border: 1px solid #e8edf3;
  border-radius: 32px;
  background: #fbfcfe;
}

.wt-location-page .wt-result.is-active .wt-section-heading{
  margin-bottom: clamp(24px, 3vw, 34px);
}

.wt-location-page .wt-result.is-active .wt-hotel-grid{
  gap: clamp(18px, 2.4vw, 24px);
  margin-right: 0 !important;
  padding: 4px 4px 22px !important;
}

.wt-location-page .wt-result.is-active .wt-hotel-card{
  flex-basis: clamp(320px, 32vw, 372px);
  padding: clamp(24px, 2.6vw, 30px);
  border: 1px solid #edf1f5;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
}

.wt-location-page .wt-result.is-active .wt-hotel-card-footer{
  padding-top: 22px;
}

.wt-location-page .wt-result.is-active .wt-post-list-section{
  margin-top: clamp(54px, 6vw, 76px);
  padding: clamp(26px, 4vw, 38px);
  border: 1px solid #e8edf3;
  border-radius: 30px;
  background: #ffffff;
}

.wt-location-page .wt-result.is-active + .wt-reset-area,
.wt-location-page .wt-result.is-active .wt-reset-area{
  margin-top: clamp(38px, 5vw, 58px);
}

@media (max-width: 820px) {
  .wt-location-page.is-result-mode{
    padding-top: 24px;
  }

  .wt-location-page.is-result-mode .wt-survey-top-link{
    margin-bottom: 22px;
  }

  .wt-location-page .wt-result.is-active .wt-result-card{
    padding-top: 28px;
  }

  .wt-location-page .wt-result.is-active .wt-result-story,
.wt-location-page .wt-result.is-active .wt-hotel-section,
.wt-location-page .wt-result.is-active .wt-post-list-section{
    border-radius: 26px;
  }

  .wt-location-page .wt-result.is-active .wt-hotel-card{
    flex-basis: min(78vw, 340px);
  }
}

@media (max-width: 560px) {
  .wt-location-page.is-result-mode{
    padding-left: clamp(22px, 6vw, 28px);
    padding-right: clamp(22px, 6vw, 28px);
  }

  .wt-location-page .wt-result.is-active .wt-result-lead,
.wt-location-page .wt-result.is-active .wt-result-story,
.wt-location-page .wt-result.is-active .wt-hotel-section,
.wt-location-page .wt-result.is-active .wt-post-list-section{
    padding: 22px;
  }

  .wt-location-page .wt-result.is-active .wt-hotel-grid{
    gap: 16px;
    padding-bottom: 20px !important;
  }

  .wt-location-page .wt-result.is-active .wt-hotel-card{
    flex-basis: min(82vw, 318px);
    padding: 22px;
  }
}
/* End BESTAYABLE_LOCATION_SURVEY_RESULT_BREATHING_ROOM_V9 */

/* BESTAYABLE_NHA_TRANG_LOCAL_PHRASE_PRONUNCIATION_V1 */
.wt-local-phrase__vi{
  display: block;
  font-weight: 500;
  color: #0f172a;
}

.wt-local-phrase__pronunciation{
  display: block;
  margin-top: 6px;
  font-size: 0.88em;
  line-height: 1.45;
  color: #64748b;
}
/* End BESTAYABLE_NHA_TRANG_LOCAL_PHRASE_PRONUNCIATION_V1 */


/* V117 - Nha Trang travel guide related CTA visibility fix */
main.travel-page.wt-city-travel-guide-page .wt-city-guide-related--visible.container{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1;
  clear: both;
  width: min(100% - 40px, 1120px);
  max-width: 1120px !important;
  margin-top: clamp(28px, 4vw, 52px) !important;
  margin-right: auto !important;
  margin-bottom: clamp(42px, 6vw, 76px) !important;
  margin-left: auto !important;
  box-sizing: border-box;
}

main.travel-page.wt-city-travel-guide-page .wt-city-guide-layout + .wt-city-guide-related--visible.container{
  margin-top: clamp(30px, 4.5vw, 58px) !important;
}

@media (max-width: 767px) {
  main.travel-page.wt-city-travel-guide-page .wt-city-guide-related--visible.container{
    width: 100% !important;
    max-width: none !important;
    margin-top: 28px !important;
    margin-right: 0 !important;
    margin-bottom: 44px !important;
    margin-left: 0 !important;
  }
}


/* BESTAYABLE_GUIDE_RELATED_VISIBILITY_FIX_V1
   Fixes guide CTA text/link visibility on all /travel-guide/ and /hotel-guide/ pages.
   Previous page-specific overrides could leave the related CTA title/links with the wrong
   contrast. Keep the component as a dark CTA and force all nested text to remain visible. */
main.travel-page .wt-city-guide-related.container{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #102a45 0%, #174c78 58%, #2563eb 100%) !important;
  color: #ffffff !important;
}

main.travel-page .wt-city-guide-related.container .eyebrow,
main.travel-page .wt-city-guide-related.container h2,
main.travel-page .wt-city-guide-related.container p,
main.travel-page .wt-city-guide-related.container span,
main.travel-page .wt-city-guide-related.container strong{
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1.2;
  word-break: keep-all;
}

main.travel-page .wt-city-guide-related.container > div:first-child p:not(.eyebrow){
  color: rgba(255, 255, 255, 0.84) !important;
  opacity: 1 !important;
}

main.travel-page .wt-city-guide-related__links{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  gap: 10px !important;
}

main.travel-page .wt-city-guide-related__links a,
main.travel-page .wt-city-guide-related__links a:visited{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

main.travel-page .wt-city-guide-related__links a:hover,
main.travel-page .wt-city-guide-related__links a:focus-visible{
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

main.travel-page .wt-city-guide-related__links a span,
main.travel-page .wt-city-guide-related__links a strong,
main.travel-page .wt-city-guide-related__links a p{
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

main.travel-page .wt-city-guide-related__links a p{
  color: rgba(255, 255, 255, 0.78) !important;
}

main.travel-page .wt-city-guide-related__links a::after{
  color: #ffffff !important;
  opacity: 1 !important;
}

main.travel-page .wt-city-guide-related__links a.wt-city-guide-related__card{
  display: grid !important;
  align-items: start !important;
  justify-content: stretch !important;
  gap: 6px !important;
  min-height: auto !important;
  padding: 18px 20px !important;
  border-radius: 22px !important;
}

main.travel-page .wt-city-guide-related__links a.wt-city-guide-related__card::after{
  display: none !important;
}

main.travel-page .wt-city-guide-related__grid{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  gap: 12px !important;
}

main.travel-page .wt-city-guide-related__grid a,
main.travel-page .wt-city-guide-related__grid a:visited,
main.travel-page .wt-city-guide-related__card,
main.travel-page .wt-city-guide-related__card:visited{
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  gap: 6px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

main.travel-page .wt-city-guide-related__grid a:hover,
main.travel-page .wt-city-guide-related__grid a:focus-visible,
main.travel-page .wt-city-guide-related__card:hover,
main.travel-page .wt-city-guide-related__card:focus-visible{
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

main.travel-page .wt-city-guide-related__grid a span,
main.travel-page .wt-city-guide-related__grid a strong,
main.travel-page .wt-city-guide-related__grid a p,
main.travel-page .wt-city-guide-related__card span,
main.travel-page .wt-city-guide-related__card strong,
main.travel-page .wt-city-guide-related__card p{
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

main.travel-page .wt-city-guide-related__grid a p,
main.travel-page .wt-city-guide-related__card p{
  color: rgba(255, 255, 255, 0.78) !important;
}


/* BESTAYABLE_DESTINATIONS_ARCHIVE_HUB_SKELETON_V1
   /destinations/ 전체 여행지 페이지를 메인 index 여행지 허브 카드와 동일한 카드형 UI로 통일하고,
   데이터 로딩 중에는 스켈레톤 카드를 먼저 보여준다. */
.travel-section--destinations-archive{
  --archive-hub-border: rgba(15, 23, 42, 0.065);
  --archive-hub-chip-bg: #f7f9fc;
  --archive-hub-chip-hover: #eef6ff;
}

.travel-section--destinations-archive .country-destination-list--all{
  display: grid !important;
  gap: clamp(14px, 2vw, 18px) !important;
  align-items: stretch !important;
  width: 100% !important;
}

.travel-section--destinations-archive .country-destination-group--compact{
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: clamp(20px, 2.15vw, 26px) !important;
  border: 1px solid var(--archive-hub-border) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  backdrop-filter: none !important;
}

.travel-section--destinations-archive .country-destination-group__head{
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--archive-hub-border) !important;
}

.travel-section--destinations-archive .country-destination-group__title{
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 46px) !important;
}

.travel-section--destinations-archive .country-destination-group__head h3{
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: clamp(1.02rem, 1.2vw, 1.16rem) !important;
  font-weight: 500!important;
  letter-spacing: -0.035em !important;
  line-height: 1.2 !important;
}

.travel-section--destinations-archive .country-destination-group__actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: auto !important;
}

.travel-section--destinations-archive .country-destination-group__link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(23, 76, 120, 0.76) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: none !important;
}

.travel-section--destinations-archive .country-destination-group__link span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 15px !important;
  font-weight: 400!important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

.travel-section--destinations-archive .destination-chip-list{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  min-width: 0 !important;
}

.travel-section--destinations-archive .destination-chip,
.travel-section--destinations-archive .destination-chip.destination-chip--public{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 43px !important;
  padding: 10px 8px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: var(--archive-hub-chip-bg) !important;
  color: #1f2937 !important;
  transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 0.92rem !important;
  font-weight: 400!important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
  transition: none !important;
}

.travel-section--destinations-archive .destination-chip__icon,
.travel-section--destinations-archive .destination-chip__arrow{
  display: none !important;
}

.travel-section--destinations-archive .destination-chip__link{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}

.travel-section--destinations-archive .destination-chip__name{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
}

.travel-section--destinations-archive .country-destination-list--all.is-loading{
  pointer-events: none;
}

.travel-section--destinations-archive .country-destination-group--skeleton{
  min-height: 210px;
}

.travel-section--destinations-archive .destination-skeleton{
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(90deg, #edf2f7 0%, #f8fafc 42%, #edf2f7 78%);
  background-size: 220% 100%;
  animation: wtDestinationsSkeleton 1.35s ease-in-out infinite;
}

.travel-section--destinations-archive .destination-skeleton--title{
  width: min(128px, 64%);
  height: 22px;
}

.travel-section--destinations-archive .destination-skeleton--circle{
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
}

.travel-section--destinations-archive .destination-skeleton--chip{
  width: 100%;
  min-height: 43px;
  border-radius: 15px;
}

@keyframes wtDestinationsSkeleton {
  0%{ background-position: 120% 0; }
  100%{ background-position: -120% 0; }
}

@media (max-width: 767px) {
  .travel-section--destinations-archive .country-destination-list--all{
    gap: 16px !important;
  }

  .travel-section--destinations-archive .country-destination-group--compact{
    padding: 18px !important;
    border-radius: 24px !important;
    background: #ffffff !important;
  }

  .travel-section--destinations-archive .country-destination-group__head{
    gap: 12px !important;
    padding-bottom: 13px !important;
  }

  .travel-section--destinations-archive .country-destination-group__title{
    max-width: calc(100% - 42px) !important;
  }

  .travel-section--destinations-archive .country-destination-group__head h3{
    font-size: 1.02rem !important;
  }

  .travel-section--destinations-archive .country-destination-group__link{
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
  }

  .travel-section--destinations-archive .country-destination-group__link span{
    font-size: 14px !important;
  }

  .travel-section--destinations-archive .destination-chip,
.travel-section--destinations-archive .destination-chip.destination-chip--public,
.travel-section--destinations-archive .destination-skeleton--chip{
    min-height: 44px !important;
    padding: 11px 10px !important;
    border-radius: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .travel-section--destinations-archive .destination-skeleton{
    animation: none;
  }
}
/* End BESTAYABLE_DESTINATIONS_ARCHIVE_HUB_SKELETON_V1 */

/* BESTAYABLE_COUNTRY_PAGE_SKELETON_V1: 국가별 페이지 스켈레톤 로딩 */
.travel-page--country-hub .country-page-skeleton{
  display: none;
}

.travel-page--country-hub.is-loading .country-page-content{
  display: none !important;
}

.travel-page--country-hub.is-loading .country-page-skeleton{
  display: grid;
}

.travel-page--country-hub.is-loading .country-page-skeleton--posts{
  display: block;
}

.country-page-skeleton--cities{
  grid-template-columns: 1fr;
  gap: 22px;
}

.country-page-skeleton-card,
.country-page-skeleton-post-section{
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);
}

.country-page-skeleton-card--city{
  min-height: 360px;
}

.country-page-skeleton__media{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0;
}

.country-page-skeleton__body{
  display: grid;
  gap: 12px;
  padding: 22px;
}

.country-page-skeleton__line,
.country-page-skeleton__media,
.country-page-skeleton__button,
.country-page-skeleton-post-row{
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(90deg, #edf2f7 0%, #f8fafc 44%, #edf2f7 78%);
  background-size: 220% 100%;
  animation: wtCountryPageSkeleton 1.35s ease-in-out infinite;
}

.country-page-skeleton__line--meta{
  width: 34%;
  height: 13px;
}

.country-page-skeleton__line--title{
  width: 68%;
  height: 24px;
}

.country-page-skeleton__line--heading{
  width: 58%;
  height: 22px;
}

.country-page-skeleton__line--hero-title{
  width: min(420px, 78%);
  height: 30px;
}

.country-page-skeleton__line--text{
  width: 100%;
  height: 14px;
}

.country-page-skeleton__line--text.short{
  width: 72%;
}

.country-page-skeleton__button{
  width: 118px;
  height: 20px;
  margin-top: 4px;
}

.country-page-skeleton--posts{
  padding-top: 20px;
}

.country-page-skeleton-heading{
  display: grid;
  gap: 12px;
  max-width: 720px;
  margin-bottom: 22px;
}

.country-page-skeleton-post-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.country-page-skeleton-post-section{
  display: grid;
  gap: 12px;
  min-height: 250px;
  padding: 22px;
  box-shadow: none;
}

.country-page-skeleton-post-list{
  display: grid;
  gap: 10px;
  margin-top: 4px;
}

.country-page-skeleton-post-row{
  width: 100%;
  height: 44px;
  border-radius: 14px;
}

@keyframes wtCountryPageSkeleton {
  0%{ background-position: 120% 0; }
  100%{ background-position: -120% 0; }
}

@media (min-width: 768px) {
  .country-page-skeleton--cities{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1120px) {
  .country-page-skeleton--cities,
.country-page-skeleton-post-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .country-page-skeleton--cities{
    gap: 16px;
  }

  .country-page-skeleton-card,
.country-page-skeleton-post-section{
    border-radius: 22px;
  }

  .country-page-skeleton-card--city{
    min-height: 310px;
  }

  .country-page-skeleton__body,
.country-page-skeleton-post-section{
    padding: 18px;
  }

  .country-page-skeleton__line--hero-title{
    height: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .country-page-skeleton__line,
.country-page-skeleton__media,
.country-page-skeleton__button,
.country-page-skeleton-post-row{
    animation: none;
  }
}
/* End BESTAYABLE_COUNTRY_PAGE_SKELETON_V1 */

/* Travel heading readability */
.travel-page h2,
.travel-page h3{
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: break-word;
}


/* Fukuoka hotel-location survey result enhancements */
.wt-location-page .wt-result-answer,
.wt-location-page .wt-result-practical,
.wt-location-page .wt-alternative-box{
  margin-top: 22px;
  border: 1px solid rgba(31, 41, 55, 0.1);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.wt-location-page .wt-result-answer{
  padding: 24px;
}

.wt-location-page .wt-result-mini-title{
  margin: 7px 0 0;
  font-size: clamp(1.16rem, 2vw, 1.45rem);
  line-height: 1.35;
  letter-spacing: -0.04em;
  color: #111827;
}

.wt-location-page .wt-answer-chip-list,
.wt-location-page .wt-practical-chip-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.wt-location-page .wt-answer-chip-list span,
.wt-location-page .wt-practical-chip-list span{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #eef6ff;
  color: #0f4c81;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.02em;
  white-space: normal;
}

.wt-location-page .wt-answer-chip-list span{
  border-radius: 16px;
}

.wt-location-page .wt-practical-chip-list--muted span{
  background: #f7f7f8;
  color: #4b5563;
}

.wt-location-page .wt-result-answer-text,
.wt-location-page .wt-alternative-box p{
  margin: 16px 0 0;
  color: #4b5563;
  font-size: 0.98rem;
  line-height: 1.75;
  letter-spacing: -0.02em;
}

.wt-location-page .wt-result-practical{
  padding: 24px;
}

.wt-location-page .wt-practical-head .wt-section-desc{
  margin-top: 10px;
}

.wt-location-page .wt-practical-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.wt-location-page .wt-practical-card{
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(31, 41, 55, 0.08);
  border-radius: 20px;
  background: #f9fafb;
}

.wt-location-page .wt-practical-card--wide{
  grid-column: 1 / -1;
}

.wt-location-page .wt-practical-card h4{
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
  color: #111827;
  letter-spacing: -0.03em;
}

.wt-location-page .wt-practical-list{
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.wt-location-page .wt-practical-list li{
  position: relative;
  padding-left: 18px;
  color: #4b5563;
  font-size: 0.93rem;
  line-height: 1.65;
  letter-spacing: -0.02em;
}

.wt-location-page .wt-practical-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2563eb;
}

.wt-location-page .wt-alternative-box{
  padding: 24px;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(255, 255, 255, 0.95));
}

@media (max-width: 760px) {
  .wt-location-page .wt-result-answer,
.wt-location-page .wt-result-practical,
.wt-location-page .wt-alternative-box{
    margin-top: 16px;
    border-radius: 20px;
  }

  .wt-location-page .wt-result-answer,
.wt-location-page .wt-result-practical,
.wt-location-page .wt-alternative-box{
    padding: 18px;
  }

  .wt-location-page .wt-practical-grid{
    grid-template-columns: 1fr;
  }
}

/* BESTAYABLE_FUKUOKA_SURVEY_APP_UI_V1 */
body.wt-location-survey-page--app,
body.wt-location-survey-page--app html{
  width: 100%;
}

body.wt-location-survey-page--app{
  height: 100%;
  min-height: 100dvh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f8fb;
  color: #1d1d1f;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans KR", "Segoe UI", Roboto, system-ui, sans-serif;
  line-height: 1.5;
  word-break: keep-all;
}

body.wt-location-survey-page--app .wt-location-app{
  width: 100%;
  min-height: 100dvh;
  height: 100dvh;
  padding: 0;
  background: #f7f8fb;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.wt-location-survey-page--app .wt-app-container{
  position: relative;
  width: 100%;
  max-width: 420px;
  height: 100%;
  height: 100dvh;
  background: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media (min-width: 480px) {
  body.wt-location-survey-page--app .wt-app-container{
    height: 85vh;
    border-radius: 32px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  }
}

body.wt-location-survey-page--app .page-view{
  display: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px 24px 24px;
  animation: wtSurveyFadeIn 0.4s ease-in-out forwards;
  overflow: hidden;
}

body.wt-location-survey-page--app .page-view.active{
  display: flex;
}

@keyframes wtSurveyFadeIn {
  from{ opacity: 0; transform: translateY(8px); }
  to{ opacity: 1; transform: translateY(0); }
}

body.wt-location-survey-page--app .header-actions{
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-height: 40px;
  flex-shrink: 0;
  align-items: center;
}

body.wt-location-survey-page--app .close-btn{
  border: 0;
  background: transparent;
  color: #86868b;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  cursor: pointer;
}

body.wt-location-survey-page--app .main-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

body.wt-location-survey-page--app .logo-icon{
  width: 90px;
  height: 90px;
  margin-bottom: 28px;
}

body.wt-location-survey-page--app .logo-icon--complete{
  width: 96px;
  height: 96px;
  margin-bottom: 30px;
}

body.wt-location-survey-page--app .main-title{
  margin: 0 0 18px;
  color: #1d1d1f;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.045em;
  word-break: keep-all;
}

body.wt-location-survey-page--app .sub-description{
  max-width: 310px;
  margin: 0;
  color: #86868b;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.65;
}

body.wt-location-survey-page--app .footer-actions{
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
  flex-shrink: 0;
}

body.wt-location-survey-page--app .next-btn,
body.wt-location-survey-page--app .primary-action-btn,
body.wt-location-survey-page--app .secondary-action-btn,
body.wt-location-survey-page--app .restart-btn{
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease, border-color 0.2s ease, color 0.2s ease;
}

body.wt-location-survey-page--app .next-btn{
  width: 100%;
  max-width: 220px;
  height: 54px;
  background: #1d1d1f;
  color: #ffffff;
  border: 0;
  border-radius: 27px;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

body.wt-location-survey-page--app .next-btn:active,
body.wt-location-survey-page--app .primary-action-btn:active,
body.wt-location-survey-page--app .secondary-action-btn:active,
body.wt-location-survey-page--app .restart-btn:active{
  transform: scale(0.98);
}

body.wt-location-survey-page--app .result-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 16px;
  padding: 6px 16px;
  border-radius: 20px;
  background: #eef5ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

body.wt-location-survey-page--app .wt-progress{
  width: 100%;
  margin: 10px 0 22px;
  flex-shrink: 0;
}

body.wt-location-survey-page--app .wt-progress-top{
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
  color: #86868b;
  font-size: 13px;
  font-weight: 500;
}

body.wt-location-survey-page--app .wt-progress-bar{
  width: 100%;
  height: 4px;
  overflow: hidden;
  border-radius: 2px;
  background: #e5e5ea;
}

body.wt-location-survey-page--app .wt-progress-fill{
  width: 0%;
  height: 100%;
  border-radius: 2px;
  background: #2563eb;
  transition: width 0.25s ease;
}

body.wt-location-survey-page--app .wt-question-scroll{
  width: 100%;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 6px 0 18px;
}

body.wt-location-survey-page--app .wt-question-title{
  margin: 0 auto 10px;
  color: #1d1d1f;
  font-size: clamp(22px, 6.2vw, 26px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.05em;
  max-width: 330px;
  word-break: keep-all;
}

body.wt-location-survey-page--app .wt-question-help{
  max-width: 330px;
  margin: 0 auto 24px;
  color: #86868b;
  font-size: 14px;
  line-height: 1.65;
}

body.wt-location-survey-page--app .wt-options{
  display: grid;
  gap: 10px;
  width: 100%;
}

body.wt-location-survey-page--app .wt-option{
  width: 100%;
  min-height: 70px;
  padding: 15px 16px;
  border: 1px solid #ececf0;
  border-radius: 22px;
  background: #f7f8fb;
  color: #1d1d1f;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
}

body.wt-location-survey-page--app .wt-option.is-selected{
  border-color: rgba(37, 99, 235, 0.26);
  background: #f8fbff;
}

body.wt-location-survey-page--app .wt-option-title{
  width: 100%;
  color: #1d1d1f;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.035em;
  text-align: left;
}

body.wt-location-survey-page--app .wt-option-desc{
  display: block !important;
  margin-top: 5px;
  color: #86868b;
  font-size: 12.8px;
  line-height: 1.45;
  text-align: left;
}

body.wt-location-survey-page--app .wt-survey-actions--split{
  gap: 12px;
  padding-top: 12px;
  padding-bottom: 10px;
}

body.wt-location-survey-page--app .primary-action-btn,
body.wt-location-survey-page--app .secondary-action-btn{
  flex: 1;
  height: 52px;
  border-radius: 26px;
  font-size: 15px;
  font-weight: 600;
}

body.wt-location-survey-page--app .primary-action-btn{
  border: 0;
  background: #1d1d1f;
  color: #ffffff;
}

body.wt-location-survey-page--app .primary-action-btn:disabled{
  background: #d2d2d7;
  color: #ffffff;
  cursor: not-allowed;
}

body.wt-location-survey-page--app .secondary-action-btn{
  border: 1px solid #d2d2d7;
  background: #f5f5f7;
  color: #1d1d1f;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

body.wt-location-survey-page--app #loadingPage{
  justify-content: center;
}

body.wt-location-survey-page--app .loader-container{
  position: relative;
  width: 90px;
  height: 90px;
  margin-bottom: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.wt-location-survey-page--app .loader-circle{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3.5px solid #f5f5f7;
  border-top: 3.5px solid #2563eb;
  border-radius: 50%;
  animation: wtSurveySpin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

body.wt-location-survey-page--app .loader-circle.complete{
  border-color: #2563eb;
  border-top-color: #2563eb;
  animation: wtSurveySpin 0.6s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

body.wt-location-survey-page--app .loader-icon-dynamic{
  width: 42px;
  height: 42px;
  color: #1d1d1f;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: wtSurveyPulse 1.5s ease-in-out infinite;
}

@keyframes wtSurveySpin {
  0%{ transform: rotate(0deg); }
  100%{ transform: rotate(360deg); }
}

@keyframes wtSurveyPulse {
  0%,
100%{ transform: scale(1); opacity: 0.9; }
  50%{ transform: scale(1.08); opacity: 1; }
}

body.wt-location-survey-page--app .loading-text{
  height: 27px;
  margin: 0 0 6px;
  color: #1d1d1f;
  font-size: 19px;
  font-weight: 600;
  transition: opacity 0.2s ease-in-out;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-location-survey-page--app .loading-sub-text{
  height: 20px;
  margin: 0;
  color: #86868b;
  font-size: 13.5px;
  font-weight: 400;
  transition: opacity 0.2s ease-in-out;
}

body.wt-location-survey-page--app .progress-bar-wrap{
  width: 140px;
  height: 4px;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 2px;
  background: #e5e5ea;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

body.wt-location-survey-page--app .progress-bar-wrap.hide{
  opacity: 0;
  transform: scaleY(0);
}

body.wt-location-survey-page--app .progress-bar-fill{
  width: 0%;
  height: 100%;
  background: #2563eb;
}

body.wt-location-survey-page--app #resultPage{
  padding: 0;
}

body.wt-location-survey-page--app .scrollable-body{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

body.wt-location-survey-page--app .result-top-bar{
  width: 100%;
  padding: 20px 24px 0;
  flex-shrink: 0;
}

body.wt-location-survey-page--app .simple-summary-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-grow: 1;
  padding: 0 24px 52px;
  animation: wtSurveyFadeIn 0.4s ease-in-out forwards;
}

body.wt-location-survey-page--app .result-destination{
  margin: 0 0 16px;
  color: #1d1d1f;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.055em;
  word-break: keep-all;
}

body.wt-location-survey-page--app .simple-brief-text{
  max-width: 320px;
  margin: 0 0 18px;
  color: #424245;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}

body.wt-location-survey-page--app .wt-result-lead--simple{
  width: 100%;
  max-width: 340px;
  margin: 0 0 28px;
  padding: 18px;
  border-radius: 24px;
  background: #f7f8fb;
  text-align: left;
}

body.wt-location-survey-page--app .wt-result-lead--simple strong{
  display: block;
  margin-bottom: 6px;
  color: #1d1d1f;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
}

body.wt-location-survey-page--app .wt-result-lead--simple p{
  margin: 0;
  color: #68686d;
  font-size: 13.5px;
  line-height: 1.65;
}

body.wt-location-survey-page--app .double-btn-group{
  display: flex;
  gap: 12px;
  width: 100%;
  max-width: 340px;
  justify-content: center;
}

body.wt-location-survey-page--app .detailed-info-section{
  display: none;
  width: 100%;
  animation: wtSurveyFadeIn 0.4s ease-in-out forwards;
}

body.wt-location-survey-page--app .result-upper-section{
  padding: 12px 24px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.wt-location-survey-page--app .tab-menu-container{
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 14px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  scrollbar-width: none;
}

body.wt-location-survey-page--app .tab-menu-container::-webkit-scrollbar{
  display: none;
}

body.wt-location-survey-page--app .tab-menu-list{
  display: inline-flex;
  justify-content: flex-start;
  gap: 10px;
}

body.wt-location-survey-page--app .tab-btn{
  display: inline-block;
  padding: 10px 18px;
  border: 0;
  border-radius: 24px;
  background: #f7f8fb;
  color: #86868b;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
}

body.wt-location-survey-page--app .tab-btn.active{
  background: #1d1d1f;
  color: #ffffff;
}

body.wt-location-survey-page--app .tab-content-container{
  width: 100%;
  padding: 16px 24px;
}

body.wt-location-survey-page--app .tab-panel{
  display: none;
  width: 100%;
  padding: 24px 20px;
  border-radius: 24px;
  background: #f7f8fb;
  text-align: left;
}

body.wt-location-survey-page--app .tab-panel.active{
  display: block;
}

body.wt-location-survey-page--app .panel-title,
body.wt-location-survey-page--app .wt-section-title,
body.wt-location-survey-page--app .wt-result-mini-title{
  margin: 0 0 14px;
  color: #1d1d1f;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.035em;
  word-break: keep-all;
}

body.wt-location-survey-page--app .panel-text,
body.wt-location-survey-page--app .wt-section-desc,
body.wt-location-survey-page--app .wt-result-story-desc,
body.wt-location-survey-page--app .wt-decision-box p,
body.wt-location-survey-page--app .wt-hotel-reason{
  color: #424245;
  font-size: 14.5px;
  line-height: 1.8;
}

body.wt-location-survey-page--app .panel-text p,
body.wt-location-survey-page--app .wt-section-desc{
  margin: 0 0 16px;
}

body.wt-location-survey-page--app .wt-section-eyebrow{
  margin: 0 0 8px;
  color: #2563eb;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

body.wt-location-survey-page--app .wt-reason-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 18px;
}

body.wt-location-survey-page--app .wt-reason-card,
body.wt-location-survey-page--app .wt-practical-card,
body.wt-location-survey-page--app .wt-hotel-card,
body.wt-location-survey-page--app .wt-decision-box{
  padding: 18px;
  border: 0;
  border-radius: 20px;
  background: #ffffff;
}

body.wt-location-survey-page--app .wt-reason-number,
body.wt-location-survey-page--app .wt-hotel-rank{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: #eef5ff;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
}

body.wt-location-survey-page--app .wt-reason-card h4,
body.wt-location-survey-page--app .wt-practical-card h4,
body.wt-location-survey-page--app .wt-hotel-name,
body.wt-location-survey-page--app .wt-decision-box strong{
  margin: 0;
  color: #1d1d1f;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.03em;
}

body.wt-location-survey-page--app .wt-reason-card p{
  margin: 8px 0 0;
  color: #68686d;
  font-size: 13.5px;
  line-height: 1.65;
}

body.wt-location-survey-page--app .wt-decision-box{
  margin-top: 14px;
  background: #ffffff;
}

body.wt-location-survey-page--app .wt-decision-box p{
  margin: 8px 0 0;
}

body.wt-location-survey-page--app .wt-practical-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 16px;
}

body.wt-location-survey-page--app .wt-practical-list{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

body.wt-location-survey-page--app .wt-practical-list li{
  position: relative;
  margin: 0;
  padding-left: 16px;
  color: #424245;
  font-size: 13.5px;
  line-height: 1.65;
}

body.wt-location-survey-page--app .wt-practical-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #2563eb;
}

body.wt-location-survey-page--app .wt-practical-chip-list,
body.wt-location-survey-page--app .wt-hotel-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

body.wt-location-survey-page--app .wt-practical-chip-list span,
body.wt-location-survey-page--app .wt-hotel-meta span,
body.wt-location-survey-page--app .wt-hotel-tag{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f7f8fb;
  color: #68686d;
  font-size: 12px;
  font-weight: 600;
}

body.wt-location-survey-page--app .wt-hotel-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 16px;
  padding: 0;
  overflow: visible;
}

body.wt-location-survey-page--app .wt-hotel-card-top{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

body.wt-location-survey-page--app .wt-hotel-rank{
  margin-bottom: 0;
}

body.wt-location-survey-page--app .wt-hotel-location{
  margin: 6px 0 0;
  color: #86868b;
  font-size: 13px;
}

body.wt-location-survey-page--app .wt-hotel-reason{
  margin: 10px 0 0;
  font-size: 13.5px;
}

body.wt-location-survey-page--app .wt-hotel-card-footer{
  margin-top: 12px;
  padding-top: 0;
}

body.wt-location-survey-page--app .wt-hotel-link-wrap{
  margin-top: 12px;
}

body.wt-location-survey-page--app .wt-hotel-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 20px;
  border-radius: 999px;
  background: #1d1d1f;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

body.wt-location-survey-page--app .wt-post-list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

body.wt-location-survey-page--app .wt-post-list a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 13px 15px;
  border-radius: 18px;
  background: #ffffff;
  color: #1d1d1f;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
}

body.wt-location-survey-page--app .wt-post-list a::after{
  content: "→";
  flex: 0 0 auto;
  margin-left: 12px;
  color: #86868b;
}

body.wt-location-survey-page--app .wt-post-empty{
  display: none;
  margin: 14px 0 0;
  color: #86868b;
  font-size: 13.5px;
  line-height: 1.6;
}

body.wt-location-survey-page--app .result-footer{
  width: 100%;
  padding: 24px 24px 40px;
  display: flex;
  justify-content: center;
}

body.wt-location-survey-page--app .restart-btn{
  width: 100%;
  max-width: 160px;
  height: 46px;
  border: 1px solid #d2d2d7;
  border-radius: 23px;
  background: #ffffff;
  color: #86868b;
  font-size: 14.5px;
  font-weight: 600;
}

@media (max-width: 380px) {
  body.wt-location-survey-page--app .page-view{
    padding-left: 20px;
    padding-right: 20px;
  }

  body.wt-location-survey-page--app .tab-content-container,
body.wt-location-survey-page--app .tab-menu-container,
body.wt-location-survey-page--app .result-top-bar,
body.wt-location-survey-page--app .result-upper-section{
    padding-left: 20px;
    padding-right: 20px;
  }

  body.wt-location-survey-page--app .result-destination{
    font-size: 28px;
  line-height: 1.2;
  word-break: keep-all;
  }

  body.wt-location-survey-page--app .wt-option{
    min-height: 66px;
    padding: 14px;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_APP_UI_V1 */

/* BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V3 */
body.wt-location-survey-page--app{
  background: #f6f7f9;
}

body.wt-location-survey-page--app .wt-location-app{
  background: #f6f7f9;
}

body.wt-location-survey-page--app .logo-icon--intro{
  width: 96px;
  height: 96px;
  margin-bottom: 30px;
}

body.wt-location-survey-page--app .sub-description{
  max-width: 304px;
  color: #6f7178;
  font-size: 14.5px;
  line-height: 1.72;
  letter-spacing: -0.025em;
}

body.wt-location-survey-page--app .next-btn,
body.wt-location-survey-page--app .primary-action-btn,
body.wt-location-survey-page--app .secondary-action-btn,
body.wt-location-survey-page--app .restart-btn{
  background: #ffffff;
  color: #1d1d1f;
  border: 1px solid #d8dce3;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

body.wt-location-survey-page--app .next-btn:hover,
body.wt-location-survey-page--app .primary-action-btn:hover,
body.wt-location-survey-page--app .secondary-action-btn:hover,
body.wt-location-survey-page--app .restart-btn:hover{
  border-color: #1d1d1f;
  background: #ffffff;
}

body.wt-location-survey-page--app .primary-action-btn:disabled{
  background: #ffffff;
  color: #b8bbc2;
  border-color: #eceef2;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-option{
  background: #ffffff;
  border-color: #e6e8ee;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.03);
}

body.wt-location-survey-page--app .wt-option.is-selected{
  background: #ffffff;
  border-color: #1d1d1f;
  box-shadow: inset 0 0 0 1px #1d1d1f, 0 8px 20px rgba(15, 23, 42, 0.04);
}

body.wt-location-survey-page--app .wt-result-lead--simple,
body.wt-location-survey-page--app .tab-panel,
body.wt-location-survey-page--app .tab-btn,
body.wt-location-survey-page--app .wt-practical-chip-list span,
body.wt-location-survey-page--app .wt-hotel-meta span,
body.wt-location-survey-page--app .wt-hotel-tag{
  background: #ffffff;
}

body.wt-location-survey-page--app .wt-result-lead--simple,
body.wt-location-survey-page--app .tab-panel{
  border: 1px solid #edf0f4;
}

body.wt-location-survey-page--app .tab-btn{
  border: 1px solid #e6e8ee;
  color: #6f7178;
}

body.wt-location-survey-page--app .tab-btn.active{
  background: #1d1d1f;
  border-color: #1d1d1f;
  color: #ffffff;
}

body.wt-location-survey-page--app .wt-reason-card,
body.wt-location-survey-page--app .wt-practical-card,
body.wt-location-survey-page--app .wt-decision-box,
body.wt-location-survey-page--app .wt-post-list a{
  border: 1px solid #edf0f4;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-hotel-grid{
  gap: 10px;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 14px;
  border: 1px solid #e6e8ee;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
  width: 30px;
  height: 30px;
  margin: 0;
  background: #f6f7f9;
  color: #1d1d1f;
  font-size: 13px;
  border: 1px solid #e6e8ee;
}

body.wt-location-survey-page--app .wt-hotel-compact-body{
  min-width: 0;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
  overflow: hidden;
  margin: 0;
  color: #1d1d1f;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location{
  overflow: hidden;
  margin: 4px 0 0;
  color: #8a8d94;
  font-size: 12.8px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.wt-location-survey-page--app .wt-hotel-compact-info{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
  min-height: 24px;
  padding: 5px 9px;
  border: 1px solid #edf0f4;
  background: #ffffff;
  color: #686b72;
  font-size: 11.5px;
  font-weight: 600;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #d8dce3;
  border-radius: 999px;
  background: #ffffff;
  color: #1d1d1f;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: none;
}

@media (max-width: 360px) {
  body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
    grid-template-columns: 30px minmax(0, 1fr);
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    grid-column: 2;
    width: fit-content;
    margin-top: 2px;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V3 */

/* BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V4 */
body.wt-location-survey-page--app .logo-icon--intro{
  width: 92px;
  height: 92px;
  margin-bottom: 30px;
}

body.wt-location-survey-page--app .tab-menu-container{
  border-bottom: 0;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.025);
}

body.wt-location-survey-page--app .tab-content-container{
  padding: 14px 24px 18px;
  background: #ffffff;
}

body.wt-location-survey-page--app .tab-panel{
  padding: 20px 0 4px;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-result-lead--simple{
  border: 0 !important;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-reason-card,
body.wt-location-survey-page--app .wt-practical-card,
body.wt-location-survey-page--app .wt-decision-box,
body.wt-location-survey-page--app .wt-post-list a{
  border: 0 !important;
  border-radius: 18px;
  background: #f8f9fb;
  box-shadow: none;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  border: 0 !important;
  background: #f8f9fb;
}

body.wt-location-survey-page--app .wt-practical-chip-list span,
body.wt-location-survey-page--app .wt-hotel-meta span,
body.wt-location-survey-page--app .wt-hotel-tag{
  border: 0;
  background: #ffffff;
}

body.wt-location-survey-page--app .simple-brief-text{
  max-width: 334px;
  margin-bottom: 20px;
  color: #3f4249;
  font-size: 15.8px;
  line-height: 1.78;
  letter-spacing: -0.03em;
}

body.wt-location-survey-page--app .wt-section-eyebrow{
  margin-bottom: 8px;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V4 */


/* BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V5 */
body.wt-location-survey-page--app .logo-icon--intro{
  width: 94px;
  height: 94px;
  margin-bottom: 30px;
}

body.wt-location-survey-page--app .wt-result-lead--simple{
  position: relative;
  overflow: hidden;
  padding: 18px 18px 17px;
  border: 1px solid #e6e9ef !important;
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.065);
}

body.wt-location-survey-page--app .wt-result-lead--simple::before{
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #2563eb;
  opacity: 0.82;
}

body.wt-location-survey-page--app .wt-result-lead--simple strong,
body.wt-location-survey-page--app .wt-result-lead--simple p{
  position: relative;
  z-index: 1;
}

body.wt-location-survey-page--app .detailed-info-section .result-badge{
  max-width: 310px;
  padding: 7px 15px;
  background: #f3f7ff;
  color: #2457c5;
  letter-spacing: -0.025em;
  word-break: keep-all;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V5 */

/* BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V6 */
body.wt-location-survey-page--app .wt-result-lead--simple{
  padding: 18px 18px 17px;
  border: 1px solid #e2e6ee !important;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-result-lead--simple::before{
  display: none !important;
}

body.wt-location-survey-page--app .tab-menu-container{
  box-shadow: none !important;
}

body.wt-location-survey-page--app .result-upper-section{
  align-items: flex-start !important;
  text-align: left;
}

body.wt-location-survey-page--app .result-upper-section .result-badge,
body.wt-location-survey-page--app .result-upper-section .result-destination{
  text-align: left;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-location-survey-page--app .detailed-info-section .result-badge{
  background: #f6f8fb;
  color: #3f4652;
  border: 1px solid #e8ebf1;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V6 */


/* BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V7 */
body.wt-location-survey-page--app .logo-icon--intro{
  width: 88px;
  height: 88px;
  margin-bottom: 30px;
}

body.wt-location-survey-page--app .result-badge,
body.wt-location-survey-page--app .detailed-info-section .result-badge,
body.wt-location-survey-page--app .result-upper-section .result-badge{
  all: unset;
  display: inline-block;
  margin-bottom: 10px;
  color: #2563eb;
}

body.wt-location-survey-page--app .wt-reason-card{
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  row-gap: 8px;
}

body.wt-location-survey-page--app .wt-reason-card .wt-reason-number{
  width: 28px;
  height: 28px;
  margin-bottom: 0;
  grid-column: 1;
  grid-row: 1;
  flex-shrink: 0;
}

body.wt-location-survey-page--app .wt-reason-card h4{
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0;
}

body.wt-location-survey-page--app .wt-reason-card p{
  grid-column: 1 / -1;
  margin-top: 0;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_MINIMAL_WHITE_V7 */


/* BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_V9 */
body.wt-location-survey-page--app .wt-hotel-grid{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 20px !important;
  border: 1px solid #d6dbe1 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #21252d !important;
  color: #ffffff !important;
  font-size: 27px !important;
  font-weight: 600!important;
  line-height: 1 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
  min-width: 0 !important;
  margin: 0 !important;
  padding-top: 2px !important;
  color: #21252d !important;
  font-size: 21px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -0.03em !important;
  word-break: keep-all !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  flex-shrink: 0 !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  border: 2px solid #cfd4da !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #2b2f36 !important;
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:hover,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:focus-visible{
  background: #21252d !important;
  border-color: #21252d !important;
  color: #ffffff !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  padding-left: 64px !important;
  color: #4f5661 !important;
  font-size: 18px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: -0.03em !important;
  word-break: keep-all !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-separator{
  margin: 0 14px !important;
  color: #d0d5db !important;
  font-weight: 500!important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding-left: 64px !important;
  overflow: visible !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  white-space: nowrap !important;
  letter-spacing: -0.02em !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--base{
  border: 1px solid #d7dce2 !important;
  background: #ffffff !important;
  color: #555c66 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--highlight{
  border: 1px solid #d7dce2 !important;
  background: #ffffff !important;
  color: #555c66 !important;
}

@media (max-width: 767px) {
  body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
    gap: 12px !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
    gap: 12px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
    gap: 10px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    font-size: 20px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    min-height: 44px !important;
    padding: 0 14px !important;
    border-width: 1.5px !important;
    font-size: 12px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
    padding-left: 46px !important;
    font-size: 13px !important;
    font-weight: 600!important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-separator{
    margin: 0 8px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
    gap: 8px !important;
    padding-left: 46px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 420px) {
  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
    align-items: flex-start !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    margin-top: 2px !important;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_V9 */


/* BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_IMAGE_MATCH_V10 */
body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  gap: 14px !important;
  padding: 18px 20px !important;
  border: 1px solid #d7dbe0 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
  align-items: flex-start !important;
  gap: 12px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #1f252d !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600!important;
  line-height: 1 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
  padding-top: 0 !important;
  color: #21262d !important;
  font-size: 18px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -0.03em !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #cfd4da !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #2b3138 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
  padding-left: 46px !important;
  color: #4e5660 !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-separator{
  margin: 0 10px !important;
  color: #d1d6dc !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
  gap: 8px !important;
  padding-left: 46px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: -0.02em !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--base{
  border: 1px solid #d9dee4 !important;
  background: #ffffff !important;
  color: #555d67 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--highlight{
  border: 1px solid #d9dee4 !important;
  background: #ffffff !important;
  color: #555d67 !important;
}

@media (min-width: 768px) {
  body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
    gap: 18px !important;
    padding: 28px 32px !important;
    border-radius: 28px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
    gap: 20px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
    gap: 16px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    min-height: 56px !important;
    padding: 0 26px !important;
    border-width: 2px !important;
    font-size: 16px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
    padding-left: 64px !important;
    font-size: 17px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-separator{
    margin: 0 14px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
    gap: 12px !important;
    padding-left: 64px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_IMAGE_MATCH_V10 */


/* BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_STABLE_V10 */
body.wt-location-survey-page--app .wt-hotel-card-list{
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  position: relative !important;
  width: 100% !important;
  max-width: 480px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  border: 1px solid #e4e8ed !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02) !important;
  overflow: hidden !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  margin: 2px 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #212529 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #212529 !important;
  font-size: 16px !important;
  font-weight: 600!important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #cfd4da !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: #212529 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:hover,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:focus-visible{
  background: #212529 !important;
  border-color: #212529 !important;
  color: #ffffff !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 32px !important;
  color: #495057 !important;
  font-size: 12.5px !important;
  font-weight: 400!important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  word-break: keep-all !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-separator{
  margin: 0 6px !important;
  color: #d8dde3 !important;
  font-weight: 400!important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 32px !important;
  overflow: visible !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 500!important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--base{
  border: 1px solid #e4e8ed !important;
  background: #ffffff !important;
  color: #495057 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--highlight{
  border: 1px solid #e4e8ed !important;
  background: #ffffff !important;
  color: #495057 !important;
}

@media (min-width: 768px) {
  body.wt-location-survey-page--app .wt-hotel-card-list{
    gap: 12px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
    max-width: 480px !important;
    padding: 16px !important;
    gap: 10px !important;
    border-radius: 14px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
    gap: 10px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
    gap: 8px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-width: 1px !important;
    font-size: 12px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
    padding-left: 32px !important;
    font-size: 12.5px !important;
    font-weight: 400!important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
    gap: 6px !important;
    padding-left: 32px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag{
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 380px) {
  body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
    padding: 14px !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    align-self: flex-start !important;
    margin-left: 32px !important;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_STABLE_V10 */


/* BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_HEIGHT_FIX_V11 */
body.wt-location-survey-page--app .wt-hotel-card-list,
body.wt-location-survey-page--app #hotelCardList{
  display: grid !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  gap: 12px !important;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start !important;
  justify-self: stretch !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  overflow: visible !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
  margin-bottom: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact > *:last-child{
  margin-bottom: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact::before,
body.wt-location-survey-page--app .wt-hotel-card--compact::after{
  display: none !important;
  content: none !important;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_HOTEL_CARD_HEIGHT_FIX_V11 */


/* BESTAYABLE_FUKUOKA_SURVEY_RESULT_HOTEL_REFINEMENT_V12 */
body.wt-location-survey-page--app #relatedSectionDesc,
body.wt-location-survey-page--app .related-section .wt-section-desc{
  display: none !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-card-header{
  align-items: center !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-header-left{
  align-items: center !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-rank{
  margin-top: 0 !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-name{
  display: flex !important;
  align-items: center !important;
  min-height: 32px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
  align-self: center !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
  font-weight: 500!important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list .wt-hotel-tag{
  font-weight: 600!important;
}
/* End BESTAYABLE_FUKUOKA_SURVEY_RESULT_HOTEL_REFINEMENT_V12 */


/* BESTAYABLE_FUKUOKA_SURVEY_COMPACT_HOTEL_PADDING_V21 */
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag-list{
    padding-left: 0 !important;
  }
}

@media (max-width: 380px) {
  body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link{
    margin-left: 0 !important;
  }
}
/* End BESTAYABLE_FUKUOKA_SURVEY_COMPACT_HOTEL_PADDING_V21 */

/* 20260630 Home fullscreen search renewal */






















































@media (max-width: 767px) {
  

  

  

  

  

  

  

  

  

  

  

  
}
/* End 20260630 Home fullscreen search renewal */


/* 20260630 Home fullscreen search + minimalist visual refinement V2 */
.travel-home .wthome-hero{
  padding: clamp(44px, 7vw, 76px) 22px clamp(44px, 7vw, 74px) !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(23, 76, 120, 0.035) 0, rgba(23, 76, 120, 0) 260px),
    linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 58%, #FFFFFF 100%) !important;
}

.travel-home .wthome-card__visual{
  min-height: clamp(430px, 55vh, 540px) !important;
  padding: 0 !important;
  background: transparent !important;
}

.travel-home .wthome-card__visual-content{
  width: min(680px, 100%) !important;
  padding: clamp(42px, 6vw, 64px) clamp(18px, 4vw, 34px) !important;
  border: 1px solid rgba(15, 38, 61, 0.075) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 24px 70px rgba(15, 38, 61, 0.055) !important;
  backdrop-filter: blur(10px) !important;
}

.travel-home .wthome-hero__mark{
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 24px !important;
  background: rgba(23, 76, 120, 0.055) !important;
  border-color: rgba(23, 76, 120, 0.08) !important;
  box-shadow: none !important;
}

.travel-home .wthome-hero__mark svg{
  width: 18px !important;
  height: 18px !important;
}

.travel-home .wthome-card__label{
  color: rgba(23, 76, 120, 0.64) !important;
  font-size: 11.5px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.travel-home .wthome-card__visual h1{
  margin: 14px 0 16px !important;
  font-size: clamp(36px, 4.4vw, 54px) !important;
  line-height:1.2;
  letter-spacing: -0.07em !important;
  font-weight: 540!important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual p{
  max-width: 490px !important;
  color: #667085 !important;
  font-size: clamp(14px, 1.2vw, 16px) !important;
  line-height: 1.74 !important;
}

.travel-home .wthome-visual-points{
  margin: 28px auto 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  color: #98A2B3 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: -0.025em !important;
}

.travel-home .wthome-visual-points span{
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.travel-home .wthome-visual-points span + span::before{
  content: "" !important;
  width: 3px !important;
  height: 3px !important;
  margin: 0 12px !important;
  border-radius: 999px !important;
  background: #D0D5DD !important;
}



@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 28px 16px 38px !important;
  }

  .travel-home .wthome-card__visual{
    min-height: auto !important;
    padding: 0 !important;
  }

  .travel-home .wthome-card__visual-content{
    padding: 38px 18px 36px !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 44px rgba(15, 38, 61, 0.05) !important;
  }

  .travel-home .wthome-hero__mark{
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 20px !important;
  }

  .travel-home .wthome-card__label{
    font-size: 11px !important;
  }

  .travel-home .wthome-card__visual h1{
    margin: 12px 0 14px !important;
    font-size: clamp(32px, 9.8vw, 40px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  .travel-home .wthome-card__visual p{
    max-width: 315px !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  .travel-home .wthome-card__visual p br{
    display: none !important;
  }

  .travel-home .wthome-visual-points{
    max-width: 280px !important;
    margin-top: 24px !important;
    row-gap: 8px !important;
    font-size: 11.5px !important;
  }

  
}
/* End 20260630 Home fullscreen search + minimalist visual refinement V2 */

/* 20260630 Home mobile app-like hero refinement V3 */
.travel-home-body{
  background: #f7f8fa !important;
}



.travel-home .wthome-hero{
  min-height: calc(100svh - 68px) !important;
  padding: clamp(28px, 5vw, 56px) 18px clamp(38px, 6vw, 72px) !important;
  display: flex !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(23, 76, 120, 0.08) 0, rgba(23, 76, 120, 0) 300px),
    linear-gradient(180deg, #FFFFFF 0%, #F7F8FA 64%, #FFFFFF 100%) !important;
}

.travel-home .wthome-hero__inner,
.travel-home .wthome-card{
  width: 100% !important;
}

.travel-home .wthome-card__visual{
  position: relative !important;
  min-height: clamp(420px, 58vh, 560px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 38, 61, 0.07) !important;
  border-radius: 38px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.82)) !important;
  box-shadow: 0 28px 80px rgba(15, 38, 61, 0.08) !important;
}

.travel-home .wthome-card__visual::before{
  content: "" !important;
  position: absolute !important;
  inset: 20px !important;
  border: 1px solid rgba(23, 76, 120, 0.055) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 24% 24%, rgba(23, 76, 120, 0.07), transparent 210px),
    radial-gradient(circle at 78% 72%, rgba(15, 38, 61, 0.045), transparent 220px) !important;
  pointer-events: none !important;
}

.travel-home .wthome-card__visual::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 28px !important;
  width: 34px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(15, 38, 61, 0.14) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

.travel-home .wthome-card__visual-content{
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: inherit !important;
  padding: clamp(42px, 6vw, 72px) clamp(22px, 5vw, 60px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.travel-home .wthome-card__visual-content > :not(#wthomeHeroTitle){
  display: none !important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual h1{
  max-width: 720px !important;
  margin: 0 auto !important;
  color: #101828 !important;
  font-size: clamp(42px, 6.1vw, 76px) !important;
  line-height:1.2;
  letter-spacing: -0.085em !important;
  font-weight: 600!important;
  text-align: center !important;
  text-wrap: balance !important;
  word-break: keep-all;
}

.travel-home .travel-section--destination-hub{
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  

  

  

  

  

  .travel-home .wthome-hero{
    min-height: calc(100svh - 58px) !important;
    padding: 14px 14px 28px !important;
    align-items: stretch !important;
  }

  .travel-home .wthome-hero__inner,
.travel-home .wthome-card{
    min-height: 100% !important;
  }

  .travel-home .wthome-card__visual{
    min-height: calc(100svh - 100px) !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 54px rgba(15, 38, 61, 0.075) !important;
  }

  .travel-home .wthome-card__visual::before{
    inset: 14px !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(23, 76, 120, 0.07), transparent 180px),
      radial-gradient(circle at 76% 72%, rgba(15, 38, 61, 0.045), transparent 170px) !important;
  }

  .travel-home .wthome-card__visual::after{
    bottom: 22px !important;
    width: 32px !important;
    height: 4px !important;
  }

  .travel-home .wthome-card__visual-content{
    min-height: calc(100svh - 100px) !important;
    padding: 44px 22px 58px !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 330px !important;
    font-size: clamp(41px, 12.4vw, 54px) !important;
    line-height:1.2;
    letter-spacing: -0.09em !important;
  word-break: keep-all;
  }

  .travel-home .travel-section--destination-hub{
    padding-top: 24px !important;
  }
}
/* End 20260630 Home mobile app-like hero refinement V3 */


/* 20260630 Home compact hero refinement V4
   - wthome-hero를 풀스크린 랜딩형이 아닌 짧은 상단 배너형으로 축소
   - 모바일 첫 화면에서 다음 섹션이 바로 이어지도록 세로 여백 압축
*/
.travel-home .wthome-hero{
  min-height: auto !important;
  padding: clamp(18px, 3.2vw, 34px) 18px clamp(14px, 2.6vw, 28px) !important;
  display: block !important;
  align-items: initial !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

.travel-home .wthome-hero__inner,
.travel-home .wthome-card{
  min-height: 0 !important;
  width: 100% !important;
}

.travel-home .wthome-card{
  max-width: 1080px !important;
  margin: 0 auto !important;
}

.travel-home .wthome-card__visual{
  min-height: clamp(178px, 22vw, 250px) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 38, 61, 0.075) !important;
  box-shadow: 0 16px 46px rgba(15, 38, 61, 0.055) !important;
}

.travel-home .wthome-card__visual::before,
.travel-home .wthome-card__visual::after{
  display: none !important;
  content: none !important;
}

.travel-home .wthome-card__visual-content{
  min-height: clamp(178px, 22vw, 250px) !important;
  padding: clamp(30px, 5vw, 54px) clamp(20px, 5vw, 56px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.travel-home .wthome-card__visual h1{
  max-width: 680px !important;
  font-size: clamp(34px, 5.2vw, 58px) !important;
  line-height:1.2;
  letter-spacing: -0.078em !important;
  word-break: keep-all;
}

.travel-home .travel-section--destination-hub{
  padding-top: clamp(18px, 3vw, 34px) !important;
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    min-height: auto !important;
    padding: 12px 14px 8px !important;
  }

  .travel-home .wthome-hero__inner,
.travel-home .wthome-card{
    min-height: 0 !important;
  }

  .travel-home .wthome-card__visual{
    min-height: 164px !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 34px rgba(15, 38, 61, 0.055) !important;
  }

  .travel-home .wthome-card__visual-content{
    min-height: 164px !important;
    padding: 28px 20px !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 310px !important;
    font-size: clamp(31px, 9.6vw, 39px) !important;
    line-height:1.2;
    letter-spacing: -0.082em !important;
  word-break: keep-all;
  }

  .travel-home .travel-section--destination-hub{
    padding-top: 20px !important;
  }
}

@media (max-width: 380px) {
  .travel-home .wthome-card__visual{
    min-height: 150px !important;
    border-radius: 22px !important;
  }

  .travel-home .wthome-card__visual-content{
    min-height: 150px !important;
    padding: 24px 18px !important;
  }

  .travel-home .wthome-card__visual h1{
    font-size: clamp(29px, 9.2vw, 35px) !important;
  word-break: keep-all;
  }
}
/* End 20260630 Home compact hero refinement V4 */


/* 20260630 Home hero reference refinement V5
   - 첨부 레퍼런스처럼 흰 배경, 좌측 정렬, 강한 타이포그래피, 2개 CTA 버튼 구성
   - 기존 카드형/풀스크린형 히어로를 미니멀 랜딩형 히어로로 재정리
*/
.travel-home .wthome-hero{
  min-height: auto !important;
  padding: clamp(82px, 10vw, 138px) clamp(16px, 2.2vw, 38px) clamp(72px, 8vw, 112px) !important;
  display: block !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.travel-home .wthome-hero__inner{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.travel-home .wthome-card{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.travel-home .wthome-card__visual{
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.travel-home .wthome-card__visual::before,
.travel-home .wthome-card__visual::after{
  display: none !important;
  content: none !important;
}

.travel-home .wthome-card__visual-content{
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.travel-home .wthome-card__visual-content > :not(#wthomeHeroTitle){
  display: initial !important;
  word-break: keep-all;
}

.travel-home .wthome-card__visual h1{
  max-width: 760px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-size: clamp(54px, 7.2vw, 96px) !important;
  line-height:1.2;
  letter-spacing: -0.08em !important;
  font-weight: 600!important;
  text-align: left !important;
  text-wrap: balance !important;
  word-break: keep-all;
}

.travel-home .wthome-hero__desc{
  display: block !important;
  max-width: 720px !important;
  margin: clamp(30px, 3.8vw, 48px) 0 0 !important;
  color: #4b5563 !important;
  font-size: clamp(18px, 1.75vw, 27px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.055em !important;
  font-weight: 400!important;
}

.travel-home .wthome-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: clamp(34px, 4.5vw, 58px) !important;
}

.travel-home .wthome-hero__button{
  min-width: 178px !important;
  min-height: 62px !important;
  padding: 0 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 600!important;
  letter-spacing: -0.04em !important;
  text-decoration: none !important;
  transition: transform 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease !important;
}

.travel-home .wthome-hero__button--primary{
  background: #050505 !important;
  border: 2px solid #050505 !important;
  color: #ffffff !important;
}

.travel-home .wthome-hero__button--secondary{
  background: #ffffff !important;
  border: 2px solid #050505 !important;
  color: #050505 !important;
}

.travel-home .wthome-hero__button:hover{
  transform: translateY(-1px) !important;
}

.travel-home .wthome-hero__button--primary:hover{
  background: #111827 !important;
  border-color: #111827 !important;
}

.travel-home .wthome-hero__button--secondary:hover{
  background: #f8fafc !important;
}

.travel-home .wthome-hero__button:focus-visible{
  outline: 3px solid rgba(17, 24, 39, 0.22) !important;
  outline-offset: 3px !important;
}

.travel-home .travel-section--destination-hub{
  padding-top: clamp(34px, 5vw, 64px) !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .travel-home .wthome-hero{
    padding: 86px 28px 78px !important;
  }

  .travel-home .wthome-card__visual h1{
    font-size: clamp(58px, 8.4vw, 84px) !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    max-width: 650px !important;
    font-size: clamp(18px, 2.2vw, 24px) !important;
  }
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 54px 20px 48px !important;
  }

  .travel-home .wthome-card__visual-content{
    width: 100% !important;
    max-width: 100% !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 340px !important;
    font-size: clamp(42px, 13.2vw, 58px) !important;
    line-height:1.2;
    letter-spacing: -0.085em !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    max-width: 340px !important;
    margin-top: 24px !important;
    font-size: 16.5px !important;
    line-height: 1.66 !important;
    letter-spacing: -0.04em !important;
  }

  .travel-home .wthome-hero__actions{
    width: 100% !important;
    gap: 10px !important;
  }

  .travel-home .wthome-hero__button{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }

  .travel-home .travel-section--destination-hub{
    padding-top: 28px !important;
  }
}

@media (max-width: 380px) {
  .travel-home .wthome-hero{
    padding: 44px 18px 42px !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 300px !important;
    font-size: clamp(38px, 12.4vw, 49px) !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    font-size: 15.5px !important;
  }

  .travel-home .wthome-hero__button{
    min-height: 50px !important;
    font-size: 14px !important;
  }
}
/* End 20260630 Home hero reference refinement V5 */

/* 20260630 Home hero alignment refinement V6
   - hero 콘텐츠를 .container 계열 섹션과 같은 좌우 기준선에 맞춤
   - 큰 제목 크기를 줄이고 설명 문구와의 비율을 안정화
   - hero 내부 간격과 다음 섹션 연결 여백을 자연스럽게 보정
*/
.travel-home .wthome-hero{
  min-height: auto !important;
  padding: clamp(58px, 7vw, 92px) 0 clamp(56px, 6.5vw, 86px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
}

.travel-home .wthome-hero__inner{
  width: 100% !important;
  max-width: var(--container) !important;
  margin: 0 auto !important;
  padding: 18px 16px 0 !important;
}

.travel-home .wthome-card,
.travel-home .wthome-card__visual{
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.travel-home .wthome-card__visual-content{
  width: min(690px, 100%) !important;
  max-width: 690px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.travel-home .wthome-card__visual h1{
  max-width: 690px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-size: clamp(42px, 5.4vw, 72px) !important;
  line-height:1.2;
  letter-spacing: -0.075em !important;
  font-weight: 600!important;
  text-align: left !important;
  word-break: keep-all;
}

.travel-home .wthome-hero__desc{
  display: block !important;
  max-width: 650px !important;
  margin: clamp(28px, 3.1vw, 38px) 0 0 !important;
  color: #4b5563 !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.045em !important;
  font-weight: 400!important;
}

.travel-home .wthome-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
  margin-top: clamp(34px, 3.8vw, 48px) !important;
}

.travel-home .wthome-hero__button{
  min-width: 166px !important;
  min-height: 56px !important;
  padding: 0 28px !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 600!important;
  letter-spacing: -0.035em !important;
}

.travel-home .travel-section--destination-hub{
  padding-top: clamp(44px, 5.2vw, 68px) !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .travel-home .wthome-hero{
    padding-top: 62px !important;
    padding-bottom: 64px !important;
  }

  .travel-home .wthome-hero__inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 660px !important;
    font-size: clamp(46px, 6.8vw, 66px) !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    max-width: 610px !important;
    font-size: clamp(17px, 1.95vw, 20px) !important;
  }
}

@media (max-width: 767px) {
  .travel-home .wthome-hero{
    padding: 34px 0 42px !important;
  }

  .travel-home .wthome-hero__inner{
    padding: 16px 16px 0 !important;
  }

  .travel-home .wthome-card__visual-content{
    width: 100% !important;
    max-width: 100% !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 330px !important;
    font-size: clamp(35px, 10.6vw, 46px) !important;
    line-height:1.2;
    letter-spacing: -0.078em !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    max-width: 335px !important;
    margin-top: 22px !important;
    font-size: 15.5px !important;
    line-height: 1.68 !important;
    letter-spacing: -0.035em !important;
  }

  .travel-home .wthome-hero__actions{
    width: 100% !important;
    gap: 10px !important;
    margin-top: 28px !important;
  }

  .travel-home .wthome-hero__button{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  .travel-home .travel-section--destination-hub{
    padding-top: 38px !important;
  }
}

@media (max-width: 380px) {
  .travel-home .wthome-hero{
    padding-top: 28px !important;
    padding-bottom: 36px !important;
  }

  .travel-home .wthome-card__visual h1{
    max-width: 292px !important;
    font-size: clamp(33px, 10vw, 40px) !important;
  word-break: keep-all;
  }

  .travel-home .wthome-hero__desc{
    font-size: 15px !important;
  }

  .travel-home .wthome-hero__button{
    min-height: 48px !important;
    font-size: 13.5px !important;
  }
}
/* End 20260630 Home hero alignment refinement V6 */

/* 20260630 Home hero alignment fixed V7
   실제 적용 보정: 아래 여행지 허브(.container.travel-section)와 동일한 좌우 기준선,
   과도한 제목 크기 축소, 제목/설명/버튼 간격 재조정.
*/
body.travel-home-body main.travel-page.travel-home > .wthome-hero{
  width: 100% !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: clamp(64px, 7.2vw, 104px) 0 clamp(58px, 6.8vw, 92px) !important;
  display: block !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__inner{
  width: 100% !important;
  max-width: var(--container) !important;
  margin: 0 auto !important;
  padding-left: clamp(16px, 4vw, 24px) !important;
  padding-right: clamp(16px, 4vw, 24px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual{
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual::before,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual::after{
  display: none !important;
  content: none !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual-content{
  width: min(640px, 100%) !important;
  max-width: 640px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle{
  max-width: 640px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-size: clamp(40px, 4.8vw, 64px) !important;
  line-height: 1.13 !important;
  letter-spacing: -0.072em !important;
  font-weight: 600!important;
  text-align: left !important;
  text-wrap: balance !important;
  word-break: keep-all;
}
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
  max-width: 640px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-size: clamp(40px, 4.8vw, 64px) !important;
  line-height:1.2;
  letter-spacing: -0.072em !important;
  font-weight: 600!important;
  text-align: left !important;
  text-wrap: balance !important;
  word-break: keep-all;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
  display: block !important;
  max-width: 620px !important;
  margin: clamp(30px, 3vw, 40px) 0 0 !important;
  color: #4b5563 !important;
  font-size: clamp(17px, 1.18vw, 20px) !important;
  line-height: 1.72 !important;
  letter-spacing: -0.04em !important;
  font-weight: 400!important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
  width: auto !important;
  margin-top: clamp(36px, 3.8vw, 52px) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 18px !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__button{
  min-width: 158px !important;
  min-height: 54px !important;
  padding: 0 26px !important;
  border-radius: 0 !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 600!important;
  letter-spacing: -0.035em !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub{
  padding-top: clamp(52px, 5.6vw, 76px) !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__inner{
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    max-width: 610px !important;
    font-size: clamp(42px, 6vw, 58px) !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    max-width: 590px !important;
    font-size: clamp(16.5px, 1.75vw, 19px) !important;
  }
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero{
    padding: 42px 0 50px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual-content{
    width: 100% !important;
    max-width: 100% !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle{
    max-width: 330px !important;
    font-size: clamp(34px, 9.8vw, 43px) !important;
    line-height: 1.14 !important;
    letter-spacing: -0.073em !important;
  word-break: keep-all;
  }
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    max-width: 330px !important;
    font-size: clamp(34px, 9.8vw, 43px) !important;
    line-height:1.2;
    letter-spacing: -0.073em !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    max-width: 340px !important;
    margin-top: 24px !important;
    font-size: 15.5px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.035em !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
    width: 100% !important;
    gap: 10px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__button{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub{
    padding-top: 44px !important;
  }
}

@media (max-width: 380px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero{
    padding-top: 36px !important;
    padding-bottom: 44px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    max-width: 295px !important;
    font-size: clamp(31px, 9.4vw, 38px) !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    font-size: 15px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__button{
    min-height: 48px !important;
    font-size: 13.5px !important;
  }
}
/* End 20260630 Home hero alignment fixed V7 */


/* 20260630 Home hero typography V8
   요청 반영: topbar 하단선, H1 56px, 한글용 letter-spacing, 2줄 설명, 버튼 간격 15px.
*/


body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle{
  font-size: 56px !important;
  line-height: 1.14 !important;
  letter-spacing: -0.045em !important;
  font-weight: 600!important;
  word-break: keep-all;
}
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
  font-size: 56px !important;
  line-height:1.2;
  letter-spacing: -0.045em !important;
  font-weight: 600!important;
  word-break: keep-all;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
  display: -webkit-box !important;
  max-width: 700px !important;
  margin-top: 34px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  color: #444 !important;
  font-size: 19px !important;
  line-height: 1.72 !important;
  letter-spacing: -0.028em !important;
  word-break: keep-all !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
  gap: 15px !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    font-size: 52px !important;
    letter-spacing: -0.044em !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    max-width: 660px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle{
    max-width: 340px !important;
    font-size: 40px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
  word-break: keep-all;
  }
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    max-width: 340px !important;
    font-size: 40px !important;
    line-height:1.2;
    letter-spacing: -0.04em !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    max-width: 350px !important;
    margin-top: 25px !important;
    font-size: 15.5px !important;
    line-height: 1.68 !important;
    letter-spacing: -0.022em !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
    gap: 15px !important;
  }
}

@media (max-width: 380px) {
  body.travel-home-body main.travel-page.travel-home > .wthome-hero #wthomeHeroTitle,
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-card__visual h1#wthomeHeroTitle{
    font-size: 37px !important;
    letter-spacing: -0.038em !important;
  word-break: keep-all;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__desc{
    font-size: 15px !important;
  }
}
/* End 20260630 Home hero typography V8 */

/* 20260630 Home hero mobile/header V9
   요청 반영: hero action a 간격 15px 고정, 모바일 검색 버튼 장식 제거, 모바일 topbar inner 좌우 여백 제거.
*/
body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions > a{
  margin: 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions > a + a{
  margin-left: 15px !important;
}

@media (max-width: 767px) {
  

  

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions > a{
    margin: 0 !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wthome-hero .wthome-hero__actions > a + a{
    margin-left: 15px !important;
  }
}
/* End 20260630 Home hero mobile/header V9 */

/* 20260630 Home popular destination header V11
   요청 반영: 모바일 topbar 좌우 16px, destination hub 설명문 제거 후 h2/버튼 한 줄 정렬 보정.
*/
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading.section-heading--split{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading.section-heading--split > div{
  min-width: 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .eyebrow{
  margin-bottom: 10px !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading h2{
  margin: 0 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .text-link{
  flex: 0 0 auto !important;
  margin-left: auto !important;
  align-self: flex-end !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading.section-heading--split{
    align-items: flex-end !important;
    gap: 12px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .text-link{
    font-size: 13px !important;
  }
}
/* End 20260630 Home popular destination header V11 */


/* 20260630 Home destination horizontal scroll V12
   요청 반영: home static destination list를 인기 도시 10개 가로 스크롤 카드 UI로 변경.
*/
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub{
  overflow: visible !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .country-destination-list.country-destination-list--home-static.destinations-scroll-wrapper{
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
  display: flex !important;
  grid-template-columns: none !important;
  gap: 20px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 12px 24px 32px !important;
  margin: 0 -24px !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper::-webkit-scrollbar{
  display: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
  flex: 0 0 250px !important;
  width: 250px !important;
  height: 400px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 24px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  scroll-snap-align: start !important;
  isolation: isolate !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.04) 44%, rgba(0,0,0,0.24) 100%) !important;
  pointer-events: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-badge{
  position: relative !important;
  z-index: 3 !important;
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #0f172a !important;
  font-size: 11px !important;
  font-weight: 600!important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 0 -4px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, 0.18) !important;
  color: #fff !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 20px !important;
  font-weight: 600!important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
  color: #fff !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-tags{
  display: block !important;
  font-size: 12px !important;
  font-weight: 500!important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.10) !important;
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
    gap: 16px !important;
    padding: 10px 16px 28px !important;
    margin: 0 -16px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
    flex-basis: 238px !important;
    width: 238px !important;
    height: 368px !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
    font-size: 18px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
    padding: 16px !important;
  }
}
/* End 20260630 Home destination horizontal scroll V12 */


/* =========================================================
   20260630 Home destination horizontal scroll image/text fix V13
   - 기존 travel-page 공통 카드 초기화 규칙이 .dest-card-bg, .dest-card-info까지
     background: #fff !important 로 덮어쓰는 문제를 인기 여행지 섹션 안에서만 복구
   - 공통 규칙 자체를 제거하지 않아 도시/목적별 페이지 카드 UI 영향 없음
========================================================= */
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
  background-image: var(--dest-card-image) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  margin: 0 -4px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: rgba(0, 0, 0, 0.18) !important;
  background-color: rgba(0, 0, 0, 0.18) !important;
  color: #ffffff !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title,
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-tags{
  position: relative !important;
  z-index: 4 !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
  color: #ffffff !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-tags{
  color: rgba(255, 255, 255, 0.92) !important;
}
/* End 20260630 Home destination horizontal scroll image/text fix V13 */


/* =========================================================
   20260630 Home destination scroll spacing/action V14
   - scroll-wrapper 왼쪽 마진 0 고정, 오른쪽만 스크롤 여백 확장
   - 전체 여행지 보기 버튼을 All + > 아이콘형으로 변경
========================================================= */
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
  margin: 0 -24px 0 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2px !important;
  min-height: 42px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #2563eb !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link::after{
  content: none !important;
  display: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-label,
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
  width: 24px !important;
  height: 24px !important;
  font-size: 1.18em !important;
  font-weight: 600!important;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
    margin: 0 -16px 0 0 !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link{
    min-height: 34px !important;
    gap: 2px !important;
    font-size: 1.1rem !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
    width: 18px !important;
    height: 18px !important;
    font-size: 1.12em !important;
  }
}
/* End 20260630 Home destination scroll spacing/action V14 */

/* =========================================================
   20260630 Home search overlay + All icon refinement V15
   - All 링크를 블랙 톤 + SVG chevron 아이콘으로 정리
   - 검색 오버레이를 메인 hero와 같은 블랙&화이트 미니멀 톤으로 리뉴얼
========================================================= */
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link{
  color: #000000 !important;
  gap: 2px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-label{
  color: #000000 !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
  width: 24px !important;
  height: 24px !important;
  color: #000000 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon svg{
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}









































@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
    width: 19px !important;
    height: 19px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon svg{
    width: 18px !important;
    height: 18px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  
}
/* End 20260630 Home search overlay + All icon refinement V15 */


/* BESTAYABLE_FUKUOKA_CITY_INDEX_MINIMAL_PREMIUM_V16
   /destinations/fukuoka/ 전용: 메인 index V15 톤과 맞춘 블랙&화이트 미니멀 프리미엄 UI
   콘텐츠 구조와 문구는 유지하고, 색상·여백·버튼·카드 표면만 정리합니다.
========================================================= */
body.travel-city-body--fukuoka{
  background: #ffffff !important;
  color: #000000 !important;
}













body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka,
body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka :where(.container, .wt-city-hero, .wt-city-section, .wt-city-snapshot, .wt-city-guide-links, .wt-city-faq, .wt-city-dynamic-section, .wt-city-cta){
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka{
  color: #000000 !important;
  overflow-x: hidden;
}

body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka > .wt-city-hero.container:first-child{
  padding-top: clamp(38px, 6vw, 76px) !important;
  padding-bottom: clamp(56px, 7vw, 92px) !important;
}

body.travel-city-body--fukuoka .wt-city-hero__content{
  max-width: 880px !important;
}

body.travel-city-body--fukuoka .eyebrow,
body.travel-city-body--fukuoka .destination-guide-link__label,
body.travel-city-body--fukuoka .wt-city-area-panel__eyebrow,
body.travel-city-body--fukuoka .wt-city-choice-card span{
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.travel-city-body--fukuoka .wt-city-hero h1{
  max-width: 820px !important;
  margin: 0 !important;
  color: #000000 !important;
  font-size: clamp(44px, 5.4vw, 64px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height:1.2;
  word-break: keep-all;
}

body.travel-city-body--fukuoka .wt-city-hero__lead{
  max-width: 760px !important;
  margin-top: 28px !important;
  color: rgba(0, 0, 0, 0.66) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  font-weight: 400!important;
  line-height: 1.78 !important;
  letter-spacing: -0.035em !important;
}

body.travel-city-body--fukuoka .wt-city-hero__actions{
  gap: 12px !important;
  margin-top: 34px !important;
}

body.travel-city-body--fukuoka .wt-city-button,
body.travel-city-body--fukuoka .wt-city-hero__actions .wt-city-button,
body.travel-city-body--fukuoka .wt-city-cta .wt-city-button,
body.travel-city-body--fukuoka .hotel-tabs__button,
body.travel-city-body--fukuoka .hotel-tabs__footer a,
body.travel-city-body--fukuoka .travel-card .btn,
body.travel-city-body--fukuoka .travel-card .affiliate-btn,
body.travel-city-body--fukuoka .wt-btn{
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
}

body.travel-city-body--fukuoka .wt-city-button--primary,
body.travel-city-body--fukuoka .wt-city-hero__actions .wt-city-button--primary,
body.travel-city-body--fukuoka .wt-city-cta .wt-city-button--primary,
body.travel-city-body--fukuoka .hotel-tabs__button.is-active,
body.travel-city-body--fukuoka .wt-btn--primary{
  border-color: #000000 !important;
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

body.travel-city-body--fukuoka .wt-city-button:hover,
body.travel-city-body--fukuoka .wt-city-button:focus-visible,
body.travel-city-body--fukuoka .hotel-tabs__button:hover,
body.travel-city-body--fukuoka .hotel-tabs__button:focus-visible,
body.travel-city-body--fukuoka .destination-guide-link:hover,
body.travel-city-body--fukuoka .destination-guide-link:focus-visible,
body.travel-city-body--fukuoka .wt-city-choice-card:hover,
body.travel-city-body--fukuoka .wt-city-choice-card:focus-visible{
  border-color: #000000 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.travel-city-body--fukuoka .wt-city-button:hover,
body.travel-city-body--fukuoka .hotel-tabs__button:not(.is-active):hover,
body.travel-city-body--fukuoka .hotel-tabs__button:not(.is-active):focus-visible{
  background: #000000 !important;
  color: #ffffff !important;
}

body.travel-city-body--fukuoka .wt-city-snapshot,
body.travel-city-body--fukuoka .wt-city-section,
body.travel-city-body--fukuoka .wt-city-dynamic-section,
body.travel-city-body--fukuoka .wt-city-guide-links,
body.travel-city-body--fukuoka .wt-city-faq{
  padding-top: clamp(64px, 7vw, 104px) !important;
  padding-bottom: clamp(64px, 7vw, 104px) !important;
}

body.travel-city-body--fukuoka .section-heading,
body.travel-city-body--fukuoka .wt-city-snapshot__heading{
  max-width: 860px !important;
  margin-bottom: clamp(26px, 3vw, 38px) !important;
}

body.travel-city-body--fukuoka .section-heading h2,
body.travel-city-body--fukuoka .wt-city-snapshot__heading h2{
  max-width: 820px !important;
  margin: 0;
  color: #000000 !important;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 600;
  letter-spacing: -0.055em !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-city-body--fukuoka .section-heading p:not(.eyebrow):not(.wt-city-kicker),
body.travel-city-body--fukuoka .wt-city-snapshot__heading p:not(.wt-city-kicker),
body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka p:not(.wt-city-kicker){
  color: rgba(0, 0, 0, 0.66) !important;
  font-weight: 400!important;
  letter-spacing: -0.032em !important;
}

body.travel-city-body--fukuoka .wt-city-snapshot__heading p:not(.wt-city-kicker),
body.travel-city-body--fukuoka .section-heading p:not(.eyebrow):not(.wt-city-kicker){
  max-width: 760px !important;
  margin-top: 18px !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}

body.travel-city-body--fukuoka .wt-city-snapshot__grid{
  gap: 14px !important;
}

body.travel-city-body--fukuoka .wt-city-choice-card,
body.travel-city-body--fukuoka .destination-guide-link,
body.travel-city-body--fukuoka .wt-city-area-panel,
body.travel-city-body--fukuoka .wt-city-area-info-card,
body.travel-city-body--fukuoka .wt-city-area-panel__decision,
body.travel-city-body--fukuoka .wt-city-cta__inner,
body.travel-city-body--fukuoka .wt-city-faq__item,
body.travel-city-body--fukuoka .hotel-tabs,
body.travel-city-body--fukuoka .hotel-tabs__nav,
body.travel-city-body--fukuoka .travel-card,
body.travel-city-body--fukuoka .empty-card{
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

body.travel-city-body--fukuoka .wt-city-choice-card{
  min-height: 188px !important;
  padding: 24px 48px 24px 24px !important;
}

body.travel-city-body--fukuoka .wt-city-choice-card::after,
body.travel-city-body--fukuoka .destination-guide-link::after,
body.travel-city-body--fukuoka .wt-city-faq__item summary::after{
  color: #000000 !important;
}

body.travel-city-body--fukuoka .wt-city-choice-card strong,
body.travel-city-body--fukuoka .destination-guide-link strong,
body.travel-city-body--fukuoka .wt-city-area-info-card strong,
body.travel-city-body--fukuoka .wt-city-area-panel__decision strong,
body.travel-city-body--fukuoka .wt-city-faq__item summary{
  color: #000000 !important;
  font-weight: 600!important;
  letter-spacing: -0.04em !important;
}

body.travel-city-body--fukuoka .wt-city-choice-card p,
body.travel-city-body--fukuoka .destination-guide-link small,
body.travel-city-body--fukuoka .wt-city-area-info-card p,
body.travel-city-body--fukuoka .wt-city-area-panel__decision strong,
body.travel-city-body--fukuoka .wt-city-faq__item p{
  color: rgba(0, 0, 0, 0.62) !important;
}

body.travel-city-body--fukuoka #area-guide.wt-city-section{
  padding-top: clamp(70px, 7.4vw, 112px) !important;
  padding-bottom: clamp(40px, 5vw, 72px) !important;
}

body.travel-city-body--fukuoka .wt-city-area-tab-list{
  gap: 8px !important;
  margin: 22px 0 18px !important;
  background: transparent !important;
}

body.travel-city-body--fukuoka .wt-city-area-tab-button{
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600!important;
  letter-spacing: -0.02em !important;
}

body.travel-city-body--fukuoka .wt-city-area-tab-button:hover,
body.travel-city-body--fukuoka .wt-city-area-tab-button:focus-visible,
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(1):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(1),
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(2):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(2),
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(3):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(3),
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(4):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(4),
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(5):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(5),
body.travel-city-body--fukuoka .wt-city-area-tab-input:nth-of-type(6):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(6){
  border-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
  transform: none !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel{
  overflow: hidden !important;
  border-color: #000000 !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel__hero{
  padding: clamp(26px, 4vw, 42px) clamp(22px, 4vw, 42px) clamp(18px, 3vw, 26px) !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel h3{
  color: #000000 !important;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height: 1.14 !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel__hero p{
  max-width: 860px !important;
  color: rgba(0, 0, 0, 0.66) !important;
}

body.travel-city-body--fukuoka .wt-city-area-info-card{
  padding: 20px !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel__decision{
  padding: 18px 20px !important;
}

body.travel-city-body--fukuoka .wt-city-area-panel__decision span{
  padding: 0 !important;
  background: transparent !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.travel-city-body--fukuoka #area-guide + .wt-city-cta,
body.travel-city-body--fukuoka .wt-city-cta{
  padding-top: clamp(28px, 4vw, 54px) !important;
  padding-bottom: clamp(62px, 7vw, 104px) !important;
}

body.travel-city-body--fukuoka .wt-city-cta__inner{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: clamp(22px, 4vw, 44px) !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border-color: #000000 !important;
}

body.travel-city-body--fukuoka .wt-city-cta h2{
  color: #000000 !important;
  font-size: clamp(28px, 3.6vw, 44px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-city-body--fukuoka .hotel-tabs,
body.travel-city-body--fukuoka .hotel-tabs__nav{
  border: 0 !important;
  background: transparent !important;
}

body.travel-city-body--fukuoka .hotel-tabs__nav{
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
  padding: 0 !important;
}

body.travel-city-body--fukuoka .hotel-tabs__button{
  width: auto !important;
  flex: 0 0 auto !important;
}

body.travel-city-body--fukuoka .hotel-tabs__button span,
body.travel-city-body--fukuoka .hotel-tabs__button strong,
body.travel-city-body--fukuoka .hotel-tabs__button .hotel-tabs__count{
  color: inherit !important;
}

body.travel-city-body--fukuoka .travel-card-grid,
body.travel-city-body--fukuoka .destination-guide-links{
  gap: 14px !important;
}

body.travel-city-body--fukuoka .destination-guide-links--static-fukuoka{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.travel-city-body--fukuoka .destination-guide-link{
  padding: clamp(22px, 3vw, 30px) !important;
}

body.travel-city-body--fukuoka .wt-city-faq__accordion{
  display: grid !important;
  gap: 10px !important;
}

body.travel-city-body--fukuoka .wt-city-faq__item{
  padding: 0 !important;
}

body.travel-city-body--fukuoka .wt-city-faq__item summary{
  min-height: 56px !important;
  padding: 18px 44px 18px 18px !important;
}

body.travel-city-body--fukuoka .wt-city-faq__item p{
  padding: 0 18px 18px !important;
}

body.travel-city-body--fukuoka .footer.container{
  border-top: 1px solid #000000 !important;
}

body.travel-city-body--fukuoka .footer a,
body.travel-city-body--fukuoka a{
  color: #000000;
}

@media (min-width: 1181px) {
  
}

@media (max-width: 1180px) {
  
}

@media (max-width: 1024px) {
  body.travel-city-body--fukuoka .wt-city-snapshot__grid{
  }

  body.travel-city-body--fukuoka .destination-guide-links--static-fukuoka{
    }

  body.travel-city-body--fukuoka .wt-city-cta__inner{
      align-items: start !important;
  }
}

@media (max-width: 767px) {
  

  

  body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka > .container,
body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka .container,
body.travel-city-body--fukuoka .footer.container{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.travel-city-body--fukuoka main.travel-page.wt-city-page--fukuoka > .wt-city-hero.container:first-child{
    padding-top: 34px !important;
    padding-bottom: 52px !important;
  }

  body.travel-city-body--fukuoka .wt-city-hero h1{
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.travel-city-body--fukuoka .wt-city-hero__lead{
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.travel-city-body--fukuoka .wt-city-hero__actions{
    display: grid !important;
      gap: 10px !important;
    margin-top: 28px !important;
  }

  body.travel-city-body--fukuoka .wt-city-button,
body.travel-city-body--fukuoka .wt-city-hero__actions .wt-city-button,
body.travel-city-body--fukuoka .wt-city-cta .wt-city-button{
    width: 100% !important;
    min-height: 48px !important;
  }

  body.travel-city-body--fukuoka .wt-city-snapshot,
body.travel-city-body--fukuoka .wt-city-section,
body.travel-city-body--fukuoka .wt-city-dynamic-section,
body.travel-city-body--fukuoka .wt-city-guide-links,
body.travel-city-body--fukuoka .wt-city-faq{
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  body.travel-city-body--fukuoka .section-heading h2,
  body.travel-city-body--fukuoka .wt-city-snapshot__heading h2{
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    word-break: keep-all;
  }

  body.travel-city-body--fukuoka .wt-city-snapshot__grid{
      gap: 10px !important;
  }

  body.travel-city-body--fukuoka .wt-city-choice-card{
    min-height: auto !important;
    padding: 22px 44px 22px 20px !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-tab-list{
    margin: 18px -20px 16px 0 !important;
    padding: 4px 20px 6px 0 !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-tab-button{
    min-height: 40px !important;
    padding: 0 14px !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-panel__hero{
    padding: 22px 18px 14px !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-panel h3,
body.travel-city-body--fukuoka .wt-city-cta h2{
    font-size: clamp(26px, 8vw, 34px) !important;
  line-height: 1.2;
  word-break: keep-all;
  }

  body.travel-city-body--fukuoka .wt-city-area-panel__grid{
    padding: 0 12px 12px !important;
    gap: 10px !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-info-card{
    padding: 17px !important;
  }

  body.travel-city-body--fukuoka .wt-city-area-panel__decision{
    margin: 0 12px 12px !important;
    padding: 17px !important;
  }

  body.travel-city-body--fukuoka .wt-city-cta__inner{
    padding: 22px !important;
  }

  body.travel-city-body--fukuoka .hotel-tabs__nav{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-right: -20px !important;
    padding-right: 20px !important;
  }

  body.travel-city-body--fukuoka .hotel-tabs__nav::-webkit-scrollbar{
    display: none !important;
  }

  body.travel-city-body--fukuoka .hotel-tabs__button{
    min-height: 42px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }

  body.travel-city-body--fukuoka .wt-city-faq__item summary{
    padding: 17px 42px 17px 16px !important;
  }

  body.travel-city-body--fukuoka .wt-city-faq__item p{
    padding: 0 16px 17px !important;
  }
}
/* End BESTAYABLE_FUKUOKA_CITY_INDEX_MINIMAL_PREMIUM_V16 */

/* BESTAYABLE_ALL_CITY_INDEX_MINIMAL_PREMIUM_V17
   모든 도시 메인 index 페이지 공통: 메인 index V15·후쿠오카 V16 톤과 맞춘 블랙&화이트 미니멀 프리미엄 UI
   콘텐츠 구조와 문구는 유지하고, 색상·여백·버튼·카드 표면만 정리합니다.
========================================================= */
body.travel-city-body{
  background: #ffffff !important;
  color: #000000 !important;
}













body.travel-city-body main.travel-page.wt-city-page,
body.travel-city-body main.travel-page.wt-city-page :where(.container, .wt-city-hero, .wt-city-section, .wt-city-snapshot, .wt-city-guide-links, .wt-city-faq, .wt-city-dynamic-section, .wt-city-cta){
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.travel-city-body main.travel-page.wt-city-page{
  color: #000000 !important;
  overflow-x: hidden;
}

body.travel-city-body main.travel-page.wt-city-page > .wt-city-hero.container:first-child{
  padding-top: clamp(38px, 6vw, 76px) !important;
  padding-bottom: clamp(56px, 7vw, 92px) !important;
}

body.travel-city-body .wt-city-hero__content{
  max-width: 880px !important;
}

body.travel-city-body .eyebrow,
body.travel-city-body .destination-guide-link__label,
body.travel-city-body .wt-city-area-panel__eyebrow,
body.travel-city-body .wt-city-choice-card span{
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.travel-city-body .wt-city-kicker{
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.travel-city-body .wt-city-hero h1{
  max-width: 820px !important;
  margin: 0 !important;
  color: #000000 !important;
  font-size: clamp(44px, 5.4vw, 64px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height:1.2;
  word-break: keep-all;
}

body.travel-city-body .wt-city-hero__lead{
  max-width: 760px !important;
  margin-top: 28px !important;
  color: rgba(0, 0, 0, 0.66) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  font-weight: 400!important;
  line-height: 1.78 !important;
  letter-spacing: -0.035em !important;
}

body.travel-city-body .wt-city-hero__actions{
  gap: 12px !important;
  margin-top: 34px !important;
}

body.travel-city-body .wt-city-button,
body.travel-city-body .wt-city-hero__actions .wt-city-button,
body.travel-city-body .wt-city-cta .wt-city-button,
body.travel-city-body .hotel-tabs__button,
body.travel-city-body .hotel-tabs__footer a,
body.travel-city-body .travel-card .btn,
body.travel-city-body .travel-card .affiliate-btn,
body.travel-city-body .wt-btn{
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
}

body.travel-city-body .wt-city-button--primary,
body.travel-city-body .wt-city-hero__actions .wt-city-button--primary,
body.travel-city-body .wt-city-cta .wt-city-button--primary,
body.travel-city-body .hotel-tabs__button.is-active,
body.travel-city-body .wt-btn--primary{
  border-color: #000000 !important;
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

body.travel-city-body .wt-city-button:hover,
body.travel-city-body .wt-city-button:focus-visible,
body.travel-city-body .hotel-tabs__button:hover,
body.travel-city-body .hotel-tabs__button:focus-visible,
body.travel-city-body .destination-guide-link:hover,
body.travel-city-body .destination-guide-link:focus-visible,
body.travel-city-body .wt-city-choice-card:hover,
body.travel-city-body .wt-city-choice-card:focus-visible{
  border-color: #000000 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.travel-city-body .wt-city-button:hover,
body.travel-city-body .hotel-tabs__button:not(.is-active):hover,
body.travel-city-body .hotel-tabs__button:not(.is-active):focus-visible{
  background: #000000 !important;
  color: #ffffff !important;
}

body.travel-city-body .wt-city-snapshot,
body.travel-city-body .wt-city-section,
body.travel-city-body .wt-city-dynamic-section,
body.travel-city-body .wt-city-guide-links,
body.travel-city-body .wt-city-faq{
  padding-top: clamp(64px, 7vw, 104px) !important;
  padding-bottom: clamp(64px, 7vw, 104px) !important;
}

body.travel-city-body .section-heading,
body.travel-city-body .wt-city-snapshot__heading{
  max-width: 860px !important;
  margin-bottom: clamp(26px, 3vw, 38px) !important;
}

body.travel-city-body .section-heading h2,
body.travel-city-body .wt-city-snapshot__heading h2{
  max-width: 820px !important;
  margin: 0;
  color: #000000 !important;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.055em !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-city-body .section-heading p:not(.eyebrow):not(.wt-city-kicker),
body.travel-city-body .wt-city-snapshot__heading p:not(.wt-city-kicker),
body.travel-city-body main.travel-page.wt-city-page p:not(.wt-city-kicker){
  color: rgba(0, 0, 0, 0.66) !important;
  font-weight: 400!important;
  letter-spacing: -0.032em !important;
}

body.travel-city-body .wt-city-snapshot__heading p:not(.wt-city-kicker),
body.travel-city-body .section-heading p:not(.eyebrow):not(.wt-city-kicker){
  max-width: 760px !important;
  margin-top: 18px !important;
  font-size: 15px !important;
  line-height: 1.78 !important;
}

body.travel-city-body .wt-city-snapshot__grid{
  gap: 14px !important;
}

body.travel-city-body .wt-city-choice-card,
body.travel-city-body .destination-guide-link,
body.travel-city-body .wt-city-area-panel,
body.travel-city-body .wt-city-area-info-card,
body.travel-city-body .wt-city-area-panel__decision,
body.travel-city-body .wt-city-cta__inner,
body.travel-city-body .wt-city-faq__item,
body.travel-city-body .hotel-tabs,
body.travel-city-body .hotel-tabs__nav,
body.travel-city-body .travel-card,
body.travel-city-body .empty-card{
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

body.travel-city-body .wt-city-choice-card{
  min-height: 188px !important;
  padding: 24px 48px 24px 24px !important;
}

body.travel-city-body .wt-city-choice-card::after,
body.travel-city-body .destination-guide-link::after,
body.travel-city-body .wt-city-faq__item summary::after{
  color: #000000 !important;
}

body.travel-city-body .wt-city-choice-card strong,
body.travel-city-body .destination-guide-link strong,
body.travel-city-body .wt-city-area-info-card strong,
body.travel-city-body .wt-city-area-panel__decision strong,
body.travel-city-body .wt-city-faq__item summary{
  color: #000000 !important;
  font-weight: 600!important;
  letter-spacing: -0.04em !important;
}

body.travel-city-body .wt-city-choice-card p,
body.travel-city-body .destination-guide-link small,
body.travel-city-body .wt-city-area-info-card p,
body.travel-city-body .wt-city-area-panel__decision strong,
body.travel-city-body .wt-city-faq__item p{
  color: rgba(0, 0, 0, 0.62) !important;
}

body.travel-city-body #area-guide.wt-city-section{
  padding-top: clamp(70px, 7.4vw, 112px) !important;
  padding-bottom: clamp(40px, 5vw, 72px) !important;
}

body.travel-city-body .wt-city-area-tab-list{
  gap: 8px !important;
  margin: 22px 0 18px !important;
  background: transparent !important;
}

body.travel-city-body .wt-city-area-tab-button{
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600!important;
  letter-spacing: -0.02em !important;
}

body.travel-city-body .wt-city-area-tab-button:hover,
body.travel-city-body .wt-city-area-tab-button:focus-visible,
body.travel-city-body .wt-city-area-tab-input:nth-of-type(1):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(1),
body.travel-city-body .wt-city-area-tab-input:nth-of-type(2):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(2),
body.travel-city-body .wt-city-area-tab-input:nth-of-type(3):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(3),
body.travel-city-body .wt-city-area-tab-input:nth-of-type(4):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(4),
body.travel-city-body .wt-city-area-tab-input:nth-of-type(5):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(5),
body.travel-city-body .wt-city-area-tab-input:nth-of-type(6):checked ~ .wt-city-area-tab-list .wt-city-area-tab-button:nth-child(6){
  border-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
  transform: none !important;
}

body.travel-city-body .wt-city-area-panel{
  overflow: hidden !important;
  border-color: #000000 !important;
}

body.travel-city-body .wt-city-area-panel__hero{
  padding: clamp(26px, 4vw, 42px) clamp(22px, 4vw, 42px) clamp(18px, 3vw, 26px) !important;
}

body.travel-city-body .wt-city-area-panel h3{
  color: #000000 !important;
  font-size: clamp(26px, 3.2vw, 40px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height: 1.14 !important;
}

body.travel-city-body .wt-city-area-panel__hero p{
  max-width: 860px !important;
  color: rgba(0, 0, 0, 0.66) !important;
}

body.travel-city-body .wt-city-area-info-card{
  padding: 20px !important;
}

body.travel-city-body .wt-city-area-panel__decision{
  padding: 18px 20px !important;
}

body.travel-city-body .wt-city-area-panel__decision span{
  padding: 0 !important;
  background: transparent !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.travel-city-body #area-guide + .wt-city-cta,
body.travel-city-body .wt-city-cta{
  padding-top: clamp(28px, 4vw, 54px) !important;
  padding-bottom: clamp(62px, 7vw, 104px) !important;
}

body.travel-city-body .wt-city-cta__inner{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: clamp(22px, 4vw, 44px) !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border-color: #000000 !important;
}

body.travel-city-body .wt-city-cta h2{
  color: #000000 !important;
  font-size: clamp(28px, 3.6vw, 44px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-city-body .hotel-tabs,
body.travel-city-body .hotel-tabs__nav{
  border: 0 !important;
  background: transparent !important;
}

body.travel-city-body .hotel-tabs__nav{
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
  padding: 0 !important;
}

body.travel-city-body .hotel-tabs__button{
  width: auto !important;
  flex: 0 0 auto !important;
}

body.travel-city-body .hotel-tabs__button span,
body.travel-city-body .hotel-tabs__button strong,
body.travel-city-body .hotel-tabs__button .hotel-tabs__count{
  color: inherit !important;
}

body.travel-city-body .travel-card-grid,
body.travel-city-body .destination-guide-links{
  gap: 14px !important;
}

body.travel-city-body .destination-guide-links{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.travel-city-body .destination-guide-link{
  padding: clamp(22px, 3vw, 30px) !important;
}

body.travel-city-body .wt-city-faq__accordion{
  display: grid !important;
  gap: 10px !important;
}

body.travel-city-body .wt-city-faq__item{
  padding: 0 !important;
}

body.travel-city-body .wt-city-faq__item summary{
  min-height: 56px !important;
  padding: 18px 44px 18px 18px !important;
}

body.travel-city-body .wt-city-faq__item p{
  padding: 0 18px 18px !important;
}

body.travel-city-body .footer.container{
  border-top: 1px solid #000000 !important;
}

body.travel-city-body .footer a,
body.travel-city-body a{
  color: #000000;
}

@media (min-width: 1181px) {
  
}

@media (max-width: 1180px) {
  
}

@media (max-width: 1024px) {
  body.travel-city-body .wt-city-snapshot__grid{
  }

  body.travel-city-body .destination-guide-links{
    }

  body.travel-city-body .wt-city-cta__inner{
      align-items: start !important;
  }
}

@media (max-width: 767px) {
  

  

  body.travel-city-body main.travel-page.wt-city-page{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.travel-city-body main.travel-page.wt-city-page > .container,
body.travel-city-body main.travel-page.wt-city-page .container,
body.travel-city-body .footer.container{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.travel-city-body main.travel-page.wt-city-page > .wt-city-hero.container:first-child{
    padding-top: 34px !important;
    padding-bottom: 52px !important;
  }

  body.travel-city-body .wt-city-hero h1{
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.travel-city-body .wt-city-hero__lead{
    margin-top: 22px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.travel-city-body .wt-city-hero__actions{
    display: grid !important;
      gap: 10px !important;
    margin-top: 28px !important;
  }

  body.travel-city-body .wt-city-button,
body.travel-city-body .wt-city-hero__actions .wt-city-button,
body.travel-city-body .wt-city-cta .wt-city-button{
    width: 100% !important;
    min-height: 48px !important;
  }

  body.travel-city-body .wt-city-snapshot,
body.travel-city-body .wt-city-section,
body.travel-city-body .wt-city-dynamic-section,
body.travel-city-body .wt-city-guide-links,
body.travel-city-body .wt-city-faq{
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  body.travel-city-body .section-heading h2,
  body.travel-city-body .wt-city-snapshot__heading h2{
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    word-break: keep-all;
  }

  body.travel-city-body .wt-city-snapshot__grid{
      gap: 10px !important;
  }

  body.travel-city-body .wt-city-choice-card{
    min-height: auto !important;
    padding: 22px 44px 22px 20px !important;
  }

  body.travel-city-body .wt-city-area-tab-list{
    margin: 18px -20px 16px 0 !important;
    padding: 4px 20px 6px 0 !important;
  }

  body.travel-city-body .wt-city-area-tab-button{
    min-height: 40px !important;
    padding: 0 14px !important;
  }

  body.travel-city-body .wt-city-area-panel__hero{
    padding: 22px 18px 14px !important;
  }

  body.travel-city-body .wt-city-area-panel h3,
body.travel-city-body .wt-city-cta h2{
    font-size: clamp(26px, 8vw, 34px) !important;
  line-height: 1.2;
  word-break: keep-all;
  }

  body.travel-city-body .wt-city-area-panel__grid{
    padding: 0 12px 12px !important;
    gap: 10px !important;
  }

  body.travel-city-body .wt-city-area-info-card{
    padding: 17px !important;
  }

  body.travel-city-body .wt-city-area-panel__decision{
    margin: 0 12px 12px !important;
    padding: 17px !important;
  }

  body.travel-city-body .wt-city-cta__inner{
    padding: 22px !important;
  }

  body.travel-city-body .hotel-tabs__nav{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-right: -20px !important;
    padding-right: 20px !important;
  }

  body.travel-city-body .hotel-tabs__nav::-webkit-scrollbar{
    display: none !important;
  }

  body.travel-city-body .hotel-tabs__button{
    min-height: 42px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }

  body.travel-city-body .wt-city-faq__item summary{
    padding: 17px 42px 17px 16px !important;
  }

  body.travel-city-body .wt-city-faq__item p{
    padding: 0 16px 17px !important;
  }
}
/* End BESTAYABLE_ALL_CITY_INDEX_MINIMAL_PREMIUM_V17 */


/* BESTAYABLE_ALL_CITY_INDEX_ALIGNMENT_BUTTONS_V18
   - 도시 메인 index breadcrumb 좌우 기준선 보정
   - 모바일 hero 버튼 3열 배치
   - CTA primary 버튼은 모바일을 제외하고 오른쪽 정렬
========================================================= */




@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (min-width: 768px) {
  body.travel-city-body .wt-city-cta__inner{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
  }

  body.travel-city-body .wt-city-cta__inner .wt-city-button--primary{
    justify-self: end !important;
    align-self: end !important;
    width: auto !important;
    min-width: max-content !important;
  }
}

@media (max-width: 767px) {
  

  body.travel-city-body .wt-city-hero__actions{
    display: grid !important;
    gap: 8px !important;
    margin-top: 28px !important;
    width: 100% !important;
  }

  body.travel-city-body .wt-city-hero__actions .wt-city-button:not([hidden]){
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  body.travel-city-body .wt-city-cta__inner{
    display: grid !important;
      align-items: start !important;
  }

  body.travel-city-body .wt-city-cta__inner .wt-city-button--primary{
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* End BESTAYABLE_ALL_CITY_INDEX_ALIGNMENT_BUTTONS_V18 */

/* BESTAYABLE_ALL_PURPOSE_PAGES_MINIMAL_PREMIUM_V19
   - 모든 도시 목적별 페이지를 V15/V16 블랙&화이트 미니멀 프리미엄 톤으로 통일
   - 콘텐츠 문구는 유지하고 UI 표현만 정리
========================================================= */
body.travel-purpose-body{
  background: #fff !important;
  color: #0a0a0a !important;
}













body.travel-purpose-body main.travel-page.wt-purpose-page{
  background: #fff !important;
  color: #0a0a0a !important;
  overflow-x: clip !important;
}

body.travel-purpose-body main.travel-page.wt-purpose-page .container{
  box-sizing: border-box !important;
}

body.travel-purpose-body .wt-page-hero,
body.travel-purpose-body .wt-purpose-page .wt-page-hero{
  padding-top: clamp(48px, 7vw, 82px) !important;
  padding-bottom: 30px !important;
  background: #fff !important;
  border-bottom: 1px solid #f1f1f1 !important;
}

body.travel-purpose-body .wt-page-hero__content{
  max-width: 900px !important;
}

body.travel-purpose-body .wt-eyebrow,
body.travel-purpose-body .wt-section-kicker{
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: .02em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-city-kicker{
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.3;
  text-transform: uppercase;
}

body.travel-purpose-body .wt-page-hero h1,
body.travel-purpose-body .wt-purpose-page .wt-page-hero h1{
  max-width: 980px !important;
  color: #050505 !important;
  font-size: clamp(42px, 5vw, 56px) !important;
  font-weight: 600!important;
  line-height:1.2;
  letter-spacing: -0.045em !important;
  word-break: keep-all;
}

body.travel-purpose-body .wt-page-hero p:not(.wt-city-kicker),
body.travel-purpose-body .wt-purpose-page .wt-page-hero p:not(.wt-city-kicker){
  max-width: 760px !important;
  margin-top: 24px !important;
  color: #3f3f46 !important;
  font-size: clamp(16px, 1.45vw, 18px) !important;
  font-weight: 500!important;
  line-height: 1.78 !important;
  letter-spacing: -0.025em !important;
}

body.travel-purpose-body .wt-btn,
body.travel-purpose-body .wt-city-button,
body.travel-purpose-body .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-cta-band .wt-btn,
body.travel-purpose-body .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-city-button--primary{
  min-height: 48px !important;
  border: 1px solid #111 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
}

body.travel-purpose-body .wt-btn--primary,
body.travel-purpose-body .wt-hotel-actions .wt-btn--primary,
body.travel-purpose-body .wt-cta-band .wt-city-button--primary,
body.travel-purpose-body .wt-city-button--primary{
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}

body.travel-purpose-body .wt-btn:hover,
body.travel-purpose-body .wt-city-button:hover,
body.travel-purpose-body .wt-link-card:hover,
body.travel-purpose-body .wt-hotel-more-banner:hover{
  transform: none !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-section,
body.travel-purpose-body .wt-purpose-page .wt-section,
body.travel-purpose-body .wt-section--soft,
body.travel-purpose-body .wt-section--compact,
body.travel-purpose-body .wt-section--practical,
body.travel-purpose-body .wt-section--faq{
  background: #fff !important;
  border-top: 1px solid #f1f1f1 !important;
  padding-top: clamp(54px, 7vw, 82px) !important;
  padding-bottom: clamp(54px, 7vw, 82px) !important;
}

body.travel-purpose-body .wt-section--survey-cta,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta{
  padding-top: clamp(32px, 5vw, 54px) !important;
  padding-bottom: clamp(32px, 5vw, 54px) !important;
}

body.travel-purpose-body .wt-section-head{
  max-width: 800px !important;
  margin-bottom: 28px !important;
}

body.travel-purpose-body .wt-section-title,
body.travel-purpose-body .wt-purpose-page .wt-section-title,
body.travel-purpose-body .wt-cta-band h2{
  color: #050505 !important;
  font-size: 40px;
  font-weight: 600!important;
  line-height: 1.2;
  letter-spacing: -0.045em !important;
  word-break: keep-all;
}

body.travel-purpose-body .wt-section-desc,
body.travel-purpose-body .wt-cta-band p:not(.wt-city-kicker),
body.travel-purpose-body .wt-area-card p,
body.travel-purpose-body .wt-choice-card__lead,
body.travel-purpose-body .wt-choice-card__line,
body.travel-purpose-body .wt-reason-card p,
body.travel-purpose-body .wt-check-item,
body.travel-purpose-body .wt-link-card p,
body.travel-purpose-body .wt-practical-card p,
body.travel-purpose-body .wt-city-faq__item p,
body.travel-purpose-body .wt-faq-list p{
  color: #4b5563 !important;
  font-weight: 500!important;
  line-height: 1.75 !important;
  letter-spacing: -0.025em !important;
}

body.travel-purpose-body .wt-choice-card,
body.travel-purpose-body .wt-area-card,
body.travel-purpose-body .wt-reason-card,
body.travel-purpose-body .wt-check-item,
body.travel-purpose-body .wt-link-card,
body.travel-purpose-body .wt-practical-card,
body.travel-purpose-body .wt-cta-band,
body.travel-purpose-body .wt-city-faq__item,
body.travel-purpose-body .wt-hotel-more-banner,
body.travel-purpose-body .wt-mini-panel,
body.travel-purpose-body .wt-flow-list li{
  border: 1px solid #e5e5e5 !important;
  border-radius: 22px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111 !important;
}

body.travel-purpose-body .wt-choice-card,
body.travel-purpose-body .wt-area-card,
body.travel-purpose-body .wt-reason-card,
body.travel-purpose-body .wt-check-item,
body.travel-purpose-body .wt-link-card,
body.travel-purpose-body .wt-practical-card{
  padding: 24px !important;
}

body.travel-purpose-body .wt-choice-card--hakata,
body.travel-purpose-body .wt-choice-card--tenjin,
body.travel-purpose-body .wt-choice-card--value-a,
body.travel-purpose-body .wt-choice-card--value-b,
body.travel-purpose-body .wt-choice-card--primary,
body.travel-purpose-body .wt-choice-card--secondary,
body.travel-purpose-body [class*="wt-choice-card--"]{
  border-color: #e5e5e5 !important;
  background: #fff !important;
  background-image: none !important;
}

body.travel-purpose-body .wt-choice-card__label,
body.travel-purpose-body .wt-choice-card h3,
body.travel-purpose-body .wt-area-card h3,
body.travel-purpose-body .wt-reason-card h3,
body.travel-purpose-body .wt-check-item strong,
body.travel-purpose-body .wt-link-card h3,
body.travel-purpose-body .wt-practical-card h3,
body.travel-purpose-body .wt-city-faq__item summary,
body.travel-purpose-body .wt-faq-list summary{
  color: #111 !important;
}

body.travel-purpose-body .wt-choice-card__label{
  margin-bottom: 2px !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-choice-card h3,
body.travel-purpose-body .wt-area-card h3,
body.travel-purpose-body .wt-reason-card h3,
body.travel-purpose-body .wt-link-card h3,
body.travel-purpose-body .wt-practical-card h3{
  font-weight: 600!important;
  letter-spacing: -0.045em !important;
}

body.travel-purpose-body .wt-choice-card__chips span,
body.travel-purpose-body .wt-tag,
body.travel-purpose-body .wt-badge,
body.travel-purpose-body .wt-hotel-card .wt-badge,
body.travel-purpose-body .wt-hotel-card__fit,
body.travel-purpose-body .wt-hotel-card__stars,
body.travel-purpose-body .wt-hotel-card__score-list span,
body.travel-purpose-body .wt-check-grid--readable .wt-check-item strong{
  border: 1px solid #e5e5e5 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-choice-card__chips span,
body.travel-purpose-body .wt-tag,
body.travel-purpose-body .wt-badge{
  min-height: 30px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-reason-card span{
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-check-grid--readable .wt-check-item strong{
  padding: 7px 11px !important;
}

body.travel-purpose-body .wt-cta-band,
body.travel-purpose-body .wt-purpose-page .wt-cta-band{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 24px !important;
  padding: clamp(28px, 4vw, 42px) !important;
  border-color: #111 !important;
}

body.travel-purpose-body .wt-hotel-grid,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid{
  gap: 16px !important;
  scrollbar-width: none !important;
}

body.travel-purpose-body .wt-hotel-grid::-webkit-scrollbar,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid::-webkit-scrollbar{
  display: none !important;
}

body.travel-purpose-body .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
  border: 1px solid #e5e5e5 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
  padding: 24px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit{
  width: fit-content !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars{
  border: 0 !important;
  background: transparent !important;
  color: #4b5563 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
  color: #111 !important;
  font-weight: 600!important;
  letter-spacing: -0.045em !important;
  white-space: normal !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__point{
  color: #111 !important;
  border-color: #e5e5e5 !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list{
  border-top-color: #e5e5e5 !important;
  color: #4b5563 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-actions .wt-btn--primary{
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 20px !important;
  border: 1px solid #111 !important;
  background: #fff !important;
  background-image: none !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner span,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
  border: 1px solid #111 !important;
  background: #111 !important;
  color: #fff !important;
  border-radius: 999px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner span::after,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span::after{
  content: ">" !important;
}

body.travel-purpose-body .wt-link-card{
  transition: none !important;
}

body.travel-purpose-body .wt-link-card::after,
body.travel-purpose-body .wt-choice-card::before,
body.travel-purpose-body .wt-choice-card::after,
body.travel-purpose-body .wt-hotel-more-banner::before,
body.travel-purpose-body .wt-hotel-more-banner::after,
body.travel-purpose-body .wt-area-tab-panel::before{
  content: none !important;
  display: none !important;
}

body.travel-purpose-body .wt-area-tab-list,
body.travel-purpose-body .wt-purpose-page .wt-area-tab-list{
  background: transparent !important;
  border: 0 !important;
  gap: 8px !important;
}

body.travel-purpose-body .wt-area-tab-button,
body.travel-purpose-body .wt-purpose-page .wt-area-tab-button{
  border: 1px solid #d4d4d4 !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-area-tab-input:nth-of-type(1):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(1),
body.travel-purpose-body .wt-area-tab-input:nth-of-type(2):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(2),
body.travel-purpose-body .wt-area-tab-input:nth-of-type(3):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(3),
body.travel-purpose-body .wt-area-tab-input:nth-of-type(4):checked ~ .wt-area-tab-list .wt-area-tab-button:nth-child(4){
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
}

body.travel-purpose-body .wt-city-faq__item summary{
  color: #111 !important;
  font-weight: 600!important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.travel-purpose-body main.travel-page.wt-purpose-page .container{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(48px, 7vw, 76px) !important;
    padding-right: clamp(48px, 7vw, 76px) !important;
  }

  
}

@media (max-width: 767px) {
  

  

  body.travel-purpose-body main.travel-page.wt-purpose-page{
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 0 !important;
  }

  body.travel-purpose-body main.travel-page.wt-purpose-page .container{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.travel-purpose-body .wt-page-hero,
body.travel-purpose-body .wt-purpose-page .wt-page-hero{
    padding-top: 34px !important;
    padding-bottom: 52px !important;
  }

  body.travel-purpose-body .wt-page-hero h1,
body.travel-purpose-body .wt-purpose-page .wt-page-hero h1{
    font-size: clamp(36px, 10vw, 46px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.travel-purpose-body .wt-page-hero p:not(.wt-city-kicker),
body.travel-purpose-body .wt-purpose-page .wt-page-hero p:not(.wt-city-kicker){
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.76 !important;
  }body.travel-purpose-body .wt-btn{
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body.travel-purpose-body .wt-section,
body.travel-purpose-body .wt-purpose-page .wt-section,
body.travel-purpose-body .wt-section--soft,
body.travel-purpose-body .wt-section--compact,
body.travel-purpose-body .wt-section--practical,
body.travel-purpose-body .wt-section--faq{
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  body.travel-purpose-body main.travel-page.wt-purpose-page h2{
    font-size: 22px;
    line-height: 1.2;
    word-break: keep-all;
  }

  body.travel-purpose-body .wt-choice-main,
body.travel-purpose-body .wt-area-grid,
body.travel-purpose-body .wt-reason-grid,
body.travel-purpose-body .wt-check-grid,
body.travel-purpose-body .wt-practical-grid,
body.travel-purpose-body .wt-link-grid,
body.travel-purpose-body .wt-link-grid--purpose,
body.travel-purpose-body .wt-link-grid--related{
      gap: 12px !important;
  }

  body.travel-purpose-body .wt-choice-card,
body.travel-purpose-body .wt-area-card,
body.travel-purpose-body .wt-reason-card,
body.travel-purpose-body .wt-check-item,
body.travel-purpose-body .wt-link-card,
body.travel-purpose-body .wt-practical-card{
    padding: 20px !important;
    border-radius: 20px !important;
  }

  body.travel-purpose-body .wt-cta-band,
body.travel-purpose-body .wt-purpose-page .wt-cta-band{
      align-items: stretch !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body.travel-purpose-body .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-cta-band .wt-btn,
body.travel-purpose-body .wt-city-button--primary{
    width: 100% !important;
    min-width: 0 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-hotel-grid,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid{
    margin-right: -20px !important;
    padding-right: 20px !important;
    scroll-padding-right: 20px !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card{
    flex: 0 0 min(86vw, 332px) !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
      align-items: stretch !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner span,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner span{
    width: 100% !important;
    min-height: 48px !important;
  }
}
/* End BESTAYABLE_ALL_PURPOSE_PAGES_MINIMAL_PREMIUM_V19 */


/* BESTAYABLE_ALL_PURPOSE_PAGES_SPACING_COMFORT_V20 */
body.travel-purpose-body .wt-city-faq__accordion,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__accordion,
body.travel-purpose-body .wt-faq-list{
  display: grid !important;
  gap: 14px !important;
}

body.travel-purpose-body .wt-city-faq__item,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item,
body.travel-purpose-body .wt-faq-list details{
  padding: 20px !important;
  margin: 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-city-faq__item summary,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item summary,
body.travel-purpose-body .wt-faq-list summary{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 28px !important;
  padding: 0 !important;
  cursor: pointer !important;
}

body.travel-purpose-body .wt-city-faq__item p,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item p,
body.travel-purpose-body .wt-faq-list p{
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

body.travel-purpose-body .wt-choice-card > * + *,
body.travel-purpose-body .wt-area-card > * + *,
body.travel-purpose-body .wt-reason-card > * + *,
body.travel-purpose-body .wt-check-item > * + *,
body.travel-purpose-body .wt-link-card > * + *,
body.travel-purpose-body .wt-practical-card > * + *{
  margin-top: 10px !important;
}

body.travel-purpose-body .wt-choice-card__chips,
body.travel-purpose-body .wt-hotel-card__score-list,
body.travel-purpose-body .wt-hotel-actions{
  gap: 8px !important;
}

body.travel-purpose-body .wt-flow-list,
body.travel-purpose-body .wt-practical-list,
body.travel-purpose-body .wt-check-list{
  display: grid !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

body.travel-purpose-body .wt-flow-list li,
body.travel-purpose-body .wt-practical-list li,
body.travel-purpose-body .wt-check-list li{
  padding: 16px 18px !important;
  margin: 0 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 18px !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-section-head + :where(.wt-choice-main, .wt-reason-grid, .wt-check-grid, .wt-practical-grid, .wt-link-grid, .wt-area-choice-simple, .wt-hotel-grid, .wt-city-faq__accordion, .wt-faq-list){
  margin-top: 24px !important;
}

body.travel-purpose-body .wt-area-tab-panel{
  padding: 24px !important;
}

body.travel-purpose-body .wt-area-tab-panel > * + *{
  margin-top: 12px !important;
}

body.travel-purpose-body .wt-hotel-card__body > * + *{
  margin-top: 12px !important;
}

body.travel-purpose-body .wt-hotel-card__topline,
body.travel-purpose-body .wt-hotel-card__score-list{
  margin-bottom: 12px !important;
}

body.travel-purpose-body .wt-hotel-more-banner{
  padding: 24px !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-city-faq__accordion,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__accordion,
body.travel-purpose-body .wt-faq-list{
    gap: 12px !important;
  }

  body.travel-purpose-body .wt-city-faq__item,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item,
body.travel-purpose-body .wt-faq-list details{
    padding: 20px !important;
    border-radius: 20px !important;
  }

  body.travel-purpose-body .wt-section-head + :where(.wt-choice-main, .wt-reason-grid, .wt-check-grid, .wt-practical-grid, .wt-link-grid, .wt-area-choice-simple, .wt-hotel-grid, .wt-city-faq__accordion, .wt-faq-list){
    margin-top: 20px !important;
  }

  body.travel-purpose-body .wt-area-tab-panel,
body.travel-purpose-body .wt-hotel-more-banner{
    padding: 20px !important;
  }
}
/* End BESTAYABLE_ALL_PURPOSE_PAGES_SPACING_COMFORT_V20 */


/* BESTAYABLE_ALL_PURPOSE_FAQ_HOTEL_CARD_REFINEMENT_V21 */
body.travel-purpose-body .wt-city-faq__accordion > .wt-city-faq__item:first-child,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__accordion > .wt-city-faq__item:first-child,
body.travel-purpose-body .wt-faq-list > details:first-child{
  margin-top: 15px !important;
}

body.travel-purpose-body .wt-city-faq__item summary::after,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item summary::after,
body.travel-purpose-body .wt-faq-list summary::after{
  color: #111 !important;
  border-color: #111 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid{
  align-items: stretch !important;
  gap: 22px !important;
  padding-top: 6px !important;
  padding-bottom: 22px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
  position: relative !important;
  flex: 0 0 360px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 620px !important;
  overflow: hidden !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
  content: "HOTEL IMAGE" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 270px !important;
  width: 100% !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 30px 28px 28px !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body > * + *,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body > * + *{
  margin-top: 14px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__topline{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars{
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7a7a7a !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars::before{
  content: "•" !important;
  margin-right: 8px !important;
  color: #7a7a7a !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__subname,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__subname{
  color: #7a7a7a !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
  margin: 0 !important;
  color: #000 !important;
  font-size: 26px !important;
  font-weight: 600!important;
  line-height: 1.24 !important;
  letter-spacing: -0.055em !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__point{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #555 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 600!important;
  line-height: 1.58 !important;
  letter-spacing: -0.035em !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p{
  margin: 0 !important;
  color: #4b4b4b !important;
  font-size: 15px !important;
  font-weight: 500!important;
  line-height: 1.75 !important;
  letter-spacing: -0.03em !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__score-list{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 22px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px dashed #111 !important;
  background: transparent !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list span,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__score-list span{
  min-height: 26px !important;
  padding: 0 9px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #555 !important;
  font-size: 11px !important;
  font-weight: 600!important;
  letter-spacing: -0.025em !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list span b,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__score-list span b{
  color: #111 !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 22px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn--primary{
  width: auto !important;
  min-width: 148px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.035em !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid{
    gap: 18px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
    flex: 0 0 min(88vw, 352px) !important;
    min-height: 590px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
    min-height: 238px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
    padding: 26px 24px 24px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
    font-size: 24px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions{
    justify-content: stretch !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn{
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* End BESTAYABLE_ALL_PURPOSE_FAQ_HOTEL_CARD_REFINEMENT_V21 */

/* BESTAYABLE_ALL_PURPOSE_HOTEL_CARD_EXACT_V22 */
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
  position: relative !important;
  flex: 0 0 390px !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 640px !important;
  overflow: hidden !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
  content: "HOTEL IMAGE" !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 305px !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  padding: 34px 30px 30px !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body > * + *,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body > * + *{
  margin-top: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__topline{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars{
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7a7a7a !important;
  font-size: 14px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars::before{
  content: "•" !important;
  margin-right: 7px !important;
  color: #7a7a7a !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__subname,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__subname,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__score-list{
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
  margin: 0 0 28px !important;
  color: #000 !important;
  font-size: 28px !important;
  font-weight: 600!important;
  line-height: 1.22 !important;
  letter-spacing: -0.055em !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p{
  margin: 0 !important;
  color: #4a4a4a !important;
  font-size: 18px !important;
  font-weight: 500!important;
  line-height: 1.65 !important;
  letter-spacing: -0.04em !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-top: auto !important;
  padding-top: 28px !important;
  border-top: 1px dashed #000 !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price{
  display: inline-flex !important;
  align-items: baseline !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price strong,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price strong{
  display: inline-block !important;
  color: #000 !important;
  font-size: 23px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price span,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price span{
  display: inline-block !important;
  color: #6a6a6a !important;
  font-size: 14px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn--primary{
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 150px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid{
    gap: 18px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
    flex: 0 0 min(88vw, 350px) !important;
    min-height: 610px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
    min-height: 260px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
    padding: 30px 24px 24px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars{
    font-size: 12px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
    margin-bottom: 24px !important;
    font-size: 25px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p{
    font-size: 16px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions{
    gap: 12px !important;
    padding-top: 24px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price strong,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price strong{
    font-size: 20px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price span,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price span{
    font-size: 13px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn{
    min-width: 132px !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
  }
}
/* End BESTAYABLE_ALL_PURPOSE_HOTEL_CARD_EXACT_V22 */

/* BESTAYABLE_ALL_PURPOSE_HOTEL_CARD_COMPACT_V23 */
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid,
body.travel-purpose-body .wt-purpose-page .wt-hotel-grid{
  align-items: stretch !important;
  gap: 18px !important;
  padding-top: 6px !important;
  padding-bottom: 20px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
  position: relative !important;
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: 320px !important;
  height: 480px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
  content: "HOTEL IMAGE" !important;
  flex: 0 0 178px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 178px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 22px 22px 20px !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body > * + *,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body > * + *{
  margin-top: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__topline{
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars{
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7b7b7b !important;
  font-size: 11px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars::before{
  content: "·" !important;
  margin: 0 6px 0 0 !important;
  color: #7b7b7b !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__subname,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__subname,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__point,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__score-list,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__score-list,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-price,
body.travel-purpose-body .wt-purpose-page .wt-hotel-price{
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
  margin: 0 0 14px !important;
  color: #000 !important;
  font-size: 21px !important;
  font-weight: 600!important;
  line-height: 1.24 !important;
  letter-spacing: -0.055em !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p{
  margin: 0 !important;
  color: #4a4a4a !important;
  font-size: 14px !important;
  font-weight: 500!important;
  line-height: 1.58 !important;
  letter-spacing: -0.04em !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions{
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px dashed #000 !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn--primary,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn--primary{
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-grid,
body.travel-purpose-body .wt-purpose-page .wt-hotel-grid{
    gap: 16px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card{
    flex-basis: min(320px, calc(100vw - 40px)) !important;
    width: min(320px, calc(100vw - 40px)) !important;
    max-width: 320px !important;
    height: 480px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card::before{
    flex-basis: 172px !important;
    height: 172px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body{
    padding: 21px 20px 19px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars{
    font-size: 10.5px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card h3,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card h3{
    font-size: 20px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p{
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
}
/* End BESTAYABLE_ALL_PURPOSE_HOTEL_CARD_COMPACT_V23 */

/* BESTAYABLE_ALL_GUIDE_PAGES_MINIMAL_V24
   - hotel-guide / travel-guide pages
   - black & white minimal premium tone aligned with home V15
========================================================= */
body.wt-guide-body{
  background: #fff !important;
  color: #111 !important;
}











body.wt-guide-body main.travel-page,
body.wt-guide-body main.travel-page.wt-city-guide-page,
body.wt-guide-body main.travel-page.wt-guide-page{
  background: #fff !important;
  color: #111 !important;
}

body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-guide-page .container{
  width: min(100% - 40px, 1120px);
  margin-left: auto;
  margin-right: auto;
}

body.wt-guide-body .eyebrow,
body.wt-guide-body .wt-eyebrow,
body.wt-guide-body .wt-section-kicker{
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1.3 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.wt-guide-body .wt-city-kicker{
  margin: 0 0 10px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.wt-guide-body .wt-city-guide-hero,
body.wt-guide-body .wt-page-hero{
  padding: clamp(42px, 7vw, 86px) 0 clamp(34px, 5vw, 64px) !important;
  background: #fff !important;
}

body.wt-guide-body .wt-city-guide-hero__inner,
body.wt-guide-body .wt-page-hero__content{
  display: grid !important;
  gap: 20px !important;
  max-width: 920px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-hero h1,
body.wt-guide-body .wt-page-hero h1{
  max-width: 920px !important;
  margin: 0 !important;
  color: #000 !important;
  font-size: clamp(40px, 5.1vw, 64px) !important;
  font-weight: 600!important;
  line-height:1.2;
  letter-spacing: -0.055em !important;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-hero__subtitle,
body.wt-guide-body .wt-page-hero p:first-of-type,
body.wt-guide-body .wt-section-desc{
  color: #222 !important;
  font-weight: 600!important;
  letter-spacing: -0.04em !important;
}

body.wt-guide-body .wt-city-guide-hero__subtitle{
  max-width: 780px !important;
  margin: 0 !important;
  font-size: clamp(18px, 2vw, 23px) !important;
  line-height: 1.55 !important;
}

body.wt-guide-body .wt-city-guide-hero__lead,
body.wt-guide-body .wt-page-hero p:not(.wt-city-kicker){
  max-width: 790px !important;
  margin: 0 !important;
  color: #444 !important;
  font-size: 16px !important;
  font-weight: 500!important;
  line-height: 1.82 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
}

body.wt-guide-body .wt-city-guide-hero__actions,
body.wt-guide-body .wt-hero-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

body.wt-guide-body .wt-city-guide-button,
body.wt-guide-body .wt-btn,
body.wt-guide-body .wt-city-button,
body.wt-guide-body .wt-city-guide-survey-panel__button{
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.035em !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-button--primary,
body.wt-guide-body .wt-city-button--primary,
body.wt-guide-body .wt-btn--primary,
body.wt-guide-body .wt-hero-actions .wt-btn:first-child{
  background: #000 !important;
  color: #fff !important;
}

body.wt-guide-body .wt-city-guide-snapshot,
body.wt-guide-body .wt-section{
  margin-top: clamp(24px, 4vw, 48px) !important;
  background: #fff !important;
}

body.wt-guide-body .wt-city-guide-snapshot__head,
body.wt-guide-body .wt-section-head{
  max-width: 760px !important;
}

body.wt-guide-body .wt-city-guide-snapshot__head h2,
body.wt-guide-body .wt-section-title,
body.wt-guide-body .wt-city-guide-heading,
body.wt-guide-body .wt-city-guide-related h2,
body.wt-guide-body .wt-cta-band h2{
  color: #000 !important;
  letter-spacing: -0.055em !important;
  word-break: keep-all;
  line-height: 1.2;
}

body.wt-guide-body .wt-city-guide-snapshot__head h2,
body.wt-guide-body .wt-section-title,
body.wt-guide-body .wt-city-guide-heading{
  font-size: clamp(28px, 3vw, 42px) !important;
  font-weight: 600!important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-snapshot__grid{
  gap: 14px !important;
}

body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-purpose-quick-card,
body.wt-guide-body .wt-check-item,
body.wt-guide-body .wt-area-card,
body.wt-guide-body .destination-guide-link,
body.wt-guide-body .wt-content-grid > *,
body.wt-guide-body .wt-city-guide-links > *{
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-purpose-quick-card,
body.wt-guide-body .wt-check-item{
  min-height: auto !important;
  padding: 22px !important;
}

body.wt-guide-body .wt-city-guide-snapshot__grid span,
body.wt-guide-body .wt-purpose-quick-card span,
body.wt-guide-body .wt-area-card__label,
body.wt-guide-body .destination-guide-link__label{
  color: #777 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: .02em !important;
}

body.wt-guide-body .wt-city-guide-snapshot__grid h3,
body.wt-guide-body .wt-purpose-quick-card strong,
body.wt-guide-body .wt-check-item strong,
body.wt-guide-body .wt-area-card h3,
body.wt-guide-body .destination-guide-link strong{
  color: #000 !important;
  font-weight: 600!important;
  letter-spacing: -0.045em !important;
}

body.wt-guide-body .wt-city-guide-snapshot__grid p,
body.wt-guide-body .wt-purpose-quick-card p,
body.wt-guide-body .wt-check-item span,
body.wt-guide-body .wt-area-card p,
body.wt-guide-body .destination-guide-link small,
body.wt-guide-body .wt-section p,
body.wt-guide-body .wt-section-desc{
  color: #555 !important;
}

body.wt-guide-body .wt-city-guide-layout{
  padding-top: clamp(34px, 5vw, 64px) !important;
  padding-bottom: clamp(42px, 7vw, 86px) !important;
}

body.wt-guide-body .wt-city-guide-article{
  max-width: 940px !important;
  margin: 0 auto !important;
}

body.wt-guide-body .wt-city-guide-section,
body.wt-guide-body .wt-section > .container > :where(.wt-section-head, .wt-purpose-quick-grid, .wt-check-grid, .wt-area-tabs, .wt-hotel-grid, .destination-guide-links),
body.wt-guide-body .wt-section--first-answer .container,
body.wt-guide-body .wt-section--soft .container{
  background: transparent !important;
}

body.wt-guide-body .wt-city-guide-section,
body.wt-guide-body .wt-section.wt-section--first-answer > .container,
body.wt-guide-body .wt-section:not(.wt-section--survey-cta) > .container > .wt-section-head + :where(.wt-purpose-quick-grid, .wt-check-grid, .wt-area-tabs, .destination-guide-links){
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-section{
  margin: 0 0 clamp(28px, 4vw, 50px) !important;
  padding: clamp(26px, 4vw, 42px) !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

body.wt-guide-body .wt-city-guide-section--intro,
body.wt-guide-body .wt-city-guide-section--chapter,
body.wt-guide-body .wt-seo-toc-section,
body.wt-guide-body .wt-section--soft{
  background: #fff !important;
}

body.wt-guide-body .wt-city-guide-heading::before{
  width: 38px !important;
  height: 2px !important;
  margin-bottom: 16px !important;
  border-radius: 0 !important;
  background: #000 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-subheading,
body.wt-guide-body .wt-city-guide-minor-heading{
  color: #000 !important;
  font-weight: 600!important;
  letter-spacing: -0.045em !important;
}

body.wt-guide-body .wt-city-guide-section p,
body.wt-guide-body .wt-city-guide-section li,
body.wt-guide-body .wt-section p,
body.wt-guide-body .wt-section li{
  color: #444 !important;
  font-weight: 500!important;
  word-break: keep-all !important;
}

body.wt-guide-body .wt-city-guide-section strong,
body.wt-guide-body .wt-section strong{
  color: #000 !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-city-guide-quote,
body.wt-guide-body blockquote{
  margin: 20px 0 24px !important;
  padding: 22px 24px !important;
  border: 1px solid #111 !important;
  border-left: 4px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-quote p,
body.wt-guide-body blockquote p{
  color: #111 !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-city-guide-list li::before,
body.wt-guide-body .wt-city-guide-list .wt-city-guide-list li::before{
  background: #000 !important;
}

body.wt-guide-body .wt-city-guide-section ol.wt-city-guide-list > li::before{
  border: 1px solid #000 !important;
  background: #000 !important;
  color: #fff !important;
}

body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap,
body.wt-guide-body table{
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
  border: 1px solid #111 !important;
}

body.wt-guide-body .wt-city-guide-table th,
body.wt-guide-body .wt-city-guide-table td,
body.wt-guide-body table th,
body.wt-guide-body table td{
  border-bottom: 1px solid #e5e5e5 !important;
  color: #333 !important;
}

body.wt-guide-body .wt-city-guide-table th,
body.wt-guide-body table th{
  background: #f7f7f7 !important;
  color: #000 !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-city-guide-table td:first-child,
body.wt-guide-body table td:first-child{
  color: #000 !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-seo-toc-section{
  border-color: #111 !important;
}

body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a{
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-seo-toc__label,
body.wt-guide-body .wt-seo-toc a,
body.wt-guide-body .wt-seo-toc__group--featured strong{
  color: #000 !important;
}

body.wt-guide-body .wt-seo-toc a{
  border-top-color: #e5e5e5 !important;
}

body.wt-guide-body .wt-seo-toc__group--featured span{
  background: #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
}

body.wt-guide-body .wt-seo-toc a:hover{
  color: #000 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-cta-band,
body.wt-guide-body .wt-city-guide-related{
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-survey-panel__content strong,
body.wt-guide-body .wt-city-guide-survey-panel__content span,
body.wt-guide-body .wt-city-guide-survey-panel__eyebrow,
body.wt-guide-body .wt-cta-band h2,
body.wt-guide-body .wt-cta-band p,
body.wt-guide-body .wt-city-guide-related .eyebrow,
body.wt-guide-body .wt-city-guide-related h2,
body.wt-guide-body .wt-city-guide-related p{
  color: #000 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-survey-panel__eyebrow{
  background: transparent !important;
  padding: 0 !important;
}

body.wt-guide-body .wt-city-guide-survey-panel__button,
body.wt-guide-body .wt-cta-band .wt-city-button--primary{
  background: #000 !important;
  color: #fff !important;
}

body.wt-guide-body .wt-city-guide-related__links a,
body.wt-guide-body .destination-guide-link,
body.wt-guide-body .wt-hotel-link{
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-related__links a::after,
body.wt-guide-body .destination-guide-link::after{
  color: #000 !important;
}

body.wt-guide-body .wt-city-guide-reference{
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-area-tab-panel,
body.wt-guide-body .wt-city-area-tab-panel{
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-area-tab-list,
body.wt-guide-body .wt-city-area-tab-list{
  gap: 8px !important;
}

body.wt-guide-body .wt-area-tab-button,
body.wt-guide-body .wt-city-area-tab-button{
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-area-tab-input:checked + .wt-area-tab-button,
body.wt-guide-body .wt-area-tab-button[aria-selected="true"],
body.wt-guide-body .wt-city-area-tab-button[aria-selected="true"]{
  background: #000 !important;
  color: #fff !important;
}

body.wt-guide-body .wt-area-card__note,
body.wt-guide-body .wt-city-area-card__note{
  border: 1px solid #e5e5e5 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

body.wt-guide-body .wt-hotel-grid{
  gap: 18px !important;
}

body.wt-guide-body .wt-hotel-card{
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-hotel-card__top,
body.wt-guide-body .wt-hotel-meta,
body.wt-guide-body .wt-hotel-card__score-list{
  color: #666 !important;
}

body.wt-guide-body .wt-hotel-card h3,
body.wt-guide-body .wt-hotel-card p{
  color: #000 !important;
}

body.wt-guide-body .wt-hotel-link{
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  background: #000 !important;
  color: #fff !important;
  font-weight: 600!important;
}

body.wt-guide-body .wt-city-faq__item{
  margin-top: 12px !important;
  padding: 20px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-faq__item:first-child{
  margin-top: 15px !important;
}

body.wt-guide-body .wt-city-faq__item summary,
body.wt-guide-body .wt-city-faq__item summary::after{
  color: #000 !important;
}

body.wt-guide-body .footer.container{
  width: min(100% - 40px, 1120px);
}

@media (max-width: 980px) {
  body.wt-guide-body .wt-city-guide-snapshot__grid{
  }

  body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    }
}

@media (max-width: 760px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body .footer.container{
    width: calc(100% - 32px);
  }

  

  body.wt-guide-body .wt-city-guide-hero,
body.wt-guide-body .wt-page-hero{
    padding: 38px 0 30px !important;
  }

  body.wt-guide-body .wt-city-guide-hero h1,
body.wt-guide-body .wt-page-hero h1{
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.wt-guide-body .wt-city-guide-hero__inner,
body.wt-guide-body .wt-page-hero__content{
    gap: 16px !important;
  }

  body.wt-guide-body .wt-city-guide-hero__actions,
body.wt-guide-body .wt-hero-actions{
    display: grid !important;
    gap: 8px !important;
  }

  body.wt-guide-body .wt-city-guide-button,
body.wt-guide-body .wt-btn,
body.wt-guide-body .wt-city-button{
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid,
body.wt-guide-body .wt-seo-toc__columns,
body.wt-guide-body .wt-seo-toc__group--featured,
body.wt-guide-body .wt-purpose-quick-grid,
body.wt-guide-body .wt-check-grid,
body.wt-guide-body .destination-guide-links{
    }

  body.wt-guide-body .wt-city-guide-section{
    padding: 22px 18px !important;
  }

  body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-cta-band,
body.wt-guide-body .wt-city-guide-related{
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 22px !important;
  }

  body.wt-guide-body .wt-city-guide-survey-panel__button,
body.wt-guide-body .wt-cta-band .wt-city-button--primary{
    width: 100% !important;
  }
}
/* End BESTAYABLE_ALL_GUIDE_PAGES_MINIMAL_V24 */

/* V25 - Hotel guide content recovery and Osaka-baseline readability refinements */
body.wt-guide-body main.wt-city-hotel-guide-page,
body.wt-guide-body main.wt-guide-page{
  background: #fff !important;
  color: #000 !important;
}

body.wt-guide-body .wt-city-guide-article,
body.wt-guide-body main.wt-guide-page > .wt-section > .container{
  word-break: keep-all !important;
}

body.wt-guide-body .wt-city-guide-section,
body.wt-guide-body main.wt-guide-page .wt-section > .container{
  scroll-margin-top: 96px !important;
}

body.wt-guide-body .wt-city-guide-section p + p,
body.wt-guide-body .wt-section-desc + p,
body.wt-guide-body .wt-section p + p{
  margin-top: 12px !important;
}

body.wt-guide-body .wt-city-guide-list{
  margin-top: 14px !important;
  display: grid !important;
  gap: 10px !important;
}

body.wt-guide-body .wt-city-guide-list li,
body.wt-guide-body .wt-check-item{
  line-height: 1.72 !important;
}

body.wt-guide-body .wt-city-guide-section--chapter .wt-city-guide-heading,
body.wt-guide-body .wt-section-kicker{
  color: #000 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-section--chapter{
  border-color: #000 !important;
}

body.wt-guide-body .wt-city-guide-section--chapter .wt-city-guide-chapter-heading{
  max-width: 760px !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
  border-color: #000 !important;
}

body.wt-guide-body .wt-city-guide-related__links a,
body.wt-guide-body .destination-guide-link,
body.wt-guide-body .wt-hotel-link{
  color: #000 !important;
}

@media (max-width: 640px) {
  body.wt-guide-body .wt-city-guide-section,
body.wt-guide-body main.wt-guide-page .wt-section > .container{
    padding: 22px 18px !important;
  }

  body.wt-guide-body .wt-city-guide-section p,
body.wt-guide-body .wt-section p,
body.wt-guide-body .wt-city-guide-section li,
body.wt-guide-body .wt-section li{
    font-size: 14px !important;
    line-height: 1.74 !important;
  }
}


/* BESTAYABLE_ALL_SURVEY_MINIMAL_BW_V26
   - 호텔 위치 서베이 UI를 메인 index V15/V25와 같은 블랙&화이트 미니멀 톤으로 통일
   - 로고 SVG와 loadingPage 구조/동작은 변경하지 않음
========================================================= */
body.wt-location-survey-page--app{
  --survey-ink: #111111;
  --survey-muted: #666666;
  --survey-soft: #f7f7f7;
  --survey-line: #dcdcdc;
  --survey-line-strong: #111111;
  --survey-white: #ffffff;
  background: #ffffff !important;
  color: var(--survey-ink) !important;
}

body.wt-location-survey-page--app .wt-location-app{
  background: #ffffff !important;
}

body.wt-location-survey-page--app .wt-app-container{
  background: #ffffff !important;
  color: var(--survey-ink) !important;
}

@media (min-width: 480px) {
  body.wt-location-survey-page--app .wt-app-container{
    max-width: 430px !important;
    border: 1px solid #111111 !important;
    border-radius: 28px !important;
    box-shadow: none !important;
  }
}

body.wt-location-survey-page--app .page-view:not(#loadingPage){
  background: #ffffff !important;
}

body.wt-location-survey-page--app .header-actions{
  min-height: 44px !important;
}

body.wt-location-survey-page--app .close-btn{
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  justify-content: center !important;
  border: 1px solid var(--survey-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .close-btn:hover,
body.wt-location-survey-page--app .close-btn:focus-visible{
  border-color: #111111 !important;
  background: #ffffff !important;
  color: #111111 !important;
  outline: none !important;
}

body.wt-location-survey-page--app .main-title,
body.wt-location-survey-page--app .result-destination,
body.wt-location-survey-page--app .wt-question-title,
body.wt-location-survey-page--app .panel-title,
body.wt-location-survey-page--app .wt-section-title,
body.wt-location-survey-page--app .wt-result-mini-title,
body.wt-location-survey-page--app .wt-reason-card h4,
body.wt-location-survey-page--app .wt-practical-card h4,
body.wt-location-survey-page--app .wt-hotel-name,
body.wt-location-survey-page--app .wt-decision-box strong,
body.wt-location-survey-page--app .wt-result-lead--simple strong{
  color: #111111 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-location-survey-page--app .main-title{
  font-size: clamp(27px, 7.2vw, 34px) !important;
  line-height: 1.2;
  letter-spacing: -0.055em !important;
  font-weight: 600!important;
  word-break: keep-all;
}

body.wt-location-survey-page--app .sub-description,
body.wt-location-survey-page--app .wt-question-help,
body.wt-location-survey-page--app .simple-brief-text,
body.wt-location-survey-page--app .panel-text,
body.wt-location-survey-page--app .wt-section-desc,
body.wt-location-survey-page--app .wt-result-story-desc,
body.wt-location-survey-page--app .wt-decision-box p,
body.wt-location-survey-page--app .wt-hotel-reason,
body.wt-location-survey-page--app .wt-result-lead--simple p,
body.wt-location-survey-page--app .wt-reason-card p,
body.wt-location-survey-page--app .wt-practical-list li{
  color: var(--survey-muted) !important;
}

body.wt-location-survey-page--app .result-badge,
body.wt-location-survey-page--app .detailed-info-section .result-badge,
body.wt-location-survey-page--app .result-upper-section .result-badge,
body.wt-location-survey-page--app .wt-section-eyebrow{
  all: unset;
  display: inline-block !important;
  margin: 0 0 12px !important;
  color: #111111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1.2 !important;
  letter-spacing: -0.015em !important;
}

body.wt-location-survey-page--app .result-badge::after,
body.wt-location-survey-page--app .wt-section-eyebrow::after{
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 1px !important;
  margin-top: 8px !important;
  background: #111111 !important;
}

body.wt-location-survey-page--app .next-btn,
body.wt-location-survey-page--app .primary-action-btn,
body.wt-location-survey-page--app .restart-btn{
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .next-btn:hover,
body.wt-location-survey-page--app .primary-action-btn:hover,
body.wt-location-survey-page--app .restart-btn:hover,
body.wt-location-survey-page--app .next-btn:focus-visible,
body.wt-location-survey-page--app .primary-action-btn:focus-visible,
body.wt-location-survey-page--app .restart-btn:focus-visible{
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  outline: none !important;
}

body.wt-location-survey-page--app .secondary-action-btn{
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .secondary-action-btn:hover,
body.wt-location-survey-page--app .secondary-action-btn:focus-visible{
  background: #f7f7f7 !important;
  color: #111111 !important;
  border-color: #111111 !important;
  outline: none !important;
}

body.wt-location-survey-page--app .primary-action-btn:disabled{
  background: #f4f4f4 !important;
  color: #b5b5b5 !important;
  border-color: #e5e5e5 !important;
  cursor: not-allowed !important;
}

body.wt-location-survey-page--app .wt-progress-top{
  color: #666666 !important;
}

body.wt-location-survey-page--app .wt-progress-bar{
  background: #e9e9e9 !important;
}

body.wt-location-survey-page--app .wt-progress-fill{
  background: #111111 !important;
}

body.wt-location-survey-page--app .wt-option{
  min-height: 74px !important;
  border: 1px solid var(--survey-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-option:hover{
  border-color: #111111 !important;
  background: #ffffff !important;
}

body.wt-location-survey-page--app .wt-option.is-selected{
  border-color: #111111 !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #111111 !important;
}

body.wt-location-survey-page--app .wt-option-title{
  color: #111111 !important;
}

body.wt-location-survey-page--app .wt-option-desc{
  color: #666666 !important;
}

body.wt-location-survey-page--app .simple-summary-card{
  background: #ffffff !important;
}

body.wt-location-survey-page--app .wt-result-lead--simple,
body.wt-location-survey-page--app .tab-panel,
body.wt-location-survey-page--app .wt-reason-card,
body.wt-location-survey-page--app .wt-practical-card,
body.wt-location-survey-page--app .wt-decision-box,
body.wt-location-survey-page--app .wt-post-list a,
body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  border: 1px solid var(--survey-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-result-lead--simple{
  border-radius: 22px !important;
}

body.wt-location-survey-page--app .detailed-info-section{
  background: #ffffff !important;
}

body.wt-location-survey-page--app .result-upper-section{
  background: #ffffff !important;
}

body.wt-location-survey-page--app .tab-menu-container{
  background: rgba(255, 255, 255, 0.94) !important;
  border-top: 1px solid #f0f0f0 !important;
  border-bottom: 1px solid #111111 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .tab-btn{
  border: 1px solid var(--survey-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #666666 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .tab-btn.active{
  border-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

body.wt-location-survey-page--app .tab-content-container{
  background: #ffffff !important;
}

body.wt-location-survey-page--app .tab-panel{
  padding: 22px 0 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.wt-location-survey-page--app .wt-reason-card,
body.wt-location-survey-page--app .wt-practical-card,
body.wt-location-survey-page--app .wt-decision-box,
body.wt-location-survey-page--app .wt-post-list a{
  border-radius: 18px !important;
}

body.wt-location-survey-page--app .wt-reason-number,
body.wt-location-survey-page--app .wt-hotel-rank{
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
}

body.wt-location-survey-page--app .wt-practical-list li::before{
  background: #111111 !important;
}

body.wt-location-survey-page--app .wt-practical-chip-list span,
body.wt-location-survey-page--app .wt-hotel-meta span,
body.wt-location-survey-page--app .wt-hotel-tag,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--base,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-tag--highlight{
  border: 1px solid var(--survey-line) !important;
  background: #ffffff !important;
  color: #555555 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-practical-chip-list--muted span{
  color: #777777 !important;
  background: #ffffff !important;
}

body.wt-location-survey-page--app .wt-hotel-location,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-location-main{
  color: #555555 !important;
}

body.wt-location-survey-page--app .wt-hotel-card-list{
  gap: 12px !important;
}

body.wt-location-survey-page--app .wt-hotel-card.wt-hotel-card--compact{
  max-width: 480px !important;
  border-radius: 16px !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link,
body.wt-location-survey-page--app .wt-hotel-link{
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
  box-shadow: none !important;
}

body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:hover,
body.wt-location-survey-page--app .wt-hotel-card--compact .wt-hotel-link:focus-visible,
body.wt-location-survey-page--app .wt-hotel-link:hover,
body.wt-location-survey-page--app .wt-hotel-link:focus-visible{
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  outline: none !important;
}

body.wt-location-survey-page--app .wt-post-list a::after{
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: 14px !important;
  border-top: 1.5px solid #111111 !important;
  border-right: 1.5px solid #111111 !important;
  transform: rotate(45deg) !important;
  background: transparent !important;
  color: transparent !important;
  flex: 0 0 7px !important;
}

body.wt-location-survey-page--app .result-footer{
  background: #ffffff !important;
}

@media (max-width: 479px) {
  body.wt-location-survey-page--app .wt-app-container{
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.wt-location-survey-page--app .page-view:not(#loadingPage){
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.wt-location-survey-page--app .tab-content-container,
body.wt-location-survey-page--app .tab-menu-container,
body.wt-location-survey-page--app .result-top-bar,
body.wt-location-survey-page--app .result-upper-section{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* End BESTAYABLE_ALL_SURVEY_MINIMAL_BW_V26 */

/* BESTAYABLE_GUIDE_AND_SURVEY_SPACING_V27 */
/* Guide pages: reduce excessive horizontal padding on tablet/mobile so content sections do not look squeezed. */
@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    box-sizing: border-box !important;
    width: calc(100% - 32px);
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.wt-guide-body .wt-city-guide-article{
    max-width: 960px !important;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding-left: clamp(22px, 3vw, 32px) !important;
    padding-right: clamp(22px, 3vw, 32px) !important;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a,
body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding: 18px 16px !important;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a,
body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
  }
}

@media (max-width: 420px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    width: calc(100% - 20px) !important;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
    margin-left: -14px !important;
    margin-right: -14px !important;
    width: calc(100% + 28px) !important;
  }
}

/* Survey result pages: reduce horizontal padding only in the result view. Loading and logo screens remain unchanged. */
body.wt-location-survey-page--app #resultPage .result-top-bar,
body.wt-location-survey-page--app #resultPage .result-upper-section,
body.wt-location-survey-page--app #resultPage .tab-menu-container,
body.wt-location-survey-page--app #resultPage .tab-content-container{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.wt-location-survey-page--app #resultPage .simple-summary-card{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

body.wt-location-survey-page--app #resultPage .tab-panel{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.wt-location-survey-page--app #resultPage .wt-reason-card,
body.wt-location-survey-page--app #resultPage .wt-practical-card,
body.wt-location-survey-page--app #resultPage .wt-decision-box,
body.wt-location-survey-page--app #resultPage .wt-post-list a,
body.wt-location-survey-page--app #resultPage .wt-hotel-card.wt-hotel-card--compact,
body.wt-location-survey-page--app #resultPage .wt-result-lead--simple{
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 479px) {
  body.wt-location-survey-page--app #resultPage .result-top-bar,
body.wt-location-survey-page--app #resultPage .result-upper-section,
body.wt-location-survey-page--app #resultPage .tab-menu-container,
body.wt-location-survey-page--app #resultPage .tab-content-container,
body.wt-location-survey-page--app #resultPage .simple-summary-card{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.wt-location-survey-page--app #resultPage .wt-reason-card,
body.wt-location-survey-page--app #resultPage .wt-practical-card,
body.wt-location-survey-page--app #resultPage .wt-decision-box,
body.wt-location-survey-page--app #resultPage .wt-post-list a,
body.wt-location-survey-page--app #resultPage .wt-hotel-card.wt-hotel-card--compact,
body.wt-location-survey-page--app #resultPage .wt-result-lead--simple{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* End BESTAYABLE_GUIDE_AND_SURVEY_SPACING_V27 */


/* BESTAYABLE_GUIDE_MOBILE_FULL_WIDTH_V28
   Hotel / travel guide pages: make mobile and tablet layouts use more of the screen width.
   This override is intentionally scoped to wt-guide-body so city index, purpose pages, and survey loading screens stay untouched.
========================================================= */
@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    box-sizing: border-box ;
    width: 100% ;
    max-width: 1120px ;
    margin-left: auto ;
    margin-right: auto ;
    padding-left: 16px ;
    padding-right: 16px ;
  }

  body.wt-guide-body .wt-city-guide-article{
    width: 100% ;
    max-width: 100% ;
    margin-left: 0 ;
    margin-right: 0 ;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding: 24px 20px !important;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a,
body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    padding-left: 18px ;
    padding-right: 18px ;
  }
}

@media (max-width: 767px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    box-sizing: border-box ;
    width: 100% ;
    max-width: none ;
    margin-left: auto ;
    margin-right: auto ;
    padding-left: 12px ;
    padding-right: 12px ;
  }

  

  

  body.wt-guide-body .wt-city-guide-article{
    width: 100% ;
    max-width: 100% ;
    margin-left: 0 ;
    margin-right: 0 ;
  }

  body.wt-guide-body .wt-city-guide-layout{
    padding-top: 26px !important;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding: 20px 14px !important;
    margin-bottom: 24px !important;
  }

  body.wt-guide-body .wt-city-guide-section--intro,
body.wt-guide-body .wt-seo-toc-section{
    padding-left: 14px ;
    padding-right: 14px ;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a,
body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    padding-left: 14px ;
    padding-right: 14px ;
  }

  body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
    margin-left: -14px ;
    margin-right: -14px ;
    width: calc(100% + 28px) ;
  }

  body.wt-guide-body .wt-city-guide-hero h1,
body.wt-guide-body .wt-page-hero h1{
    font-size: clamp(30px, 9vw, 42px) !important;
  word-break: keep-all;
  }
}

@media (max-width: 420px) {
  body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    padding-left: 10px ;
    padding-right: 10px ;
  }

  body.wt-guide-body .wt-city-guide-section{
    padding-left: 12px ;
    padding-right: 12px ;
  }

  body.wt-guide-body .wt-city-guide-snapshot__grid article,
body.wt-guide-body .wt-seo-toc__group,
body.wt-guide-body .wt-seo-toc__group--featured a,
body.wt-guide-body .wt-area-tabs,
body.wt-guide-body .wt-city-area-tabs,
body.wt-guide-body .wt-city-guide-survey-panel__link,
body.wt-guide-body .wt-city-guide-related,
body.wt-guide-body .wt-cta-band{
    padding-left: 12px ;
    padding-right: 12px ;
  }

  body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
    margin-left: -12px ;
    margin-right: -12px ;
    width: calc(100% + 24px) ;
  }
}
/* End BESTAYABLE_GUIDE_MOBILE_FULL_WIDTH_V28 */

/* BESTAYABLE_GUIDE_MOBILE_TABLET_CITY_PADDING_V29
   Hotel / travel guide pages: match /destinations/도시/ mobile and tablet spacing.
   - outer page padding: 20px left/right
   - inner containers: margin-left/right 0, padding-left/right 0
   This override intentionally comes after V28 to prevent older guide spacing rules from narrowing content.
========================================================= */
@media (max-width: 1180px) {
  body.wt-guide-body main.travel-page,
body.wt-guide-body main.travel-page.wt-city-guide-page,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page,
body.wt-guide-body main.travel-page.wt-guide-page{
    box-sizing: border-box ;
    width: 100% ;
    max-width: none ;
    margin-left: 0 ;
    margin-right: 0 ;
    padding-left: 20px ;
    padding-right: 20px ;
  }

  body.wt-guide-body main.travel-page > .container,
body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body main.travel-page.wt-guide-page > .container,
body.wt-guide-body main.travel-page.wt-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  

  body.wt-guide-body .footer.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  body.wt-guide-body .wt-city-guide-table-wrap,
body.wt-guide-body .wt-table-wrap{
    margin-left: 0 ;
    margin-right: 0 ;
    width: 100% ;
  }
}

@media (max-width: 767px) {
  
}
/* End BESTAYABLE_GUIDE_MOBILE_TABLET_CITY_PADDING_V29 */

/* BESTAYABLE_SURVEY_MOBILE_TABLET_CITY_PADDING_V30
   Hotel location survey pages: match /destinations/도시/ mobile and tablet spacing.
   - outer survey page padding: 20px left/right
   - inner app container: margin-left/right 0, padding-left/right 0
   - result view content wrappers: no extra horizontal padding
   Loading page structure and logo SVGs remain unchanged.
========================================================= */
@media (max-width: 1180px) {
  body.wt-location-survey-page--app .wt-location-app,
body.wt-location-survey-page--app main.wt-location-page.wt-location-app{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.wt-location-survey-page--app .wt-app-container{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  body.wt-location-survey-page--app .page-view:not(#loadingPage){
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-location-survey-page--app #resultPage,
body.wt-location-survey-page--app #resultPage .scrollable-body,
body.wt-location-survey-page--app #resultPage .detailed-info-section{
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-location-survey-page--app #resultPage .result-top-bar,
body.wt-location-survey-page--app #resultPage .result-upper-section,
body.wt-location-survey-page--app #resultPage .tab-menu-container,
body.wt-location-survey-page--app #resultPage .tab-content-container,
body.wt-location-survey-page--app #resultPage .simple-summary-card,
body.wt-location-survey-page--app #resultPage .result-footer{
    box-sizing: border-box !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-location-survey-page--app #resultPage .tab-panel{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-location-survey-page--app #resultPage .wt-reason-card,
body.wt-location-survey-page--app #resultPage .wt-practical-card,
body.wt-location-survey-page--app #resultPage .wt-decision-box,
body.wt-location-survey-page--app #resultPage .wt-post-list a,
body.wt-location-survey-page--app #resultPage .wt-hotel-card.wt-hotel-card--compact,
body.wt-location-survey-page--app #resultPage .wt-result-lead--simple{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 479px) {
  body.wt-location-survey-page--app .wt-location-app,
body.wt-location-survey-page--app main.wt-location-page.wt-location-app{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.wt-location-survey-page--app .page-view:not(#loadingPage),
body.wt-location-survey-page--app #resultPage .result-top-bar,
body.wt-location-survey-page--app #resultPage .result-upper-section,
body.wt-location-survey-page--app #resultPage .tab-menu-container,
body.wt-location-survey-page--app #resultPage .tab-content-container,
body.wt-location-survey-page--app #resultPage .simple-summary-card{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* End BESTAYABLE_SURVEY_MOBILE_TABLET_CITY_PADDING_V30 */

/* =========================================================
   20260702 Home destination card editorial visual V16
   - 메인 인덱스 인기 여행지 .dest-scroll-card를 첨부 레퍼런스형 풀 이미지 카드로 변경
   - 기존 --dest-card-image 배경 이미지는 그대로 사용
========================================================= */
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
  gap: 22px !important;
  padding: 14px 24px 34px !important;
  align-items: stretch !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
  flex: 0 0 310px !important;
  width: 310px !important;
  height: 450px !important;
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: #0b1220 !important;
  background-color: #0b1220 !important;
  border: 3px solid #f1f5f9 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
  isolation: isolate !important;
  transform: translateZ(0) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.12) 0%, rgba(2, 6, 23, 0.08) 34%, rgba(2, 6, 23, 0.46) 66%, rgba(0, 0, 0, 0.88) 100%) !important;
  pointer-events: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-image: var(--dest-card-image) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: saturate(0.98) contrast(1.03) !important;
  transform: scale(1.01) !important;
  transition: transform 0.45s ease !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-badge{
  position: absolute !important;
  top: 34px !important;
  left: 34px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 0 !important;
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
  position: absolute !important;
  left: 34px !important;
  right: 34px !important;
  bottom: 32px !important;
  z-index: 4 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 36px !important;
  font-weight: 600!important;
  line-height: 0.96 !important;
  letter-spacing: -0.075em !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.28) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-tags{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: -0.035em !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.26) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-divider{
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 28px 0 24px !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.45) !important;
  background: transparent !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-cta{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 600!important;
  line-height: 1.2 !important;
  letter-spacing: -0.04em !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-arrow{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 30px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card:hover{
  transform: translateY(-3px) !important;
  box-shadow: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card:hover .dest-card-bg{
  transform: scale(1.05) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card:focus-visible{
  outline: 3px solid #111827 !important;
  outline-offset: 4px !important;
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .scroll-wrapper{
    gap: 16px !important;
    padding: 10px 16px 30px !important;
    margin: 0 -16px 0 0 !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
    flex-basis: 278px !important;
    width: 278px !important;
    height: 398px !important;
    border-width: 3px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-badge{
    top: 28px !important;
    left: 28px !important;
    min-width: 70px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
    left: 28px !important;
    right: 28px !important;
    bottom: 28px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
    margin-bottom: 8px !important;
    font-size: 31px !important;
    letter-spacing: -0.07em !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-tags{
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-divider{
    margin: 24px 0 21px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-cta{
    font-size: 15px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-arrow{
    font-size: 28px !important;
  }
}

@media (max-width: 380px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card{
    flex-basis: 260px !important;
    width: 260px !important;
    height: 380px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-badge{
    top: 24px !important;
    left: 24px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-info{
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-title{
    font-size: 29px !important;
  }
}
/* End 20260702 Home destination card editorial visual V16 */

/* =========================================================
   20260703 Hotel archive minimal premium V1
   - /destinations/{city}/hotel-recommendations/
   - /destinations/{city}/hotels/
   - 메인 index hero, 인기 여행지, 검색 오버레이와 맞춘 흰 배경 + 블랙 텍스트 중심 톤
========================================================= */
body.travel-archive-body{
  background: #ffffff !important;
  color: #000000 !important;
}















body.travel-archive-body main.travel-page.wt-city-archive-page,
body.travel-archive-body main.travel-page.wt-city-archive-page :where(.container, .wt-city-hero, .wt-city-dynamic-section){
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.travel-archive-body main.travel-page.wt-city-archive-page{
  color: #000000 !important;
  overflow-x: hidden !important;
}

body.travel-archive-body main.travel-page.wt-city-archive-page > .wt-city-hero.container:first-child{
  padding-top: clamp(42px, 6vw, 78px) !important;
  padding-bottom: clamp(42px, 5.8vw, 74px) !important;
}

body.travel-archive-body .wt-city-hero__content{
  max-width: 900px !important;
}

body.travel-archive-body .wt-city-kicker{
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.travel-archive-body .wt-city-hero h1{
  max-width: 860px !important;
  margin: 0 !important;
  color: #000000 !important;
  font-size: clamp(42px, 5.2vw, 64px) !important;
  font-weight: 600!important;
  letter-spacing: -0.06em !important;
  line-height:1.2;
  word-break: keep-all;
}

body.travel-archive-body .wt-city-hero__lead{
  max-width: 760px !important;
  margin: 26px 0 0 !important;
  color: rgba(0, 0, 0, 0.64) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  font-weight: 400!important;
  line-height: 1.78 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
}

body.travel-archive-body .wt-city-archive-page .wt-city-dynamic-section,
body.travel-archive-body main.travel-page.wt-city-archive-page .wt-city-dynamic-section{
  padding-top: 0 !important;
  padding-bottom: clamp(76px, 8vw, 118px) !important;
}

body.travel-archive-body .wt-region-filter{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.travel-archive-body .wt-region-filter__button{
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease !important;
}

body.travel-archive-body .wt-region-filter__button:hover,
body.travel-archive-body .wt-region-filter__button:focus-visible,
body.travel-archive-body .wt-region-filter__button.is-active{
  border-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
  transform: none !important;
}

body.travel-archive-body .wt-category-filter-description{
  margin: 0 0 20px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
}

body.travel-archive-body .wt-category-filter-description strong{
  display: block !important;
  margin: 0 0 7px !important;
  color: #000000 !important;
  font-size: 15px !important;
  font-weight: 600!important;
  letter-spacing: -0.035em !important;
}

body.travel-archive-body .wt-category-filter-description p{
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.62) !important;
  font-size: 14px !important;
  font-weight: 400!important;
  line-height: 1.72 !important;
  letter-spacing: -0.032em !important;
}

body.travel-archive-body .wt-city-archive-summary{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
}

body.travel-archive-body .wt-city-archive-count{
  color: rgba(0, 0, 0, 0.58) !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.025em !important;
}

body.travel-archive-body .travel-card-grid--hotels{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

body.travel-archive-body .travel-card.hotel-card,
body.travel-archive-body .empty-card,
body.travel-archive-body .wt-archive-skeleton-card{
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}

body.travel-archive-body .travel-card.hotel-card{
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__full-link{
  display: flex !important;
  height: 100% !important;
  min-height: 100% !important;
  flex-direction: column !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media{
  display: block !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  background: #f5f5f5 !important;
}

body.travel-archive-body .travel-card__media::after{
  display: none !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.94) contrast(1.02) !important;
}

body.travel-archive-body .hotel-card .travel-card__body{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 260px;
  padding: 22px;
}

body.travel-archive-body .hotel-card .travel-card__meta{
  margin: 0 0 14px;
  color: rgba(0, 0, 0, 0.52);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.015em;
}

body.travel-archive-body .hotel-card .travel-card__title{
  margin: 0;
  color: #000000;
  font-size: clamp(21px, 1.7vw, 26px);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -0.058em;
  word-break: keep-all;
}

body.travel-archive-body .hotel-card .travel-card__description{
  margin: 16px 0 0;
  color: rgba(0, 0, 0, 0.64);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.034em;
  word-break: keep-all;
}

body.travel-archive-body .hotel-card .tag-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 0;
}

body.travel-archive-body .hotel-card .tag-row span{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 0;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.68);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.025em;
}

body.travel-archive-body .hotel-card .text-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  margin-top: auto;
  padding: 0 16px;
  border: 1px solid #000000;
  border-radius: 0;
  background: #000000;
  color: #ffffff;
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.025em;
  text-decoration: none;
  pointer-events: none;
}

body.travel-archive-body .empty-card{
  grid-column: 1 / -1 !important;
  padding: 24px !important;
  color: rgba(0, 0, 0, 0.62) !important;
  font-size: 15px !important;
  font-weight: 500!important;
  line-height: 1.7 !important;
  letter-spacing: -0.03em !important;
}

body.travel-archive-body .wt-archive-skeleton-card{
  overflow: hidden !important;
}

body.travel-archive-body .wt-archive-skeleton-card__media{
  background: #f4f4f4 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

body.travel-archive-body .wt-archive-skeleton-card__body{
  gap: 10px !important;
  padding: 22px !important;
}

body.travel-archive-body .wt-archive-skeleton-line{
  background: #eeeeee !important;
}

body.travel-archive-body .wt-archive-skeleton-shimmer{
  background-image: linear-gradient(90deg, #eeeeee 0%, #f8f8f8 46%, #eeeeee 100%) !important;
}

body.travel-archive-body .footer.container{
  border-top: 1px solid #000000 !important;
}

body.travel-archive-body .footer a,
body.travel-archive-body a{
  color: #000000;
}

@media (min-width: 768px) and (max-width: 1180px) {
  

  body.travel-archive-body .travel-card-grid--hotels{
  }
}

@media (max-width: 1024px) {
  body.travel-archive-body .wt-region-filter{
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    margin-right: -20px !important;
    padding-right: 20px !important;
    padding-bottom: 6px !important;
  }

  body.travel-archive-body .wt-region-filter::-webkit-scrollbar{
    display: none !important;
  }

  body.travel-archive-body .wt-region-filter__button{
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 767px) {
  

  body.travel-archive-body main.travel-page.wt-city-archive-page{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.travel-archive-body main.travel-page.wt-city-archive-page > .container,
body.travel-archive-body main.travel-page.wt-city-archive-page .container,
body.travel-archive-body .footer.container{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.travel-archive-body main.travel-page.wt-city-archive-page > .wt-city-hero.container:first-child{
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }


  body.travel-archive-body .wt-city-hero h1{
    font-size: clamp(36px, 10.8vw, 48px) !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.travel-archive-body .wt-city-hero__lead{
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.travel-archive-body .wt-city-archive-page .wt-city-dynamic-section,
body.travel-archive-body main.travel-page.wt-city-archive-page .wt-city-dynamic-section{
    padding-bottom: 72px !important;
  }

  body.travel-archive-body .wt-region-filter__button{
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
  }

  body.travel-archive-body .travel-card-grid--hotels{
      gap: 12px !important;
  }

  body.travel-archive-body .hotel-card .travel-card__body{
    min-height: 238px;
    padding: 20px;
  }

  body.travel-archive-body .hotel-card .travel-card__title{
    font-size: clamp(22px, 7vw, 28px);
  }

  body.travel-archive-body .hotel-card .text-link{
    width: 100%;
    min-height: 44px;
  }
}
/* End 20260703 Hotel archive minimal premium V1 */

/* 20260703 Mobile heading size normalization V2
   - 모바일에서 메인 index hero를 제외한 h1/h2/h3 태그 크기 통일
   - h1/h2/h3 line-height를 1.2로 통일
   - 기존 페이지별 !important 제목 규칙보다 뒤에서 적용
*/
@media (max-width: 767px) {
  html body:not(.wt-mobile-heading-noop-a):not(.wt-mobile-heading-noop-b):not(.wt-mobile-heading-noop-c):not(.wt-mobile-heading-noop-d) h1{
    font-size: 25px !important;
    line-height:1.2;
  word-break: keep-all;
  }

  html body:not(.wtsr-page):not(.travel-purpose-body):not(.wt-mobile-heading-noop-a):not(.wt-mobile-heading-noop-b):not(.wt-mobile-heading-noop-c):not(.wt-mobile-heading-noop-d) h2{
    line-height: 1.2;
    word-break: keep-all;
  }

  html body:not(.wt-mobile-heading-noop-a):not(.wt-mobile-heading-noop-b):not(.wt-mobile-heading-noop-c):not(.wt-mobile-heading-noop-d) h3:not(.travel-card__title){
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  html body.travel-home-body:not(.wt-mobile-heading-noop-a):not(.wt-mobile-heading-noop-b):not(.wt-mobile-heading-noop-c):not(.wt-mobile-heading-noop-d) .travel-home .wthome-hero .wthome-card__visual h1{
    font-size: clamp(42px, 13.2vw, 58px) !important;
    line-height:1.2;
  word-break: keep-all;
  }
}

@media (max-width: 380px) {
  html body.travel-home-body:not(.wt-mobile-heading-noop-a):not(.wt-mobile-heading-noop-b):not(.wt-mobile-heading-noop-c):not(.wt-mobile-heading-noop-d) .travel-home .wthome-hero .wthome-card__visual h1{
    font-size: clamp(38px, 12.4vw, 49px) !important;
    line-height:1.2;
  word-break: keep-all;
  }
}
/* End 20260703 Mobile heading size normalization V2 */

/* 20260703 City FAQ and eyebrow refinement V3
   - 도시 FAQ 아코디언 상단 보더 제거
   - 도시 FAQ summary 좌우/상하 padding 18px 통일
   - .eyebrow 폰트 크기 15px 통일
*/
.eyebrow{
  font-size: 15px !important;
}

body.travel-city-body .wt-city-faq__accordion,
body.travel-city-body--fukuoka .wt-city-faq__accordion{
  border-top: 0 !important;
}

body.travel-city-body .wt-city-faq__item summary,
body.travel-city-body--fukuoka .wt-city-faq__item summary{
  padding: 18px !important;
}

body.travel-city-body .eyebrow,
body.travel-city-body--fukuoka .eyebrow,
body.travel-archive-body .eyebrow{
  font-size: 15px !important;
}
/* End 20260703 City FAQ and eyebrow refinement V3 */

/* 20260703 City/archive topbar and archive breadcrumb alignment V4
   - /destinations/{city}/ index topbar를 목적별 페이지(first-trip) 기준과 동일하게 정렬
   - /hotel-recommendations/, /hotels/ topbar를 목적별 페이지(first-trip) 기준과 동일하게 정렬
   - 호텔 아카이브 모바일 breadcrumb를 first-trip과 같은 20px 기준선으로 보정
*/
@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  

  

  
}
/* End 20260703 City/archive topbar and archive breadcrumb alignment V4 */

/* 20260703 Logo, guide topbar, and Fukuoka hotel TOC refinement V5
   - 모든 페이지 Be Stayable 텍스트 로고를 메인 index와 동일한 15px로 통일
   - 호텔 가이드/여행 가이드 topbar inner를 목적별 페이지(first-trip) 기준과 동일하게 정렬
   - /destinations/fukuoka/hotel-guide/ Table of Contents를 미니멀 리스트형 UI로 정리
*/




@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}

body.wt-guide-body main.wt-city-hotel-guide-page .wt-seo-toc-section#fukuoka-hotel-toc{
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head{
  padding: 24px 24px 18px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head .eyebrow{
  margin-bottom: 8px !important;
  color: rgba(0, 0, 0, 0.58) !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head h2{
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.2;
  letter-spacing: -0.04em !important;
  word-break: keep-all;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head p:last-child{
  max-width: 760px !important;
  margin: 10px 0 0 !important;
  color: rgba(0, 0, 0, 0.62) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc{
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns{
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns .wt-seo-toc__group + .wt-seo-toc__group{
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__label{
  display: block !important;
  margin: 0 !important;
  padding: 18px 20px 10px !important;
  color: rgba(0, 0, 0, 0.48) !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a:not(.wt-seo-toc__item--mobile-hidden),
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured a{
  display: block !important;
  min-height: 0 !important;
  padding: 15px 20px !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured a:first-child{
  border-top: 0 !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a:hover,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a:focus-visible{
  background: #f7f7f7 !important;
  color: #000000 !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured span{
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(0, 0, 0, 0.46) !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.06em !important;
  line-height: 1.35 !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured strong{
  font-size: 15px !important;
  font-weight: 600!important;
  line-height: 1.55 !important;
  letter-spacing: -0.03em !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured strong{
  display: block !important;
  color: #000000 !important;
}

@media (max-width: 767px) {
  body.wt-guide-body main.wt-city-hotel-guide-page .wt-seo-toc-section#fukuoka-hotel-toc{
    border-radius: 20px !important;
  }

  body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head{
    padding: 20px 18px 16px !important;
  }

  body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns{
    }

  body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns .wt-seo-toc__group + .wt-seo-toc__group{
    border-left: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__label{
    padding: 16px 18px 8px !important;
  }

  body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__group--featured a{
    padding: 14px 18px !important;
  }
}
/* End 20260703 Logo, guide topbar, and Fukuoka hotel TOC refinement V5 */

/* 20260703 Topbar, guide spacing, and TOC simplification V6
   - 모든 topbar__inner.container를 /destinations/{city}/ 메인 페이지 기준으로 통일
   - 호텔 가이드/여행 가이드의 모바일·태블릿 좌우 여백을 도시 메인 페이지 기준으로 고정
   - featured TOC 그룹 제거 후 남은 목차를 단순한 columns 중심으로 정리
*/


@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}

@media (max-width: 1180px) {
  body.wt-guide-body main.travel-page,
body.wt-guide-body main.travel-page.wt-city-guide-page,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page,
body.wt-guide-body main.travel-page.wt-guide-page{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.wt-guide-body main.travel-page > .container,
body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body main.travel-page.wt-guide-page > .container,
body.wt-guide-body main.travel-page.wt-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  body.wt-guide-body .footer.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

body.wt-guide-body .wt-seo-toc__group--featured{
  display: none !important;
}

body.wt-guide-body .wt-seo-toc__columns{
  margin-top: 0 !important;
}

body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns{
  border-top: 0 !important;
}
/* End 20260703 Topbar, guide spacing, and TOC simplification V6 */

/* 20260703 Guide TOC/topbar/content unification V7
   - hotel-guide/travel-guide TOC를 후쿠오카 hotel-guide 미니멀 톤으로 공통 적용
   - guide topbar__inner.container를 /destinations/{city}/ 메인 페이지 기준으로 재통일
   - guide 본문 좌우 여백을 도시 메인 페이지 기준으로 재통일
   - 모바일 guide section border 제거
*/


@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc]{
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__head{
  padding: 24px 24px 18px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__head .eyebrow{
  margin-bottom: 8px !important;
  color: rgba(0, 0, 0, 0.58) !important;
  font-size: 15px !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__head h2{
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.2;
  letter-spacing: -0.04em !important;
  word-break: keep-all;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__head p:last-child{
  max-width: 760px;
  margin: 10px 0 0 !important;
  color: rgba(0, 0, 0, 0.62) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc,
body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__group,
body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns{
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0 !important;
  border-top: 0 !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns .wt-seo-toc__group + .wt-seo-toc__group{
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__label{
  display: block !important;
  margin: 0 !important;
  padding: 18px 20px 10px !important;
  color: rgba(0, 0, 0, 0.48) !important;
  font-size: 12px !important;
  font-weight: 600!important;
  letter-spacing: 0.08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc a:not(.wt-seo-toc__item--mobile-hidden){
  display: block;
  min-height: 0;
  padding: 15px 20px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  box-shadow: none;
  font-size: 15px;
  font-weight: 600!important;
  line-height: 1.55;
  letter-spacing: -0.03em;
  text-decoration: none;
  transform: none;
}

body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc a:hover,
body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc a:focus-visible{
  background: #f7f7f7 !important;
  color: #000000 !important;
}

body.wt-guide-body .wt-seo-toc__group--featured{
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-guide-body main.travel-page,
body.wt-guide-body main.travel-page.wt-city-guide-page,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page,
body.wt-guide-body main.travel-page.wt-guide-page{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body.wt-guide-body main.travel-page > .container,
body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body main.travel-page.wt-guide-page > .container,
body.wt-guide-body main.travel-page.wt-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container{
    box-sizing: border-box;
    width: 100%;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(48px, 7vw, 76px);
    padding-right: clamp(48px, 7vw, 76px);
  }
}

@media (max-width: 767px) {
  body.wt-guide-body main.travel-page,
body.wt-guide-body main.travel-page.wt-city-guide-page,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page,
body.wt-guide-body main.travel-page.wt-guide-page{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
  }

  body.wt-guide-body main.travel-page > .container,
body.wt-guide-body main.travel-page .container,
body.wt-guide-body main.travel-page.wt-city-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .container,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .container,
body.wt-guide-body main.travel-page.wt-guide-page > .container,
body.wt-guide-body main.travel-page.wt-guide-page .container,
body.wt-guide-body .wt-city-guide-hero.container,
body.wt-guide-body .wt-city-guide-snapshot.container,
body.wt-guide-body .wt-city-guide-survey-panel.container,
body.wt-guide-body .wt-city-guide-layout.container,
body.wt-guide-body .wt-city-guide-related.container,
body.wt-guide-body .footer.container{
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  

  body.wt-guide-body main.travel-page section,
body.wt-guide-body main.travel-page .wt-city-guide-section,
body.wt-guide-body main.travel-page .city-guide-section,
body.wt-guide-body main.travel-page .wt-seo-toc-section,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc{
    border: 0 !important;
    box-shadow: none !important;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc],
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc{
    border-radius: 0 !important;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__head,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__head{
    padding: 20px 18px 16px !important;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns{
    grid-template-columns: 1fr;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns .wt-seo-toc__group + .wt-seo-toc__group,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__columns .wt-seo-toc__group + .wt-seo-toc__group{
    border-left: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__label,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc__label{
    padding: 16px 18px 8px !important;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc a,
body.wt-guide-body main.wt-city-hotel-guide-page #fukuoka-hotel-toc .wt-seo-toc a{
    padding: 14px 18px !important;
  }
}
/* End 20260703 Guide TOC/topbar/content unification V7 */

/* 20260703 Guide topbar vertical padding fix V8
   - guide 페이지 topbar__inner.container에서 padding shorthand가 상하 여백을 덮지 않도록 분리 지정
   - /destinations/{city}/ 메인 페이지 기준의 topbar 좌우 정렬은 유지
*/


@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}
/* End 20260703 Guide topbar vertical padding fix V8 */


/* 20260703 Guide hero and breadcrumb alignment V9
   - 모든 hotel-guide / travel-guide의 breadcrumb와 hero intro를 도시 메인 index 기준으로 통일
   - wt-city-guide-hero__inner를 wt-city-hero__content와 같은 타이포/간격 흐름으로 정리
*/












body.wt-guide-body .breadcrumbs.container + main.travel-page.wt-city-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .wt-city-guide-hero.container:first-child{
  padding-top: 30px;
  padding-bottom: clamp(56px, 7vw, 92px) !important;
  background: #ffffff !important;
}

body.wt-guide-body .wt-city-guide-hero__inner{
  display: block !important;
  max-width: 880px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body .wt-city-guide-hero__inner .eyebrow,
body.wt-guide-body .wt-city-guide-hero__inner .wt-city-kicker,
body.wt-guide-body .wt-city-guide-hero__inner .wt-eyebrow{
  display: inline-flex;
  align-items: center;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.wt-guide-body .wt-city-guide-hero h1,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .wt-city-guide-hero h1,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .wt-city-guide-hero h1{
  max-width: 820px;
  margin: 0 !important;
  color: #000000 !important;
  font-size: clamp(44px, 5.4vw, 64px) !important;
  font-weight: 600!important;
  letter-spacing: -0.055em !important;
  line-height:1.2;
  word-break: keep-all;
}

body.wt-guide-body .wt-city-guide-hero__subtitle{
  max-width: 760px !important;
  margin: 22px 0 0 !important;
  color: rgba(0, 0, 0, 0.66) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  font-weight: 400!important;
  line-height: 1.78 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
}

body.wt-guide-body .wt-city-guide-hero__lead{
  max-width: 760px !important;
  margin: 12px 0 0 !important;
  color: rgba(0, 0, 0, 0.66) !important;
  font-size: clamp(15px, 1.35vw, 17px) !important;
  font-weight: 400!important;
  line-height: 1.78 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
}

body.wt-guide-body .wt-city-guide-hero__actions,
body.wt-guide-body .wt-city-guide-hero__inner .wt-hero-actions{
  gap: 12px !important;
  margin-top: 34px !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  

  body.wt-guide-body .breadcrumbs.container + main.travel-page.wt-city-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page > .wt-city-guide-hero.container:first-child,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page > .wt-city-guide-hero.container:first-child{
    padding-top: 30px;
    padding-bottom: 52px !important;
  }

  body.wt-guide-body .wt-city-guide-hero__inner{
    max-width: 880px !important;
  }

  body.wt-guide-body .wt-city-guide-hero h1,
body.wt-guide-body main.travel-page.wt-city-hotel-guide-page .wt-city-guide-hero h1,
body.wt-guide-body main.travel-page.wt-city-travel-guide-page .wt-city-guide-hero h1{
    font-size: 32px !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.wt-guide-body .wt-city-guide-hero__subtitle{
    margin-top: 15px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.wt-guide-body .wt-city-guide-hero__lead{
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  body.wt-guide-body .wt-city-guide-hero__actions,
body.wt-guide-body .wt-city-guide-hero__inner .wt-hero-actions{
    margin-top: 28px !important;
  }
}
/* End 20260703 Guide hero and breadcrumb alignment V9 */

/* 20260703 Purpose page topbar/choice spacing refinement V10
   - first-trip/value-hotel/near-trip/family-trip/quiet-stay topbar border overlap fix
   - wt-choice-main article vertical rhythm compact and readable
   - purpose page section kicker color unified
*/


body.travel-purpose-body .wt-section-kicker{
  color: rgba(0, 0, 0, 0.66) !important;
}

body.travel-purpose-body .wt-choice-main > article.wt-choice-card{
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 22px !important;
}

body.travel-purpose-body .wt-choice-main > article.wt-choice-card > * + *{
  margin-top: 0 !important;
}

body.travel-purpose-body .wt-choice-main .wt-choice-card__label{
  margin: 0 !important;
  color: rgba(0, 0, 0, 0.66) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}

body.travel-purpose-body .wt-choice-main article.wt-choice-card h3{
  margin: 0 !important;
  line-height: 1.2 !important;
}

body.travel-purpose-body .wt-choice-main .wt-choice-card__lead{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

body.travel-purpose-body .wt-choice-main .wt-choice-card__chips{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 2px 0 0 !important;
}

body.travel-purpose-body .wt-choice-main .wt-choice-card__chips span{
  min-height: 28px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body.travel-purpose-body .wt-choice-main .wt-choice-card__line{
  margin: 2px 0 0 !important;
  padding-top: 12px !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-choice-main{
    gap: 12px !important;
  }

  body.travel-purpose-body .wt-choice-main > article.wt-choice-card{
    gap: 9px !important;
    padding: 18px !important;
  }

  body.travel-purpose-body .wt-choice-main .wt-choice-card__lead{
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.travel-purpose-body .wt-choice-main .wt-choice-card__line{
    padding-top: 10px !important;
    line-height: 1.56 !important;
  }
}
/* End 20260703 Purpose page topbar/choice spacing refinement V10 */

/* 20260703 Full-width travel topbar border V11
   - 모든 travel topbar의 하단선을 header 전체 폭 기준으로 통일
   - topbar__inner.container에 남아 있던 컨테이너 폭 border는 제거
*/



/* End 20260703 Full-width travel topbar border V11 */

/* 20260703 Main index destination card brightness V14
   - scroll-wrapper 도시 카드 이미지가 과하게 어두워 보이지 않도록 오버레이를 완화
   - 하단 흰색 텍스트 가독성은 유지하면서 이미지 노출감을 조금 밝게 조정
*/
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card::after{
  background:
    linear-gradient(
      180deg,
      rgba(2, 6, 23, 0.04) 0%,
      rgba(2, 6, 23, 0.03) 34%,
      rgba(2, 6, 23, 0.25) 66%,
      rgba(0, 0, 0, 0.62) 100%
    ) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  filter: brightness(1.06) saturate(1.04) contrast(1.01) !important;
}
/* End 20260703 Main index destination card brightness V14 */


/* 20260703 Scroll-wrapper image loading optimization V15
   - 메인 index scroll-wrapper 도시 카드만 CSS background-image 대신 img 태그 기반으로 전환
   - 첫 번째 후쿠오카 이미지는 preload/eager/high priority, 나머지 카드는 lazy 로딩
   - 이미지 로딩 전 검은 배경 노출을 줄이기 위해 밝은 placeholder를 적용
*/
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-scroll-card,
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  background: #f5f3ee !important;
  background-color: #f5f3ee !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-bg{
  overflow: hidden !important;
  background-image: none !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .dest-card-img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f5f3ee !important;
  transform: translateZ(0) !important;
}
/* End 20260703 Scroll-wrapper image loading optimization V15 */

/* Destinations archive v20260704: app-like tabs and monochrome city cards */





.travel-page--destinations-index{
  background:
    radial-gradient(circle at 8% 0%, rgba(15, 23, 42, 0.035), transparent 26rem),
    #ffffff !important;
  color: #111111 !important;
}

.travel-page--destinations-index .travel-section--destinations-archive{
  padding-top: clamp(34px, 5.4vw, 78px);
  padding-bottom: clamp(56px, 7vw, 96px);
}




/* Destinations archive tabs V6 */
.destination-tab-sticky{
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 22px 0 24px;
  padding: 0;
  background: #ffffff;
}

.destination-tab-menu{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.destination-tab-menu::-webkit-scrollbar{
  display: none;
}

.destination-tab-button{
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  word-break: keep-all;
  cursor: pointer;
  transition: none;
}

.destination-tab-button:focus-visible{
  outline: 2px solid #111111;
  outline-offset: 3px;
}

.destination-tab-button.is-active{
  border-color: #000000;
  background: #000000;
  color: #ffffff;
  transform: none;
}

.destination-tab-button:disabled{
  cursor: default;
  opacity: 0.62;
  transform: none;
}

.destination-tab-button--skeleton{
  color: transparent;
  background: linear-gradient(90deg, #f2f2f2, #fafafa, #f2f2f2);
  background-size: 220% 100%;
  animation: destinationSkeleton 1.2s ease-in-out infinite;
}

.travel-page--destinations-index .country-destination-list--all{
  display: block !important;
  width: 100%;
  padding-top: 8px;
}

.destination-tab-panel{
  display: grid;
  gap: clamp(14px, 2vw, 20px);
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.10);
  border-radius: 28px;
  background: #ffffff;
}

.destination-city-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.destination-city-card{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 16px 14px 16px 18px;
  border: 1px solid rgba(17, 17, 17, 0.10);
  border-radius: 24px;
  background: #ffffff;
  color: #111111;
  text-decoration: none;
  transition: none;
}

.destination-city-card__main{
  display: grid;
  gap: 5px;
  min-width: 0;
}

.destination-city-card__main strong{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111111;
  font-size: clamp(1.05rem, 1.9vw, 1.22rem);
  font-weight: 600;
  letter-spacing: -0.045em;
}

.destination-city-card__main span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #737373;
  font-size: 0.88rem;
  letter-spacing: -0.02em;
}

.destination-city-card__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 50%;
  color: #111111;
  font-size: 1.18rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: none;
}

.destination-tab-panel--skeleton .destination-city-card--skeleton{
  min-height: 78px;
  pointer-events: none;
}

.destination-skeleton--line{
  display: block;
  width: min(520px, 72vw);
  height: 14px;
  margin-top: 14px;
  border-radius: 999px;
}

.travel-page--destinations-index .destination-skeleton{
  background: linear-gradient(90deg, #f1f1f1, #fafafa, #f1f1f1);
  background-size: 220% 100%;
  animation: destinationSkeleton 1.2s ease-in-out infinite;
}

@keyframes destinationSkeleton {
  0%{ background-position: 100% 0; }
  100%{ background-position: -100% 0; }
}


/* Destinations tabs V6: sealed sticky + compact spacing */
.travel-page--destinations-index,
.travel-page--destinations-index .travel-section--destinations-archive,
.travel-page--destinations-index .country-destination-list--all{
  overflow: visible !important;
}

.travel-page--destinations-index .travel-section:first-child,
.travel-page--destinations-index .travel-section--destinations-archive{
  padding-top: 10px !important;
}


@media (max-width: 860px) {
  .destination-tab-menu{
    margin-left: -2px;
    margin-right: -2px;
    padding-bottom: 2px;
  }
}

@media (max-width: 1180px) {
  

  .travel-page--destinations-index .destination-tab-sticky{
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--destination-tabs-sticky-top, 70px) !important;
    z-index: 80 !important;
    margin-top: 14px;
    margin-bottom: 26px;
    padding: 10px 0 11px;
    background: #ffffff;
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: 0 -18px 0 #ffffff, 0 0 0 100vmax #ffffff;
    clip-path: inset(0 -100vmax -1px -100vmax);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .travel-page--destinations-index .destination-tab-menu{
    margin: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 560px) {
  .travel-page--destinations-index .travel-section--destinations-archive{
    padding-left: 16px;
    padding-right: 16px;
  }

  .destination-tab-menu{
    gap: 6px;
  }

  .destination-tab-button{
    min-height: 38px;
    padding: 0 20px;
    font-size: 12.5px;
  }

  .destination-tab-panel{
    border-radius: 24px;
  }

  .destination-city-card{
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 12px;
    min-height: 74px;
    padding: 14px 12px 14px 16px;
    border-radius: 20px;
  }

  .destination-city-card__cta{
    width: 36px;
    height: 36px;
    font-size: 1.08rem;
  }
}


/* =========================================================
   20260704 Home index layout refinement V1
   - Hero description clarified around stay-location decisions
   - Popular destination heading spacing reduced
   - "더 보기" link tone softened
========================================================= */
body.travel-home-body main.travel-page.travel-home .section-heading.section-heading--split{
  margin-bottom: 7px !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link{
  color: rgba(17, 24, 39, 0.46) !important;
  font-size: clamp(0.86rem, 1.4vw, 0.98rem) !important;
  font-weight: 500!important;
  letter-spacing: -0.02em !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-label,
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
  color: rgba(17, 24, 39, 0.46) !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
  width: 18px !important;
  height: 18px !important;
}

body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon svg{
  width: 17px !important;
  height: 17px !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .destinations-view-all-link{
    font-size: 0.86rem !important;
    gap: 2px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon{
    width: 16px !important;
    height: 16px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .destinations-view-all-icon svg{
    width: 15px !important;
    height: 15px !important;
  }
}
/* End 20260704 Home index layout refinement V1 */

/* BESTAYABLE_SURVEY_CTA_FINAL_V1
   - 목적별 상세 페이지 하단 숙소 위치 CTA 문구/버튼 레이아웃 최종 반영
   - 데스크톱/태블릿: 버튼을 배너 오른쪽이 아닌 본문 아래 왼쪽에 배치
   - 모바일: 버튼을 CTA 본문 아래 100% 너비로 배치
========================================================= */

body.travel-purpose-body .wt-section--survey-cta .wt-cta-band,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 20px !important;
}

body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > div,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band > div{
  max-width: 780px !important;
}

body.travel-purpose-body .wt-section--survey-cta .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band .wt-city-button--primary,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button--primary{
  justify-self: start !important;
  align-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band .wt-city-button--primary,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band .wt-city-button--primary{
    width: 100% !important;
  }
}


/* BESTAYABLE_SURVEY_APP_WIDTH_FIX_V31
   - /hotel-location-survey/ 앱 래퍼가 태블릿·랩탑 구간에서 풀폭으로 늘어나는 문제 수정
   - 480px 이상 화면에서는 모바일 앱처럼 430px 콘텐츠 폭을 유지
   - 모바일 479px 이하는 기존 20px 좌우 여백 구조 유지
========================================================= */
@media (min-width: 480px) {
  body.wt-location-survey-page--app .wt-location-app,
body.wt-location-survey-page--app main.wt-location-page.wt-location-app{
    box-sizing: border-box !important;
    width: min(100%, 470px) !important;
    max-width: 470px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.wt-location-survey-page--app .wt-app-container{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #111111 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }
}
/* End BESTAYABLE_SURVEY_APP_WIDTH_FIX_V31 */

/* BESTAYABLE_SURVEY_HEADER_ACTIONS_PADDING_V32
   - 앱 폭 제한 적용 후 상단 버튼이 우측 보더와 겹치는 문제 수정
   - /hotel-location-survey/ 앱 페이지에만 header-actions 좌우 여백 보완
========================================================= */
body.wt-location-survey-page--app .header-actions{
  box-sizing: border-box !important;
  padding: 0 20px !important;
}
/* End BESTAYABLE_SURVEY_HEADER_ACTIONS_PADDING_V32 */

/* BESTAYABLE_HOTEL_CARD_CTA_REFINEMENT_V33
   - 호텔 카드 상단 메타를 문장형으로 붙여 표시
   - 잔여 객실 확인 버튼을 60% 폭으로 오른쪽 정렬
   - 호텔 더보기 배너 버튼 SVG 아이콘 대응
========================================================= */
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__topline,
.wt-purpose-page #hotels .wt-hotel-card__topline{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 0 13px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__topline .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__fit,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars,
.wt-purpose-page #hotels .wt-hotel-card__topline .wt-hotel-card__fit,
.wt-purpose-page #hotels .wt-hotel-card__fit,
.wt-purpose-page #hotels .wt-hotel-card__stars{
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: -0.025em !important;
  white-space: normal !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars,
.wt-purpose-page #hotels .wt-hotel-card__stars{
  flex: 0 1 auto !important;
  margin-left: 0 !important;
  color: #6b7280 !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__stars::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__stars::before,
.wt-purpose-page #hotels .wt-hotel-card__stars::before{
  content: "·" !important;
  display: inline-block !important;
  margin: 0 7px !important;
  color: #9ca3af !important;
  font-weight: 600!important;
}

body.travel-purpose-body .wt-hotel-card .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
.wt-purpose-page #hotels .wt-hotel-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin-top: 18px !important;
}

body.travel-purpose-body .wt-hotel-card .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
.wt-purpose-page #hotels .wt-hotel-actions .wt-btn{
  grid-column: auto !important;
  flex: 0 0 60% !important;
  width: 60% !important;
  max-width: 60% !important;
  min-width: 0 !important;
  margin-left: auto !important;
  text-align: center !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner,
.wt-purpose-page #hotels .wt-hotel-more-banner,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
  text-decoration: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
.wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button::after,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button::after,
.wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button::after,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button::after{
  content: none !important;
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner__icon,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon,
.wt-purpose-page #hotels .wt-hotel-more-banner__icon,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon{
  flex: 0 0 auto !important;
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
}

@media (max-width: 560px) {
  body.travel-purpose-body .wt-hotel-card .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
.wt-purpose-page #hotels .wt-hotel-actions .wt-btn{
    flex-basis: 60% !important;
    width: 60% !important;
    max-width: 60% !important;
  }
}
/* End BESTAYABLE_HOTEL_CARD_CTA_REFINEMENT_V33 */

/* BESTAYABLE_HOTEL_CARD_BODY_CLEANUP_V34
   - 호텔 카드 버튼 아래 불필요한 장식/빗금 배경 제거
   - 호텔 설명문은 모든 화면에서 3줄 말줄임으로 통일
   - 더보기 배너 SVG 아이콘의 흰색 배경 제거
*/
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body,
.wt-purpose-page #hotels .wt-hotel-card__body,
.wt-purpose-page .wt-hotel-card__body{
  background: #fff !important;
  background-image: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body::before,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body::after,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body::after,
.wt-purpose-page #hotels .wt-hotel-card__body::before,
.wt-purpose-page #hotels .wt-hotel-card__body::after,
.wt-purpose-page .wt-hotel-card__body::before,
.wt-purpose-page .wt-hotel-card__body::after,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions::before,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions::after,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions::after,
.wt-purpose-page #hotels .wt-hotel-actions::before,
.wt-purpose-page #hotels .wt-hotel-actions::after,
.wt-purpose-page .wt-hotel-actions::before,
.wt-purpose-page .wt-hotel-actions::after{
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions,
.wt-purpose-page #hotels .wt-hotel-actions,
.wt-purpose-page .wt-hotel-actions{
  border-top: 0 !important;
  border-image: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn::before,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn::after,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn::before,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn::after,
.wt-purpose-page #hotels .wt-hotel-actions .wt-btn::before,
.wt-purpose-page #hotels .wt-hotel-actions .wt-btn::after,
.wt-purpose-page .wt-hotel-actions .wt-btn::before,
.wt-purpose-page .wt-hotel-actions .wt-btn::after{
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card p,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card p,
.wt-purpose-page #hotels .wt-hotel-card p,
.wt-purpose-page .wt-hotel-card p{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-height: calc(1.58em * 3) !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner__icon,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon,
.wt-purpose-page #hotels .wt-hotel-more-banner__icon,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon{
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 17px !important;
  height: 17px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner__icon *,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon *,
.wt-purpose-page #hotels .wt-hotel-more-banner__icon *,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner__icon *{
  fill: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* End BESTAYABLE_HOTEL_CARD_BODY_CLEANUP_V34 */

/* BESTAYABLE_HOTEL_CARD_BOTTOM_SPACE_FIX_V35
   - 잔여 객실 확인 버튼 아래 남는 하단 빈 공간 제거
   - 버튼 상단 점선 구분선 복원
*/
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-card__body,
body.travel-purpose-body .wt-purpose-page .wt-hotel-card__body,
.wt-purpose-page #hotels .wt-hotel-card__body,
.wt-purpose-page .wt-hotel-card__body{
  padding-bottom: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions,
.wt-purpose-page #hotels .wt-hotel-actions,
.wt-purpose-page .wt-hotel-actions{
  margin-top: auto !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-top: 1px dashed #000 !important;
  border-image: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
body.travel-purpose-body .wt-purpose-page .wt-hotel-actions .wt-btn,
.wt-purpose-page #hotels .wt-hotel-actions .wt-btn,
.wt-purpose-page .wt-hotel-actions .wt-btn{
  margin-bottom: 0 !important;
}
/* End BESTAYABLE_HOTEL_CARD_BOTTOM_SPACE_FIX_V35 */


/* BESTAYABLE_SURVEY_APP_PADDING_AND_DETAIL_CLOSE_V36
   - /hotel-location-survey/ 태블릿·랩탑 구간 내부 좌우 패딩 보완
   - result-badge, wt-section-eyebrow 하단 짧은 장식선 제거
   - 자세히 보기 화면 닫기 동작과 맞도록 닫기 버튼 레이아웃 안정화
========================================================= */
body.wt-location-survey-page--app .result-badge::after,
body.wt-location-survey-page--app .detailed-info-section .result-badge::after,
body.wt-location-survey-page--app .result-upper-section .result-badge::after,
body.wt-location-survey-page--app .wt-section-eyebrow::after{
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

@media (min-width: 768px) {
  body.wt-location-survey-page--app .wt-location-app,
body.wt-location-survey-page--app main.wt-location-page.wt-location-app{
    width: min(100%, 608px) !important;
    max-width: 608px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  body.wt-location-survey-page--app .wt-app-container{
    max-width: 544px !important;
  }

  body.wt-location-survey-page--app .page-view:not(#resultPage){
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .result-top-bar{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .simple-summary-card{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .result-upper-section{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .tab-menu-container{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .tab-content-container{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .result-footer{
    box-sizing: border-box !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  body.wt-location-survey-page--app .wt-question-scroll,
body.wt-location-survey-page--app .wt-options,
body.wt-location-survey-page--app .wt-survey-actions--split{
    box-sizing: border-box !important;
    width: 100% !important;
  }
}

@media (min-width: 1024px) {
  body.wt-location-survey-page--app .wt-location-app,
body.wt-location-survey-page--app main.wt-location-page.wt-location-app{
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  body.wt-location-survey-page--app .wt-app-container{
    max-width: 560px !important;
  }
}
/* End BESTAYABLE_SURVEY_APP_PADDING_AND_DETAIL_CLOSE_V36 */


/* BESTAYABLE_SURVEY_DETAIL_BACK_AND_EXIT_V37
   - 결과 페이지 close-btn은 서베이 첫 화면이 아닌 이전/도시 페이지로 이동
   - 자세히 보기 화면에는 왼쪽 상단 SVG 뒤로가기 버튼 사용
   - 자세히 보기 화면 좌우 패딩을 별도로 보강
========================================================= */
body.wt-location-survey-page--app #resultPage.is-detail-open .result-top-bar{
  display: none !important;
}

body.wt-location-survey-page--app .detailed-info-section{
  box-sizing: border-box !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.wt-location-survey-page--app .detailed-info-section .detail-back-bar,
body.wt-location-survey-page--app .detailed-info-section .result-upper-section,
body.wt-location-survey-page--app .detailed-info-section .tab-menu-container,
body.wt-location-survey-page--app .detailed-info-section .tab-content-container,
body.wt-location-survey-page--app .detailed-info-section .result-footer{
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.wt-location-survey-page--app .detail-back-bar{
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding-top: 22px !important;
  padding-bottom: 24px !important;
  flex-shrink: 0 !important;
}

body.wt-location-survey-page--app .detail-back-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 40px !important;
  padding: 0 12px 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #1d1d1f !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 600!important;
  letter-spacing: -0.025em !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.wt-location-survey-page--app .detail-back-btn svg{
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
}

body.wt-location-survey-page--app .detail-back-btn:focus-visible{
  outline: 2px solid rgba(29, 29, 31, 0.28) !important;
  outline-offset: 3px !important;
}

body.wt-location-survey-page--app .detailed-info-section .result-upper-section{
  padding-top: 0 !important;
  padding-bottom: 18px !important;
}

body.wt-location-survey-page--app .detailed-info-section .tab-menu-container{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.wt-location-survey-page--app .detailed-info-section .tab-content-container{
  padding-top: 16px !important;
  padding-bottom: 20px !important;
}

@media (min-width: 768px) {
  body.wt-location-survey-page--app .detailed-info-section{
    padding-left: 42px !important;
    padding-right: 42px !important;
  }

  body.wt-location-survey-page--app .detail-back-bar{
    padding-top: 28px !important;
    padding-bottom: 30px !important;
  }

  body.wt-location-survey-page--app .detailed-info-section .result-upper-section{
    padding-bottom: 22px !important;
  }
}

@media (min-width: 1024px) {
  body.wt-location-survey-page--app .detailed-info-section{
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media (max-width: 380px) {
  body.wt-location-survey-page--app .detailed-info-section{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}
/* End BESTAYABLE_SURVEY_DETAIL_BACK_AND_EXIT_V37 */

/* BESTAYABLE_SURVEY_DETAIL_PADDING_BACK_ICON_V38
   - V30의 #resultPage padding reset보다 높은 우선순위로 상세 화면 내부 여백 재적용
   - detail-back-btn 텍스트 제거 후 close-btn처럼 원형 아이콘 버튼화
   - 후쿠오카 result-badge 단문형 대응 및 상세 콘텐츠 좌우 답답함 보완
========================================================= */
body.wt-location-survey-page--app #resultPage.is-detail-open .scrollable-body{
  box-sizing: border-box !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(28px, 5.8vw, 72px) !important;
  padding-right: clamp(28px, 5.8vw, 72px) !important;
  background: #ffffff !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .detail-back-bar,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .result-upper-section,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-menu-container,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-content-container,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .result-footer{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .detail-back-bar{
  padding-top: 26px !important;
  padding-bottom: 34px !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid #d8dce3 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn span{
  display: none !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn svg{
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn:hover,
body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn:focus-visible{
  border-color: #111111 !important;
  background: #ffffff !important;
  color: #111111 !important;
  outline: none !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .result-upper-section{
  align-items: flex-start !important;
  text-align: left !important;
  padding-top: 0 !important;
  padding-bottom: 26px !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .result-badge{
  max-width: 100% !important;
  word-break: keep-all !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .result-destination{
  width: 100% !important;
  text-align: left !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-menu-container{
  position: sticky !important;
  top: 0 !important;
  overflow-x: auto !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-menu-list{
  min-width: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-content-container{
  padding-top: 30px !important;
  padding-bottom: 28px !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-panel{
  box-sizing: border-box !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .panel-text,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .wt-section-desc,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .wt-result-story-desc,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .wt-decision-box p,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .wt-hotel-reason{
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section{
    padding-left: clamp(44px, 7vw, 78px) !important;
    padding-right: clamp(44px, 7vw, 78px) !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .detail-back-bar{
    padding-top: 30px !important;
    padding-bottom: 38px !important;
  }
}

@media (min-width: 1181px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section{
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
}

@media (max-width: 479px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .detail-back-bar{
    padding-top: 22px !important;
    padding-bottom: 28px !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detail-back-btn{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* BESTAYABLE_SURVEY_DETAIL_MOBILE_EDGE_V39
   - 479px 이하 상세 보기 화면에서 detailed-info-section 좌우 padding을 0으로 조정
========================================================= */
/* End BESTAYABLE_SURVEY_DETAIL_PADDING_BACK_ICON_V39 */

/* BESTAYABLE_SURVEY_HOTEL_TAB_OVERFLOW_V40
   - 호텔 추천 탭 활성화 시 wt-hotel-card의 width:100% + padding(content-box) 조합으로 생기던 가로 스크롤 방지
   - 호텔 추천 패널과 카드 내부 요소를 border-box/min-width:0 기준으로 정리
========================================================= */
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel.active,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection .wt-hotel-grid,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card.wt-hotel-card--compact{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel.active,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList{
  overflow-x: hidden !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card.wt-hotel-card--compact{
  overflow: hidden !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card-header,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-header-left,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-name,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-location-main,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-tag-list{
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-station,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-airport,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-tag{
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-link{
  box-sizing: border-box !important;
  max-width: 100% !important;
}

@media (max-width: 520px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card-header{
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-link{
    width: 100% !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
/* End BESTAYABLE_SURVEY_HOTEL_TAB_OVERFLOW_V40 */

/* BESTAYABLE_SURVEY_HOTEL_TAB_EDGE_AND_ACTION_V41
   - 호텔 추천 탭에서 카드가 화면 왼쪽에 붙어 border/radius가 잘려 보이던 문제 보완
   - 원인: 479px 이하에서 detailed-info-section padding을 0으로 조정한 뒤, hotelRecommendSection/tab-panel도 좌우 inset 없이 100% 폭 카드와 overflow hidden을 함께 사용함
   - 호텔 카드의 잔여 객실 확인 버튼을 다시 카드 우측에 고정
========================================================= */
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel.active{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: visible !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: visible !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card.wt-hotel-card--compact{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-card-header{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-header-left{
  min-width: 0 !important;
  width: auto !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-name{
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-link{
  justify-self: end !important;
  align-self: center !important;
  width: clamp(132px, 22vw, 168px) !important;
  min-width: 132px !important;
  max-width: 168px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-location-main,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-tag-list{
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 479px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelRecommendSection.tab-panel.active{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card.wt-hotel-card--compact{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 380px) {
  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-card-header{
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section #hotelCardList .wt-hotel-card--compact .wt-hotel-link{
    grid-column: auto !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
    align-self: center !important;
    justify-self: end !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
}
/* End BESTAYABLE_SURVEY_HOTEL_TAB_EDGE_AND_ACTION_V41 */

/* BESTAYABLE_HOTEL_CARD_MONO_UNIFIED_V1
   - 도시 메인 Hotel Picks와 호텔 아카이브 카드 UI를 블랙 & 화이트 미니멀 톤으로 통일
   - /hotel-recommendations/, /hotels/ 모바일 목록은 1열로 고정
========================================================= */

/* 도시 메인과 호텔 아카이브에서 사용하는 공통 호텔 카드 표면 */
body.travel-archive-body .travel-card.hotel-card,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card.hotel-card,
body.travel-destination-detail-body #hotel-posts .travel-card.hotel-card{
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__full-link,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__full-link,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__full-link{
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  flex-direction: column !important;
  color: #000000 !important;
  text-decoration: none !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__full-link:focus-visible,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__full-link:focus-visible,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__full-link:focus-visible{
  outline: 2px solid #000000 !important;
  outline-offset: -4px !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__media,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__media{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
  border-radius: 0 !important;
  background: #f3f3f3 !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media::after,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__media::after,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__media::after{
  display: none !important;
  content: none !important;
}

body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media img,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__media img,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__media img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(.12) saturate(.88) contrast(1.04) !important;
  transform: scale(1) !important;
}

body.travel-archive-body .hotel-card .travel-card__body,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__body,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__body{
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 250px;
  padding: 22px;
  background: #ffffff;
}

body.travel-archive-body .hotel-card .travel-card__meta,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__meta,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__meta{
  margin: 0 0 13px;
  color: rgba(0, 0, 0, 0.52);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.015em;
}

body.travel-archive-body .hotel-card .travel-card__title,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__title,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__title{
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.04em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body.travel-archive-body .hotel-card .travel-card__description,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__description,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__description{
  display: block;
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
  align-self: stretch;
  margin: 15px 0 0;
  padding: 0 0 18px;
  border-bottom: 1px solid #d9d9d9;
  color: rgba(0, 0, 0, 0.64);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.032em;
}

body.travel-archive-body .hotel-card .travel-card__description-text,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__description-text,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__description-text{
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: keep-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.travel-archive-body .hotel-card .tag-row,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .tag-row,
body.travel-destination-detail-body #hotel-posts .hotel-card .tag-row{
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 0;
}

body.travel-archive-body .hotel-card .tag-row span,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .tag-row span,
body.travel-destination-detail-body #hotel-posts .hotel-card .tag-row span{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.68);
  box-shadow: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

body.travel-archive-body .hotel-card .text-link,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .text-link,
body.travel-destination-detail-body #hotel-posts .hotel-card .text-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 42px;
  margin-top: auto;
  padding: 0 16px;
  border: 1px solid #000000;
  border-radius: 0;
  background: #000000;
  color: #ffffff;
  box-shadow: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.025em;
  text-decoration: none;
  pointer-events: none;
}

/* 아카이브: 데스크톱 3열, 태블릿 2열, 모바일 1열 */
body.travel-archive-body .travel-card-grid--hotels{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  body.travel-archive-body .travel-card-grid--hotels{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.travel-archive-body .travel-card-grid--hotels,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card-grid--hotels,
body.travel-destination-detail-body #hotel-posts .travel-card-grid--hotels{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.travel-archive-body .hotel-card .travel-card__body,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__body,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__body{
    min-height: 0;
    padding: 20px;
  }

  body.travel-archive-body .hotel-card .travel-card__title,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__title,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__title{
    font-size: 18px;
    line-height: 1.4;
  }

  body.travel-archive-body .hotel-card .text-link,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .text-link,
body.travel-destination-detail-body #hotel-posts .hotel-card .text-link{
    width: 100%;
    min-height: 44px;
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.travel-archive-body .travel-card.hotel-card,
body.travel-archive-body .hotel-card .travel-card__media img,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card.hotel-card,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__media img,
body.travel-destination-detail-body #hotel-posts .travel-card.hotel-card,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__media img{
    transition: none !important;
  }
}
/* End BESTAYABLE_HOTEL_CARD_MONO_UNIFIED_V1 */


/* Hotel promotions home banner: 2026-07-11 V3 — matches the soft promotion section */
.travel-promo-link-section > .container{
  padding: 0 !important;
  margin: 0 15px;
  border-radius: 22px;
  background: transparent !important;
  box-shadow: none !important;
}

.travel-promo-link-section{
  margin-top: clamp(54px, 7vw, 96px);
  margin-bottom: clamp(34px, 5vw, 68px);
  padding: clamp(54px, 7vw, 86px) 0;
  background: #f6f6f4;
}

.home-promo-link{
  min-height: 220px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  padding: clamp(34px, 5vw, 54px);
  border: 1px solid #111;
  border-radius: 28px;
  color: #111 !important;
  background: #fff;
  text-decoration: none !important;
}

.home-promo-link__copy{
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.home-promo-link__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #666;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.home-promo-link__kicker::before{
  width: 25px;
  height: 1px;
  background: currentColor;
  content: "";
}

.home-promo-link__heading{
  max-width: 720px;
  font-size: clamp(31px, 4.1vw, 52px);
  line-height: 1.06;
  font-weight: 600;
  letter-spacing: -.052em;
  word-break: keep-all;
}

.home-promo-link__summary{
  max-width: 650px;
  margin-top: 17px;
  color: #666;
  font-size: 15px;
  line-height: 1.72;
  word-break: keep-all;
}

.home-promo-link__go{
  width: 60px;
  height: 60px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid #111;
  border-radius: 50%;
  color: #fff;
  background: #111;
}

.home-promo-link__go span{ display: none; }
.home-promo-link__go svg{
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.home-promo-link:focus-visible{ outline: 3px solid rgba(17,17,17,.2); outline-offset: 5px; }

@media (max-width: 720px) {
  .travel-promo-link-section{
    margin-top: 48px;
    margin-bottom: 28px;
    padding: 48px 0;
  }
  .home-promo-link{
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 54px;
    gap: 20px;
    padding: 30px 24px;
    border-radius: 22px;
  }
  .home-promo-link__kicker{ margin-bottom: 15px; }
  .home-promo-link__heading{ font-size: 31px; }
  .home-promo-link__summary{ margin-top: 13px; font-size: 14px; line-height: 1.65; }
  .home-promo-link__go{ width: 54px; height: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-promo-link,
.home-promo-link__go,
.home-promo-link__go svg{ transition: none; }
}


/* BESTAYABLE_HOME_REFINEMENT_V1 — 2026-07-12 */
body.travel-home-body .travel-promo-link-section > .container{
  width: min(calc(100% - 30px), var(--container)) !important;
  max-width: var(--container) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.travel-home-body #homeHotels.travel-card-grid--hotels{
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(300px, 31.5%) !important;
  grid-template-columns: none !important;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 0 14px !important;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

body.travel-home-body #homeHotels .travel-card.hotel-card{
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  scroll-snap-align: start;
}
body.travel-home-body #homeHotels .travel-card__full-link{
  display: flex !important;
  height: 100% !important;
  flex-direction: column !important;
  color: #000 !important;
  text-decoration: none !important;
}
body.travel-home-body #homeHotels .travel-card__media{
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(0,0,0,.16) !important;
  background: #f3f3f3 !important;
}
body.travel-home-body #homeHotels .travel-card__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: grayscale(.12) saturate(.88) contrast(1.04) !important;
}
body.travel-home-body #homeHotels .travel-card:hover .travel-card__media img,
body.travel-home-body #homeHotels .travel-card:focus-within .travel-card__media img{
  filter: grayscale(0) saturate(.96) contrast(1.04) !important;
  transform: scale(1.025) !important;
}
body.travel-home-body #homeHotels .travel-card__body{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 250px !important;
  padding: 22px !important;
  background: #fff !important;
}
body.travel-home-body #homeHotels .travel-card__meta{
  margin: 0 0 13px !important;
  color: rgba(0,0,0,.52) !important;
  font-size: 12px !important;
  font-weight: 600!important;
}
body.travel-home-body #homeHotels .travel-card__title{
  color: #000 !important;
  font-size: clamp(21px,1.7vw,26px) !important;
  font-weight: 600!important;
  line-height: 1.18 !important;
  letter-spacing: -.055em !important;
  word-break: keep-all !important;
}
body.travel-home-body #homeHotels .travel-card__description{
  margin-top: 15px !important;
  color: rgba(0,0,0,.64) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  word-break: keep-all !important;
}
body.travel-home-body #homeHotels .tag-row{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 18px !important;
}
body.travel-home-body #homeHotels .tag-row > span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-size: 12px !important;
}
body.travel-home-body #homeHotels .text-link{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin-top: auto !important;
  padding: 0 16px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600!important;
}

body.travel-home-body #homePosts.travel-list{
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid #dededb;
}
body.travel-home-body .home-latest-card{
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dededb !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-home-body .home-latest-card__link{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 24px;
  min-height: 132px;
  padding: 24px 4px;
  color: #111 !important;
  text-decoration: none !important;
}
body.travel-home-body .home-latest-card__content{
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 8px;
}
body.travel-home-body .home-latest-card__content strong{
  font-size: clamp(20px,2vw,27px);
  line-height: 1.22;
  letter-spacing: -.045em;
  word-break: keep-all;
}
body.travel-home-body .home-latest-card__content > span{
  color: #666;
  font-size: 14px;
  line-height: 1.65;
  word-break: keep-all;
}
body.travel-home-body .home-latest-card__arrow{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #111;
  border-radius: 50%;
  transition: background .18s ease, color .18s ease;
}
body.travel-home-body .home-latest-card__arrow svg{
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
body.travel-home-body .home-latest-card__link:hover .home-latest-card__arrow,
body.travel-home-body .home-latest-card__link:focus-visible .home-latest-card__arrow{
  color: #fff;
  background: #111;
}
body.travel-home-body .home-latest-card .post-admin-mini-actions{
  position: absolute;
  right: 52px;
  bottom: 8px;
  z-index: 2;
}

@media (max-width: 767px) {
  body.travel-home-body #homeHotels.travel-card-grid--hotels{
    grid-auto-columns: minmax(278px, 84vw) !important;
  }
  body.travel-home-body #homeHotels .travel-card__body{
    min-height: 0 !important;
    padding: 20px !important;
  }
  body.travel-home-body #homeHotels .text-link{
    width: 100% !important;
    margin-top: 20px !important;
  }
  body.travel-home-body .home-latest-card__link{
    grid-template-columns: minmax(0,1fr) 38px;
    gap: 16px;
    min-height: 0;
    padding: 22px 0;
  }
    body.travel-home-body .home-latest-card__content strong{ font-size: 21px; }
  body.travel-home-body .home-latest-card__content > span{ font-size: 13px; }
}
/* End BESTAYABLE_HOME_REFINEMENT_V1 */

/* BESTAYABLE_HOME_MOOD_DESTINATIONS_V1 — 2026-07-12 */
body.travel-home-body .travel-promo-link-section > .container{
  width: min(calc(100% - 32px), var(--container, 1180px)) !important;
  max-width: var(--container, 1180px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.travel-home-body .home-mood-grid{
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-template-rows: repeat(2, 255px);
  gap: 16px;
}

body.travel-home-body .home-mood-card{
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #d7d2c5;
  box-shadow: 0 0 0 1px rgba(24, 24, 22, .06);
  isolation: isolate;
  transform: translateZ(0);
}
body.travel-home-body .home-mood-card--featured{ grid-row: 1 / span 2; border-radius: 28px; }
body.travel-home-body .home-mood-card__image{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: none;
}
body.travel-home-body .home-mood-card::after{
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, rgba(10,10,8,.02) 20%, rgba(10,10,8,.78) 100%);
}
body.travel-home-body .home-mood-card__link{
  position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column;
  justify-content: flex-end; padding: 24px; color: #fff !important; text-decoration: none !important;
}
body.travel-home-body .home-mood-card--featured .home-mood-card__link{ padding: 34px; }
body.travel-home-body .home-mood-card__meta{
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 9px; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 600;
}
body.travel-home-body .home-mood-card__count{ display: none !important; }
body.travel-home-body .home-mood-card__title{
  margin: 0; color: #fff; font-size: clamp(22px,2.2vw,34px); line-height: 1.16;
  letter-spacing: -.04em; word-break: keep-all; font-weight: 600;
}
body.travel-home-body .home-mood-card:not(.home-mood-card--featured) .home-mood-card__title{ font-size: 22px; }
body.travel-home-body .home-mood-card--featured .home-mood-card__desc,
body.travel-home-body .home-mood-card:not(.home-mood-card--featured) .home-mood-card__desc{
  margin: 10px 0 0; max-width: 440px; color: #fff !important; font-size: 14px;
  line-height: 1.6; word-break: keep-all; font-weight: 600;
}
body.travel-home-body .home-mood-card:not(.home-mood-card--featured) .home-mood-card__desc{
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
body.travel-home-body .home-mood-card__arrow{
  position: absolute; right: 22px; top: 22px; width: 38px; height: 38px; display: grid;
  place-items: center; border-radius: 50%; color: #181816; background: rgba(255,255,255,.5);
  transform: rotate(-35deg); transition: none;
}
body.travel-home-body .home-mood-card__link:focus-visible{ outline: 3px solid rgba(255,255,255,.82); outline-offset: -6px; }

@media (max-width: 900px) {
  body.travel-home-body .home-mood-grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 410px repeat(2,240px);
  }
  body.travel-home-body .home-mood-card--featured{ grid-column: 1 / -1; grid-row: auto; }
}

@media (max-width: 640px) {
  body.travel-home-body .travel-promo-link-section > .container{
    width: min(calc(100% - 28px), var(--container, 1180px)) !important;
  }
  body.travel-home-body .home-mood-grid{
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
    padding: 2px 14px 12px 2px; margin-right: -14px; scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  body.travel-home-body .home-mood-grid::-webkit-scrollbar{ display: none; }
  body.travel-home-body .home-mood-card,
body.travel-home-body .home-mood-card--featured{
    flex: 0 0 82vw; height: 470px; scroll-snap-align: start; border-radius: 24px;
  }
  body.travel-home-body .home-mood-card__link,
body.travel-home-body .home-mood-card--featured .home-mood-card__link{ padding: 25px; }
  body.travel-home-body .home-mood-card:not(.home-mood-card--featured) .home-mood-card__title{ font-size: 28px; }
  body.travel-home-body .home-mood-card:not(.home-mood-card--featured) .home-mood-card__desc{ display: block; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body.travel-home-body .home-mood-card__image,
body.travel-home-body .home-mood-card__arrow{ transition: none !important; }
}
/* End BESTAYABLE_HOME_MOOD_DESTINATIONS_V1 */

/* BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V1
   Align purpose-page reason grids, survey CTA and FAQ with /hotel-promotions/. */
body.travel-purpose-body{
  --wt-purpose-promo-line: #d8d8d4;
  --wt-purpose-promo-sub: #686866;
  --wt-purpose-promo-wash: #f6f6f4;
}

/* Reason cards: same editorial ruled-grid language as .wtpromo-guide-grid. */
body.travel-purpose-body .wt-reason-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: visible !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-reason-grid .wt-reason-card{
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 28px 20px 30px !important;
  border: 0 !important;
  border-right: 1px solid var(--wt-purpose-promo-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body.travel-purpose-body .wt-reason-grid .wt-reason-card:last-child{
  border-right: 0 !important;
}
body.travel-purpose-body .wt-reason-grid .wt-reason-card > span:first-child{
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 38px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8a8a8a !important;
  background: transparent !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  font-style: italic !important;
  font-weight: 400!important;
  line-height: 1 !important;
}
body.travel-purpose-body .wt-reason-grid .wt-reason-card h3{
  margin: 0 !important;
  color: #111 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em !important;
}
body.travel-purpose-body .wt-reason-grid .wt-reason-card p{
  margin: 12px 0 0 !important;
  color: var(--wt-purpose-promo-sub) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  word-break: keep-all !important;
}

/* Survey CTA: same soft full-width band and bordered white tool-card treatment. */
body.travel-purpose-body .wt-section--survey-cta,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta{
  width: 100% !important;
  max-width: none !important;
  padding: 86px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--wt-purpose-promo-wash) !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-section--survey-cta > .container{
  width: min(calc(100% - 40px), 1180px) !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 50px !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 52px !important;
  border: 1px solid #111 !important;
  border-radius: 28px !important;
  color: #111 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > div{
  max-width: 670px !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-city-kicker{
  margin: 0 0 10px;
  color: #6f6f6c;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band h2{
  max-width: 670px !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -.055em !important;
  word-break: keep-all;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band p:not(.wt-city-kicker){
  max-width: 620px !important;
  margin: 18px 0 0 !important;
  color: var(--wt-purpose-promo-sub) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  word-break: keep-all !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-city-button--primary{
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: end !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid #111 !important;
  border-radius: 50% !important;
  color: transparent !important;
  background: #111 !important;
  font-size: 0 !important;
  box-shadow: none !important;
  transition: background .2s ease, transform .2s ease !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-city-button::before{
  width: 22px;
  height: 22px;
  content: "";
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M4 10h11'/%3E%3Cpath d='m11 6 4 4-4 4'/%3E%3C/svg%3E");
}
body.travel-purpose-body .wt-section--survey-cta .wt-city-button:hover{
  background: #2a2a28 !important;
  transform: translateX(3px) !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-city-button:focus-visible{
  outline: 2px solid #111 !important;
  outline-offset: 4px !important;
}

/* FAQ: same thin-rule accordion and circular plus icon as .wtpromo-faq-list. */
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__accordion{
  display: block !important;
  border-top: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wt-purpose-promo-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary{
  position: relative !important;
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 0 !important;
  color: #111 !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  list-style: none !important;
  cursor: pointer !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary::-webkit-details-marker{ display: none !important; }
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary::before{
  grid-column: 2;
  grid-row: 1;
  width: 28px;
  height: 28px;
  border: 1px solid #aaa;
  border-radius: 50%;
  content: "";
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary::after{
  grid-column: 2;
  grid-row: 1;
  place-self: center;
  width: 10px;
  height: 10px;
  content: "";
  background:
    linear-gradient(#111, #111) center / 10px 1px no-repeat,
    linear-gradient(#111, #111) center / 1px 10px no-repeat;
  transition: transform .2s ease;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item[open] > summary::after{
  transform: rotate(90deg);
  background: linear-gradient(#111, #111) center / 10px 1px no-repeat;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > p{
  margin: 0 !important;
  padding: 0 56px 28px 0 !important;
  color: var(--wt-purpose-promo-sub) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  word-break: keep-all !important;
}

@media (max-width: 980px) {
  body.travel-purpose-body .wt-reason-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 0 !important;
  }
  body.travel-purpose-body .wt-reason-grid .wt-reason-card{
    border-bottom: 1px solid var(--wt-purpose-promo-line) !important;
  }
  body.travel-purpose-body .wt-reason-grid .wt-reason-card:nth-child(2n){
    border-right: 0 !important;
  }
}

@media (max-width: 760px) {
  body.travel-purpose-body .wt-reason-grid{ grid-template-columns: 1fr !important; }
  body.travel-purpose-body .wt-reason-grid .wt-reason-card{ border-right: 0 !important; }
  body.travel-purpose-body .wt-reason-grid .wt-reason-card > span:first-child{ margin-bottom: 25px !important; }

  body.travel-purpose-body .wt-section--survey-cta,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta{
    padding: 66px 0 !important;
  }
  body.travel-purpose-body .wt-section--survey-cta > .container{
    width: min(calc(100% - 28px), 1180px) !important;
  }
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band{
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 32px 24px !important;
    border-radius: 22px !important;
  }
  body.travel-purpose-body .wt-section--survey-cta .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-city-button--primary{
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
  }
  body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary{
    min-height: 72px !important;
    font-size: 15px !important;
  }
  body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > p{ padding-right: 42px !important; }
}
/* End BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V1 */


/* BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V2
   CTA grid placement and collision-proof FAQ +/- icon. */
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band{
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > div:first-child{
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary{
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
}

/* Disable legacy summary pseudo-icons; use a dedicated element like hotel-promotions. */
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary::before,
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary::after{
  display: none !important;
  content: none !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item > summary{
  grid-template-columns: minmax(0, 1fr) auto !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-purpose-faq-icon{
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: block !important;
  border: 1px solid #aaa !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-purpose-faq-icon::before,
body.travel-purpose-body .wt-purpose-faq .wt-purpose-faq-icon::after{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 1px !important;
  display: block !important;
  content: "" !important;
  background: #111 !important;
  border: 0 !important;
  transform: translate(-50%, -50%) !important;
  transition: transform .2s ease !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-purpose-faq-icon::after{
  transform: translate(-50%, -50%) rotate(90deg) !important;
}
body.travel-purpose-body .wt-purpose-faq .wt-city-faq__item[open] > summary .wt-purpose-faq-icon::after{
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

@media (max-width: 760px) {
  /* Match the original hotel-promotions mobile treatment. */
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band{
    grid-template-columns: 1fr !important;
  }
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > div:first-child{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary{
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }
}
/* End BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V2 */

/* BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V3
   Full-bleed soft background, white inner card, exact circular CTA button. */
body.travel-purpose-body .wt-section--survey-cta,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta{
  position: relative !important;
  isolation: isolate !important;
  background: #f6f6f4 !important;
  box-shadow: 0 0 0 100vmax #f6f6f4 !important;
  clip-path: inset(0 -100vmax) !important;
}
body.travel-purpose-body .wt-section--survey-cta > .container,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta > .container{
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band{
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
}
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary{
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  flex: 0 0 60px !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  line-height: 0 !important;
}

@media (max-width: 760px) {
  body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band > .wt-city-button,
body.travel-purpose-body .wt-purpose-page .wt-section--survey-cta .wt-cta-band > .wt-city-button--primary{
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    flex-basis: 56px !important;
  }
}
/* End BESTAYABLE_FUKUOKA_PURPOSE_PROMO_STYLE_V3 */

/* BESTAYABLE_UNSPLASH_DIRECT_FIX_V4_APPLIED */
body.travel-home-body .home-mood-card{
  min-height: 255px;
}
body.travel-home-body .home-mood-card__image{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  background: #d7d2c5;
}
body.travel-home-body .home-mood-card__image.is-image-error{
  opacity: 0 !important;
}
@media (max-width: 900px) {
  body.travel-home-body .home-mood-card{ min-height: 240px; }
  body.travel-home-body .home-mood-card--featured{ min-height: 410px; }
}
@media (max-width: 640px) {
  body.travel-home-body .home-mood-card,
body.travel-home-body .home-mood-card--featured{ min-height: 470px; }
}


/* 20260712 CITY FAQ + SNAPSHOT PROMO ALIGNMENT V1
   - 도시 메인 FAQ를 목적별 페이지의 프로모션형 FAQ와 통일
   - 목적별 페이지 섹션 상단 보더 제거
   - 도시 Quick Choice를 프로모션 featured 카드형 가로 스크롤로 변경
*/
body.travel-purpose-body .wt-section,
body.travel-purpose-body .wt-purpose-page .wt-section,
body.travel-purpose-body .wt-section--soft,
body.travel-purpose-body .wt-section--compact,
body.travel-purpose-body .wt-section--practical,
body.travel-purpose-body .wt-section--faq{
  border-top: 0 !important;
}

body.travel-city-body .wt-city-faq{
  padding-top: clamp(58px, 7vw, 82px) !important;
  padding-bottom: clamp(58px, 7vw, 82px) !important;
}
body.travel-city-body .wt-city-faq__accordion{
  display: block !important;
  border-top: 1px solid #111 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-city-body .wt-city-faq__item{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #deded9 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.travel-city-body .wt-city-faq__item > summary{
  position: relative !important;
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
  padding: 0 !important;
  color: #111 !important;
  background: transparent !important;
  font-size: 17px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  list-style: none !important;
  cursor: pointer !important;
}
body.travel-city-body .wt-city-faq__item > summary::-webkit-details-marker{
  display: none !important;
}
body.travel-city-body .wt-city-faq__item > summary::before,
body.travel-city-body .wt-city-faq__item > summary::after{
  display: none !important;
  content: none !important;
}
body.travel-city-body .wt-city-faq__item > p{
  margin: 0 !important;
  padding: 0 56px 28px 0 !important;
  color: #777 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  word-break: keep-all !important;
}
body.travel-city-body :is(.wt-city-faq, .wt-purpose-faq) .wt-purpose-faq-icon{
  position: relative !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: block !important;
  border: 1px solid #aaa !important;
  background: transparent !important;
}
body.travel-city-body :is(.wt-city-faq, .wt-purpose-faq) .wt-purpose-faq-icon::before,
body.travel-city-body :is(.wt-city-faq, .wt-purpose-faq) .wt-purpose-faq-icon::after{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 1px !important;
  content: "" !important;
  background: #111 !important;
  transform: translate(-50%, -50%) !important;
  transition: transform .2s ease !important;
}
body.travel-city-body :is(.wt-city-faq, .wt-purpose-faq) .wt-purpose-faq-icon::after{
  transform: translate(-50%, -50%) rotate(90deg) !important;
}
body.travel-city-body :is(.wt-city-faq__item, .wt-purpose-faq__item)[open] > summary .wt-purpose-faq-icon::after{
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

body.travel-city-body .wt-city-snapshot{
  overflow: visible !important;
}
body.travel-city-body .wt-city-snapshot__grid{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: clamp(270px, 31vw, 360px) !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin-right: 0 !important;
  padding: 0 0 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
}
body.travel-city-body .wt-city-snapshot__grid::-webkit-scrollbar{
  display: none !important;
}
body.travel-city-body .wt-city-choice-card{
  position: relative !important;
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 30px !important;
  border: 0 !important;
  border-right: 1px solid #deded9 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  scroll-snap-align: start !important;
  transition: background .2s ease !important;
}
body.travel-city-body .wt-city-choice-card:hover{
  background: #f8f8f6 !important;
}
body.travel-city-body .wt-city-choice-card::after{
  top: auto !important;
  right: 30px !important;
  bottom: 30px !important;
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #111 !important;
  border-radius: 50% !important;
  color: transparent !important;
  font-size: 0 !important;
  content: "" !important;
  background: center / 16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23111' stroke-width='1.6'%3E%3Cpath d='M4 10h11'/%3E%3Cpath d='m11 6 4 4-4 4'/%3E%3C/svg%3E") !important;
  transition: background-color .2s ease, transform .2s ease !important;
}
body.travel-city-body .wt-city-choice-card:hover::after{
  background-color: #f1f1ee !important;
  transform: translateX(3px) !important;
}
body.travel-city-body .wt-city-choice-card > span{
  display: block !important;
  margin: 0 0 40px !important;
  color: #777 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-style: italic !important;
  font-weight: 500!important;
  line-height: 1.45 !important;
}
body.travel-city-body .wt-city-choice-card > strong{
  display: block !important;
  margin: 0 !important;
  padding-right: 0 !important;
  color: #111 !important;
  font-size: clamp(24px, 2.5vw, 30px) !important;
  font-weight: 600!important;
  letter-spacing: -.045em !important;
  line-height: 1.28 !important;
  word-break: keep-all !important;
}
body.travel-city-body .wt-city-choice-card > p{
  margin: auto 52px 0 0 !important;
  padding-top: 38px !important;
  color: #777 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  word-break: keep-all !important;
}

@media (max-width: 760px) {
  body.travel-city-body .wt-city-faq__item > summary{
    min-height: 72px !important;
    gap: 18px !important;
    font-size: 15px !important;
  }
  body.travel-city-body .wt-city-faq__item > p{
    padding-right: 42px !important;
  }
  body.travel-city-body .wt-city-snapshot__grid{
    grid-auto-columns: min(82vw, 310px) !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border-bottom: 0 !important;
  }
  body.travel-city-body .wt-city-choice-card{
    min-height: 320px !important;
    padding: 24px !important;
    border-bottom: 1px solid #111 !important;
  }
  body.travel-city-body .wt-city-choice-card::after{
    right: 24px !important;
    bottom: 24px !important;
  }
  body.travel-city-body .wt-city-choice-card > strong{
    font-size: 25px !important;
  }
}
/* End 20260712 CITY FAQ + SNAPSHOT PROMO ALIGNMENT V1 */

/* Search page — hotel promotions inspired minimal title-only search */
body.wtpromo-page.wtsr-page{
  background: #fff;
  color: #111;
}

.wtsr-page .wtsr-hero{
  padding: clamp(72px, 9vw, 132px) 0 clamp(64px, 8vw, 112px);
  border-bottom: 1px solid #111;
  background: #fff;
}

.wtsr-page .wtsr-hero__grid{
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: clamp(56px, 9vw, 140px);
  align-items: end;
}

.wtsr-page .wtsr-hero__copy{
  min-width: 0;
}

.wtsr-page .wtsr-hero h1{
  margin: 0;
  max-width: 900px;
  color: #111;
  font-size: clamp(52px, 7.4vw, 108px);
  font-weight: 600;
  line-height:1.2;
  letter-spacing: -.075em;
  word-break: keep-all;
}

.wtsr-page .wtsr-hero h1 span{
  color: inherit;
  word-break: keep-all;
}

.wtsr-page .wtsr-hero__desc{
  max-width: 660px;
  margin: 28px 0 0;
  color: #555;
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.75;
  word-break: keep-all;
}

.wtsr-page .wtsr-form{
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.wtsr-page .wtsr-form__label{
  display: block;
  margin-bottom: 12px;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wtsr-page .wtsr-form__row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px;
  align-items: stretch;
  border-top: 2px solid #111;
  border-bottom: 1px solid #111;
}

.wtsr-page .wtsr-form input{
  width: 100%;
  min-width: 0;
  height: 64px;
  padding: 0 18px 0 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-size: 17px;
  box-shadow: none;
}

.wtsr-page .wtsr-form input::placeholder{
  color: #999;
}

.wtsr-page .wtsr-form__button{
  display: grid;
  width: 56px;
  height: 64px;
  padding: 0;
  place-items: center;
  border: 0;
  border-left: 1px solid #111;
  border-radius: 0;
  background: #111;
  color: #fff;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}

.wtsr-page .wtsr-form__button:hover{
  background: #fff;
  color: #111;
}

.wtsr-page .wtsr-form__button svg{
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.wtsr-page .wtsr-form input:focus-visible,
.wtsr-page .wtsr-form__button:focus-visible{
  outline: 2px solid #111;
  outline-offset: 3px;
}

.wtsr-page .wtsr-form__hint{
  margin: 12px 0 0;
  color: #777;
  font-size: 13px;
  line-height: 1.6;
}

.wtsr-page .wtsr-section{
  padding: clamp(72px, 8vw, 112px) 0 clamp(96px, 11vw, 160px);
  background: #fff;
}

.wtsr-page .wtsr-shell{
  width: 100%;
  max-width: none;
  margin: 0;
}

.wtsr-page .wtsr-summary{
  display: flex;
  gap: 28px;
  align-items: end;
  justify-content: space-between;
  margin: 0 0 28px;
  padding: 0 0 24px;
  border: 0;
  border-bottom: 2px solid #111;
  border-radius: 0;
  background: transparent;
}

.wtsr-page .wtsr-summary h2{
  margin: 0;
  color: #111;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.05em;
  word-break: keep-all;
}

.wtsr-page .wtsr-summary p{
  margin: 10px 0 0;
  color: #666;
  font-size: 14px;
  line-height: 1.65;
}

.wtsr-page .wtsr-count{
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.wtsr-page .wtsr-results{
  display: block;
  margin: 0;
  border-top: 1px solid #111;
}

.wtsr-page .wtsr-card{
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.wtsr-page .wtsr-card__link{
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 48px;
  gap: clamp(18px, 3vw, 48px);
  align-items: center;
  min-height: 190px;
  padding: 34px 0;
  color: inherit;
  text-decoration: none;
}

.wtsr-page .wtsr-card__index{
  align-self: start;
  padding-top: 4px;
  color: #999;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .06em;
}

.wtsr-page .wtsr-card__body{
  display: block;
  min-width: 0;
  padding: 0;
}

.wtsr-page .wtsr-card__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0 0 14px;
  color: #777;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
}

.wtsr-page .wtsr-card__meta span{
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
}

.wtsr-page .wtsr-card h3{
  margin: 0;
  color: #111;
  font-size: clamp(25px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.045em;
  word-break: keep-all;
}

.wtsr-page .wtsr-card p{
  max-width: 780px;
  margin: 14px 0 0;
  color: #666;
  font-size: 14px;
  line-height: 1.7;
  word-break: keep-all;
}

.wtsr-page .wtsr-card__arrow{
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #111;
  border-radius: 50%;
  color: #111;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.wtsr-page .wtsr-card__arrow svg{
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wtsr-page .wtsr-card__link:hover .wtsr-card__arrow{
  transform: translateX(3px);
  background: #111;
  color: #fff;
}

.wtsr-page .wtsr-card mark,
.wtsr-page .wtsr-summary mark{
  padding: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: .09em;
  text-underline-offset: .12em;
}

.wtsr-page .wtsr-empty,
.wtsr-page .wtsr-loading,
.wtsr-page .wtsr-error{
  min-height: 260px;
  padding: 72px 0;
  border: 0;
  border-bottom: 1px solid #111;
  border-radius: 0;
  background: transparent;
  color: #666;
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}

.wtsr-page .wtsr-empty strong,
.wtsr-page .wtsr-error strong{
  display: block;
  margin-bottom: 12px;
  color: #111;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.2;
  letter-spacing: -.04em;
}

.wtsr-page .wtsr-more{
  display: flex;
  justify-content: center;
  margin-top: 42px;
}

.wtsr-page .wtsr-more__button{
  min-width: 180px;
  height: 52px;
  padding: 0 28px;
  border: 1px solid #111;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.wtsr-page .wtsr-more__button:hover{
  background: #fff;
  color: #111;
}

@media (max-width: 900px) {
  .wtsr-page .wtsr-hero__grid{
    grid-template-columns: 1fr;
    gap: 54px;
    align-items: start;
  }

  .wtsr-page .wtsr-form{
    max-width: 620px;
  }
}

@media (max-width: 640px) {
  .wtsr-page .wtsr-hero{
    padding: 58px 0 64px;
  }

  .wtsr-page .wtsr-hero h1{
    font-size: clamp(44px, 14vw, 66px);
    line-height:1.2;
  word-break: keep-all;
  }

  .wtsr-page .wtsr-hero__desc{
    margin-top: 22px;
  }

  .wtsr-page .wtsr-form__row{
    grid-template-columns: minmax(0, 1fr) 52px;
  }

  .wtsr-page .wtsr-form input,
.wtsr-page .wtsr-form__button{
    height: 58px;
  }

  .wtsr-page .wtsr-form__button{
    width: 52px;
  }

  .wtsr-page .wtsr-section{
    padding: 62px 0 96px;
  }

  .wtsr-page .wtsr-summary{
    display: block;
  }

  .wtsr-page .wtsr-count{
    display: block;
    margin-top: 18px;
  }

  .wtsr-page .wtsr-card__link{
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 28px 0;
  }

  .wtsr-page .wtsr-card__arrow{
    grid-column: 2;
    width: 38px;
    height: 38px;
    margin-top: 20px;
  }

  .wtsr-page .wtsr-card h3{
    font-size: 25px;
  }

  .wtsr-page .wtsr-card p{
    margin-top: 12px;
    font-size: 13px;
  }
}

/* SEARCH PAGE REWORK V2 — contained editorial layout */
body.wtsr-page{
  --wtsr-ink: #111;
  --wtsr-muted: #6f6f6b;
  --wtsr-line: #d9d9d4;
  --wtsr-soft: #f6f6f3;
  margin: 0;
  background: #fff !important;
  color: var(--wtsr-ink);
}

.wtsr-page .wtsr-container{
  width: min(calc(100% - 48px), 1180px);
  margin-inline: auto;
}





.wtsr-page .wtsr-hero{
  padding: clamp(68px, 8vw, 112px) 0 clamp(58px, 7vw, 94px);
  border-bottom: 1px solid var(--wtsr-ink);
  background: #fff;
}

.wtsr-page .wtsr-hero__inner{
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  gap: clamp(56px, 8vw, 118px);
  align-items: end;
}

.wtsr-page .wtsr-eyebrow,
.wtsr-page .wtsr-summary__eyebrow{
  margin: 0 0 16px;
  color: var(--wtsr-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .14em;
}

.wtsr-page .wtsr-hero h1{
  margin: 0;
  max-width: 620px;
  font-size: clamp(52px, 6vw, 82px);
  font-weight: 600;
  line-height:1.2;
  letter-spacing: -.065em;
  word-break: keep-all;
}

.wtsr-page .wtsr-hero__desc{
  max-width: 530px;
  margin: 24px 0 0;
  color: var(--wtsr-muted);
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
}

.wtsr-page .wtsr-form{
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.wtsr-page .wtsr-form__label{
  display: block;
  margin: 0 0 10px;
  color: var(--wtsr-ink);
  font-size: 12px;
  font-weight: 600;
}

.wtsr-page .wtsr-form__row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  height: 60px;
  border: 1px solid var(--wtsr-ink);
  background: #fff;
}

.wtsr-page .wtsr-form input{
  min-width: 0;
  width: 100%;
  height: 58px;
  padding: 0 18px;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: #fff;
  color: var(--wtsr-ink);
  font: inherit;
  font-size: 16px;
  box-shadow: none;
}

.wtsr-page .wtsr-form input::placeholder{ color: #aaa; }

.wtsr-page .wtsr-form__button{
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--wtsr-ink);
  border-radius: 0;
  background: var(--wtsr-ink);
  color: #fff;
  cursor: pointer;
}

.wtsr-page .wtsr-form__button:hover{
  background: #fff;
  color: var(--wtsr-ink);
}

.wtsr-page .wtsr-form__button svg{
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
}

.wtsr-page .wtsr-form__hint{
  margin: 10px 0 0;
  color: #8a8a85;
  font-size: 12px;
  line-height: 1.6;
}

.wtsr-page .wtsr-section{
  min-height: 460px;
  padding: clamp(58px, 7vw, 90px) 0 clamp(90px, 10vw, 140px);
  background: #fff;
}

.wtsr-page .wtsr-shell{ width: 100%; }

.wtsr-page .wtsr-summary{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin: 0;
  padding: 0 0 26px;
  border-bottom: 1px solid var(--wtsr-ink);
  background: transparent;
}

.wtsr-page .wtsr-summary__eyebrow{ margin-bottom: 13px; }

.wtsr-page .wtsr-summary h2{
  margin: 0;
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.045em;
  word-break: keep-all;
}

.wtsr-page .wtsr-summary p:not(.wtsr-summary__eyebrow){
  margin: 10px 0 0;
  color: var(--wtsr-muted);
  font-size: 13px;
  line-height: 1.65;
}

.wtsr-page .wtsr-count{
  flex: 0 0 auto;
  margin-bottom: 4px;
  color: var(--wtsr-ink);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.wtsr-page .wtsr-results{
  display: block;
  margin: 0;
  border: 0;
}

.wtsr-page .wtsr-card{
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--wtsr-line);
  background: #fff;
  box-shadow: none;
}

.wtsr-page .wtsr-card__link{
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  gap: 24px;
  align-items: center;
  min-height: 0;
  padding: 28px 0 30px;
  color: inherit;
  text-decoration: none;
}

.wtsr-page .wtsr-card__index{
  align-self: start;
  padding-top: 3px;
  color: #9a9a94;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
}

.wtsr-page .wtsr-card__body{ min-width: 0; }

.wtsr-page .wtsr-card__meta{
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 10px;
  color: #858580;
  font-size: 11px;
  font-weight: 600;
}

.wtsr-page .wtsr-card__meta span{
  padding: 0;
  border: 0;
  background: none;
}

.wtsr-page .wtsr-card h3{
  margin: 0;
  max-width: 900px;
  font-size: clamp(21px, 2.25vw, 31px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.035em;
  word-break: keep-all;
}

.wtsr-page .wtsr-card p{
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--wtsr-muted);
  font-size: 13px;
  line-height: 1.65;
  word-break: keep-all;
}

.wtsr-page .wtsr-card__arrow{
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #aaa;
  border-radius: 50%;
  color: var(--wtsr-ink);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.wtsr-page .wtsr-card__arrow svg{
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wtsr-page .wtsr-card__link:hover .wtsr-card__arrow{
  transform: translateX(3px);
  border-color: var(--wtsr-ink);
  background: var(--wtsr-ink);
  color: #fff;
}

.wtsr-page .wtsr-card mark,
.wtsr-page .wtsr-summary mark{
  padding: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .13em;
}

.wtsr-page .wtsr-empty,
.wtsr-page .wtsr-loading,
.wtsr-page .wtsr-error{
  min-height: 220px;
  padding: 58px 0;
  border-bottom: 1px solid var(--wtsr-line);
  color: var(--wtsr-muted);
  font-size: 14px;
  line-height: 1.75;
}

.wtsr-page .wtsr-empty strong,
.wtsr-page .wtsr-error strong{
  display: block;
  margin-bottom: 10px;
  color: var(--wtsr-ink);
  font-size: 26px;
  line-height: 1.25;
  letter-spacing: -.035em;
}

.wtsr-page .wtsr-more{ margin-top: 34px; }
.wtsr-page .wtsr-more__button{
  min-width: 150px;
  height: 48px;
  border: 1px solid var(--wtsr-ink);
  border-radius: 0;
  background: var(--wtsr-ink);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.wtsr-page .wtpromo-footer__inner.wtpromo-container{
  width: min(calc(100% - 48px), 1180px);
}

@media (max-width: 820px) {
  .wtsr-page .wtsr-hero__inner{
    grid-template-columns: 1fr;
    gap: 42px;
    align-items: start;
  }
  .wtsr-page .wtsr-form{ max-width: 680px; }
}

@media (max-width: 640px) {
  .wtsr-page .wtsr-container,
.wtsr-page .wtpromo-footer__inner.wtpromo-container{
    width: min(calc(100% - 32px), 1180px);
  }

  
  .wtsr-page .wtsr-hero{ padding: 48px 0 54px; }
  .wtsr-page .wtsr-hero h1{ font-size: 48px;
  word-break: keep-all; }
  .wtsr-page .wtsr-hero__desc{ margin-top: 18px; font-size: 14px; }
  .wtsr-page .wtsr-hero__inner{ gap: 34px; }
  .wtsr-page .wtsr-form__row{ grid-template-columns: minmax(0, 1fr) 54px; height: 56px; }
  .wtsr-page .wtsr-form input,
.wtsr-page .wtsr-form__button{ height: 54px; }
  .wtsr-page .wtsr-form__button{ width: 54px; }
  .wtsr-page .wtsr-section{ min-height: 360px; padding: 48px 0 82px; }
  .wtsr-page .wtsr-summary{ display: block; padding-bottom: 20px; }
  .wtsr-page .wtsr-count{ display: block; margin: 15px 0 0; }
  .wtsr-page .wtsr-card__link{
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    padding: 24px 0 26px;
  }
  .wtsr-page .wtsr-card h3{ font-size: 22px; }
  .wtsr-page .wtsr-card p{ font-size: 12px; }
  .wtsr-page .wtsr-card__arrow{
    grid-column: 2;
    width: 34px;
    height: 34px;
    margin-top: 14px;
  }
}
/* END SEARCH PAGE REWORK V2 */

/* FUKUOKA_FIRST_TRIP_MINIMAL_LINK_SECTIONS_V1 */
body.travel-purpose-body .wt-purpose-page .wt-firsttrip-other-choices{
  background: #f6f6f4 !important;
  border-top-color: #e8e8e4 !important;
}

body.travel-purpose-body .wt-purpose-page--first-trip .wt-firsttrip-other-choices .wt-section-head,
body.travel-purpose-body .wt-purpose-page--first-trip .wt-firsttrip-related-guides .wt-section-head{
  margin-bottom: 32px !important;
}

body.travel-purpose-body .wt-firsttrip-choice-list,
body.travel-purpose-body .wt-firsttrip-guide-list{
  border-top: 1px solid #cfcfcb;
}

body.travel-purpose-body .wt-firsttrip-choice{
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 18px;
  min-height: 112px;
  padding: 24px 10px 24px 0;
  border-bottom: 1px solid #d9d9d5;
  color: #111;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, padding .2s ease;
}

body.travel-purpose-body .wt-firsttrip-choice__number{
  color: #8a8a86;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  font-variant-numeric: tabular-nums;
}

body.travel-purpose-body .wt-firsttrip-choice__content{
  display: grid;
  gap: 7px;
  min-width: 0;
}

body.travel-purpose-body .wt-firsttrip-choice__content strong{
  color: inherit;
  font-size: clamp(19px, 2vw, 23px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.035em;
}

body.travel-purpose-body .wt-firsttrip-choice__content > span{
  color: #686866;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: -.02em;
  transition: color .2s ease;
}

body.travel-purpose-body .wt-firsttrip-choice__arrow{
  justify-self: end;
  color: inherit;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
}

body.travel-purpose-body .wt-firsttrip-choice:hover,
body.travel-purpose-body .wt-firsttrip-choice:focus-visible{
  padding-left: 20px;
  padding-right: 20px;
  background: #111;
  color: #fff;
  outline: none;
}

body.travel-purpose-body .wt-firsttrip-choice:hover .wt-firsttrip-choice__number,
body.travel-purpose-body .wt-firsttrip-choice:focus-visible .wt-firsttrip-choice__number,
body.travel-purpose-body .wt-firsttrip-choice:hover .wt-firsttrip-choice__content > span,
body.travel-purpose-body .wt-firsttrip-choice:focus-visible .wt-firsttrip-choice__content > span{
  color: #bdbdbd;
}

body.travel-purpose-body .wt-firsttrip-related-guides{
  background: #fff !important;
}

body.travel-purpose-body .wt-firsttrip-guide{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: start;
  gap: 24px;
  padding: 34px 0;
  border-bottom: 1px solid #dedede;
  color: #111;
  text-decoration: none;
}

body.travel-purpose-body .wt-firsttrip-guide__content{
  display: grid;
  gap: 10px;
  min-width: 0;
}

body.travel-purpose-body .wt-firsttrip-guide__content strong{
  width: fit-content;
  color: #111;
  font-size: clamp(21px, 2.25vw, 28px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.04em;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .2s ease;
}

body.travel-purpose-body .wt-firsttrip-guide__content > span{
  max-width: 690px;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -.022em;
}

body.travel-purpose-body .wt-firsttrip-guide__content em{
  margin: 0;
  color: #111;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.02em;
}

body.travel-purpose-body .wt-firsttrip-guide__arrow{
  justify-self: end;
  color: #111;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s ease;
}

body.travel-purpose-body .wt-firsttrip-guide:hover .wt-firsttrip-guide__content strong,
body.travel-purpose-body .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__content strong{
  background-size: 100% 1px;
}

body.travel-purpose-body .wt-firsttrip-guide:hover .wt-firsttrip-guide__arrow,
body.travel-purpose-body .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__arrow{
  transform: translate(3px, -3px);
}

body.travel-purpose-body .wt-firsttrip-guide:focus-visible{
  outline: 2px solid #111;
  outline-offset: 6px;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page--first-trip .wt-firsttrip-other-choices .wt-section-head,
body.travel-purpose-body .wt-purpose-page--first-trip .wt-firsttrip-related-guides .wt-section-head{
    margin-bottom: 26px !important;
  }

  body.travel-purpose-body .wt-firsttrip-choice{
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    gap: 12px;
    min-height: 102px;
    padding: 21px 4px 21px 0;
  }

  body.travel-purpose-body .wt-firsttrip-choice:hover,
body.travel-purpose-body .wt-firsttrip-choice:focus-visible{
    padding-left: 12px;
    padding-right: 12px;
  }

  body.travel-purpose-body .wt-firsttrip-choice__content strong{
    font-size: 18px;
  }

  body.travel-purpose-body .wt-firsttrip-choice__content > span{
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.travel-purpose-body .wt-firsttrip-choice__arrow{
    font-size: 20px;
  }

  body.travel-purpose-body .wt-firsttrip-guide{
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 14px;
    padding: 27px 0;
  }

  body.travel-purpose-body .wt-firsttrip-guide__content strong{
    font-size: 21px;
  }

  body.travel-purpose-body .wt-firsttrip-guide__content > span{
    font-size: 14px;
  }

  body.travel-purpose-body .wt-firsttrip-guide__arrow{
    font-size: 21px;
  }
}
/* End FUKUOKA_FIRST_TRIP_MINIMAL_LINK_SECTIONS_V1 */


/* FUKUOKA_PURPOSE_MINIMAL_LINK_SECTIONS_V2 */
body.travel-purpose-body .wt-firsttrip-guide:hover .wt-firsttrip-guide__arrow,
body.travel-purpose-body .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__arrow{
  transform: translateX(4px);
}
@media (max-width: 767px) {
  body.travel-purpose-body .wt-firsttrip-other-choices{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    background: #f6f6f4 !important;
  }
  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
.wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
.wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button{
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-self: flex-start !important;
    justify-content: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* End FUKUOKA_PURPOSE_MINIMAL_LINK_SECTIONS_V2 */

/* FUKUOKA_PURPOSE_MOBILE_SPACING_BANNER_FAQ_REFINEMENT_V3 */
body.travel-purpose-body .wt-purpose-faq .wt-purpose-faq-icon{
  border-radius: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 112px !important;
  margin-top: 28px !important;
  padding: 24px 26px !important;
  overflow: hidden !important;
  border: 1px solid #d9d9d5 !important;
  border-radius: 0 !important;
  background: #f6f6f4 !important;
  box-shadow: none !important;
  color: #111 !important;
  text-decoration: none !important;
  transition: border-color .2s ease, background-color .2s ease !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner::before,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner::before,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner::after,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner::after{
  content: none !important;
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner strong,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
  display: block !important;
  max-width: 680px !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: clamp(18px, 2vw, 23px) !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: -.035em !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #111 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
  transition: background-color .2s ease, color .2s ease !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner:hover,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:hover,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner:focus-visible,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:focus-visible{
  border-color: #111 !important;
  background: #fff !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner:hover .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:hover .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner:focus-visible .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner:focus-visible .wt-hotel-more-banner__button{
  background: #fff !important;
  color: #111 !important;
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page--first-trip .wt-firsttrip-other-choices{
    padding: 0 20px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
    min-height: 0 !important;
    padding: 22px 20px 20px !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner strong,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner strong{
    max-width: none !important;
    font-size: 19px !important;
    line-height: 1.5 !important;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-more-banner .wt-hotel-more-banner__button{
    order: 2 !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    margin-top: 2px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}
/* End FUKUOKA_PURPOSE_MOBILE_SPACING_BANNER_FAQ_REFINEMENT_V3 */


/* FUKUOKA_PURPOSE_HOTEL_HEAD_CTA_V4 */
body.travel-purpose-body .wt-section-head{
  max-width: 800px !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row{
  display: grid;
  grid-template-columns: minmax(0, 800px) auto;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row .wt-section-head,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row .wt-section-head{
  width: 100%;
  max-width: 800px !important;
  margin: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row + .wt-hotel-grid,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row + .wt-hotel-grid{
  margin-top: 0 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels > .container > .wt-hotel-more-banner,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels > .container > .wt-hotel-more-banner{
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  gap: 8px !important;
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #111 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background-color .2s ease, color .2s ease !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button::before,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button::after,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button::before,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button::after{
  content: none !important;
  display: none !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:hover,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:focus-visible,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:hover,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:focus-visible{
  background: #fff !important;
  color: #111 !important;
}

body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:hover .wt-hotel-more-banner__icon,
body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:focus-visible .wt-hotel-more-banner__icon,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:hover .wt-hotel-more-banner__icon,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button:focus-visible .wt-hotel-more-banner__icon{
  transform: translateX(3px);
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row{
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 20px;
    margin-bottom: 24px;
  }

  body.travel-purpose-body .wt-purpose-page #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button,
body.travel-purpose-body .wt-purpose-page--first-trip #hotels .wt-hotel-section-head-row > .wt-hotel-more-banner__button{
    justify-self: start !important;
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}
/* End FUKUOKA_PURPOSE_HOTEL_HEAD_CTA_V4 */

/* ALL_CITY_PURPOSE_OTHER_CHOICES_FULL_BLEED_V5 */
body.travel-purpose-body .wt-purpose-page .wt-firsttrip-other-choices{
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 20px !important;
  background: #f6f6f4 !important;
  border-top-color: #e8e8e4 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-other-choices > .container{
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--container, 1180px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
/* End ALL_CITY_PURPOSE_OTHER_CHOICES_FULL_BLEED_V5 */

/* Shared purpose pages: Before Booking editorial checklist */
body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-grid{
  counter-reset: firsttrip-booking-check;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item{
  counter-increment: firsttrip-booking-check;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-content: start !important;
  column-gap: 20px !important;
  min-height: 190px !important;
  padding: 28px 30px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:nth-child(odd){
  border-right: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:nth-child(-n/**/+2){
  border-bottom: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item::before{
  content: counter(firsttrip-booking-check, decimal-leading-zero);
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  transition: border-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item strong{
  grid-column: 2 !important;
  display: block !important;
  width: auto !important;
  margin: 1px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -.04em !important;
}

body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item .wt-check-item__lead{
  grid-column: 2 !important;
  display: block !important;
  margin: 0 !important;
  color: #626262 !important;
  font-size: 14px !important;
  font-weight: 500!important;
  line-height: 1.72 !important;
  letter-spacing: -.025em !important;
  word-break: keep-all !important;
  transition: color .22s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:hover{
    background: #111 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:hover::before{
    border-color: #fff !important;
    color: #fff !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:hover strong{
    color: #fff !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:hover .wt-check-item__lead{
    color: #cfcfcf !important;
  }
}

@media (max-width: 720px) {
  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-grid{
    grid-template-columns: 1fr !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item{
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    min-height: 0 !important;
    padding: 22px 0 24px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item:last-child{
    border-bottom: 0 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item::before{
    width: 42px !important;
    height: 42px !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item strong{
    margin-bottom: 9px !important;
    font-size: 16px !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-firsttrip-before-booking .wt-check-item .wt-check-item__lead{
    font-size: 13px !important;
    line-height: 1.68 !important;
  }
}


/* Shared purpose pages: force-remove checklist right border on mobile */
@media (max-width: 720px) {
  body.travel-purpose-body
  .wt-purpose-page--fukuoka-first-trip
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item,
body.travel-purpose-body
  .wt-purpose-page--fukuoka-first-trip
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item:nth-child(odd),
body.travel-purpose-body
  .wt-purpose-page--fukuoka-first-trip
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item:nth-child(even){
    border-right: none !important;
    border-right-width: 0 !important;
    border-right-style: none !important;
    border-inline-end: none !important;
  }
}

/* Fukuoka purpose pages — shared Area Choice and Before Booking editorial refresh */
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial{
  background:#fff !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-section-head{
  max-width:800px !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{
  margin-top:36px !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border-top:1px solid #111 !important;
  border-bottom:1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:"meta number" "title number" "lead lead" "chips chips" "line line" !important;
  align-content:start !important;
  gap:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:30px 34px 28px !important;
  overflow:visible !important;
  background:#fff !important;
  color:#111 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .18s ease !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card + article.wt-choice-card{
  border-left:1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::before{
  grid-area:number !important;
  align-self:start !important;
  content:"01" !important;
  display:block !important;
  margin:2px 0 0 24px !important;
  color:#9a9a94 !important;
  font-size:12px !important;
  font-weight: 600!important;
  line-height:1 !important;
  letter-spacing:.12em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card:nth-child(2)::before{content:"02" !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::after{content:none !important;display:none !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__label{
  grid-area:meta !important;margin:0 0 12px !important;color:#666 !important;font-size:13px !important;font-weight: 600!important;line-height:1.45 !important;letter-spacing:0 !important;text-transform:none !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card h3{
  grid-area:title !important;margin:0 !important;color:#111 !important;font-size:clamp(34px,4vw,52px) !important;font-weight: 600!important;line-height:1 !important;letter-spacing:-.055em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__lead{
  grid-area:lead !important;max-width:560px !important;margin:24px 0 0 !important;color:#414141 !important;font-size:15px !important;line-height:1.75 !important;word-break:keep-all !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips{
  grid-area:chips !important;display:flex !important;flex-wrap:wrap !important;gap:0 !important;margin:22px 0 0 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span{
  display:inline-flex !important;align-items:center !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#111 !important;font-size:12px !important;font-weight: 600!important;line-height:1.5 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span + span::before{
  content:"·" !important;display:inline-block !important;margin:0 10px !important;color:#aaa !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__line{
  grid-area:line !important;margin:24px 0 0 !important;padding:18px 0 0 !important;border-top:1px solid #e1e1dc !important;color:#656565 !important;font-size:13px !important;font-weight: 500!important;line-height:1.65 !important;word-break:keep-all !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 !important;margin-top:36px !important;border-top:1px solid #111 !important;border-bottom:1px solid #d7d7d2 !important;background:#fff !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item{
  position:relative !important;display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;grid-template-areas:"num title" "num lead" !important;align-content:start !important;column-gap:18px !important;row-gap:10px !important;min-height:0 !important;margin:0 !important;padding:28px 30px !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(odd){border-right:1px solid #d8d8d3 !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(-n/**/+2){border-bottom:1px solid #d8d8d3 !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item::before{
  grid-area:num !important;content:counter(wtbooking,decimal-leading-zero) !important;display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;background:#111 !important;color:#fff !important;border:0 !important;border-radius:0 !important;font-size:12px !important;font-weight: 600!important;letter-spacing:.08em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid{counter-reset:wtbooking !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item{counter-increment:wtbooking !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item strong{
  grid-area:title !important;margin:0 !important;color:#111 !important;font-size:18px !important;font-weight: 600!important;line-height:1.45 !important;letter-spacing:-.03em !important;word-break:keep-all !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item .wt-check-item__lead{
  grid-area:lead !important;margin:0 !important;color:#666 !important;font-size:14px !important;line-height:1.75 !important;word-break:keep-all !important;
}
@media (hover:hover) and (pointer:fine) {
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card:hover,
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:hover{background:#f6f6f4 !important;}
}
@media (max-width:760px) {
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{margin-top:28px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main{grid-template-columns:1fr !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card{padding:26px 0 25px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card + article.wt-choice-card{border-left:0 !important;border-top:1px solid #d7d7d2 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::before{margin-left:18px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card h3{font-size:38px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__lead{margin-top:20px !important;font-size:15px !important;line-height:1.7 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips{margin-top:18px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__line{margin-top:20px !important;padding-top:16px !important;}

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{grid-template-columns:1fr !important;margin-top:28px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item,
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(odd),
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(even){
    grid-template-columns:38px minmax(0,1fr) !important;column-gap:15px !important;padding:23px 0 !important;border-right:none !important;border-right-width:0 !important;border-right-style:none !important;border-inline-end:none !important;border-bottom:1px solid #d8d8d3 !important;
  }
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:last-child{border-bottom:0 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item::before{width:38px !important;height:38px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item strong{font-size:17px !important;}
}

/* Fukuoka purpose pages: unified Area Choice + Before Booking */
body.travel-purpose-body .wt-fukuoka-area-choice-editorial{background:#fff!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-section-head{max-width:800px!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{margin-top:36px!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;background:#fff!important;border-top:1px solid #111!important;border-bottom:1px solid #d7d7d2!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main>article.wt-choice-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"meta number" "title number" "lead lead" "chips chips" "line line"!important;align-content:start!important;gap:0!important;min-height:0!important;margin:0!important;padding:30px 34px 28px!important;background:#fff!important;color:#111!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;transition:background-color .18s ease!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main>article.wt-choice-card+article.wt-choice-card{border-left:1px solid #d7d7d2!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card:before{grid-area:number!important;align-self:start!important;content:"01"!important;display:block!important;margin:2px 0 0 24px!important;color:#9a9a94!important;font-size:12px!important;font-weight: 600!important;line-height:1!important;letter-spacing:.12em!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card:nth-child(2):before{content:"02"!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card:after{content:none!important;display:none!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__label{grid-area:meta!important;margin:0 0 12px!important;color:#666!important;font-size:13px!important;font-weight: 600!important;line-height:1.45!important;letter-spacing:0!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card h3{grid-area:title!important;margin:0!important;color:#111!important;font-size:clamp(34px,4vw,52px)!important;font-weight: 600!important;line-height:1!important;letter-spacing:-.055em!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__lead{grid-area:lead!important;max-width:560px!important;margin:24px 0 0!important;color:#414141!important;font-size:15px!important;line-height:1.75!important;word-break:keep-all!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__chips{grid-area:chips!important;display:flex!important;flex-wrap:wrap!important;gap:0!important;margin:22px 0 0!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span{display:inline-flex!important;align-items:center!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important;font-size:12px!important;font-weight: 600!important;line-height:1.5!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span+span:before{content:"·"!important;display:inline-block!important;margin:0 10px!important;color:#aaa!important}
body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-card__line{grid-area:line!important;margin:24px 0 0!important;padding:18px 0 0!important;border-top:1px solid #e1e1dc!important;color:#656565!important;font-size:13px!important;font-weight: 500!important;line-height:1.65!important;word-break:keep-all!important}
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #111!important;border-bottom:1px solid #d7d7d2!important}
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item{position:relative!important;padding:28px 30px!important;border:0!important;border-bottom:1px solid #d7d7d2!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:nth-child(odd){border-right:1px solid #d7d7d2!important}
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:nth-last-child(-n/**/+2){border-bottom:0!important}
@media(max-width:760px){body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{margin-top:28px!important}body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main{grid-template-columns:1fr!important}body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main>article.wt-choice-card{padding:26px 0 25px!important}body.travel-purpose-body .wt-fukuoka-area-choice-editorial .wt-choice-main>article.wt-choice-card+article.wt-choice-card{border-left:0!important;border-top:1px solid #d7d7d2!important}body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-grid{grid-template-columns:1fr!important}body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item,
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:nth-child(odd),
body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:nth-child(even){border-right:0!important;border-inline-end:0!important}body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:nth-last-child(2){border-bottom:1px solid #d7d7d2!important}body.travel-purpose-body .wt-fukuoka-before-booking-editorial .wt-check-item:last-child{border-bottom:0!important}}

/* FUKUOKA_BEFORE_BOOKING_EXACT_UNIFY_V1
   Match value/near/family/quiet Before Booking items to first-trip exactly. */
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{
  counter-reset: firsttrip-booking-check !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  margin-top: 0 !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
  background: transparent !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item{
  counter-increment: firsttrip-booking-check !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  align-content: start !important;
  column-gap: 20px !important;
  row-gap: 0 !important;
  min-height: 190px !important;
  margin: 0 !important;
  padding: 28px 30px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-child(odd){
  border-right: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-child(-n/**/+2){
  border-bottom: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-last-child(-n/**/+2){
  border-bottom: 0 !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item::before{
  content: counter(firsttrip-booking-check, decimal-leading-zero) !important;
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  grid-area: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  transition: border-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item > strong{
  grid-column: 2 !important;
  grid-row: 1 !important;
  grid-area: auto !important;
  display: block !important;
  width: auto !important;
  margin: 1px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -.04em !important;
  word-break: keep-all !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item > .wt-check-item__lead{
  grid-column: 2 !important;
  grid-row: 2 !important;
  grid-area: auto !important;
  display: block !important;
  margin: 0 !important;
  color: #626262 !important;
  font-size: 14px !important;
  font-weight: 500!important;
  line-height: 1.72 !important;
  letter-spacing: -.025em !important;
  word-break: keep-all !important;
  transition: color .22s ease !important;
}



@media (max-width: 720px) {
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{
    grid-template-columns: 1fr !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item,
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-child(odd),
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-child(even),
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:nth-last-child(-n/**/+2){
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    min-height: 0 !important;
    padding: 22px 0 24px !important;
    border-right: 0 !important;
    border-right-width: 0 !important;
    border-right-style: none !important;
    border-inline-end: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item:last-child{
    border-bottom: 0 !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item::before{
    width: 42px !important;
    height: 42px !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item > strong{
    margin-bottom: 9px !important;
    font-size: 16px !important;
  }

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable > .wt-check-item > .wt-check-item__lead{
    font-size: 13px !important;
    line-height: 1.68 !important;
  }
}
/* End FUKUOKA_BEFORE_BOOKING_EXACT_UNIFY_V1 */


/* Fukuoka unified pages: exact Area Choice copy from first-trip */

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice{
  background: #fff !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-section-head{
  max-width: 600px !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-area-choice-simple{
  margin-top: 36px !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main > article.wt-choice-card{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "meta number"
    "title number"
    "lead lead"
    "chips chips"
    "line line" !important;
  align-content: start !important;
  gap: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 30px 34px 28px !important;
  overflow: visible !important;
  background: #fff !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main > article.wt-choice-card + article.wt-choice-card{
  border-left: 1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card::before{
  grid-area: number !important;
  align-self: start !important;
  content: "01" !important;
  display: block !important;
  margin: 2px 0 0 24px !important;
  color: #9a9a94 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:nth-child(2)::before{
  content: "02" !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card::after{
  content: none !important;
  display: none !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__label{
  grid-area: meta !important;
  margin: 0 0 12px !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 600!important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card h3{
  grid-area: title !important;
  margin: 0 !important;
  color: #111 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__lead{
  grid-area: lead !important;
  max-width: 560px !important;
  margin: 24px 0 0 !important;
  color: #414141 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  word-break: keep-all !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__chips{
  grid-area: chips !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 22px 0 0 !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__chips span{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1.5 !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__chips span + span::before{
  content: "·" !important;
  display: inline-block !important;
  margin: 0 10px !important;
  color: #aaa !important;
}
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__line{
  grid-area: line !important;
  margin: 24px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid #e1e1dc !important;
  color: #656565 !important;
  font-size: 13px !important;
  font-weight: 500!important;
  line-height: 1.65 !important;
  word-break: keep-all !important;
}
@media (hover: hover) and (pointer: fine) {
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main > article.wt-choice-card:hover{
    background: #f6f6f4 !important;
    color: #111 !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover::before,
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover .wt-choice-card__label,
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover h3,
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover .wt-choice-card__lead,
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover .wt-choice-card__chips span,
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card:hover .wt-choice-card__line{
    color: inherit !important;
  }
}
@media (max-width: 760px) {
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-area-choice-simple{
    margin-top: 28px !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main{
    grid-template-columns: 1fr !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main > article.wt-choice-card{
    padding: 26px 0 25px !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-main > article.wt-choice-card + article.wt-choice-card{
    border-left: 0 !important;
    border-top: 1px solid #d7d7d2 !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card::before{
    margin-left: 18px !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card h3{
    font-size: 38px !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__lead{
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__chips{
    margin-top: 18px !important;
  }
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-first-area-choice .wt-choice-card__line{
    margin-top: 20px !important;
    padding-top: 16px !important;
  }
}

/* End exact Area Choice copy */

/* Fukuoka unified pages: exact Before Booking copy from first-trip */
/* Shared purpose pages: Before Booking editorial checklist */
body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-grid{
  counter-reset: firsttrip-booking-check;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item{
  counter-increment: firsttrip-booking-check;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-content: start !important;
  column-gap: 20px !important;
  min-height: 190px !important;
  padding: 28px 30px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:nth-child(odd){
  border-right: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:nth-child(-n/**/+2){
  border-bottom: 1px solid #d8d8d3 !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item::before{
  content: counter(firsttrip-booking-check, decimal-leading-zero);
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 600!important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  transition: border-color .22s ease, color .22s ease !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item strong{
  grid-column: 2 !important;
  display: block !important;
  width: auto !important;
  margin: 1px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  font-size: 18px !important;
  font-weight: 600!important;
  line-height: 1.35 !important;
  letter-spacing: -.04em !important;
}

body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item .wt-check-item__lead{
  grid-column: 2 !important;
  display: block !important;
  margin: 0 !important;
  color: #626262 !important;
  font-size: 14px !important;
  font-weight: 500!important;
  line-height: 1.72 !important;
  letter-spacing: -.025em !important;
  word-break: keep-all !important;
  transition: color .22s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:hover{
    background: #111 !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:hover::before{
    border-color: #fff !important;
    color: #fff !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:hover strong{
    color: #fff !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:hover .wt-check-item__lead{
    color: #cfcfcf !important;
  }
}

@media (max-width: 720px) {
  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-grid{
    grid-template-columns: 1fr !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item{
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    min-height: 0 !important;
    padding: 22px 0 24px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item:last-child{
    border-bottom: 0 !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item::before{
    width: 42px !important;
    height: 42px !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item strong{
    margin-bottom: 9px !important;
    font-size: 16px !important;
  }

  body.travel-purpose-body .wt-purpose-page--fukuoka-unified .wt-firsttrip-before-booking .wt-check-item .wt-check-item__lead{
    font-size: 13px !important;
    line-height: 1.68 !important;
  }
}


/* Shared purpose pages: force-remove checklist right border on mobile */
@media (max-width: 720px) {
  body.travel-purpose-body
  .wt-purpose-page--fukuoka-unified
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item,
body.travel-purpose-body
  .wt-purpose-page--fukuoka-unified
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item:nth-child(odd),
body.travel-purpose-body
  .wt-purpose-page--fukuoka-unified
  .wt-firsttrip-before-booking
  .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable
  > .wt-check-item:nth-child(even){
    border-right: none !important;
    border-right-width: 0 !important;
    border-right-style: none !important;
    border-inline-end: none !important;
  }
}

/* Fukuoka purpose pages — shared Area Choice and Before Booking editorial refresh */
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial{
  background:#fff !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-section-head{
  max-width:800px !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{
  margin-top:36px !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border-top:1px solid #111 !important;
  border-bottom:1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:"meta number" "title number" "lead lead" "chips chips" "line line" !important;
  align-content:start !important;
  gap:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:30px 34px 28px !important;
  overflow:visible !important;
  background:#fff !important;
  color:#111 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .18s ease !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card + article.wt-choice-card{
  border-left:1px solid #d7d7d2 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::before{
  grid-area:number !important;
  align-self:start !important;
  content:"01" !important;
  display:block !important;
  margin:2px 0 0 24px !important;
  color:#9a9a94 !important;
  font-size:12px !important;
  font-weight: 600!important;
  line-height:1 !important;
  letter-spacing:.12em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card:nth-child(2)::before{content:"02" !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::after{content:none !important;display:none !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__label{
  grid-area:meta !important;margin:0 0 12px !important;color:#666 !important;font-size:13px !important;font-weight: 600!important;line-height:1.45 !important;letter-spacing:0 !important;text-transform:none !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card h3{
  grid-area:title !important;margin:0 !important;color:#111 !important;font-size:clamp(34px,4vw,52px) !important;font-weight: 600!important;line-height:1 !important;letter-spacing:-.055em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__lead{
  grid-area:lead !important;max-width:560px !important;margin:24px 0 0 !important;color:#414141 !important;font-size:15px !important;line-height:1.75 !important;word-break:keep-all !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips{
  grid-area:chips !important;display:flex !important;flex-wrap:wrap !important;gap:0 !important;margin:22px 0 0 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span{
  display:inline-flex !important;align-items:center !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#111 !important;font-size:12px !important;font-weight: 600!important;line-height:1.5 !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips span + span::before{
  content:"·" !important;display:inline-block !important;margin:0 10px !important;color:#aaa !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__line{
  grid-area:line !important;margin:24px 0 0 !important;padding:18px 0 0 !important;border-top:1px solid #e1e1dc !important;color:#656565 !important;font-size:13px !important;font-weight: 500!important;line-height:1.65 !important;word-break:keep-all !important;
}

body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 !important;margin-top:36px !important;border-top:1px solid #111 !important;border-bottom:1px solid #d7d7d2 !important;background:#fff !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item{
  position:relative !important;display:grid !important;grid-template-columns:42px minmax(0,1fr) !important;grid-template-areas:"num title" "num lead" !important;align-content:start !important;column-gap:18px !important;row-gap:10px !important;min-height:0 !important;margin:0 !important;padding:28px 30px !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(odd){border-right:1px solid #d8d8d3 !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(-n/**/+2){border-bottom:1px solid #d8d8d3 !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item::before{
  grid-area:num !important;content:counter(wtbooking,decimal-leading-zero) !important;display:flex !important;align-items:center !important;justify-content:center !important;width:42px !important;height:42px !important;background:#111 !important;color:#fff !important;border:0 !important;border-radius:0 !important;font-size:12px !important;font-weight: 600!important;letter-spacing:.08em !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid{counter-reset:wtbooking !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item{counter-increment:wtbooking !important;}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item strong{
  grid-area:title !important;margin:0 !important;color:#111 !important;font-size:18px !important;font-weight: 600!important;line-height:1.45 !important;letter-spacing:-.03em !important;word-break:keep-all !important;
}
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item .wt-check-item__lead{
  grid-area:lead !important;margin:0 !important;color:#666 !important;font-size:14px !important;line-height:1.75 !important;word-break:keep-all !important;
}
@media (hover:hover) and (pointer:fine) {
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card:hover,
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:hover{background:#f6f6f4 !important;}
}
@media (max-width:760px) {
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-area-choice-simple{margin-top:28px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main{grid-template-columns:1fr !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card{padding:26px 0 25px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-main > article.wt-choice-card + article.wt-choice-card{border-left:0 !important;border-top:1px solid #d7d7d2 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card::before{margin-left:18px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card h3{font-size:38px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__lead{margin-top:20px !important;font-size:15px !important;line-height:1.7 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__chips{margin-top:18px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-area-choice-editorial .wt-choice-card__line{margin-top:20px !important;padding-top:16px !important;}

  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid.wt-check-grid--rich.wt-check-grid--readable{grid-template-columns:1fr !important;margin-top:28px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item,
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(odd),
body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:nth-child(even){
    grid-template-columns:38px minmax(0,1fr) !important;column-gap:15px !important;padding:23px 0 !important;border-right:none !important;border-right-width:0 !important;border-right-style:none !important;border-inline-end:none !important;border-bottom:1px solid #d8d8d3 !important;
  }
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item:last-child{border-bottom:0 !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-grid > .wt-check-item::before{width:38px !important;height:38px !important;}
  body.travel-purpose-body .wt-purpose-page .wt-fukuoka-before-booking-editorial .wt-check-item strong{font-size:17px !important;}
}


/* End exact Before Booking copy */

/* FUKUOKA_CITY_START_GUIDES_V1 */
body.travel-city-body .wt-city-start-guides{
  background: #fff !important;
}

body.travel-city-body .wt-city-start-guides .wt-section-kicker{
  color: rgba(0, 0, 0, 0.66) !important;
}

body.travel-city-body .wt-city-start-guides .wt-section-head{
  margin-bottom: 32px !important;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide-list{
  border-top: 1px solid #cfcfcb;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: start;
  gap: 24px;
  padding: 34px 0;
  border-bottom: 1px solid #dedede;
  color: #111;
  text-decoration: none;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content{
  display: grid;
  gap: 10px;
  min-width: 0;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content strong{
  width: fit-content;
  color: #111;
  font-size: clamp(21px, 2.25vw, 28px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.04em;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .2s ease;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content > span{
  max-width: 690px;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -.022em;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content em{
  margin-top: 7px;
  color: #111;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.02em;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__arrow{
  justify-self: end;
  color: #111;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  transition: transform .2s ease;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide:hover .wt-firsttrip-guide__content strong,
body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__content strong{
  background-size: 100% 1px;
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide:hover .wt-firsttrip-guide__arrow,
body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__arrow{
  transform: translateX(4px);
}

body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide:focus-visible{
  outline: 2px solid #111;
  outline-offset: 6px;
}

@media (max-width: 767px) {
  body.travel-city-body .wt-city-start-guides .wt-section-head{
    margin-bottom: 26px !important;
  }

  body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide{
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 14px;
    padding: 27px 0;
  }

  body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content strong{
    font-size: 21px;
  }

  body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__content > span{
    font-size: 14px;
  }

  body.travel-city-body .wt-city-start-guides .wt-firsttrip-guide__arrow{
    font-size: 21px;
  }
}
/* END FUKUOKA_CITY_START_GUIDES_V1 */

/* BESTAYABLE_CITY_HERO_CTA_MOBILE_V3 */
body.travel-city-body .wt-city-start-guides .wt-section-kicker{
  font-size: 15px !important;
}

body.travel-city-body .wt-city-hero__actions .wt-city-button,
body.travel-city-body .wt-city-hero__actions .wt-city-button--primary,
body.travel-city-body .wt-city-hero__actions .wt-city-button--ghost{
  background: #fff !important;
  color: #000 !important;
  border-color: rgba(0, 0, 0, 0.22) !important;
}

body.travel-city-body .wt-city-hero__actions .wt-city-button:hover,
body.travel-city-body .wt-city-hero__actions .wt-city-button--primary:hover,
body.travel-city-body .wt-city-hero__actions .wt-city-button--ghost:hover{
  background: #f5f5f3 !important;
  color: #000 !important;
  border-color: rgba(0, 0, 0, 0.48) !important;
}

@media (max-width: 767px) {
  body.travel-city-body .wt-city-cta__inner{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
  }

  body.travel-city-body .wt-city-cta__inner > div{
    width: 100% !important;
  }

  body.travel-city-body .wt-city-cta__inner .wt-city-button.wt-city-button--primary{
    position: static !important;
    order: 2 !important;
    align-self: stretch !important;
    justify-self: auto !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
/* End BESTAYABLE_CITY_HERO_CTA_MOBILE_V3 */

/* Home mobile section spacing */
@media (max-width: 760px) {
  body.travel-home-body .container.travel-section.travel-section--tinted{
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

/* BESTAYABLE_HOME_LAYOUT_REFINEMENT_V3 */
body.travel-home-body main.travel-page.travel-home .section-heading.section-heading--split{
  border-bottom: 3px solid #000 !important;
  padding-bottom: 20px !important;
  margin-bottom: 30px !important;
}

@media (max-width: 640px) {
  body.travel-home-body .home-mood-card,
body.travel-home-body .home-mood-card--featured{
    height: 300px !important;
    min-height: 300px !important;
  }
}

@media (max-width: 760px) {
  body.travel-home-body .container.travel-section.travel-section--tinted{
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}
/* END BESTAYABLE_HOME_LAYOUT_REFINEMENT_V3 */


/* BESTAYABLE_HOME_HEADING_LINKS_V4
   - 홈 섹션 더 보기 링크 높이와 시각 스타일 통일
   - 프로모션 섹션 링크도 인기 여행지 링크와 동일한 텍스트+chevron 구조 적용
========================================================= */
body.travel-home-body .text-link.destinations-view-all-link{
  min-height: 10px !important;
}

body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link{
  width: auto !important;
  height: auto !important;
  min-height: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(17, 24, 39, 0.46) !important;
  font-size: clamp(0.86rem, 1.4vw, 0.98rem) !important;
  font-weight: 500!important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: none !important;
}

body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link:hover{
  color: rgba(17, 24, 39, 0.72) !important;
  background: transparent !important;
  transform: none !important;
}

body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-label,
body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
}

body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-icon{
  width: 18px !important;
  height: 18px !important;
}

body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-icon svg{
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 767px) {
  body.travel-home-body .text-link.destinations-view-all-link,
body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link{
    min-height: 10px !important;
  }

  body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link{
    gap: 5px !important;
    font-size: 0.86rem !important;
  }

  body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-icon{
    width: 16px !important;
    height: 16px !important;
  }

  body.travel-home-body .wtpromo-section-heading.wtpromo-section-heading--linked .wtpromo-heading-link .destinations-view-all-icon svg{
    width: 15px !important;
    height: 15px !important;
  }
}
/* END BESTAYABLE_HOME_HEADING_LINKS_V4 */

/* Enforce 10px minimum height across desktop, tablet, and mobile. */
body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub .section-heading .text-link.destinations-view-all-link,
body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .wtpromo-section-heading .text-link.destinations-view-all-link{
  min-height: 10px !important;
}

/* BESTAYABLE_EDITOR_PICK_LINK_PARITY_V5
   Editor's Pick heading/link follows the Popular Destinations heading exactly,
   including typography, chevron icon, and mobile right-side alignment.
========================================================= */
body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading.section-heading--split{
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading.section-heading--split > div{
  min-width: 0 !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading .eyebrow{
  margin-bottom: 10px !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading h2{
  margin: 0 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading .text-link.destinations-view-all-link{
  flex: 0 0 auto !important;
  align-self: flex-end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-height: 10px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(17, 24, 39, 0.46) !important;
  font-size: clamp(0.86rem, 1.4vw, 0.98rem) !important;
  font-weight: 500!important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading .text-link.destinations-view-all-link::after{
  content: none !important;
  display: none !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-label,
body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(17, 24, 39, 0.46) !important;
  background: transparent !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-icon{
  width: 18px !important;
  height: 18px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-icon svg{
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

@media (max-width: 767px) {
  body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading.section-heading--split{
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .section-heading .text-link.destinations-view-all-link{
    align-self: flex-end !important;
    gap: 5px !important;
    margin: 0 0 0 auto !important;
    font-size: 0.86rem !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-icon{
    width: 16px !important;
    height: 16px !important;
  }

  body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-home-featured .destinations-view-all-icon svg{
    width: 15px !important;
    height: 15px !important;
  }
}
/* END BESTAYABLE_EDITOR_PICK_LINK_PARITY_V5 */

/* 20260716 Post header exact unification with main index */










@media (min-width: 768px) and (max-width: 1180px) {
  
}

@media (max-width: 767px) {
  
}
/* End 20260716 Post header exact unification with main index */

/* 20260716 Post header spacing and divider final override */



/* End 20260716 Post header spacing and divider final override */

/* Admin-only survey controls must remain hidden until authentication is confirmed. */
body.wt-location-survey-page--app [data-admin-only][hidden]{
  display: none !important;
}


/* BESTAYABLE_GLOBAL_TYPOGRAPHY_AND_ALIGNMENT_FIX_V1 */
body.travel-purpose-body .wt-page-hero__content .wt-eyebrow,
.wt-page-hero__content .wt-eyebrow{
  font-size: 15px !important;
  font-weight: 400 !important;
}

.wt-section-head{
  max-width: 800px !important;
}

body.travel-purpose-body .wt-choice-main h3,
body.travel-purpose-body .wt-choice-main .wt-choice-card h3,
.wt-choice-main h3{
  font-size: 35px !important;
  font-weight: 600 !important;
}

/* Keep breadcrumbs on the exact same horizontal grid as page sections. */


@media (min-width: 768px) and (max-width: 1279px) {
  
}

@media (max-width: 767px) {
  body.travel-purpose-body .wt-choice-main h3,
body.travel-purpose-body .wt-choice-main .wt-choice-card h3,
.wt-choice-main h3{
    font-size: clamp(28px, 8vw, 35px) !important;
  }

  
}

@media (max-width: 380px) {
  
}

/* 20260720 Tablet horizontal grid alignment V1
   - 768px~1180px 구간에서 모든 공통 컨테이너, 상단바, breadcrumb를 같은 좌우 기준선으로 통일
*/
@media (min-width: 768px) and (max-width: 1180px) {
  body.travel-home-body main.travel-page.travel-home > .container.travel-section.travel-section--destination-hub,
main.travel-page > .container,
main.travel-page .travel-section.container,
main.travel-page .wt-section > .container,
main.travel-page .wt-page-hero.container,
main.travel-page .wt-page-hero__inner.container,
main.travel-page .wt-city-hero.container,
main.travel-page .wt-city-hero__inner.container,
main.travel-page .wt-purpose-hero.container,
main.travel-page .wt-purpose-hero__inner.container{
    box-sizing: border-box !important;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }

  
}
/* End 20260720 Tablet horizontal grid alignment V1 */

/* 20260720 HOME + CITY TABLET SECTION GRID UNIFICATION V2
   768px~1180px: 메인과 모든 도시 메인 페이지의 섹션/헤더/breadcrumb 기준선을 동일하게 유지
*/
@media (min-width: 768px) and (max-width: 1180px) {
  /* Main index: every visible section uses one horizontal inset. */
  body.travel-home-body main.travel-page.travel-home > section.container,
body.travel-home-body main.travel-page.travel-home > section.wtpromo-container,
body.travel-home-body main.travel-page.travel-home > .container.travel-section,
body.travel-home-body main.travel-page.travel-home > .wtpromo-section.wtpromo-container,
body.travel-home-body main.travel-page.travel-home > .wthome-hero > .wthome-hero__inner,
body.travel-home-body main.travel-page.travel-home > .wtpromo-home-tool-section > .wtpromo-container{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }

  /* City main pages: direct container sections and nested section containers share the same grid. */
  body.travel-city-body main.travel-page.wt-city-page > section.container,
body.travel-city-body main.travel-page.wt-city-page > .wt-city-hero.container,
body.travel-city-body main.travel-page.wt-city-page > .wt-city-snapshot.container,
body.travel-city-body main.travel-page.wt-city-page > .wt-city-section.container,
body.travel-city-body main.travel-page.wt-city-page > .wt-city-cta.container,
body.travel-city-body main.travel-page.wt-city-page > .travel-section.container,
body.travel-city-body main.travel-page.wt-city-page > .wt-city-faq.container,
body.travel-city-body main.travel-page.wt-city-page > section:not(.container) > .container,
body.travel-city-body main.travel-page.wt-city-page > .wt-section > .container,
body.travel-city-body main.travel-page.wt-city-page > .travel-content-section > .container{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }

  /* City breadcrumbs must align exactly with all city sections. */
  

  /* Keep the travel topbar on the same tablet grid. */
  
}
/* END 20260720 HOME + CITY TABLET SECTION GRID UNIFICATION V2 */

/* 20260720 PURPOSE PAGE TABLET GRID UNIFICATION V3
   768px~1180px: all purpose-page breadcrumbs, topbar and main containers share one horizontal inset.
*/
@media (min-width: 768px) and (max-width: 1180px) {
  body.travel-purpose-body main.travel-page.wt-purpose-page .container{
    box-sizing: border-box !important;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }
}
/* END 20260720 PURPOSE PAGE TABLET GRID UNIFICATION V3 */

/* =========================================================
   2026-07-20 Global mobile breadcrumb visibility
   - 모든 페이지의 모바일 화면에서는 브레드크럼을 렌더 트리에서 제외합니다.
   - /post 브레드크럼은 태블릿 이상에서 화면 폭별 여백을 적용합니다.
========================================================= */
@media (max-width: 767px) {
  .breadcrumb{
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  
}

@media (min-width: 1024px) {
  
}

@media (min-width: 1440px) {
  
}


/* Survey entry copy on the destinations page */
.travel-page--destinations-index .destination-survey-intro{
  margin: 12px 0 0;
  max-width: 560px;
  color: rgba(0, 0, 0, 0.66);
  font-size: 16px;
  line-height: 1.7;
}

.travel-page--destinations-index .destination-survey-intro[hidden]{
  display: none;
}

body.is-survey-destination-selection .travel-section--destinations-archive .section-heading .eyebrow{
  letter-spacing: 0.08em;
}

@media (max-width: 767px) {
  .travel-page--destinations-index .destination-survey-intro{
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.65;
  }
}

/* BESTAYABLE_HOME_DESTINATION_IMAGE_SKELETON_V1
   Popular Destinations 이미지가 로드되기 전 카드 비율을 유지하면서
   흰색/쿨그레이 기반의 스켈레톤 시머를 표시합니다. */
body.travel-home-body .home-mood-card.is-loading{
  background: #f2f2f0 !important;
}

body.travel-home-body .home-mood-card.is-loading::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    #eeeeeb 8%,
    #f7f7f5 18%,
    #eeeeeb 33%
  );
  background-size: 220% 100%;
  animation: wtHomeDestinationSkeleton 1.35s ease-in-out infinite;
}

body.travel-home-body .home-mood-card.is-loading .home-mood-card__image{
  opacity: 0 !important;
}

body.travel-home-body .home-mood-card.is-loading::after{
  opacity: 0 !important;
}

body.travel-home-body .home-mood-card .home-mood-card__image{
  opacity: 1;
  transition: opacity .24s ease;
}

body.travel-home-body .home-mood-card.is-loading .home-mood-card__link{
  visibility: hidden;
}

@keyframes wtHomeDestinationSkeleton {
  0%{ background-position: 100% 0; }
  100%{ background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.travel-home-body .home-mood-card.is-loading::before{
    animation: none;
  }
}
/* End BESTAYABLE_HOME_DESTINATION_IMAGE_SKELETON_V1 */

/* BESTAYABLE_ALL_CITY_GUIDES_UNIFIED_BW_V27
   - every /travel-guide/ and /hotel-guide/ shares one layout grid
   - horizontal spacing matches /destinations/{city}/ pages
   - one black-and-white minimal component system across all cities
========================================================= */
body.wt-guide-body.wt-city-travel-guide-page,
body.wt-guide-body.wt-city-hotel-guide-page{
  --wt-guide-line: #111;
  --wt-guide-soft-line: #dedede;
  --wt-guide-muted: #5f5f5f;
  background: #fff !important;
  color: #111 !important;
}

/* Use the exact global city-page container width instead of the old 1120px guide-only grid. */
body.wt-guide-body.wt-city-travel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-travel-guide-page .footer.container,
body.wt-guide-body.wt-city-hotel-guide-page .footer.container{
  box-sizing: border-box;
  width: min(calc(100% - 32px), var(--container));
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: 0;
}



/* Match the city landing-page horizontal grid on tablet screens. */
@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-guide-body.wt-city-travel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-travel-guide-page .footer.container,
body.wt-guide-body.wt-city-hotel-guide-page .footer.container{
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-left: clamp(32px, 5vw, 56px);
    padding-right: clamp(32px, 5vw, 56px);
  }
}

/* A single hero treatment for both guide types and all cities. */
body.wt-guide-body.wt-city-travel-guide-page main.travel-page > :is(.wt-city-guide-hero, .wt-page-hero),
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page > :is(.wt-city-guide-hero, .wt-page-hero){
  padding-top: 30px !important;
  padding-bottom: clamp(38px, 6vw, 72px) !important;
  border-bottom: 1px solid var(--wt-guide-line) !important;
  background: #fff !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-hero__inner, .wt-page-hero__content),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-hero__inner, .wt-page-hero__content){
  max-width: 880px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-hero h1, .wt-page-hero h1),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-hero h1, .wt-page-hero h1){
  max-width: 880px !important;
  color: #000 !important;
  font-size: clamp(38px, 5vw, 62px) !important;
  font-weight: 600 !important;
  line-height:1.2;
  letter-spacing: -.052em !important;
  word-break: keep-all;
}

/* Full-width section grid, with readable article content inside it. */
body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-layout,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-layout{
  display: block !important;
}

body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-article,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-article{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section,
body.wt-guide-body.wt-city-travel-guide-page main.travel-page > .wt-section > .container,
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page > .wt-section > .container{
  border: 0 !important;
  border-top: 1px solid var(--wt-guide-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section{
  margin: 0 !important;
  padding: clamp(38px, 5vw, 64px) 0 !important;
}

body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section > *,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section > *{
  max-width: 880px;
}

body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section > :is(.wt-city-guide-table-wrap, .wt-table-wrap, .wt-seo-toc),
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section > :is(.wt-city-guide-table-wrap, .wt-table-wrap, .wt-seo-toc){
  max-width: 100%;
}

/* Snapshot and reusable cards: simple lines, no decorative shadows or radius. */
body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-snapshot,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-snapshot{
  padding-top: clamp(42px, 6vw, 72px) !important;
  padding-bottom: clamp(42px, 6vw, 72px) !important;
  margin-top: 0 !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-snapshot__grid article, .wt-purpose-quick-card, .wt-check-item, .wt-area-card, .destination-guide-link, .wt-hotel-card),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-snapshot__grid article, .wt-purpose-quick-card, .wt-check-item, .wt-area-card, .destination-guide-link, .wt-hotel-card){
  border: 1px solid var(--wt-guide-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-quote, blockquote, .wt-city-guide-reference, .wt-seo-toc__group, .wt-area-tabs, .wt-area-tab-panel, .wt-city-guide-related, .wt-cta-band, .wt-city-guide-survey-panel__link),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-quote, blockquote, .wt-city-guide-reference, .wt-seo-toc__group, .wt-area-tabs, .wt-area-tab-panel, .wt-city-guide-related, .wt-cta-band, .wt-city-guide-survey-panel__link){
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-heading, .wt-section-title, .wt-city-guide-subheading, .wt-city-guide-minor-heading),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-heading, .wt-section-title, .wt-city-guide-subheading, .wt-city-guide-minor-heading){
  color: #000 !important;
  line-height: 1.2;
  word-break: keep-all;
}

body.wt-guide-body.wt-city-travel-guide-page :is(p, li),
body.wt-guide-body.wt-city-hotel-guide-page :is(p, li){
  color: #444 !important;
}

body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-button--primary, .wt-btn--primary, .wt-city-button--primary, .wt-hotel-link),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-button--primary, .wt-btn--primary, .wt-city-button--primary, .wt-hotel-link){
  border-color: #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.wt-guide-body.wt-city-travel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page .container,
body.wt-guide-body.wt-city-travel-guide-page .footer.container,
body.wt-guide-body.wt-city-hotel-guide-page .footer.container{
    width: 100%;
    padding-inline: 0;
  }

  body.wt-guide-body.wt-city-travel-guide-page main.travel-page > :is(.wt-city-guide-hero, .wt-page-hero),
body.wt-guide-body.wt-city-hotel-guide-page main.travel-page > :is(.wt-city-guide-hero, .wt-page-hero){
    padding-top: 30px;
    padding-bottom: 34px !important;
  }

  body.wt-guide-body.wt-city-travel-guide-page :is(.wt-city-guide-hero h1, .wt-page-hero h1),
body.wt-guide-body.wt-city-hotel-guide-page :is(.wt-city-guide-hero h1, .wt-page-hero h1){
    font-size: 32px !important;
    line-height:1.2;
  word-break: keep-all;
  }

  body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section{
    padding: 34px 0 !important;
  }
}
/* End BESTAYABLE_ALL_CITY_GUIDES_UNIFIED_BW_V27 */

/* BESTAYABLE_GUIDE_COMPONENTS_BW_REFINEMENT_V28
   Removes the article child width cap and aligns the survey / related components
   with the shared black-and-white guide system across every city. */
body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-section > *,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-section > *{
  max-width: none !important;
}

/* Hotel-location survey panel */
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(22px, 4vw, 54px) !important;
  width: 100% !important;
  padding: clamp(26px, 3.7vw, 46px) !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content{
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__eyebrow{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content strong{
  color: #000 !important;
  font-size: clamp(22px, 2.5vw, 31px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -.035em !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__content span:not(.wt-city-guide-survey-panel__eyebrow){
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link:hover,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link:focus-visible{
  background: #f5f5f5 !important;
  color: #000 !important;
}

body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link:hover .wt-city-guide-survey-panel__button,
body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link:focus-visible .wt-city-guide-survey-panel__button{
  background: #fff !important;
  color: #000 !important;
}

/* Related guide section */
body.wt-guide-body main.travel-page .wt-city-guide-related.container{
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  align-items: start !important;
  gap: clamp(28px, 5vw, 72px) !important;
  width: min(calc(100% - 32px), var(--container));
  max-width: var(--container);
  margin: clamp(52px, 7vw, 92px) auto !important;
  padding: clamp(34px, 5vw, 62px) 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related.container > div:first-child{
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related.container .eyebrow{
  margin: 0 !important;
  color: #555 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related.container h2{
  margin: 0 !important;
  color: #000 !important;
  font-size: clamp(27px, 3.3vw, 42px) !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: -.045em !important;
  word-break: keep-all;
}

body.wt-guide-body main.travel-page .wt-city-guide-related.container p,
body.wt-guide-body main.travel-page .wt-city-guide-related.container span,
body.wt-guide-body main.travel-page .wt-city-guide-related.container strong{
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related.container > div:first-child p:not(.eyebrow){
  max-width: 520px;
  margin: 0 !important;
  color: #555 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a,
body.wt-guide-body main.travel-page .wt-city-guide-related__links a:visited,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a:visited,
body.wt-guide-body main.travel-page .wt-city-guide-related__card,
body.wt-guide-body main.travel-page .wt-city-guide-related__card:visited{
  display: grid !important;
  align-content: start !important;
  gap: 7px !important;
  min-width: 0 !important;
  min-height: 118px !important;
  padding: 20px !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: background-color .18s ease, color .18s ease !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a:hover,
body.wt-guide-body main.travel-page .wt-city-guide-related__links a:focus-visible,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a:hover,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a:focus-visible,
body.wt-guide-body main.travel-page .wt-city-guide-related__card:hover,
body.wt-guide-body main.travel-page .wt-city-guide-related__card:focus-visible{
  background: #000 !important;
  color: #fff !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a span,
body.wt-guide-body main.travel-page .wt-city-guide-related__links a strong,
body.wt-guide-body main.travel-page .wt-city-guide-related__links a p,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a span,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a strong,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a p,
body.wt-guide-body main.travel-page .wt-city-guide-related__card span,
body.wt-guide-body main.travel-page .wt-city-guide-related__card strong,
body.wt-guide-body main.travel-page .wt-city-guide-related__card p{
  color: #000 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a p,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a p,
body.wt-guide-body main.travel-page .wt-city-guide-related__card p{
  margin: 0 !important;
  color: #666 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a:hover *,
body.wt-guide-body main.travel-page .wt-city-guide-related__links a:focus-visible *,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a:hover *,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a:focus-visible *,
body.wt-guide-body main.travel-page .wt-city-guide-related__card:hover *,
body.wt-guide-body main.travel-page .wt-city-guide-related__card:focus-visible *{
  color: #fff !important;
}

body.wt-guide-body main.travel-page .wt-city-guide-related__links a::after,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a::after,
body.wt-guide-body main.travel-page .wt-city-guide-related__card::after{
  color: currentColor !important;
  opacity: 1 !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.wt-guide-body main.travel-page .wt-city-guide-related.container{
    width: 100% !important;
    padding-left: clamp(32px, 5vw, 56px) !important;
    padding-right: clamp(32px, 5vw, 56px) !important;
  }
}

@media (max-width: 767px) {
  body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__link{
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 24px 20px !important;
  }

  body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-survey-panel__button{
    width: 100% !important;
  }

  body.wt-guide-body main.travel-page .wt-city-guide-related.container{
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: calc(100% - 40px);
    margin: 42px auto 56px !important;
    padding: 34px 0 !important;
  }

  body.wt-guide-body main.travel-page .wt-city-guide-related__links,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid{
    grid-template-columns: 1fr !important;
  }

  body.wt-guide-body main.travel-page .wt-city-guide-related__links a,
body.wt-guide-body main.travel-page .wt-city-guide-related__grid a,
body.wt-guide-body main.travel-page .wt-city-guide-related__card{
    min-height: 0 !important;
    padding: 18px !important;
  }
}
/* End BESTAYABLE_GUIDE_COMPONENTS_BW_REFINEMENT_V28 */



/* V30: floating guide TOC opens in place instead of scrolling to the page-top TOC */
.wt-toc-floating-button.is-open{
  background: #111;
  border-color: #111;
  color: #fff;
}

.wt-toc-floating-backdrop{
  position: fixed;
  inset: 0;
  z-index: 88;
  background: rgba(0, 0, 0, 0.28);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.wt-toc-floating-backdrop.is-open{
  opacity: 1;
}

.wt-toc-floating-panel{
  position: fixed;
  right: max(20px, calc((100vw - 1180px) / 2 + 20px));
  bottom: 78px;
  z-index: 89;
  width: min(420px, calc(100vw - 40px));
  max-height: min(620px, calc(100vh - 120px));
  overflow: hidden;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.wt-toc-floating-panel.is-open{
  opacity: 1;
  transform: translateY(0) scale(1);
}

.wt-toc-floating-panel__head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px;
  border-bottom: 1px solid #111;
}

.wt-toc-floating-panel__eyebrow{
  display: block;
  margin-bottom: 6px;
  color: #666;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.wt-toc-floating-panel__title{
  margin: 0;
  color: #111;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.04em;
}

.wt-toc-floating-panel__close{
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  cursor: pointer;
}

.wt-toc-floating-panel__close span::before,
.wt-toc-floating-panel__close span::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 1px;
  background: currentColor;
}

.wt-toc-floating-panel__close span::before{
  transform: translate(-50%, -50%) rotate(45deg);
}

.wt-toc-floating-panel__close span::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.wt-toc-floating-panel__close:hover,
.wt-toc-floating-panel__close:focus-visible{
  background: #111;
  color: #fff;
}

.wt-toc-floating-panel__nav{
  display: grid;
  max-height: calc(min(620px, 100vh - 120px) - 76px);
  padding-bottom: 12px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.wt-toc-floating-panel__nav a{
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  color: #111;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.wt-toc-floating-panel__nav a:last-child{
  border-bottom: 0;
}

.wt-toc-floating-panel__nav a:hover,
.wt-toc-floating-panel__nav a:focus-visible{
  background: #111;
  color: #fff;
  outline: none;
}

.wt-toc-floating-panel__nav a:hover *,
.wt-toc-floating-panel__nav a:focus-visible *{
  color: inherit;
}

@media (min-width: 761px) {
  .wt-toc-floating-backdrop{
    background: transparent;
    pointer-events: none;
  }
}

@media (max-width: 760px) {
  .wt-toc-floating-panel{
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: min(78vh, 680px);
    border-width: 1px 0 0;
    transform: translateY(100%);
  }

  .wt-toc-floating-panel.is-open{
    transform: translateY(0);
  }

  .wt-toc-floating-panel__head{
    padding: 18px 20px;
  }

  .wt-toc-floating-panel__nav{
    max-height: calc(min(78vh, 680px) - 72px);
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }

  .wt-toc-floating-panel__nav a{
    padding: 16px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wt-toc-floating-panel,
.wt-toc-floating-backdrop{
    transition: none;
  }
}


/* 20260723 Mobile guide TOC progressive disclosure */
.wt-seo-toc-toggle{
  display: none;
}

@media (max-width: 767px) {
  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__columns{
    grid-template-columns: 1fr;
  }

  body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc a.wt-seo-toc__item--mobile-hidden,
body.wt-guide-body main.travel-page .wt-seo-toc-section[data-guide-toc] .wt-seo-toc__group.wt-seo-toc__group--mobile-empty{
    display: none;
  }

  .wt-seo-toc-toggle{
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 14px 18px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    background: #fff;
    color: #111;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
  }

  .wt-seo-toc-toggle::after{
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 160ms ease;
  }

  .wt-seo-toc-toggle[aria-expanded="true"]::after{
    transform: translateY(2px) rotate(225deg);
  }

  .wt-seo-toc-toggle:hover,
.wt-seo-toc-toggle:focus-visible{
    background: #f6f6f4;
  }
}
/* End mobile guide TOC progressive disclosure */

/* SEARCH RESULTS HEADER V2 — quiet, borderless search interface */
.wtsr-page .wtsr-search-header{
  position: sticky;
  top: 0;
  z-index: 80;
  width: 100%;
  border-bottom: 1px solid #ecece8;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.wtsr-page .wtsr-search-header__inner{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding-block: 12px;
}

.wtsr-page .wtsr-search-header__back{
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #111;
  cursor: pointer;
}

.wtsr-page .wtsr-search-header__back:hover{
  background: #f5f5f2;
}

.wtsr-page .wtsr-search-header__back svg{
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wtsr-page .wtsr-search-header__form{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px auto;
  align-items: center;
  min-width: 0;
  height: 50px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.wtsr-page .wtsr-search-header__form input{
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 0 10px 0 2px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-size: 17px;
  font-weight: 550;
  line-height: 1;
  box-shadow: none;
  caret-color: #111;
}

.wtsr-page .wtsr-search-header__form input::placeholder{
  color: #9a9a95;
  font-weight: 400;
}

.wtsr-page .wtsr-search-header__form input::-webkit-search-cancel-button,
.wtsr-page .wtsr-search-header__form input::-webkit-search-decoration{
  display: none;
  -webkit-appearance: none;
}

.wtsr-page .wtsr-search-header__clear{
  display: grid;
  width: 36px;
  height: 36px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f1f1ee;
  color: #555550;
  cursor: pointer;
}

.wtsr-page .wtsr-search-header__clear[hidden]{
  display: none;
}

.wtsr-page .wtsr-search-header__clear:hover{
  background: #e8e8e3;
  color: #111;
}

.wtsr-page .wtsr-search-header__clear svg{
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.wtsr-page .wtsr-search-header__submit{
  height: 38px;
  margin-left: 8px;
  padding: 0 4px 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

.wtsr-page .wtsr-search-header__submit:hover{
  color: #666661;
}

.wtsr-page .wtsr-search-header__back:focus-visible,
.wtsr-page .wtsr-search-header__clear:focus-visible,
.wtsr-page .wtsr-search-header__submit:focus-visible{
  outline: 2px solid #111;
  outline-offset: 2px;
}

.wtsr-page .wtsr-section{
  padding-top: clamp(38px, 5vw, 64px) !important;
}

.wtsr-page .wtsr-summary{
  align-items: center;
  margin-bottom: 18px;
  padding-bottom: 20px;
  border-bottom-width: 1px;
}

.wtsr-page .wtsr-summary__eyebrow{
  display: none;
}

.wtsr-page .wtsr-summary h2{
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.2;
  word-break: keep-all;
}

@media (max-width: 640px){
  .wtsr-page .wtsr-container{
    width: calc(100% - 32px);
  }

  .wtsr-page .wtsr-search-header__inner{
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 6px;
    min-height: 64px;
    padding-block: 7px;
  }

  .wtsr-page .wtsr-search-header__back{
    width: 40px;
    height: 40px;
  }

  .wtsr-page .wtsr-search-header__form{
    grid-template-columns: minmax(0, 1fr) 36px auto;
    height: 48px;
  }

  .wtsr-page .wtsr-search-header__form input{
    height: 48px;
    padding-left: 0;
    font-size: 16px;
  }

  .wtsr-page .wtsr-search-header__clear{
    width: 32px;
    height: 32px;
  }

  .wtsr-page .wtsr-search-header__submit{
    height: 36px;
    margin-left: 4px;
    padding-left: 8px;
    font-size: 13px;
  }

  .wtsr-page .wtsr-section{
    padding-top: 32px !important;
  }

  .wtsr-page .wtsr-summary{
    display: flex;
    gap: 12px;
    align-items: flex-end;
  }

  .wtsr-page .wtsr-summary h2{
    font-size: 25px;
  line-height: 1.2;
  word-break: keep-all;
  }

  .wtsr-page .wtsr-summary p{
    display: none;
  }

  .wtsr-page .wtsr-count{
    margin-top: 0;
    font-size: 12px;
  }
}

/* SEARCH FLOW V3 — landing search page + results state */
.wtsr-page .wtsr-landing[hidden],
.wtsr-page .wtsr-results-view[hidden]{display:none!important}
.wtsr-page .wtsr-landing{min-height:calc(100vh - 210px);background:#fff;color:#000}
.wtsr-page .wtsr-landing__panel{width:100%;min-height:calc(100vh - 210px);padding:max(28px,env(safe-area-inset-top)) clamp(20px,5vw,56px) 72px;box-sizing:border-box}
.wtsr-page .wtsr-landing__bar{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:center}
.wtsr-page .wtsr-landing__back{display:grid;width:46px;height:46px;padding:0;place-items:center;border:1px solid #000;background:#fff;color:#000;cursor:pointer}
.wtsr-page .wtsr-landing__back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wtsr-page .wtsr-landing__form{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;min-width:0;min-height:58px;border:1px solid #000;background:#fff}
.wtsr-page .wtsr-landing__form input{width:100%;min-width:0;height:56px;padding:0 18px;border:0;outline:0;background:transparent;color:#000;font:inherit;font-size:16px;font-weight:500;letter-spacing:-.035em;-webkit-appearance:none;appearance:none}
.wtsr-page .wtsr-landing__form input::-webkit-search-cancel-button,.wtsr-page .wtsr-landing__form input::-webkit-search-decoration{display:none;-webkit-appearance:none}
.wtsr-page .wtsr-landing__submit{width:86px;height:58px;margin:-1px -1px -1px 0;padding:0;border:0;background:#000;color:#fff;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.wtsr-page .wtsr-landing__content{width:min(1080px,100%);margin:clamp(72px,11vh,128px) auto 0;text-align:left}
.wtsr-page .wtsr-landing__content h1{max-width:760px;margin:0;color:#000;font-size:clamp(42px,5.2vw,64px);line-height:1.2;letter-spacing:-.06em;font-weight:600;
  word-break: keep-all;}
.wtsr-page .wtsr-landing__content .home-search-overlay__eyebrow{margin:0 0 18px;color:#000;font-size:13px;font-weight:600;line-height:1.2}
.wtsr-page .wtsr-landing__content .home-search-overlay__desc{max-width:620px;margin:22px 0 0;color:rgba(0,0,0,.62);font-size:16px;line-height:1.72;letter-spacing:-.035em}
.wtsr-page .wtsr-landing__content .home-search-overlay__quick{width:min(680px,100%);margin:34px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.wtsr-page .wtsr-landing__content .home-search-overlay__quick button{min-height:40px;padding:0 16px;border:1px solid #000;background:#fff;color:#000;font-size:13px;font-weight:600;cursor:pointer}
.wtsr-page .wtsr-landing__content .home-search-overlay__quick button:hover,.wtsr-page .wtsr-landing__content .home-search-overlay__quick button:focus-visible{background:#000;color:#fff}
.wtsr-page .wtsr-search-header__form{grid-template-columns:minmax(0,1fr) 40px 72px}
.wtsr-page .wtsr-search-header__submit{display:inline-flex;align-items:center;justify-content:center;width:72px;min-width:72px;height:40px;margin-left:8px;padding:0 16px;border:0;border-radius:0;background:#000;color:#fff;font-size:14px;font-weight:650;line-height:1;white-space:nowrap;word-break:keep-all;flex-shrink:0}
.wtsr-page .wtsr-search-header__submit:hover{background:#222;color:#fff}
@media(max-width:640px){
 .wtsr-page .wtsr-landing__panel{min-height:calc(100vh - 180px);padding:max(18px,env(safe-area-inset-top)) 16px 48px}
 .wtsr-page .wtsr-landing__bar{grid-template-columns:42px minmax(0,1fr);gap:10px}
 .wtsr-page .wtsr-landing__back{width:42px;height:42px}
 .wtsr-page .wtsr-landing__form{grid-template-columns:minmax(0,1fr) 64px;min-height:52px}
 .wtsr-page .wtsr-landing__form input{height:50px;padding:0 13px;font-size:16px}
 .wtsr-page .wtsr-landing__submit{width:64px;height:52px;font-size:13px}
 .wtsr-page .wtsr-landing__content{margin-top:64px}
 .wtsr-page .wtsr-landing__content h1{max-width:330px;font-size:clamp(36px,11vw,44px);line-height:1.2;
  word-break: keep-all;}
 .wtsr-page .wtsr-landing__content .home-search-overlay__eyebrow{margin-bottom:14px;font-size:12px}
 .wtsr-page .wtsr-landing__content .home-search-overlay__desc{max-width:330px;margin-top:18px;font-size:14px;line-height:1.68}
 .wtsr-page .wtsr-landing__content .home-search-overlay__quick{margin-top:28px;gap:8px}
 .wtsr-page .wtsr-landing__content .home-search-overlay__quick button{min-height:36px;padding:0 13px;font-size:12px}
 .wtsr-page .wtsr-search-header__form{grid-template-columns:minmax(0,1fr) 34px 60px}
 .wtsr-page .wtsr-search-header__submit{width:60px;min-width:60px;height:38px;margin-left:4px;padding:0 10px;font-size:13px}
}

/* SEARCH FLOW V4 — persistent search header + landing content only */
.wtsr-page .wtsr-landing{
  min-height:calc(100vh - 210px);
  padding:0 clamp(20px,5vw,56px) 72px;
  box-sizing:border-box;
}
.wtsr-page .wtsr-landing__content{
  width:min(1080px,100%);
  margin:clamp(72px,11vh,128px) auto 0;
}
@media(max-width:640px){
  .wtsr-page .wtsr-landing{
    min-height:calc(100vh - 180px);
    padding:0 16px 48px;
  }
  .wtsr-page .wtsr-landing__content{margin-top:64px}
}


/* SEARCH RESULT REFINEMENT V5 */
.wtsr-page .wtsr-search-header__back{
  width:24px;
  height:24px;
}

@media (max-width:640px){
  .wtsr-page .wtsr-search-header__back{
    width:24px;
    height:24px;
  }

  .wtsr-page .wtsr-search-header__clear{
    width:25px;
    height:25px;
  }

  .wtsr-page .wtsr-card__arrow{
    display:none!important;
  }
}

/* SEARCH RESULT CARD LAYOUT FIX V6 — index-free card structure */
.wtsr-page .wtsr-card__link{
  width:100%;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:24px;
}

.wtsr-page .wtsr-card__body{
  grid-column:1;
  min-width:0;
}

.wtsr-page .wtsr-card__arrow{
  grid-column:2;
  justify-self:end;
}

@media (max-width:640px){
  .wtsr-page .wtsr-card__link{
    display:block;
    width:100%;
    padding:24px 0 26px;
  }

  .wtsr-page .wtsr-card__body{
    width:100%;
  }

  .wtsr-page .wtsr-card__arrow{
    display:none!important;
  }
}


/* SEARCH PAGE POLISH V7 — stable controls, compact landing, card readability */
.wtsr-page .wtsr-search-header__clear[hidden]{
  display:grid;
  visibility:hidden;
  pointer-events:none;
}

.wtsr-page .wtsr-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  text-overflow:ellipsis;
}

.wtsr-page .wtsr-landing__content{
  margin-top:clamp(34px,5vw,56px);
}

@media (max-width:640px){
  .wtsr-page .wtsr-card h3{
    font-size:17px;
  }

  .wtsr-page .wtsr-landing__content{
    margin-top:28px;
  }
}

/* SEARCH PAGE REFINEMENT V8 — one-line excerpt, balanced rhythm, fixed submit position */
.wtsr-page .wtsr-search-header__form{
  position:relative;
  grid-template-columns:minmax(0,1fr) 72px;
  column-gap:8px;
}

.wtsr-page .wtsr-search-header__form input{
  grid-column:1;
  padding-right:48px;
}

.wtsr-page .wtsr-search-header__clear{
  position:absolute;
  top:50%;
  right:80px;
  z-index:2;
  transform:translateY(-50%);
}

.wtsr-page .wtsr-search-header__clear[hidden]{
  display:grid;
  visibility:hidden;
  pointer-events:none;
}

.wtsr-page .wtsr-search-header__submit{
  grid-column:2;
  width:72px;
  min-width:72px;
  margin-left:0;
  justify-self:end;
}

.wtsr-page .wtsr-section{
  padding-top:28px!important;
  padding-bottom:64px;
}

.wtsr-page .wtsr-shell{
  width:100%;
}

.wtsr-page .wtsr-results{
  display:grid;
  gap:0;
}

.wtsr-page .wtsr-card{
  margin:0;
}

.wtsr-page .wtsr-card__link{
  padding:22px 0 23px;
}

.wtsr-page .wtsr-card__meta{
  margin-bottom:7px;
}

.wtsr-page .wtsr-card h3{
  margin:0;
}

.wtsr-page .wtsr-card p{
  display:block;
  max-width:100%;
  margin:8px 0 0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}

.wtsr-page .wtsr-more{
  margin-top:28px;
}

@media (max-width:640px){
  .wtsr-page .wtsr-search-header__form{
    grid-template-columns:minmax(0,1fr) 60px;
    column-gap:4px;
  }

  .wtsr-page .wtsr-search-header__form input{
    padding-right:37px;
  }

  .wtsr-page .wtsr-search-header__clear{
    right:64px;
  }

  .wtsr-page .wtsr-search-header__submit{
    grid-column:2;
    width:60px;
    min-width:60px;
    margin-left:0;
  }

  .wtsr-page .wtsr-section{
    padding-top:18px!important;
    padding-bottom:48px;
  }

  .wtsr-page .wtsr-card__link{
    padding:18px 0 19px;
  }

  .wtsr-page .wtsr-card__meta{
    margin-bottom:6px;
  }

  .wtsr-page .wtsr-card p{
    margin-top:7px;
  }

  .wtsr-page .wtsr-more{
    margin-top:22px;
  }
}


/* SEARCH MOBILE GUTTER V9 — shared search icon + overflow-safe mobile layout */
.wtsr-page{
  overflow-x:hidden;
}

.wtsr-page .wtsr-search-header__form{
  grid-template-columns:minmax(0,1fr) 42px;
  column-gap:8px;
}

.wtsr-page .wtsr-search-header__form input{
  grid-column:1;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  padding-right:44px;
}

.wtsr-page .wtsr-search-header__clear{
  right:50px;
}

.wtsr-page .wtsr-search-header__submit,
.wtsr-page .wtsr-search-header__submit:hover,
.wtsr-page .wtsr-search-header__submit:focus-visible{
  grid-column:2;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  margin:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  flex:0 0 42px;
  border:1px solid #000;
  border-radius:999px;
  background:#fff;
  color:#000;
  box-shadow:none;
  font-size:0;
  line-height:0;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
}

.wtsr-page .wtsr-search-header__submit{
  transition:transform .18s ease,background-color .18s ease,color .18s ease;
}

.wtsr-page .wtsr-search-header__submit:hover,
.wtsr-page .wtsr-search-header__submit:focus-visible{
  background:#000;
  color:#fff;
  transform:translateY(-1px);
  outline:none;
}

.wtsr-page .wtsr-search-header__submit svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

.wtsr-page .wtsr-shell,
.wtsr-page .wtsr-results,
.wtsr-page .wtsr-card,
.wtsr-page .wtsr-card__link,
.wtsr-page .wtsr-card__body,
.wtsr-page .wtsr-card h3,
.wtsr-page .wtsr-card p{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

@media (max-width:640px){
  .wtsr-page .wtsr-container{
    width:auto!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:16px!important;
    box-sizing:border-box;
  }

  .wtsr-page .wtsr-search-header__inner{
    width:auto!important;
    grid-template-columns:24px minmax(0,1fr);
    gap:12px;
  }

  .wtsr-page .wtsr-search-header__form{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr) 42px;
    column-gap:8px;
  }

  .wtsr-page .wtsr-search-header__clear{
    right:50px;
  }

  .wtsr-page .wtsr-search-header__submit,
  .wtsr-page .wtsr-search-header__submit:hover,
  .wtsr-page .wtsr-search-header__submit:focus-visible{
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
  }

  .wtsr-page .wtsr-section{
    width:auto;
    padding-left:0!important;
    padding-right:0!important;
  }

  .wtsr-page .wtsr-card__link{
    width:100%;
    overflow:hidden;
  }

  .wtsr-page .wtsr-card h3{
    width:100%;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .wtsr-page .wtsr-card p{
    width:100%;
  }
}

/* SEARCH LANDING POPULAR KEYWORDS V10 */
.wtsr-page .wtsr-landing{
  min-height:calc(100vh - 210px);
  padding:0 clamp(20px,5vw,56px) 72px;
}

.wtsr-page .wtsr-landing__content{
  display:grid;
  gap:clamp(48px,6vw,76px);
  width:min(1080px,100%);
  margin:clamp(44px,6vw,72px) auto 0;
  text-align:left;
}

.wtsr-page .wtsr-popular-section{
  min-width:0;
}

.wtsr-page .wtsr-popular-section h2{
  margin:0 0 18px;
  color:#111;
  font-size:20px;
  font-weight:600;
  line-height: 1.2;
  letter-spacing:-.045em;
  word-break: keep-all;
}

.wtsr-page .wtsr-popular-keywords{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 8px;
}

.wtsr-page .wtsr-popular-keywords button{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  max-width:100%;
  min-width:0;
  min-height:46px;
  padding:11px 16px;
  border:1px solid #e4e4df;
  border-radius:0;
  background:#fff;
  color:#222;
  font:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:-.035em;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}

.wtsr-page .wtsr-popular-keywords button:hover,
.wtsr-page .wtsr-popular-keywords button:focus-visible{
  border-color:#111;
  background:#111;
  color:#fff;
}

.wtsr-page .wtsr-popular-keywords button:focus-visible{
  outline:2px solid #111;
  outline-offset:2px;
}


@media(max-width:640px){
  .wtsr-page .wtsr-landing{
    min-height:calc(100vh - 180px);
    padding:0 16px 48px;
  }

  .wtsr-page .wtsr-landing__content{
    gap:42px;
    margin-top:32px;
  }

  .wtsr-page .wtsr-popular-section h2{
    margin-bottom:14px;
    font-size:17px;
  line-height: 1.2;
  word-break: keep-all;
  }

  .wtsr-page .wtsr-popular-keywords{
    gap:8px 6px;
  }

  .wtsr-page .wtsr-popular-keywords button{
    min-height:42px;
    padding:9px 12px;
    font-size:13px;
  }
}


/* SEARCH UX REFINEMENT V13 */
.wtsr-page .wtsr-search-header__submit,
.wtsr-page .wtsr-search-header__submit:hover,
.wtsr-page .wtsr-search-header__submit:focus-visible{
  border-radius:0;
}

.wtsr-page .wtsr-empty,
.wtsr-page .wtsr-loading,
.wtsr-page .wtsr-error{
  padding:0;
  border-bottom:0;
}

.wtsr-page .wtsr-empty{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}

.wtsr-page .wtsr-empty__message,
.wtsr-page .wtsr-empty__example{
  display:block;
}

.wtsr-page .wtsr-empty__example{
  color:#777;
  font-size:14px;
}

/* BESTAYABLE_CITY_H1_HOME_H2_V16
   Desktop city hero heading and home section heading normalization. */
@media (min-width: 1024px) {
  body.travel-city-body .wt-city-hero h1,
  body.travel-purpose-body .wt-city-hero h1,
  body.travel-archive-body .wt-city-hero h1,
  body[class*="travel-city-body"] .wt-city-hero h1 {
    font-size: 56px !important;
    line-height:1.2;
    color: #000 !important;
  word-break: keep-all;
  }
}

body.travel-home-body main.travel-page.travel-home h2 {
  color: #333 !important;
  line-height: 1.2;
  word-break: keep-all;
}
/* END BESTAYABLE_CITY_H1_HOME_H2_V16 */
/* Global Korean text wrapping */
p,
strong {
  word-break: keep-all;
}


/* Hotel location survey viewport-height refinement */
@media (min-width: 768px){
  body.wt-location-survey-page{
    min-height:100dvh;
    overflow:hidden;
  }
  .wt-location-page{
    min-height:100dvh;
    max-height:100dvh;
    overflow:hidden;
  }
  .wt-location-page .wt-location-shell{
    max-height:calc(100dvh - 48px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}
@media (max-width: 767px){
  .wt-location-page .wt-location-shell{
    max-height:none;
  }
}

/* 2026-07-25: survey viewport height, city dynamic section spacing, skeleton loading */
@media (min-width: 768px) {
  .wt-location-page {
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }

  .wt-location-page .wt-location-shell {
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 767px) {
  .wt-location-page,
  .wt-location-page .wt-location-shell {
    max-height: none;
    overflow: visible;
  }
}

body.travel-city-body #hotel-posts,
body.travel-city-body #travel-contents {
  padding-left: 0;
  padding-right: 0;
}

.wt-loading-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

.wt-loading-skeleton-list {
  display: grid;
  gap: 0;
  width: 100%;
}

.wt-loading-skeleton-card,
.wt-loading-skeleton-row {
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
}

.wt-loading-skeleton-card {
  min-height: 360px;
  border: 1px solid #e4e4e4;
}

.wt-loading-skeleton-row {
  min-height: 128px;
  border-top: 1px solid #e4e4e4;
}

.wt-loading-skeleton-row:last-child {
  border-bottom: 1px solid #e4e4e4;
}

.wt-loading-skeleton-card::after,
.wt-loading-skeleton-row::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.72) 48%, transparent 100%);
  animation: wtSkeletonShimmer 1.25s ease-in-out infinite;
}

@keyframes wtSkeletonShimmer {
  100% { transform: translateX(100%); }
}

@media (max-width: 900px) {
  .wt-loading-skeleton-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .wt-loading-skeleton-grid {
    grid-template-columns: 1fr;
  }
  .wt-loading-skeleton-card {
    min-height: 300px;
  }
}

/* 2026-07-25: survey viewport height, city dynamic section spacing, skeleton loading */
@media (min-width: 768px) {
  .wt-location-page { min-height: 100dvh; display: flex; align-items: center; }
  .wt-location-page .wt-location-shell { max-height: calc(100dvh - 48px); overflow-y: auto; overflow-x: hidden; }
}
@media (max-width: 767px) {
  .wt-location-page, .wt-location-page .wt-location-shell { max-height: none; overflow: visible; }
}
body.travel-city-body #hotel-posts,
body.travel-city-body #travel-contents { padding-left: 0; padding-right: 0; }
.wt-loading-skeleton-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; }
.wt-loading-skeleton-list { display:grid; gap:0; width:100%; }
.wt-loading-skeleton-card,.wt-loading-skeleton-row { position:relative; overflow:hidden; background:#f2f2f2; }
.wt-loading-skeleton-card { min-height:360px; border:1px solid #e4e4e4; }
.wt-loading-skeleton-row { min-height:128px; border-top:1px solid #e4e4e4; }
.wt-loading-skeleton-row:last-child { border-bottom:1px solid #e4e4e4; }
.wt-loading-skeleton-card::after,.wt-loading-skeleton-row::after { content:""; position:absolute; inset:0; transform:translateX(-100%); background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 48%,transparent 100%); animation:wtSkeletonShimmer 1.25s ease-in-out infinite; }
@keyframes wtSkeletonShimmer { 100% { transform:translateX(100%); } }
@media (max-width:900px) { .wt-loading-skeleton-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .wt-loading-skeleton-grid { grid-template-columns:1fr; } .wt-loading-skeleton-card { min-height:300px; } }

/* Hotel location survey: viewport-bound app height (actual DOM target) */
@media (min-width: 768px) {
  body.wt-location-survey-page--app {
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  body.wt-location-survey-page--app main.wt-location-page.wt-location-app {
    min-height: 100dvh;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  body.wt-location-survey-page--app .wt-app-container {
    height: min(820px, calc(100dvh - 48px));
    max-height: calc(100dvh - 48px);
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  body.wt-location-survey-page--app,
  body.wt-location-survey-page--app main.wt-location-page.wt-location-app {
    min-height: 100dvh;
    height: auto;
    overflow: visible;
  }

  body.wt-location-survey-page--app .wt-app-container {
    height: 100dvh;
    max-height: none;
  }
}

/* 2026-07-26: city dynamic-section skeletons match final card/list layout */
body.travel-city-body #hotel-posts .wt-loading-skeleton-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  min-width: 0;
}

body.travel-city-body #hotel-posts .wt-loading-skeleton-card {
  display: flex;
  min-width: 0;
  min-height: 430px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  background: #fff;
}

body.travel-city-body #hotel-posts .wt-loading-skeleton-card__media {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #ededed;
}

body.travel-city-body #hotel-posts .wt-loading-skeleton-card__body {
  display: flex;
  min-height: 205px;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 13px;
  padding: 22px;
}

.wt-loading-skeleton-line,
.wt-loading-skeleton-button,
.wt-loading-skeleton-row__arrow,
.wt-loading-skeleton-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #ededed;
}

.wt-loading-skeleton-line::after,
.wt-loading-skeleton-button::after,
.wt-loading-skeleton-row__arrow::after,
.wt-loading-skeleton-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.76) 48%, transparent 100%);
  animation: wtSkeletonShimmer 1.25s ease-in-out infinite;
}

.wt-loading-skeleton-line { height: 12px; }
.wt-loading-skeleton-line--meta { width: 34%; height: 10px; }
.wt-loading-skeleton-line--title { width: 88%; height: 25px; margin-top: 2px; }
.wt-loading-skeleton-line--text { width: 100%; }
.wt-loading-skeleton-line--short { width: 68%; }
.wt-loading-skeleton-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
}
.wt-loading-skeleton-button { width: 98px; height: 38px; }
.wt-loading-skeleton-button--small { width: 38px; border-radius: 50%; }

body.travel-city-body #travel-contents .wt-loading-skeleton-list {
  display: grid;
  width: 100%;
  gap: 0;
}

body.travel-city-body #travel-contents .wt-loading-skeleton-row {
  display: flex;
  min-height: 112px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 10px;
  border: 0;
  border-top: 1px solid #e4e4e4;
  background: transparent;
}
body.travel-city-body #travel-contents .wt-loading-skeleton-row:last-child {
  border-bottom: 1px solid #e4e4e4;
}
body.travel-city-body #travel-contents .wt-loading-skeleton-row__content {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
}
.wt-loading-skeleton-line--row-meta { width: 120px; height: 9px; }
.wt-loading-skeleton-line--row-title { width: min(520px, 76%); height: 22px; }
.wt-loading-skeleton-line--row-text { width: min(680px, 92%); height: 11px; }
body.travel-city-body #travel-contents .wt-loading-skeleton-row__arrow {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
}

body.travel-city-body #hotel-posts .section-heading > div > h2:last-child,
body.travel-city-body #travel-contents .section-heading > div > h2:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1100px) {
  body.travel-city-body #hotel-posts .wt-loading-skeleton-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.travel-city-body #hotel-posts .wt-loading-skeleton-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.travel-city-body #hotel-posts .wt-loading-skeleton-card {
    min-height: 380px;
  }
  body.travel-city-body #hotel-posts .wt-loading-skeleton-card__body {
    min-height: 180px;
    padding: 20px;
  }
  body.travel-city-body #travel-contents .wt-loading-skeleton-row {
    min-height: 96px;
    gap: 14px;
    padding: 18px 10px;
  }
  .wt-loading-skeleton-line--row-title { width: 88%; height: 19px; }
  .wt-loading-skeleton-line--row-text { width: 96%; }
  body.travel-city-body #travel-contents .wt-loading-skeleton-row__arrow {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }
}

/* V20260726: city kicker line, hotel card spacing, and detail action alignment */
body.travel-city-body .wt-city-kicker::before,
body.travel-purpose-body .wt-city-kicker::before,
body.travel-purpose-body .wt-section-kicker::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  margin: 0 10px 4px 0;
  background: currentColor;
}

body.travel-city-body #hotel-posts .hotel-tabs__footer{
  margin-top: 36px;
}

body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__body > .travel-card__description + .text-link,
body.travel-destination-detail-body #hotel-posts .hotel-card .travel-card__body > .travel-card__description + .text-link,
body.travel-archive-body .hotel-card .travel-card__body > .travel-card__description + .text-link{
  margin-top: 24px;
}

body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .text-link,
body.travel-destination-detail-body #hotel-posts .hotel-card .text-link,
body.travel-archive-body .hotel-card .text-link{
  margin-left: auto;
}

@media (max-width: 767px){
  body.travel-city-body #hotel-posts .hotel-tabs__footer{
    margin-top: 28px;
  }
}

/* BESTAYABLE_CITY_GUIDE_KICKER_AND_MOBILE_HOTEL_SCROLL_V2
   - 도시 메인 관련 가이드 kicker를 wt-city-kicker로 통일
   - 모바일 Hotel Picks의 실제 카드와 스켈레톤을 같은 가로 스크롤 흐름으로 표시
========================================================= */
body.travel-city-body .wt-city-start-guides .wt-city-kicker {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 14px;
}

@media (max-width: 767px) {
  body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card-grid--hotels {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
  }

  body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card-grid--hotels > .travel-card.hotel-card {
    flex: 0 0 min(84vw, 330px) !important;
    width: min(84vw, 330px) !important;
    max-width: min(84vw, 330px) !important;
    min-width: min(84vw, 330px) !important;
    height: auto !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  /* 스켈레톤 래퍼를 레이아웃 박스에서 제외해 각 스켈레톤 카드가
     실제 호텔 카드와 동일한 flex item으로 동작하도록 한다. */
  body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card-grid--hotels > .wt-loading-skeleton-grid {
    display: contents !important;
  }

  body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card-grid--hotels .wt-loading-skeleton-card {
    flex: 0 0 min(84vw, 330px) !important;
    width: min(84vw, 330px) !important;
    max-width: min(84vw, 330px) !important;
    min-width: min(84vw, 330px) !important;
    height: auto !important;
    min-height: 380px !important;
    scroll-snap-align: start;
  }

  body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-tab-panel,
  body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-tabs,
  body.travel-city-body:not(.travel-archive-body) #hotel-posts .wt-city-static-posts {
    min-width: 0;
    max-width: 100%;
  }
}
/* End BESTAYABLE_CITY_GUIDE_KICKER_AND_MOBILE_HOTEL_SCROLL_V2 */


/* BESTAYABLE_CITY_GUIDE_800PX_V7 */
@media (min-width: 1181px) {
  body.wt-guide-body.wt-city-travel-guide-page .wt-city-guide-layout.container,
  body.wt-guide-body.wt-city-hotel-guide-page .wt-city-guide-layout.container {
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}


/* BESTAYABLE_HOME_EYEBROW_LINE_V1 */
body.travel-home-body .travel-section--destination-hub .eyebrow::before,
body.travel-home-body .wt-home-start-guides .eyebrow::before{
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  margin: 0 10px 4px 0;
  background: currentColor;
}
/* END BESTAYABLE_HOME_EYEBROW_LINE_V1 */

/* BESTAYABLE_HOME_START_GUIDES_V1 */
body.travel-home-body .wt-home-start-guides{
  background: #fff;
}

body.travel-home-body .wt-home-start-guides .wt-section-head{
  margin-bottom: 32px;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide-list{
  border-top: 1px solid #cfcfcb;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: start;
  gap: 24px;
  padding: 34px 0;
  border-bottom: 1px solid #dedede;
  color: #111;
  text-decoration: none;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content{
  display: grid;
  gap: 10px;
  min-width: 0;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content strong{
  width: fit-content;
  color: #111;
  font-size: clamp(21px, 2.25vw, 28px);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.04em;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .2s ease;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content > span{
  max-width: 690px;
  color: #666;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -.022em;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content em{
  margin-top: 7px;
  color: #111;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.02em;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__arrow{
  justify-self: end;
  color: #111;
  font-size: 24px;
  line-height: 1;
  transition: transform .2s ease;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide:hover .wt-firsttrip-guide__content strong,
body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__content strong{
  background-size: 100% 1px;
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide:hover .wt-firsttrip-guide__arrow,
body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide:focus-visible .wt-firsttrip-guide__arrow{
  transform: translateX(4px);
}

body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide:focus-visible{
  outline: 2px solid #111;
  outline-offset: 6px;
}

@media (max-width: 767px){
  body.travel-home-body .wt-home-start-guides > .container{
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  body.travel-home-body .wt-home-start-guides .wt-section-head{
    margin-bottom: 26px;
  }

  body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide{
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 14px;
    padding: 27px 0;
  }

  body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content strong{
    font-size: 21px;
  }

  body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__content > span{
    font-size: 14px;
  }

  body.travel-home-body .wt-home-start-guides .wt-firsttrip-guide__arrow{
    font-size: 21px;
  }
}
/* END BESTAYABLE_HOME_START_GUIDES_V1 */


/* BESTAYABLE_SURVEY_RESULT_TAB_AND_BADGE_FIX_V1
   - result-badge 최종 폰트 크기 17px
   - 결과 상세 탭 메뉴 왼쪽 정렬
========================================================= */
body.wt-location-survey-page--app .result-badge,
body.wt-location-survey-page--app .detailed-info-section .result-badge,
body.wt-location-survey-page--app .result-upper-section .result-badge{
  font-size: 17px !important;
}

body.wt-location-survey-page--app #resultPage .tab-menu-container,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-menu-container{
  justify-content: flex-start !important;
  text-align: left !important;
}

body.wt-location-survey-page--app #resultPage .tab-menu-list,
body.wt-location-survey-page--app #resultPage.is-detail-open .detailed-info-section .tab-menu-list{
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
/* END BESTAYABLE_SURVEY_RESULT_TAB_AND_BADGE_FIX_V1 */

body.wt-location-survey-page--app .tab-btn[hidden],
body.wt-location-survey-page--app #relatedPostSection[hidden]{
  display: none !important;
}

/* BESTAYABLE_BREADCRUMB_HERO_SPACING_V111
   Breadcrumb 아래 도시 메인 및 목적별 페이지 hero 상단 간격을 40px로 통일
========================================================= */
.breadcrumbs.container + main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
main.travel-page.wt-city-page > .wt-city-hero.container:first-child,
.travel-page.wt-city-page > .wt-city-hero.container:first-child {
  padding-top: 40px !important;
}

main.travel-page.wt-purpose-page > .wt-page-hero:first-child,
.travel-page.wt-purpose-page > .wt-page-hero:first-child,
main.travel-page.wt-purpose-page .wt-page-hero,
.travel-page.wt-purpose-page .wt-page-hero {
  padding-top: 40px !important;
}
/* End BESTAYABLE_BREADCRUMB_HERO_SPACING_V111 */


/* ADMIN_CITY_DRAFT_HOTEL_CARD_V1 */
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card .travel-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

body.travel-city-body:not(.travel-archive-body) #hotel-posts .travel-card__draft-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid rgba(23, 76, 120, 0.22);
  border-radius: 999px;
  background: rgba(96, 165, 250, 0.14);
  color: #174c78;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

/* 20260731 Hotel pick label on travel card image */
body.travel-archive-body .hotel-card.travel-card--clickable .travel-card__media,
body.travel-city-body:not(.travel-archive-body) #hotel-posts .hotel-card.travel-card--clickable .travel-card__media,
body.travel-destination-detail-body #hotel-posts .hotel-card.travel-card--clickable .travel-card__media{
  position: relative;
}

.travel-card__pick-label{
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 32px);
  min-height: 38px;
  padding: 9px 14px;
  overflow: hidden;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  pointer-events: none;
}

@media (max-width: 767px){
  .travel-card__pick-label{
    top: 12px;
    left: 12px;
    max-width: calc(100% - 24px);
    min-height: 34px;
    padding: 8px 12px;
    font-size: 13px;
  }
}


/* BESTAYABLE_CITY_ADMIN_HERO_BUTTON_FAIL_CLOSED_V2 */
body.travel-city-body .wt-city-hero__actions [data-admin-city-content="hotel-button"][hidden],
body.travel-city-body .wt-city-hero__actions a[href="#hotel-posts"][hidden]{
  display: none !important;
}

/* HOME_TRAVEL_BY_MOOD_ADMIN_SCROLL_V1 */
body.travel-home-body .travel-section--home-moods{
  overflow: hidden;
}

body.travel-home-body .travel-section--home-moods .section-heading{
  margin-bottom: 24px;
}

body.travel-home-body .home-travel-mood-scroll{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: #111 transparent;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}

body.travel-home-body .home-travel-mood-scroll:focus-visible{
  outline: 1px solid #111;
  outline-offset: 6px;
}

body.travel-home-body .home-travel-mood-scroll::-webkit-scrollbar{
  height: 5px;
}

body.travel-home-body .home-travel-mood-scroll::-webkit-scrollbar-track{
  background: transparent;
}

body.travel-home-body .home-travel-mood-scroll::-webkit-scrollbar-thumb{
  background: #111;
  border-radius: 0;
}

body.travel-home-body .home-travel-mood-track{
  display: flex;
  width: max-content;
  min-width: 100%;
  gap: 14px;
  padding: 0 0 18px;
}

body.travel-home-body .home-travel-mood-card{
  position: relative;
  display: flex;
  flex: 0 0 292px;
  min-height: 210px;
  padding: 22px;
  border: 1px solid #111;
  background: #fff;
  color: #111;
  text-decoration: none;
  scroll-snap-align: start;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

body.travel-home-body .home-travel-mood-card::after{
  content: "";
  position: absolute;
  right: 22px;
  bottom: 22px;
  width: 7px;
  height: 7px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}

body.travel-home-body .home-travel-mood-card__index{
  font-size: 12px;
  line-height: 1;
  letter-spacing: .12em;
}

body.travel-home-body .home-travel-mood-card__line{
  display: block;
  width: 100%;
  height: 1px;
  margin: 18px 0 auto;
  background: currentColor;
}

body.travel-home-body .home-travel-mood-card strong{
  display: block;
  max-width: 220px;
  margin-top: 28px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.025em;
}

body.travel-home-body .home-travel-mood-card__foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-right: 18px;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body.travel-home-body .home-travel-mood-card--linked{
  transition: background-color .2s ease, color .2s ease;
}

body.travel-home-body .home-travel-mood-card--linked:hover,
body.travel-home-body .home-travel-mood-card--linked:focus-visible{
  background: #111;
  color: #fff;
}

body.travel-home-body .home-travel-mood-card--linked:focus-visible{
  outline: 2px solid #111;
  outline-offset: 3px;
}

body.travel-home-body .home-travel-mood-card--placeholder{
  border-color: #9a9a9a;
  color: #555;
  cursor: default;
}

@media (max-width: 767px){
  body.travel-home-body .home-travel-mood-track{
    gap: 12px;
  }

  body.travel-home-body .home-travel-mood-card{
    flex-basis: min(78vw, 280px);
    min-height: 196px;
    padding: 20px;
  }

  body.travel-home-body .home-travel-mood-card::after{
    right: 20px;
    bottom: 20px;
  }

  body.travel-home-body .home-travel-mood-card strong{
    font-size: 19px;
  }
}


/* PURPOSE_HOTEL_CARD_V1
   Shared line-card component for all city purpose pages. */
.wt-purpose-page #hotels .wt-purpose-hotel-card-grid{
  display: flex;
  grid-template-columns: none;
  align-items: stretch;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-top: 4px;
  padding-bottom: 16px;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card{
  flex: 0 0 360px;
  width: 360px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  background: #fff;
  color: #111;
}

.wt-purpose-page #hotels a.wt-purpose-hotel-card{
  text-decoration: none;
}

.wt-purpose-page #hotels a.wt-purpose-hotel-card:focus-visible{
  outline: 2px solid #111;
  outline-offset: 3px;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card *,
.wt-purpose-page #hotels .wt-purpose-hotel-card *::before,
.wt-purpose-page #hotels .wt-purpose-hotel-card *::after{
  box-sizing: border-box;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__media{
  position: relative;
  flex: 0 0 240px;
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  background: #f5f5f5;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__badge{
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  max-width: calc(100% - 32px);
  padding: 5px 10px;
  overflow: hidden;
  border: 1px solid #111;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .12em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__content{
  flex: 1 1 auto;
  min-height: 0;
  padding: 28px 24px;
  background: #fff;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__category-wrap{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 14px;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__category-line{
  flex: 0 0 20px;
  width: 20px;
  height: 1px;
  background: #111;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__category{
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #666;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .16em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__title{
  display: -webkit-box;
  min-height: 58px;
  max-height: 58px;
  margin: 0 0 20px;
  overflow: hidden;
  color: #111;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__specs{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 45px;
  padding: 14px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__chip{
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  color: #666;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -.02em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__divider{
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 14px;
  background: #d9d9d9;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__footer{
  flex: 0 0 52px;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  border-top: 1px solid #d9d9d9;
  background: #fff;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__rating{
  flex: 0 0 40%;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  border-right: 1px solid #d9d9d9;
  color: #111;
  font-size: 12.5px;
  line-height: 1;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__star-grade{
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__rating-divider{
  color: #d9d9d9;
  font-size: 11px;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__score{
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
  font-weight: 600;
  letter-spacing: .02em;
  white-space: nowrap;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__score svg{
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  fill: #111;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__score span{
  overflow: hidden;
  text-overflow: ellipsis;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__cta{
  flex: 0 0 60%;
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: #fff;
  color: #111;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .03em;
  text-decoration: none;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__cta svg{
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  stroke: #111;
}

.wt-purpose-page #hotels .wt-purpose-hotel-card__cta:focus-visible{
  outline: 1px solid #111;
  outline-offset: -4px;
}

@media (max-width: 380px){
  .wt-purpose-page #hotels .wt-purpose-hotel-card{
    flex-basis: 360px;
    width: 360px;
  }
}